/*----- Boxes with lists ----- */
#subcontent dl,
#subcontent .box,
#sidebar dl,
#sidebar .box    
{
    border-style: solid;
    border-width: 1px;
    padding: 0;
    padding-bottom: 10px;
    margin: 0 7px 15px;
}
#subcontent .box dl,
#sidebar .box dl
{
    border:0;
    padding:0;
    margin:0;
}
#subcontent dl dt,
#sidebar dl dt
{
    font-weight:bold;
    font-size: 90%;
    padding: 5px 0 10px 10px;
}
#subcontent dl dd,
#sidebar dl dd  
{
    margin-left: 10px;
    font-size: 85%;
    margin-bottom: 0.3em;
    padding-right: 10px;
}
#container #subcontent .related_links dt,
#container #sidebar .related_links dt
{
    font-weight: normal;
    font-size: 90%;
    padding-left: 5px;
    padding-bottom: 0;
}
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
------ Start of Whats new box -----------------------------------------------
----------------------------------------------------------------
--------------------------------------------------------------- */
#container #subcontent .whatsnew dt,
#container #sidebar .whatsnew dt,
#container #subcontent .roadmap dt

{
    padding: 0.4em 0 1em 10px;
    /*font-size:110%;*/
    border-bottom: none;
    /*font-family: "Times New Roman", serif;*/
}
/* ------ End of Whats new box ---------------------------------
----------------------------------------------------------------
--------------------------------------------------------------- 
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
#subcontent .banner {
    position: relative;
    margin: 0 auto 1em auto;
    text-align: center;
    padding: 0;
    width:15.4em;
    _width:200px;
    border-width: 1px;
    border-style:solid;
    height:170px;
}
/* -----------------Sidebar banner RS1 Start --------------*/
#subcontent .banner a {
    display: block;
    width:15.25em;
    height: 168px;
    color: #fff;
    text-indent: -50000px;
    border: solid 1px #fff;
    padding:0;
    margin:0;
    outline:none;
    }
#subcontent .banner.offer{
    height: 108px!important;
    overflow: hidden;
}
 #container #subcontent .banner.centaur a{
   text-indent: 0;
    height:auto;
    width:auto;
    display:inline;
    border:0;
}


/*Half banner*/

#subcontent .hbanner {
    position: relative;
    margin: 0 auto 1em auto;
    text-align: center;
    padding: 0;
    width:15.4em;
    _width:200px;
    border-width: 1px;
    border-style:solid;
    height:70px;
}
/* -----------------Sidebar banner RS1 Start --------------*/
#subcontent .hbanner a {
    display: block;
    width:15.25em;
    height: 68px;
    color: #fff;
    text-indent: -50000px;
    border: solid 1px #fff;
    padding:0;
    margin:0;
    outline:none;
    }

/* new download button for sidebar */
/*#subcontent dl.sb-download{
    border: 0;
    padding: 0;
    padding-left: 7px;
    height: 50px;
    margin-bottom: 7px;
    background: url("/ruby/nextversion/../../styles2/../img/buttons/tc-download.gif") no-repeat 0 -50px;
}
#subcontent dl.sb-download dd{
    padding:0;
    margin:0;
    height: 50px;
    background: url("/ruby/nextversion/../../styles2/../img/buttons/tc-download.gif") no-repeat right 0;
}

#subcontent dl.sb-download dd a{
    padding:0;
    margin:0;
    display: block;
    height: 40px;
    text-indent: -9000em;
    border: 0;
}*/
#subcontent dl.sb-download-b{
    border: 0;
    padding: 0;
    padding-left: 9px;
    margin-bottom: 1.3em;
    background: url("/ruby/nextversion/../../styles2/../img/buttons/sb-download.gif") no-repeat 0 -61px;
    display: block!important;
}
#subcontent dl.sb-download-b dd{
    display: block!important;
    padding:0;
    margin:0;
}
body.rs #subcontent dl.sb-download-b{
    background-image: url("/ruby/nextversion/../../styles2/../img/buttons/sb-download-rs.gif");
}
body.rs #subcontent dl.sb-download-b dd a{
    background-image: url("/ruby/nextversion/../../styles2/../img/buttons/sb-download-rs.gif");
}

#subcontent dl.sb-download-b dd a{
    font-family: Tahoma, "Trebuchet MS", Arial, sans-serif;
    font-weight: bold;
    font-size: 11px;
    cursor: pointer;
    border: 0;
    color: #3250b5;
    background: url("/ruby/nextversion/../../styles2/../img/buttons/sb-download.gif") no-repeat right 0;

    padding:0;
    padding-top: 38px;
    padding-left: 3px;
    display: block;
    margin:0;
}
/* screenshots tour */
.box.screenshots{
    height: 120px!important;
    overflow: hidden!important;
    padding: 0;
    margin: auto;
    }
.box.screenshots dd{
}
.box.screenshots dt{
    position: relative;
    width: 98%;
    height: 125px;
    padding: 0!important;
}
.box.screenshots dt a span{
    display: block;
    width: 60%;
    background-color: white;
    margin: 45px auto 0 auto;
    padding: 5px 10px;
    border: 1px solid #2277d9;
}

.box.screenshots dt a, .box.screenshots dt a:hover{
    font-size: 110%;
    display: block;
    position:absolute;
    width: 100%;
    height: 125px;
    cursor: pointer;
    text-align: center;
    border: 0!important;
}
.TeamCity .box.screenshots dt a, .TeamCity .box.screenshots dt a:hover{
    background: url("/ruby/nextversion/../../styles2/../teamcity/features/screenshots/tour/thumbnail.gif") no-repeat 0 0;
}
.mps .box.screenshots dt a, .mps .box.screenshots dt a:hover{
    background: url("/ruby/nextversion/../../styles2/../mps/docs/tutorial/thumbnail.gif") no-repeat 0 0;
}

body.dt #subcontent dl.contact, body.dotcover #subcontent dl.contact {
    margin: 0 10px 1em 10px;
    border: none;
}
body.dt #subcontent dl.contact dt, body.dotcover #subcontent dl.contact dt {
    padding: .2em .8em;
    color: #757575;
    font-weight: normal;
}
body.dt #subcontent dl.contact dd, body.dotcover #subcontent dl.contact dd {
    margin: 0 0 .3em 0;
    padding: .5em .8em;
    color: #000;
    background-color: #f5f5f5;
}

/* small inline 'new' icon */
.newinside {
    background: url("/ruby/nextversion/../../styles2/../img/small_bullet_new2.gif") no-repeat right 4px;
    padding-right: 19px;
    border: 0;
}

/* special contact form */
#container .question {
    background: white url("/ruby/nextversion/../../styles2/../img/icons/question-smaller.gif") no-repeat 0 3px;
    border-bottom: 1px solid #e0e4f3;
    padding: 0 5px 3px 20px;
    display: block;
}

#container .question a {
    color: #5f77a2;
}

#container .call {
    background: url("/ruby/nextversion/../../styles2/../img/icons/phone.gif") no-repeat 0 2px;
    border-bottom: 1px solid #e0e4f3;
    padding: 0 5px 3px 20px;
    display: block;
}

/* customer quotes */
#container .quote {
    background: url("/ruby/nextversion/../../styles2/../img/quote_top.gif") no-repeat 10px top;
    padding: 10px 5px 0 15px;
    margin-bottom: 10px;
    line-height: 1.4em;
}

#container .quote p {
    font-size: 86%;
}

#container .quote p.text {
    text-indent: 10px;
}

#container .quote p.author {
    background: url("/ruby/nextversion/../../styles2/../img/quote_bottom.gif") no-repeat right bottom;
    text-align: right;
    padding-bottom: 1em;
}

/* buy pages extentions */
dl.buy dd.addquot {
    background: url("/ruby/nextversion/../../styles2/../img/addquote_sb.gif") no-repeat 4px 40%;
}

dl.buy dd.addcart {
    background: url("/ruby/nextversion/../../styles2/../img/cart_bw.gif") no-repeat 0 40%;
}

/*- headers on the feature pages -*/
#training h4 {
    border-bottom: 1px solid #CCCCCC;
    padding-bottom: 0.15em;
}

.feature h4 {
    display: block;
    padding: 0 0 0 2.2em;
    margin-bottom: 1em;
    background: #F0F0F0 url("/ruby/nextversion/../../styles2/../img/bullet.gif") no-repeat 0.5em 6px;
    font-size: 86%;
    font-weight: bold;
    letter-spacing: 1px;
}

.feature h4.new {
    background: url("/ruby/nextversion/../../styles2/../img/new_feature_rs.gif") no-repeat 0 0.45em;
    padding: 0.9em 0.3em 0.9em 4em;
    border: none;
}
.new {
    background: url("/ruby/nextversion/../../styles2/../img/new.gif") no-repeat 0 0;
    padding-left: 45px;
    padding-top: 0.15em;
    padding-bottom: 0.15em;
}

.new-small {
    background: url("/ruby/nextversion/../../styles2/../img/new-small-grad.gif") no-repeat right 0;
    padding-right: 26px;
    padding-top: 0.15em;
    padding-bottom: 0.15em;
}

.feature li.new {
    margin-left: -1em;
    font-size: 100%;
    background: url("/ruby/nextversion/../../styles2/../img/star_bullet_new.gif") no-repeat 0 4px;
    padding: 0 0 0 30px;
    font-weight: normal;
}

h4.new {
    background: url("/ruby/nextversion/../../styles2/../img/new.gif") no-repeat 0 0;
    height: 1.2em;
    padding-left: 45px;
    padding-top: 0.15em;
    padding-bottom: 0.15em;
    border-bottom: 1px solid #ccc;
}

/*------------------*/
/* sidebar blog box */
.blog {
    background: url("/ruby/nextversion/../../styles2/../img/icons/blog-icon.gif") no-repeat 10px 7px;
    border: #DADADA solid 1px;
    margin: 0 7px 15px;
    padding: 10px 10px 10px 50px;
}

.blog.feed {
    font-size: 85%;
    background-image: none;
    padding-left: 10px;
    padding-bottom: 9px;
    background-color: white;
}

.blog .blog-box a {
    font-weight: bold;
    display: block;
    line-height: 1.1em;
    border: 0;
}

.blog.feed a.feed {
    background: url("/ruby/nextversion/../../styles2/../img/icons/feed-icon-28x28.gif") no-repeat 0 0;
    display: block;
    float: left;
    width: 28px;
    height: 28px;
    margin-right: 8px;
    margin-top: 1px;
    border: 0;
}

.blog .blog-box a .comment {
    display: block;
    padding: 0;
    font-weight: normal;
    font-size: 11px;
}

.blog.small-icon {
    background: url("/ruby/nextversion/../../styles2/../img/icons/blog-icon-small.gif") no-repeat 5px 3px;
    margin: 0 0 5px;
    padding: 7px 10px 7px 30px !important;
    border: 0;
}

.blog.small-icon .blog-box a {
    font-size: 0.85em;
    font-weight: normal;
}

/* sidebar twitter box */

.half_box {
    border: #DADADA solid 1px;
    margin: 0 7px 15px;
    padding: 15px 10px 15px 40px;
}

.half_box a {
    font-weight:bold;
    border:0;
    font-size:1.1em;
    padding:0;
}

/*enlarge region for enlarge images*/
.enlargePic {
    position: relative;
    z-index: 2;
    top: -4px;
    left: -29px;
    background: white;
    display: inline-block;
    padding: 3px;
    *padding: 1px 1px 0 2px;
    *top: -5px;
    border: 1px solid #ccc;
    cursor: pointer;
    display: -moz-inline-box;
}

.enlargePic img {
    position: relative !important;
    padding: 0 !important;
    margin-top: 4px !important;
    margin: 0 !important;
    border: 0 !important;
}

a.lightwindow {
    position: relative;
}

a img.enlargeP {
    position: absolute;
    z-index: 3 !important;
    right: 0 !important;
    bottom: 0 !important;
}

/*testimonials rotator*/

#testimonial {
    padding: 0;
    font-size: 86%;
    background: url("/ruby/nextversion/../../styles2/../img/quote_bottom.gif") no-repeat right bottom;
}

#testimonial #quote {
    margin: 0;
    padding: 5px 10px 0 10px;
    line-height: 1.4em;
    background: url("/ruby/nextversion/../../styles2/../img/quote_top.gif") no-repeat left top;
}

.features #testimonial, .features #testimonial #quote {
    height: 7.5em;
}

#testimonial a#next {
    border: 0;
    margin-left: 11px;
    margin-top: -2.5em;
    float: left;
}

#testimonial #quote a.textTsm {
    margin: 0;
    padding: 10px 0 2px 0;
    display: block;
    height: 4em;
    cursor: pointer;
    text-align: justify;
}

#testimonial #quote a.textTsm:hover {
    color: #666;
    text-decoration: none;
    border-bottom: none;
}

#testimonial #quote p.authorTsm {
    margin: 0;
    padding: 0 5px 0 0;
    text-align: right;
    background: none;
}

#subcontent #testimonial {
    background-position: 95% 72%;
}

#subcontent .box.testimonial {
    padding: 10px 7px;
}

#subcontent #testimonial, #subcontent #testimonial #quote {
/*height: 14em;*/
}

/*progress bar*/
#progress {
    /*background: url("/ruby/nextversion/../../styles2/../img/loading.gif") no-repeat -10px -4px;*/
    background: url("/ruby/nextversion/../../styles2/../img/newdesign/js/loading.gif") no-repeat 0 0;
    padding-left: 40px;
    padding-top: 5px;
    height: 32px !important;
    width: 100px!important;
}
/* Domo box for demos with a screenshot as a link*/
/* ********************************************* */
.demobox {
    float: right;
    margin: 5px 0 10px 10px;
    font-size: 0.85em;
    /*width: 160px;*/
    position: relative;
    line-height: 1.4em;
    text-align: center;
}
.documentation .demobox{
    float: left;
    margin: 10px 10px 10px 0;
}
.demobox.large {
    float: left;
    margin: 10px 13px 10px 0;
    text-align: left;
    width: 307px;
    /*height: 300px;*/
    height: 27.2em;
    /*border-bottom: 1px solid #ccc;*/
    background-color: #f0efef;
}
.demobox a {
    border: 0;
    display: block;
}
.demobox a img{
    margin-bottom: 5px;
    border: 1px solid #ccc;
}
.demobox p{
    padding: 0;
}
.demobox.large p{
    margin: 0;
    padding: 5px 10px 10px 10px;
}
.demobox.large p a{
    font-size: 1.2em;
    margin-bottom: 3px;
}
.demobox span{
    position: absolute; 
    background-color: white;
    border: 1px solid #ccc;
    padding: 2px 5px 3px;
    top: 101px;
    left:62px;
    color: #555;
    height: 14px;
    display: block;
}
.demobox.large span{
    top: 209px;
    left: 142px;
}
#container .nofloat{
    float: none!important;
}

#header ul.nav .bokmark-button{
    width: 63px;
    float: right;
    margin: 0;
    margin-right: 12px;
    padding: 0;
    list-style: none;
    border: none;
    background: none;
}
#header ul.nav .bokmark-button a{
    padding: 6px 6px 7px;
    opacity: 0.8;
    filter: alpha(opacity=80);
}
#at15s a, #at16pf a, #at16pt a{
    border: 0;    
}
#subcontent .twitter {
    border:1px solid #DADADA;
    margin:0 7px 15px;
    padding:10px;
    background: url("/ruby/nextversion/../../styles2/../img/twitter-bird.gif") no-repeat 10px center;
}
.twitter a{
    margin-left: 35px;
}



.country_selector {
    margin-top: .5em;
    line-height: 1.3em;
}
.country_selector a#CountrySelector {
    cursor: pointer;
}
.country_selector #CountrySelector_txt form {
    margin: .8em 0;
    display: none;
}
/*
#CountrySelector_txt:before{
    content: "Please enable JavaScript to use this feature.";
}*/

#subcontent .banner {
    margin: 0 auto 1em;
    padding: 0;
    height: 170px;
    width: 200px;
    position: relative;
    text-align: center;
    border: solid 1px #ccc;
}
#subcontent .banner a {
    height: 168px;
    width: 198px;
    color: #fff;
    display: block;
    height: 168px;
    margin: 0;
    outline: medium none;
    padding: 0;
    text-indent: -50000px;
    border: 1px solid #fff;
}
#subcontent .ideasb a {
    background: #fff url("/ruby/nextversion/../../styles2/../img/banners/ij11_sb.png") no-repeat center 0;
}
#subcontent .yt_sb a {
    background: #273f9f url("/ruby/nextversion/../../styles2/../img/banners/youtrackInCloud_sb.png") no-repeat center 0;
}
#subcontent .pw_sb a {
    background: #073345 url("/ruby/nextversion/../../styles2/../img/banners/phpstorm3_sb.png") no-repeat center 0;
}
#subcontent .ws_sb a {
    background:#073345 url("/ruby/nextversion/../../styles2/../img/banners/ws30_sb.png") no-repeat center 0;
}
#subcontent .tc_sb a {
    background: white url("/ruby/nextversion/../../styles2/../img/banners/tc65_sb.png") no-repeat 0 50%;
}
#subcontent .rm a {
    background: white url("/ruby/nextversion/../../styles2/../img/banners/rrm3_sb.png") no-repeat 0 50%;
}
#subcontent .pysb a {
    background: white url("/ruby/nextversion/../../styles2/../img/banners/py20_sb.png") no-repeat 0 50%;
}
#subcontent .dtsb a {
    background: white url("/ruby/nextversion/../../styles2/../img/banners/dt45_sb.png") no-repeat 0 50%;
}
#subcontent .dcsb a {
    background: white url("/ruby/nextversion/../../styles2/../img/banners/dc11_sb.png") no-repeat 0 50%;
}
#subcontent .rssb a {
    background: white url("/ruby/nextversion/../../styles2/../img/banners/rs60_sb.png") no-repeat 0 50%;
}
#subcontent .rsrus a {
    background: white url("/ruby/nextversion/../../styles2/../img/banners/rs_ru.png") no-repeat 0 50%;
}
#subcontent .rm-tc_hsb a {
    background: white url("/ruby/nextversion/../../styles2/../img/banners/tc_free_rm1.gif") no-repeat 0 50%;
}
#subcontent .objc a {
    background: white url("/ruby/nextversion/../../styles2/../img/banners/appcode_sb.png") no-repeat 0 50%;
}



html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display:block;
}

:focus {
  outline: 0;
}

body {
  line-height: 1;
  color: #333;
  font: 12px/21px  Verdana, "Lucida Grande", Lucida, sans-serif;
  font: 13.5px/23px  Verdana, "Lucida Grande", Lucida, sans-serif;
  font1: 14px/23px "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;;
  background: white;
}
body.white {
    margin: 1em;
}
body.demo {
    text-align: center;
}

ol, ul {list-style: none;}
a {color: #3358c0; text-decoration: none;}
a:hover {text-decoration: underline;}
a.black {color: #333;}
a.black:hover {text-decoration: underline;}
a.underline_link {text-decoration: underline}
a.underline_link:hover {text-decoration: none}
a.underline_link_gray {border-bottom: solid 1px #ccc;}
a.underline_link_gray:hover {border-bottom: none;text-decoration: none}
strong, b {font-weight: bold;}
body.TeamCity strong, b {font-weight: normal;}
em {font-style: italic;}
.noborder {border: none!important;}

table {
  border-collapse: separate;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
    display: block;
    width: 42px;
    height: 32px;
    background: url("/ruby/nextversion/../../styles2/../img/design/bgBlockquote.png");
}
blockquote:before, q:before {
    margin-bottom: -1.5em;
    background-position: 0 -42px;
}
blockquote:after, q:after {
    margin-top: -1em;
    float: right;
    background-position: 0 0;
}
blockquote, q {
    padding: 0 0 0 0;
    quotes: "" "";
    position: relative;
    /*font-size: 110%;*/
    color: #797C80;
    font: italic 1.15em/1.67em Georgia,"Times New Roman",Times,serif;
    text-indent: 3em;
}
blockquote p, q p {
    margin-bottom: 0;
}
blockquote a, q a {
    position: absolute;
    right: 3.5em;
    bottom: -1.5em;
    color: #797C80;
    font-size: 85%;
}
blockquote .author {
    margin-bottom: -1.5em;
    padding-top: 1em;
    padding-right: 3em;
    display: block;
    text-align: right;
}
blockquote .author a {
    position: static;
    font-size: 100%;
    text-decoration: underline;
}
blockquote .author a:hover {
    text-decoration: none;
}


h1 {
    /*padding-bottom: .2em;*/
    margin-bottom:.5em;
    color: #df6e00;
    color: #f79100;
    color: #f38400;
    color: #f38400;
    color: #e57b00;
    color1: #CC6600;
    color: #454545;
    font-size: 250%;
    /*color: #555;*/
    /*text-shadow: 1px 1px 1px rgba(0, 0, 0 , 0.8);*/
    /*border-bottom: solid 2px #f38400;*/
}
h2 {
    margin-bottom:.5em;
    font-size: 220%;
}
h3 {
    margin-bottom:.5em;
    font-size: 170%;
    /*text-shadow: 1px 1px 1px rgba(0, 0, 0 , 0.2);*/
}
h4 {
    margin-bottom:.5em;
    font-size: 130%;
    text-shadow: 1px 1px 1px rgba(0, 0, 0 , 0.1);
}
h4 strong, h5 strong {color: #e57b00;font-size:130%}
h5 {
    margin-bottom:.5em;
    font-size: 100%;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: .7px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0 , 0.1);
}
h6 {
    font-weight: bold;
}
ul, ol, p, blockquote, .block {margin-bottom: 1.5em;}
p, ul li {
    font-size: 1em;
    line-height: 1.75em;
}
ul.starlist li {
    margin-bottom: .6em;
    padding-left: 1.1em;
    background: url("/ruby/nextversion/../../styles2/../img/design/bullet.gif") no-repeat 0 .5em;
    background: url("/ruby/nextversion/../../styles2/../img/design/bullet_small.gif") no-repeat 0 .6em;
}
ul.starlist li ul {
    margin-top: .6em;
}

ol li {
    margin-left: 1.5em;
    margin-bottom: .6em;
    list-style: decimal;
}
ol li ul li {
    list-style: none;
}
.comment {color: #777; font-size: 90%;}
.red {color: #c00e28;}
.smalltext {font-size: 90%; line-height: 20px; }
.smallertext {font-size: 11px; line-height: 15px; }
.smalltext ul li, ul.smalltext li {margin-bottom: .3em;}
.bigtext {font-size:110%}
.leftfloated {float: left;}
.rightfloated {float: right;}
.center-align {text-align:center;}
.justify-align {text-align:justify;}
.right-align {text-align:right;}
.nowrap {white-space: nowrap;}
#content .left-align {text-align:left;}
.clr {clear:both}
.clearedL {clear: left;}
.clearedR {clear: right;}
a.button {
    padding: .5em 1em;
    border-radius: 5px;
    text-align: center;
    display: inline-block;
    text-decoration: none;
    -moz-transition: all 0.1s ease 0s;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.1) inset;
    background-color: #f4f4f4;
    border: medium none;
}
.box {padding: 1em;}
.box p {margin-bottom:0}
.block {display: block;}
.block {margin-left:1.5em;margin-right:1.5em;}
.block5 {width: 5%}
.block10 {width: 10%}
.block15 {width: 15%}
.block20 {width: 20%}
.block25 {width: 25%}
.block30 {width: 30%}
.block33 {width: 33%}
.block35 {width: 35%}
.block40 {width: 40%}
.block45 {width: 45%}
.block50 {width: 50%}
.block55 {width: 55%}
.block60 {width: 60%}
.block66 {width: 66%}
.block65 {width: 65%}
.block70 {width: 70%}
.block75 {width: 75%}
.block80 {width: 80%}
.block85 {width: 85%}
.block90 {width: 90%}
.block95 {width: 95%}
.block100 {width: 100%}
hr {
    margin: 0 -2em 2.5em -2em;
    clear: both;
    background: #bcbcbc; /* Old browsers */
    background: -moz-linear-gradient(left, #ffffff 0%, #bcbcbc 10%, #bcbcbc 90%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(10%,#bcbcbc), color-stop(90%,#bcbcbc), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #ffffff 0%,#bcbcbc 10%,#bcbcbc 90%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #ffffff 0%,#bcbcbc 10%,#bcbcbc 90%,#ffffff 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(left, #ffffff 0%,#bcbcbc 10%,#bcbcbc 90%,#ffffff 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bcbcbc', endColorstr='#bcbcbc',GradientType=1 ); /* IE6-9 */
    background: linear-gradient(left, #ffffff 0%,#bcbcbc 10%,#bcbcbc 90%,#ffffff 100%); /* W3C */
    border: none;
    height: 1px;
}
hr.bold {
    margin-left: 0;
    margin-right: 0;
    background: #dbdbdb;
    height: 4px;
}
.underline {
    padding-bottom: .2em;
    border-bottom: 1px solid #ccc;
}
.underline-bold {
    padding-bottom: .3em;
    border-bottom: solid 5px #f4f4f4;
}
.borderDotted {
    border-style:dotted;
}
.nota_bene {
    border: solid 1px #ffe87f;
    background-color: #fffccc;
    border-radius: 5px;
    padding: .3em .8em;
}
.box-dotted {
    margin-bottom: 1.5em;
    padding: 1.3em 2em;
    border: solid 3px #f2f2f2;
}
.box-dotted h4:before {
    padding-right: .3em;
    content:"\2022";
    color: #d0d0d0;
    font-size: 170%;
    vertical-align: top;
}
.button_style {
    margin-bottom: 1.5em;
    padding: 1em;
    border-radius: 5px;
    display: inline-block;
    text-decoration: none;
    -moz-transition: all 0.1s ease 0s;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.1) inset;
    background-color: #f4f4f4;
    border: medium none;
}
.nota_bene p, .nota_bene ul, .button_style p, .button_style ul, .box-dotted p, .box-dotted ul {
    margin-bottom: 0;
    padding-bottom: 0;
}
.nota_bene ul li {
    margin-left: .8em;
    margin-bottom: .3em;
}
.bordered {
    border: solid 1px #ccc;
}
.nobackgr {
    background: none!important;
}



.container {
    margin: 0 auto;
    width: 73em;
    min-width: 50em;
    text-align: left;
}
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
    head~body .container { width: 70em; }
}


header {
    height: 60px;
}
header .jb_logo {
    margin-left: .4em;
    float: left;
    width: 105px;
    height: 44px;
}
header a.jb_logo:hover {
    /*background-position: -108px 3px;*/
}
header .jb_logo img {
    margin-top: .5em;
    margin-left: -.5em;
    display: block;
    display1: none;
}
header ul#jb_nav {
    margin-top: 1em;
    float: right;
}
header ul#jb_nav li {
    float: left;
    list-style: none;
    /*background-color: #fff;*/
}
header ul#jb_nav li.search {
    margin-left: 1.5em;
    background-color: transparent;
    border: none;
}
header ul#jb_nav li.search input {
    float: left;
    color: #999;
    border: solid 1px #ccc;
}
header ul#jb_nav li.search input.image {
    padding-top: 3px;
    padding-left: 2px;
    float: right;
    border: none;
}
header ul#jb_nav li a {
    padding: .1em 1.2em;
    font-size: 85%;
    /*color: #333;
    color: #555;*/
    color1: #878787;
    font-weight: bold;
    font-family: Myriad, Helvetica, Arial, sans-serif;
    border-left: solid 1px #ccc;
}
header ul#jb_nav li:first-child a {
    border-left: none;
}
body#why header ul#jb_nav li.why a,
body#products header ul#jb_nav li.products a,
body#support header ul#jb_nav li.support a,
body#devnet header ul#jb_nav li.devnet a,
body#partners header ul#jb_nav li.partners a,
body#company header ul#jb_nav li.company a
{
    color: #333;
    background-color: #d9d9d9;
    text-decoration: none;
}
header ul#jb_nav li.products a:before, header ul#jb_nav li.products a:after {

}




#product {
    height: 80px;
    background-color: #5d71b8;
}
body#spec #product, body#why #product {
    background-color: #eca344;
}
body#products.rs #product,
body#products.dt #product,
body#products.dotcover #product,
body#products.decompiler #product,
body#products.dotnet #product {
    background-color: #8d4f74;
}
body#products.ruby #product {
    background-color: #ac445d;
}
body#products.phpstorm #product {
    background-color: #7774b7;
}
body#products.webstorm #product {
    background-color: #4691b1;
}
body#products.pycharm #product {
    background-color: #5f8961;
}
body#products.objc #product {
    background-color: #607591;
}
body#products.mps #product {
    background-color: #7e7c7d;
}
body#products.om #product {
    background-color: #7c74a5;
}

body #product .container {
    padding: 0 1.7em;
    position: relative;
    height: 100%;
    background: url("/ruby/nextversion/../../styles2/../img/design/header_JetBrains.jpg") no-repeat 0 0;
}
body#spec #product .container {
    background: url("/ruby/nextversion/../../styles2/../img/design/header_productsOrange.jpg") no-repeat 0 0;
}
body#why #product .container {
    background: url("/ruby/nextversion/../../styles2/../img/design/header_why.jpg") no-repeat 0 0;
}
body#error #product .container {
    background: url("/ruby/nextversion/../../styles2/../img/design/header_error.jpg") no-repeat 0 0;
}
body#products.index #product .container,
body#products.overview.webide #product .container,
body#buy.index #product .container,
body#products.dotnet #product .container,
body#products.devnet #product .container {
    background: url("/ruby/nextversion/../../styles2/../img/design/header_products.jpg") no-repeat 0 0;
}
body#products.dotnet #product .container {
    background: url("/ruby/nextversion/../../styles2/../img/design/header_dotnetProducts.jpg") no-repeat 0 0;
}
body#partners.index #product .container {
    background: url("/ruby/nextversion/../../styles2/../img/design/header_partnerPrograms.jpg") no-repeat 0 0;
}
body#downloads.index #product .container {
    background: url("/ruby/nextversion/../../styles2/../img/design/header_downloads.jpg") no-repeat 0 0;
}
body#support.index #product .container {
    background: url("/ruby/nextversion/../../styles2/../img/design/header_support.jpg") no-repeat 0 0;
}
body#devnet.academy #product .container {
    padding: 0 1.8em;
    background: url("/ruby/nextversion/../../styles2/../img/design/header_academy.jpg") no-repeat 0 0;
}
body.account #product .container {
    background: url("/ruby/nextversion/../../styles2/../img/design/header_accountCenter.jpg") no-repeat 0 0;
}
body#products.idea #product .container {
    padding: 0 1.9em;
    background: url("/ruby/nextversion/../../styles2/../img/design/header_idea11.png") no-repeat 0 0;
}
body#products.TeamCity #product .container {
    padding: 0 1.8em;
    background: url("/ruby/nextversion/../../styles2/../img/design/header_teamcity65.jpg") no-repeat 0 0;
}
body#products.rs #product .container {
    background: url("/ruby/nextversion/../../styles2/../img/design/header_resharper6RA.png") no-repeat 0 0;
}
body#products.dt #product .container {
    padding: 0 1.9em;
    background: url("/ruby/nextversion/../../styles2/../img/design/header_dottrace45R.png") no-repeat 0 0;
}
body#products.dotcover #product .container {
    padding: 0 1.9em;
    background: url("/ruby/nextversion/../../styles2/../img/design/header_dotcover12.png") no-repeat 0 0;
}
body#products.decompiler #product .container {
    padding: 0 2em;
    background: url("/ruby/nextversion/../../styles2/../img/design/header_dotpeek1EAP.png") no-repeat 0 0;
}
body#products.yt #product .container {
    padding: 0 2.1em;
    background: url("/ruby/nextversion/../../styles2/../img/design/header_youtrack3+.png") no-repeat 0 0;
}
body#products.ruby #product .container {
    padding: 0 1.8em;
    background: url("/ruby/nextversion/../../styles2/../img/design/header_rubymine3+4.png") no-repeat 0 0;
}
body#products.phpstorm #product .container {
    padding: 0 1.7em;
    background: url("/ruby/nextversion/../../styles2/../img/design/header_phpstorm30.png") no-repeat 0 0;
}
body#products.webstorm #product .container {
    padding: 0 2.1em;
    background: url("/ruby/nextversion/../../styles2/../img/design/header_webstorm30+.png") no-repeat 0 0;
}
body#products.pycharm #product .container {
    background: url("/ruby/nextversion/../../styles2/../img/design/header_pycharm20.png") no-repeat 0 0;
}
body#products.objc #product .container {
    background: url("/ruby/nextversion/../../styles2/../img/design/header_appCode.png") no-repeat 0 0;
}

body#products.mps #product .container {
    padding: 0 4.6em;
    background: url("/ruby/nextversion/../../styles2/../img/design/header_mps20.png") no-repeat 0 0;
}
body#products.om #product .container {
    background: url("/ruby/nextversion/../../styles2/../img/design/header_omeaPro.jpg") no-repeat 0 0;
}
body#products.om.reader #product .container {
    background: url("/ruby/nextversion/../../styles2/../img/design/header_omeaReader.jpg") no-repeat 0 0;
}
#product .container a.home_product {
    display: block;
    width: 300px;
    height: 100%;
    text-indent: -50000px;
}






nav {
    margin: .5em 0 2.5em 0;
}
nav ul li {
    margin-right: 1em;
    padding-bottom: .1em;
    display: inline;
    font-size: 120%;
    font-weight: bold;
    font-family: Myriad, Helvetica, Arial, sans-serif;
}
nav ul li.current {
    border-bottom: solid 3px #ffa500;
    border-bottom: solid 3px #ff9600;
    border-bottom: solid 3px #e57b00;
    border-bottom: solid 3px #fd9204;
    /*border-bottom: solid 3px #df6e00;*/
}
nav ul li a {
    color: #666;
    color: #8f8f8f;
    /*text-shadow: 1px 1px 0 rgba(0, 0, 0 , 0.1);*/
}
nav ul li a:hover {
    text-decoration: none;
}
nav ul li a:hover {
    color: #333;
}
p.top {
    text-align: right;
}
p.top a {
    background: #f4f4f4;
    padding: 4px .6em;
}
span.key {
    background-color: #f4f4f4;
    color: black;
    display: inline;
    font-family: courer,courer new,monospace;
    font-style: normal;
    padding-left: 3px;
    padding-right: 3px;
}
#content .ico {
    margin-bottom: -2px;
}



#content .footer {
    margin: 2em 0 1em 0;
    overflow: hidden;
}
#content .footer .float_left {
    margin-right: 3.5em;
}
#content .footer h3.underline {
    padding-bottom: 10px;
    border-bottom: solid 6px #f4f4f4;
}
#content .footer ul, #content .footer ul li {
    margin: 0 0 .6em 0;
    padding: 0;
    list-style: none;
    background: none;
}
#content .footer .download {
    margin-bottom: 1.5em;
    padding: .5em 1em;
    background: #f4f4f4 url("/ruby/nextversion/../../styles2/../img/icon_arrowContentFooter.png") no-repeat 95% 50%;
}
#content .footer .download a {
    font-size: 130%;
}

#content .feedback a {
    margin-right: 1em;
    padding-left: 2.1em;
}
#content .feedback .rss {
    padding-bottom: .2em;
    background: url("/ruby/nextversion/../../styles2/../img/icons/ico_rss.gif") no-repeat .4em .1em;
}
#content .feedback .twitter {
    padding-bottom: .2em;
    background: url("/ruby/nextversion/../../styles2/../img/icons/ico_twitter_bird.gif") no-repeat 0 .2em;
}
#content .feedback .forum {
    padding-bottom: .2em;
    background: url("/ruby/nextversion/../../styles2/../img/icons/ico_forum.gif") no-repeat .4em .1em;
}
#content .feedback .facebook {
    padding-bottom: .2em;
    background: url("/ruby/nextversion/../../styles2/../img/icons/ico_facebook.gif") no-repeat .4em .1em;
}
#content .feedback .eap {
    padding-bottom: .2em;
    background: url("/ruby/nextversion/../../styles2/../img/icons/ico_EAP.gif") no-repeat .4em .1em;
}
#content .feedback .bugtracker {
    padding-bottom: .2em;
    background: url("/ruby/nextversion/../../styles2/../img/icons/ico_BugTracker.gif") no-repeat .4em .1em;
}
#content .feedback .help {
    padding-bottom: .2em;
    background: url("/ruby/nextversion/../../styles2/../img/icons/ico_help.gif") no-repeat .4em .1em;
}
#content .feedback .demo {
    padding-bottom: .2em;
    background: url("/ruby/nextversion/../../styles2/../img/icons/ico_demo.gif") no-repeat .4em .1em;
}

#content .information {
    padding-left: 4.5em;
    min-height: 3em;
    background: #f4f6fc url("/ruby/nextversion/../../styles2/../img/icons/info.png") no-repeat 1em 1em;
    border: none;
}
#content .information.small-icon {
    padding: .8em 1em .3em 2.7em;
    min-height: .5em;
    background: #f4f6fc url("/ruby/nextversion/../../styles2/../img/icons/info_small.png") no-repeat 1em 1em;
}
#content .importance {
    padding-left: 4.5em;
    min-height: 3em;
    background: #fffccc url("/ruby/nextversion/../../styles2/../img/icons/attention.png") no-repeat 1em 1em;
    border: none;
}
#content .importance p, #content .information p {
    margin-bottom: .5em;
}
#content .importance.small-icon {
    padding: .8em 1em .3em 2.7em;
    min-height: .5em;
    background: #fffccc url("/ruby/nextversion/../../styles2/../img/icons/attention_small.png") no-repeat 1em .9em;
}
#content .rubyIDE {
    padding-left: 4.5em;
    min-height: 3em;
    background: #f4f6fc url("/ruby/nextversion/../../styles2/../img/icons/rubyIDE.png") no-repeat 1em 1em;
    border: none;
}
table.fullprintable {
    margin: 0;
    padding: 0;
    width: 95%;
    font-size: 90%;
    text-align: center;
}
table.fullprintable caption{
    font-size: 1.5em;
    font-weight: normal;
    text-align: left;
    padding-bottom: 5px;
}
table.fullprintable td {
    padding: 5px 7px;
    border: 1px solid #ccc;
    text-align: center;
    vertical-align:middle;
}
table.fullprintable td.inCenter{
    text-align: center;
    font-weight: bold;
}
table.fullprintable td.inCenter strong{
    font-size: 140%;
}
table.fullprintable th{
    padding: 7px 7px;
    font-weight: bold;
    border: 1px solid #ccc;
    background-color: #eee;
}
table.fullprintable th.last{
    border-right: 1px solid #bbb;
}
table.fullprintable tr{
    background-color: #fff;
    vertical-align: middle;
}
body.white table.fullprintable td span, table.fullprintable td span {
    display: none;
}
dl.buy {
    padding: 10px;
    border: 1px dotted #ddd;
    border-bottom: 4px solid #eee;
}
dl.buy dt {
    /*font-size: 150%;*/
    /*display: block;*/
    float: left;
    color: #959fa7;
    font-weight: bold;
    padding-right: 10px;
}
dl.buy dd {
    padding-left: 20px;
    margin-left: 55px;
    display: block;
}
.cheked {
    background:url("/ruby/nextversion/../../styles2/../teamcity/img/ok.gif") no-repeat 50% 50%;
    padding:5px;
    text-align: center;
}
.minus{
    background:url("/ruby/nextversion/../../styles2/../teamcity/img/none.gif") no-repeat 50% 50%;
    padding:5px;
    text-align: center;
}
.better{
    background:url("/ruby/nextversion/../../styles2/../teamcity/img/limited.gif") no-repeat 50% 50%;
    padding:5px;
    text-align: center;
}
#legend .cheked, #legend .minus, #legend .better {
    padding-left: 1.6em;
    background-position: 0 50%;
}
td.cheked.text-inside, td.better.text-inside{
    background-position: center .4em;
}

td.cheked.text-inside p, td.better.text-inside p{
    margin-top: 1.6em;
}



#content .feature {
    margin-bottom: 1.5em;
}
#content .feature img {
    border: solid 1px #ccc;
}
#content #toc1, #content .toc1, #content #toc2, #content .toc2, #toc3 {
    margin-left: 0;
    padding: 0 0 1.5em;
    float: left;
    display: block;
    width: 45%;
}
#content #toc1 ul.manual, #content .toc1  ul.manual, #content #toc2  ul.manual, #content .toc2  ul.manual, #toc3  ul.manual {
    margin-bottom: -.5em;
}
#content #toc1 li, #content #toc2 li, #content .toc1 li, #content .toc2 li, #toc3 li, .toc li {
    margin-bottom: 0.3em;
    margin-left: 1em;
    color: #ccc; /*list-style-position: outside;*/
    list-style: disc outside;
}
#content .gray-backgr {
    background-color: #f4f4f4;
}
#content .radius, #subcontent .radius {
    border-radius: 5px;
    -moz-transition: all 0.1s ease 0s;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.1) inset;
}
#content .strong {
    font-weight: bold;
}
#subcontent ul#contnav li {
    margin-left: 0;
}
#subcontent #contnav li, #subcontent #contnav dd {
    background: url("/ruby/nextversion/../../styles2/../img/arrow_grey.gif") no-repeat scroll 0 0 transparent;
    list-style: none outside none;
    margin-left: 20px;
    padding: 0 0 0.5em 12px;
}
#subcontent #contnav li.act, #subcontent #contnav dd.act {
    background: url("/ruby/nextversion/../../styles2/../img/arrow_black.gif") no-repeat scroll 0 0 transparent;
}
#subcontent .featureTree {
    width: auto!important;
}
#subcontent .featureTree h5 {
    padding-left: .8em;
    font-size: 90%;
    font-weight: normal;
    background-color: #f4f4f4;
}
#subcontent .featureTree ul {
    margin-left: .8em;
}
.learnMore {
    position: absolute;
    top: 0;
    right: 0;
}
a.learnMore:hover {
    text-decoration: none;
}
body.dt .learnMore, body.rs .learnMore, body.dotcover .learnMore, body.decompiler .learnMore {
    padding: 0;
    right: 408px;
    font-size: 90%;
    width: auto;
    height: auto;
}
body.rs .learnMore {
    right: 424px;
}
body.dotcover .learnMore {
    right: 418px;
}
body.decompiler .learnMore {
    right: 421px;
}
body.dt .learnMore.rs, body.rs .learnMore.dt, body.dotcover .learnMore.rs, body.decompiler .learnMore.rs {
    top: 6px;
}
body.dt .learnMore.dc, body.rs .learnMore.dc, body.dotcover .learnMore.dt, body.decompiler .learnMore.dt {
    top: 28px;
}
body.dt .learnMore.dp, body.rs .learnMore.dp, body.dotcover .learnMore.dp, body.decompiler .learnMore.dc {
    top: 51px;
}
body.dt .learnMore span, body.rs .learnMore span, body.dotcover .learnMore span, body.decompiler .learnMore span {
    padding-bottom: 0;
    color: #ff9404!important;
    border-bottom: solid 1px #ff9404;
}
body.dt a.learnMore:hover span, body.rs a.learnMore:hover span, body.dotcover a.learnMore:hover span, body.decompiler a.learnMore:hover span {
    text-decoration: none;
    border-bottom: none;
}


body.phpstorm .learnMore.buy, body.webstorm .learnMore.buy, body.yt .learnMore.buy, body.ruby .learnMore.buy {
    height: 80px;
    width: 350px;
    right: 10px;
    text-indent: -5000px;
}
body.yt .learnMore.date, body.pycharm .learnMore.date {
    height: 30px;
    width: 105px;
    top: 49px;
    right: 226px;
    color: #374897;
    font-family: tahoma, sans-serif;
    font-size: 120%;
}
body.pycharm .learnMore.date {
    right: 216px;
}
body.yt .learnMore.date strong, body.pycharm .learnMore.date strong {
    margin-right: .2em;
    float: left;
}
#content .green_highlight {
    background-color: #e5fde5;
}
#content strong.green_highlight {
    font-weight: normal;
    padding: 0 3px;
}
#feedControl {
    margin-top: 5px;
    padding-top: 10px;
    padding-left: 5px;
    font-size: 0.85em;
    border-top: 1px solid #DADADA;
    line-height: 1.5em;
    position:relative;
}
.pycharm #feedControl, .ruby #feedControl, .webide #feedControl {
    margin-top: .5em;
    padding-top: 0;
    border-top: none;
}
#feedControl .gf-snippet,#feedControl .gfc-resultsHeader, #feedControl .gf-author,
#feedControl .gf-spacer, #feedControl .gf-relativePublishedDate {
    display : none;
}
#feedControl .gfc-result{
    width: 173px;
    /*background: url("/ruby/nextversion/../../styles2/../img/readmore_link.gif") no-repeat 155px 75%;*/
    /*line-height: 1.2em;*/
}
#feedControl .gfc-result div.gf-title{
    background: url("/ruby/nextversion/../../styles2/../img/bullet_star_bw.gif") no-repeat 0 5px;
    padding-left: 10px;
}
#feedControl .gfc-result div.gf-title a.gf-title{
    border: 0;
}
.pycharm #feedControl .gfc-result div.gf-title, .ruby #feedControl .gfc-result div.gf-title, .webide #feedControl .gfc-result div.gf-title {
    padding-top: .2em;
    padding-left: 0;
    height: auto;
    background: none;
}
ul.talk {
    margin: 0;
    list-style: none;
}
ul.talk li {
    margin: 0 0 .1em -.3em;
    padding: 0;
}
ul.talk li a {
    padding: .4em 0 .5em 2.9em;
    display: block;
}
ul.talk li.community a {
    background: url("/ruby/nextversion/../../styles2/../img/icons/icoCommunity_ChB.gif") no-repeat 0 0;
}
ul.talk li.twitterProduct a {
    background: url("/ruby/nextversion/../../styles2/../img/icons/icoTwitter_ChB.gif") no-repeat 0 0;
}
ul.talk li.blogProduct a {
    background: url("/ruby/nextversion/../../styles2/../img/icons/icoBlog_ChB.gif") no-repeat 0 0;
}
ul.talk li.issueTracker a {
    background: url("/ruby/nextversion/../../styles2/../img/icons/icoIssuetracker_ChB.gif") no-repeat 0 0;
}
#content .intro {
    color: #797c80;
    font: italic 1.15em/1.67em Georgia,"Times New Roman",Times,serif;
}
#content .italic {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
}




#content .threeColonText {
    margin-right: 6%;
    float: left;
    font-size: 90%;
    width: 29%;
}
#content .threeColonText.rightfloated {
    margin-right: 0;
}
#content .threeColonText h5 {
    margin-top: 2em;
}
#content .threeColonText .ico {
    margin-top: 1.5em;
}
#content .threeColonText ul.starlist.plus li {
    padding-left: 1.6em;
    background: url("/ruby/nextversion/../../styles2/../img/icons/icoPlus.png") no-repeat 0 .3em;
}
#content .threeColonText ul.starlist.plus li ul.starlist li {
    margin-left: -.8!important;
    padding-left: 1.1em;
    background: url("/ruby/nextversion/../../styles2/../img/design/bullet_small.gif") no-repeat 0 .6em;
}
#content .threeColonText  a.video {
    display: block;
    width: 96px;
    height: 80px;
    text-indent: -50000px;
    background: url("/ruby/nextversion/../../styles2/../../img/icons/movie.png") no-repeat 0 0;
}
#content .threeColonText a.video:hover {
    background: url("/ruby/nextversion/../../styles2/../../img/icons/movie.png") no-repeat 0 -90px;
}
#content .gray-round {
    padding: 1em 2em 0;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    background-color: #f4f4f4;
}
#content .gray-round h4 {
    margin-bottom: .3em;
}
#content ul.features-list {
    list-style: none;
}
#content ul.features-list li {
    margin: 0;
    padding-left: 1em;
    font-size: 110%;
}
#content ul.features-list li a {
    border: none;
}










#main #content {
    float: left;
    width: 76%;
    /*margin-right: 250px;*/
}
body.wide #main #content {
    width: auto;
    float: none;
}
aside {
    margin-left: -22%;
    float: right;
    width: 22%;
    /*display: none;*/
}
aside .box, aside dl {
    margin-top: 1em!important;
    border: solid 1px #ccc;;
}





footer {
    margin: 2em 0 .5em 0;
    padding: 25px 0 1em 0;
    background-color: #f4f4f4;
}
footer .products {
    margin-top: -35px;
    padding: 35px 3.5em 0 0;
    background: url("/ruby/nextversion/../../styles2/../img/design/bgFooter.png") no-repeat right 0;
}
footer ul {
    font-size: 85%;
}
footer a {
    color: #333;
}
footer .social {
    margin-top: -1.1em;
}
footer .products ul li.mps {
    letter-spacing: -.5px;
}
footer h3 a {
    float: right;
    font-size: 50%;
    font-weight: bold;
    margin-right: 5em;
    margin-top: -1em;
}
footer p.why {
    margin-bottom: 1.4em;
    font-weight: bold;
    font-size: 90%;
}
#footer ul {
    margin-bottom: 3em;
    font-size: 90%;
}
#footer ul li {
    margin-right: .7em;
    color: #777;
    display: inline-block;
}
#footer ul li a {
    padding-right: .9em;
    border-right: solid 1px #c0c0c0;
}
#footer ul li.marketing a {
    border-right: none;
}

/* download ----------------------------------------- */
.steps li {
    font-size: 110%;
    padding: 10px 10px 18px 10px;
    list-style-type: none;
    border: 1px dotted #ccc;
    margin-bottom: 2em;
    background-color: #F5F5F5;
}

.steps li a:link, .steps li a:visited, .steps li a:hover {
    text-decoration: none;
    border-bottom: 1px solid #F5F5F5;
    display: block;
    padding: 0.5em 0 0 50px;
    height: 2.2em;
}

.step1 a:link, .step1 a:visited, .step1 a:hover {
    background: url("/ruby/nextversion/../../styles2/../img/pic_win.gif") no-repeat 5px 0.5em;
    background-repeat: no-repeat;
}

.step2 a:link, .step2 a:visited, .step2 a:hover {
    background: url("/ruby/nextversion/../../styles2/../img/pic_linux.gif") no-repeat 5px 0.5em;
    background-repeat: no-repeat;
}

.step3 a:link, .step3 a:visited, .step3 a:hover {
    background: url("/ruby/nextversion/../../styles2/../img/pic_solaris.gif") no-repeat 1px 0.5em;
    background-repeat: no-repeat;
}

.step4 a:link, .step4 a:visited, .step4 a:hover {
    background: url("/ruby/nextversion/../../styles2/../img/pic_mac.gif") no-repeat 5px 0.5em;
    background-repeat: no-repeat;
}

#download h4 {
    padding-bottom: 1em;
    padding-top: 0.5em;
}

#downloadtext p {
    padding-bottom: 2em;
    margin-left: 36px;
}

/*-- -------- start: New download styles -------- --*/
.download_info{
    color: #555;
    font-size: 86%;
    line-height: 1.7em;
    margin: 0;
    margin-bottom: 1.5em;
    padding-top: 10px;
    padding-left: 75px;
    background: no-repeat 2em 0.85em;
}
.download_info dd {
    margin: 0;
    padding: 0;
    float: left;
    width: 6em;
}
.DownloadButton{
    position:absolute;
    z-index:2;
    margin-top: 15px;
    margin-left: 255px;
    border: 0!important;
    cursor: pointer;
}
#content .win {
    background-image: url("/ruby/nextversion/../../styles2/../img/navigation/windows.gif");
}
#content .linux{
    background-image: url("/ruby/nextversion/../../styles2/../img/navigation/linux.gif");
}
#content .mac{
    background-image: url("/ruby/nextversion/../../styles2/../img/navigation/macos.gif");
}
#content .kit{
    background-image: url("/ruby/nextversion/../../styles2/../img/navigation/intellijidea.gif");
}
#content .j2ee{
    background-image: url("/ruby/nextversion/../../styles2/../idea/img/jee2.gif");
}
#content .win32{
    background-image: url("/ruby/nextversion/../../styles2/../img/navigation/memory_profiling.gif");
}
#content .win64{
    background-image: url("/ruby/nextversion/../../styles2/../img/navigation/memory_profiling.gif");
}
#content .mps-src{
    background-image: url("/ruby/nextversion/../../styles2/../img/navigation/mps.gif");
    background-position: 2em 1.15em;
}
#content .beta {
    background-image: url("/ruby/nextversion/../../styles2/../img/navigation/performance_profiling.gif");
    background-position: 2em 1.15em;
}

#content .download_button {
    margin: 2em 0 0 2em;
    cursor: pointer;
    display: block;
}



/*-- -------- start: Style for WI download -------- --*/
body.phpstorm #content .products img, body.webstorm #content .products img, body.ruby #content .products img, body.pycharm #content .products img {
    margin-right: 1em;
}
body.phpstorm #content .products p, body.webstorm #content .products p, body.ruby #content .products p, body.pycharm #content .products p {
    line-height: 1.8em!important;
}
body.phpstorm #content .yt p, body.webstorm #content .yt p, body.ruby #content .yt p, body.pycharm #content .yt p {
    padding: .8em 0 .5em 4.2em;
    background: url("/ruby/nextversion/../../styles2/../img/banners/better_together.png") no-repeat .4em .8em;
}
body.phpstorm #content .subcription_text, body.webstorm #content .subcription_text {
    margin-top: 1.2em;
}
/*-- -------- end: Style for WI download -------- --*/

/*-- -------- start: Style for IDE download -------- --*/
.jbIDE {
    padding-left: .7em;
    padding-bottom: .1em;
    background: #FFFFFF; /* old browsers */
    background: -moz-linear-gradient(top, #FFFFFF 50%, #F0F0F0 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#FFFFFF), color-stop(100%,#F0F0F0)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#F0F0F0',GradientType=0 ); /* ie */
    background: -o-linear-gradient(top, #FFFFFF 50%,#F0F0F0 100%); /* opera */
}
.jbIDE h6 {
    margin-bottom: .2em;
}
.jbIDE ul {
    margin: 0;
}
.jbIDE ul li {
    margin: 0 .7em;
    list-style: none;
    display: inline;
}
.jbIDE ul li:first-child {
    margin-left: .3em;
}
/*-- -------- end: Style for IDE download -------- --*/

.tabb {display: none;}
.tabb.activeTabBody {display: block;}
.tabb.secondary{
    margin-left:180px; 
}
#secondary_nav .children {
    background: url("/ruby/nextversion/../../styles2/../img/tree/child.gif") no-repeat 0 3px;
    padding-left: 8px;
    *margin-left: 20px
}

ul#tabs, ul#tabsDecorate {
    margin: 0.3em 0 0.4em 0;
    padding: 0;
    display: block;
    /*height:2.1em;*/
    height: 27px;
    background: url("/ruby/nextversion/../../styles2/../img/navigation/bgTabs2.gif") no-repeat right bottom;
    /**background-position: right 2em;*/
}

ul#tabs li, ul#tabsDecorate li {
    margin: 0 -1px 0 0;
    padding: 0;
    float: left;
    list-style: none;
}
ul#tabs li.first, ul#tabsDecorate li.first {
    margin: 0;
    padding: 0 0 7px 5px;
    color: #fff;
}
ul#tabs li p, ul#tabsDecorate li p {
    margin: 0 1px 0 1px;
    padding: 0;
    border-top: solid 1px #bfbfbf;
}
ul#tabs li p a, ul#tabsDecorate li p a {
    margin: 0 -1px 0 -1px;
    padding: 3px 1.4em;
    *padding-bottom: 2px;
    display: block;
    color: #686868;
    font-size: 85%;
    font-weight: bold;
    background: #fff url("/ruby/nextversion/../../styles2/../img/navigation/bgTabb.gif") repeat-x 0 0;
    border-left: solid 1px #bfbfbf;
    border-right: solid 1px #bfbfbf;
    border-bottom: solid 1px #bfbfbf;
}

ul#tabs li p a:hover, ul#tabsDecorate li p a:hover {
    color: #203da3;
    background-image: none;
}
ul#tabs li p a.activTab, ul#tabsDecorate li p a.activTab {
    background-image: none;
    color: #555;
    border-bottom: solid 1px #fff;
}


/*-- -------- start: Horizontal  -------- --*/

ul#sub_tabs {
    padding-top: 0;
}
ul.sub_tabs {
    padding: 0 0 5px 10px;
    margin-bottom: 1.5em;
}
ul#tabs.sub_tabs{
    width: 100%;
    overflow: hidden;
    background: none;
    *padding-bottom: 0;
    _padding-bottom: 1em;
}
ul.sub_tabs li span {
    color: #ccc;
}
ul.sub_tabs li {
    list-style: none;
    display: inline;
}

ul#tabs.sub_tabs li{  /* licenses types */
    margin: 0;
    padding: 0 7px 0 7px;
    list-style: none;
    display: inline;
    border-left: 1px solid #ccc;
    margin-left: -1px;
    *font-size: 13px;
}

ul.sub_tabs li a {
    margin: 0 0.2em 0 0.5em;
    border: 0;
    font-size: 85%;


}
ul.sub_tabs li a:hover {
    color: #203da3;
}
ul.sub_tabs li a.activTab {
    color: #7f7f7f;
    font-weight: bold;
}


/*--  --------- end: Horizontal  --------- --*/
#licensing{
    margin-left:180px;
    width1: 455px;
    padding-bottom: 2em;
    margin-top:0;
}

/*-- -------- start: Vertical navigation -------- --*/

#secondary_nav{
    font-size: 85%;
    width: 150px;
    float: left;
}

#secondary_nav ul{
    border-top: 1px dotted #ccc;
    border-bottom: 1px dotted #ccc;
    padding: 0.7em 0 0.7em 0;
}
#secondary_nav ul ul{
    margin-top: 0.5em;

}
#container #secondary_nav ul li{
    list-style: none;
    margin-left: 0;
}
#secondary_nav ul li a{
    border: 0;
}

#secondary_nav ul li a.activTab{
    font-weight: bold;
    border: 0;
    background: url("/ruby/nextversion/../../styles2/../img/tree/arrow_tree_closed.gif") no-repeat 0 4px;
    background-position: 0 4px!important;
    padding-left: 9px;
    margin-left: -8px;
}

#secondary_nav ul li a.children {
    background: url("/ruby/nextversion/../../styles2/../img/tree/child.gif") no-repeat 0 7px;
    padding-left: 8px;

}
#secondary_nav ul li a.children.activTab {
    font-weight: bold;
    margin-left: 0;
}

#secondary_nav dl.buy {
    *width: 150px;
    _width: auto;
    display: block;
    line-height: 1.9em;
    padding: 4px 6px 6px;
    margin-top: 0.5em;
    margin-bottom: 0;
    border: 1px dotted #ddd;
    /*border-bottom: 4px solid #eee;*/
    border-bottom-style: solid;
    overflow-y: hidden;
}
#secondary_nav dl.buy dt{
    font-size: 120%;
    /**font-size: 13px;*/
    display: block;
    letter-spacing: -1px;
    color: #777;
    margin-left: 3px;
}
#secondary_nav dl.buy dt.price{
    float:right;
    margin-right: 3px;
    padding-right: 0;
    clear: both;
}
#secondary_nav dl.buy dd{
    margin-left: 67px;
    *font-size: 11px;
    float: none;
}

#secondary_nav dl.buy dd.links{
    padding-left: 0;
    margin-left: 4px;
    margin-right: 10px;
    /*margin-bottom: 10px;*/
    display: block;
    float: left;
}

#secondary_nav dl.buy dd.caption {
    margin: 0 0 0 3px;
    padding: 0;
    font-size: 110%;
    font-weight: bold;
    color: #777;
    border-bottom: 1px dotted #ddd;
    clear: left;
}


#secondary_nav.tabs{
    margin: 0;
    padding: 0;
    border: dotted 1px #ccc;
    border-right: none;
}
#secondary_nav.tabs ul{
    margin: 0;
    padding: .5em 0 .1em .4em;
    border: none;
}
#secondary_nav.tabs ul li {
    margin: 0;
    padding: 0;
}
#secondary_nav.tabs ul li a {
    margin-bottom: .4em;
    padding: .2em 0 .2em 1em;
    *padding-left: 0;
    display: block;
    background-color: #f0f0f0;
}
#secondary_nav.tabs ul li a.activTab {
    margin-left: 0;
    background-color: #fff;
    background-position: .2em 4px!important;

}
/*--  --------- end: Vertical navigation --------- --*/

/* Buy, Download at the #header
simple buttons inside the #content??? */

#content a.text-button{
    background: url("/ruby/nextversion/../../styles2/../img/btn.gif") no-repeat top center;
    width: 160px;
    height: 27px;
    display: block;
    font-weight: bold;
    color: #0158bc;
    padding: 2px 0 0 0;
    border: none;
    text-align:center;
}

#content .buttonDownloadNow, #subcontent .buttonDownloadNow {
    margin-top: 0;
    margin-right: 1em;
    padding: 16px 10px 10px 65px;
    float: right;
    width: 224px;
    height: 40px;
    color: #676767;
    font-size: 90%;
    cursor: pointer;
    border: none;
}
#content .buttonDownloadNow:hover, #subcontent .buttonDownloadNow:hover {
    text-decoration: none;
}
#content .buttonDownloadNow span, #subcontent .buttonDownloadNow span {
    margin-bottom: -1.6em;
    display: block;
    font-weight: bold;
    font-size: 140%;
    font-family: myriad, sans-serif;
    color: #295bc9;
}
#subcontent .buttonDownloadNow a {
    color: #676767;
}
body #content .buttonDownloadNow {
    width: 194px;
    background: url("/ruby/nextversion/../../styles2/../img/buttons/buttonDownloadNow.gif") no-repeat 0 0;
}
body.TeamCity #content .buttonDownloadNow {
    width: 250px;
    background: url("/ruby/nextversion/../../styles2/../img/buttons/buttonDownloadNow_tc.gif") no-repeat 0 0;
}
body.yt #content .buttonDownloadNow {
    padding-left: 90px;
    width: 225px;
    background: url("/ruby/nextversion/../../styles2/../img/buttons/buttonDownloadNow_tc.gif") no-repeat 0 0;
}
body.pycharm #content .buttonDownloadNow  {
    padding-left: 85px;
    width: 220px;
    background: url("/ruby/nextversion/../../styles2/../img/buttons/buttonDownloadNow_pycharm.gif") no-repeat 0 0;
}
body.rs #content .buttonDownloadNow, body.dt #content .buttonDownloadNow, body.dotcover #content .buttonDownloadNow , body.dotnet #content .buttonDownloadNow {
    width: 224px;
    background: url("/ruby/nextversion/../../styles2/../img/buttons/buttonDownloadNow_rs.gif") no-repeat 0 0;
}
body.phpstorm #content .buttonDownloadNow {
    width: 224px;
    background: url("/ruby/nextversion/../../styles2/../img/buttons/buttonDownloadNow_phpstorm.gif") no-repeat 0 0;
}
body.webstorm #content .buttonDownloadNow {
    width: 224px;
    background: url("/ruby/nextversion/../../styles2/../img/buttons/buttonDownloadNow_webstorm.gif") no-repeat 0 0;
}
body.ruby #content .buttonDownloadNow {
    padding-top: 12px;
    padding-left: 80px;
    width: 160px;
    height: 49px;
    line-height: 1.2em;
    background: url("/ruby/nextversion/../../styles2/../img/buttons/buttonDownloadNow_rm.gif") no-repeat 0 0;
}
body.TeamCity.down #content .buttonDownloadNow, body.idea.down #content .buttonDownloadNow {
    margin: .5em 0 0 -.7em;
    padding-top: 8px;
    padding-right: 0;
    padding-left: 75px;
    float: left;
    width: 285px;
    background: url("/ruby/nextversion/../../styles2/../img/buttons/buttonDownloadNow_incloud.png") no-repeat 0 0;
}
body.rs #subcontent .buttonDownloadNow {
    padding-left: 17px;
    padding-right: 0;
    padding-top: 12px;
    width: 210px;
    background: url("/ruby/nextversion/../../styles2/../img/buttons/buttonDownloadNowLight_rs.gif") no-repeat 0 0;
}
body.idea #content .buttonDownloadNow.community {
    background-image: url("/ruby/nextversion/../../styles2/../img/buttons/buttonDownloadNow_community.gif");
}
body.TeamCity.down #content .buttonDownloadNow span, body.idea.down #content .buttonDownloadNow span {
    margin-bottom: .2em;
    display: block;
    font-weight: normal;
}
body.rm-next #content .buttonDownloadNow {
    padding-top: 16px;
    height: 45px;
}
body #content .buttonDownloadNow:hover {
    background-position: 0 -66px;
}
body.ruby #content .buttonDownloadNow:hover {
    background-position: 0 -71px;
}
body.pycharm #content .buttonDownloadNow span {
    color: #096f0b;
}
body.rs #content .buttonDownloadNow span, body.dt #content .buttonDownloadNow span, body.dotcover #content .buttonDownloadNow span, body.dotnet #content .buttonDownloadNow span {
    color: #7e255b;
}
body.rs #content .buttonDownloadNow span {
    font-size: 130%;
}
body.dt #content .buttonDownloadNow a:hover {
    text-decoration: none;
}
body.ruby #content .buttonDownloadNow span {
    line-height: 1.4em;
    color: #af0a4f;
    font-size: 160%;
}
body.phpstorm #content .buttonDownloadNow span {
    color: #4642bf;
}
body.yt #content .buttonDownloadNow span {
    font-size: 130%;
}
body.idea #content .buttonDownloadNow.community span {
    color: #395a76;
}
body.rs #subcontent .buttonDownloadNow span {
    margin-bottom: .2em;
    display: block;
    color: #7e255b;
}

body.rs #content .buttonDownloadNow {/*FIX*/
    padding-left: 70px;
}



#content .buttonDownloadGreen {
    padding-left: 12px;
    float: left;
    width: 100%;
    font-size: 90%;
    background: url("/ruby/nextversion/../../styles2/../img/buttons/buttonDownloadGreeen.png") no-repeat 0 0;
    border: none;
}
#content .buttonDownloadGreen.big {
    padding-left: 12px;
    font-size: 100%;
    background: url("/ruby/nextversion/../../styles2/../img/buttons/buttonDownloadGreeenBig.png") no-repeat 0 0;
}
#content .buttonDownloadGreen span {
    min-width: 200px;
    height: 78px;
    display: block;
    font-size: 85%;
    text-align: center;
    cursor: pointer;
    background: url("/ruby/nextversion/../../styles2/../img/buttons/buttonDownloadGreeen.png") no-repeat right -78px;
}
#content .buttonDownloadGreen.big span {
    padding: 22px 0 0 70px;
    height: 77px;
    text-align: left;
    line-height: 1.2em;
    background: url("/ruby/nextversion/../../styles2/../img/buttons/buttonDownloadGreeenBig.png") no-repeat right -99px;
}
#content .buttonDownloadGreen span img {
    padding-top: 28px;
}
#content .buttonDownloadGreen p {
    margin: .1em 0 0 0;
}
#content .buttonDownloadGreen p a {
    border: none;
}
#content .buttonDownloadGreen h3 {
    margin: .2em 0 .4em 0;
}
body.objc #content .buttonDownloadGreen span, body.yt #content .buttonDownloadGreen span {
    padding-top:  24px;
    font-size: 100%;
}
body.objc #content .buttonDownloadGreen span h3, body.yt #content .buttonDownloadGreen span h3 {
    font-size: 140%;
}
body.yt #content .buttonDownloadGreen span h3 {
    padding-top: 25px;
    padding-bottom: 20px;
}
body.TeamCity #content .buttonDownloadGreen span h3 {
    padding-top: 3px;
    padding-bottom: 0;
}


#content .buttonDownload {
    margin-right: 1em;
    padding: 18px 10px 10px 23px;
    float: right;
    width: 255px;
    height: 50px;
    color: #fff;
    cursor: pointer;
    background: url("/ruby/nextversion/../../styles2/../img/buttons/buttonDownload.gif") no-repeat 0 0;
    border: none;
}
#content .buttonDownload span {
    font-weight: bold;
    font-size: 170%;
}
#content .buttonDownload a {
    color: #295bc9;
    border-bottom: none;
}
#content .buttonDownload a:hover {
    color: #295bc9;
    border-bottom: solid 1px #295bc9;
}



.downloadButtonYellow {
    margin-left: .5em;
    margin-top: 1.5em;
    padding: 9px 0 0 45px;
    display: block;
    cursor: pointer;
    width: 170px;
    height: 33px;
    color: #043dbc;
    font-family: myriad, sans-serif;
    font-weight: bold;
    font-size: 120%;
    background: transparent url("/ruby/nextversion/../../styles2/../img/buttons/button_download_yellow.png") no-repeat scroll 0 0;
}
.downloadButtonBlue {
    margin-left: .5em;
    margin-top: 1.5em;
    padding: 10px 0 0 45px;
    display: block;
    cursor: pointer;
    width: 170px;
    height: 32px;
    font-size: 120%;
    color: #043dbc;
    font-weight: bold;
    background: transparent url("/ruby/nextversion/../../styles2/../img/buttons/button_download_blue.png") no-repeat scroll 0 0;
}
.downloadButtonYellow:hover, .downloadButtonBlue:hover {
    text-decoration: none;
}

.downloadLink .nota_bene {
    margin: 1em 0 1.6em 0;
    border-top: none;
    border-left: solid 1px #f5f7f9;
    border-right: solid 2px #f5f7f9;
    border-bottom: solid 2px #f5f7f9;
}
.downloadLink .nota_bene a {
    padding: .5em;
    font-weight1: bold;
    font-size: 140%;
    display: block;
    text-align: center;
}
.downloadLink .nota_bene a:hover {
    text-decoration: none;
}


.button-link {
    margin-bottom: 1.5em;
    text-align: center;
    font-size: 110%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #f6f6f6;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#eee));
    background-image: -webkit-linear-gradient(top, #f6f6f6, #eee);
    background-image: -moz-linear-gradient(top, #f6f6f6, #eee);
    background-image: -ms-linear-gradient(top, #f6f6f6, #eee);
    background-image: -o-linear-gradient(top, #f6f6f6, #eee);
    background-image: linear-gradient(top, #f6f6f6, #eee);
    -webkit-box-shadow: inset 0 1px 0 0 #fdfdfd;
    -moz-box-shadow: inset 0 1px 0 0 #fdfdfd;
    -ms-box-shadow: inset 0 1px 0 0 #fdfdfd;
    -o-box-shadow: inset 0 1px 0 0 #fdfdfd;
    box-shadow: inset 0 1px 0 0 #fdfdfd, inset 0 0 0 1px #f4f4f4;
    border: 1px solid #e0e0e0;
}
.button-link a {
    margin-right: 15px;
    font-size: 150%;
    display: block;
    background: url("/ruby/nextversion/../../styles2/../img/buttons/bgButton-link.png") no-repeat right 11px;
}
.button-link.strong a {
    color: #3358c0;
    text-shadow: 0 1px 0 #ffffff, rgba(51,88,192,0.5) 0 -1px;
    font-weight: bold;
}
.button-link.buy a {
    color: #64bf6c;
    text-shadow: 0 1px 0 #ffffff, rgba(100,191,108,0.5) 0 -1px;
    background-position: right -21px;
}
.button-link a:hover {
    text-decoration: none;
}
.button-link a span {
    margin-right: 38px;
    padding: 9px .5em 12px;
    display: block;
    border-right: solid 1px #e0e0e0;
    box-shadow: 1px 0 0 0 #fafafa;
}
.button-link.buy a span {
    padding-top: 9px;
    padding-bottom: 12px;
}




.overview #content .intro {
    margin-left: 1.5em;
    margin-bottom: 0;
    font-size: 115%;
}
.screenshotTour a {
    margin-top: 1em;
    margin-bottom: .5em;
    display: block;
    width: 475px;
    height: 180px;
    text-indent: -9990px;
    overflow: hidden;
    background: url("/ruby/nextversion/../img/screenshotTourIndex.jpg") no-repeat 0 0;
    border: none;
}
body.overview .downloads {
    width: 37%;
}
.overview #content #buttonDownloadRUBY {
    width: 310px;
}

.overview #content .features {
    margin-top: 2em;
    margin-left: 5%;
    float: left;
    list-style: none;
}
.overview #content .features.first {
    margin-left: 0;
}
.overview #content div.features.first {
    margin-left: 1.3em;
}
.overview #content .features li {
    margin-bottom: .5em;
    padding-left: 1.2em;
    list-style-position: outside;
    background: url("/ruby/nextversion/../../img/bullet_grey.gif") no-repeat scroll 0 5px;
}
.overview #content ul.features li strong {
    color: #000;
}


/*----------------------------------------------------------------------------------------*/
/*--- TC4RM banner --------------------------------------------*/
/*----------------------------------------------------------------------------------------*/
body.ruby #container #subcontent .banner#TC-banner a {
    background: url("/ruby/nextversion/../../img/banners/tc_free_rm1.gif") no-repeat 0 0;
    height: 72px;
}
body.ruby #container #subcontent .banner#RM-banner a {
    height: 72px;
}

body.ruby #container #subcontent .box#TC-banner {
   height: 74px;
}
body.ruby #container #subcontent .box#RM-banner {
   height: 74px;
   background: #b5034d url("/ruby/nextversion/../../img/banners/rm15eap.gif") no-repeat 0 0;

}



/*----------------------------------------------------------------------------------------*/
/*--- Zoom icon gap fixing --------------------------------------------*/
/*----------------------------------------------------------------------------------------*/
.pictures .enlargePic {
    top: -5px;
    left: 0px;
    *top: -9px;
    margin-top:-20px;
    display:block;
    width:17px;
    *width:20px;
    height:17px;
    *height:22px;
    float:right;
    text-align:center;

}


@-moz-document url-prefix() { .pictures .enlargePic { top: -5px; left:0px } }




#container #content .pictures .comment{
    /*margin-right:-5px !important;*/
    margin-right:0;
    clear:both;
}

#container #content .pictures {
    width:222px;
    border: solid 1px #fff;
}

#container #content .pictures .comment a{
    margin-bottom: .5em;
    display:block;
    text-align:right;
}

#container #content .pictures .comment a:hover{
    border:0;
}

#container #content .pictures .comment a img{
    display:block;
    text-align:right;
    margin:0;
    padding:0;
}

#container #content .pictures .comment .enlargePic img {
    *position:relative;
    *left:-3px;
    *top:2px;
}



.screenshot .lightwindow {
    float: right; position: relative;
    margin-right:-28px;
}



.screenshot .lightwindow  .enlargePic {
    top: -9px;
    *top: -10px;
    left: -28px;
    *left: -29px;
}

@-moz-document url-prefix() {.screenshot .lightwindow  .enlargePic { top: -13px;  left: -28px;}  }

/*User*/

.users a, .users img {
    border:0;
}

#container #subcontent .users dt {
    font-weight:normal;
    margin-left:-5px;
    padding-top:5px;
    border:0;
    margin-bottom:0;

}

.users dd{
    text-align:center;
    padding:0;
    padding-left:5px;

}


#container #subcontent  .users dd.twitter_logo{
    margin-left:3px;
    /*padding-top:5px;*/
}

.users .buynow {
    text-align:left;
    font-size:1em;
    border-bottom-style:dashed;
    border-bottom-width:1px;
   display:inline;
}

.users .buynow a {
    display:inline;
    padding:0;
}


body.treeTitle #subcontent .featureTree {
    border: 1px solid #ccc;
    width: 200px;
    margin: 0 7px 15px;
    padding: 0;
}
body.treeTitle ul.notJS{
    margin-top: 0;
}
body.treeTitle #container #subcontent h5{
    display: block;
    background: none;
    color: #555;
    margin: 0 0 7px;
    padding: 3px 10px;
    font-size: 1em;
    background-color: #f2f2f2;

}




div.screenshot {
    position: relative;
}
div.screenshot.rightfloated {
    text-align: right;
    margin-bottom: 1em;
}
div.screenshot.leftfloated {

}
div.screenshot.numeration {
    margin-top: 1em;
}
p.screenshot img {
    margin-top: 1em;
    margin-bottom: 1em;
    display: block;
}
.screenshot img.bg {
    padding: 7px;
    background: #e9e9e9 url("/ruby/nextversion/../../styles2/../img/screenshots/bgGradientWhite.gif") repeat-y right 0;
}
.screenshot img.border {
    border: solid 7px #e9e9e9;
}
.screenshot .number {
    padding-top: 10px;
    display: block;
    position: absolute;
    text-align: center;
    z-index: 1;
    width: 40px;
    height: 30px;
    top: -12px;
    left: -12px;
    color: #737373;
    font-size: 150%;
    font-family: arial black, arial, sans-serif;
    font-weight: bold;
    text-shadow: 0 -1px .5px #3a3a3a, 1px 1px 1px #f5f5f5;
    background: url("/ruby/nextversion/../../styles2/../img/screenshots/bgNumber.png") no-repeat 0 0;

}

.screenshot.shadow img {
    -webkit-box-shadow: 2px 2px 5px #e1e1e1;
    -moz-box-shadow: 2px 2px 5px #e1e1e1;
    box-shadow: 2px 2px 5px #e1e1e1;
    filter:	progid:DXImageTransform.Microsoft.Shadow(color='#e8e8e8', Direction=135, Strength=6);
    border: solid 1px #ccc;
}

.feature .plainlist li {
    line-height: 1.4em;
    margin-left: 18px;
    margin-top: 0.4em;
    padding-bottom: 0.4em;
    background: url("/ruby/nextversion/../../styles2/../img/bullet_star.gif") no-repeat 0 0.2em;
}

#content dl.featuregroup li {
    font-size: 100%;
    padding-bottom: 0;
}

#content dl.featuregroup dt {
    padding: 10px 0 17px 40px;
    margin-bottom: -12px;
}

/*-- -------- start: Feature group icons -------- --*/
.editing {
    background: url("/ruby/nextversion/../../styles2/../idea/img/icons/code_editor.gif") no-repeat 0 2px;
}

.languages {
    background: url("/ruby/nextversion/../../styles2/../idea/img/icons/languages.gif") no-repeat 0 1px;
}

.technologies {
    background: url("/ruby/nextversion/../../styles2/../idea/img/icons/technologies.gif") no-repeat 0 2px;
}

.teamwork {
    background: url("/ruby/nextversion/../../styles2/../idea/img/icons/teamwork_facilitation.gif") no-repeat 0 2px;
}

.quality {
    background: url("/ruby/nextversion/../../styles2/../idea/img/icons/code_quality.gif") no-repeat 0 5px;
}

.environment {
    background: url("/ruby/nextversion/../../styles2/../idea/img/icons/integrated_environment.gif") no-repeat 0 0;
}

.customization {
    background: url("/ruby/nextversion/../../styles2/../idea/img/icons/customization.gif") no-repeat 0 5px;
}

.code-editing {
    background: url("/ruby/nextversion/../../styles2/../idea/img/icons/code_editor.gif") no-repeat 0 8px;
}

/*--  --------- end: Feature group icons --------- --*/

#content dl.featuregroup dt a {
    color: black;
}

#content dl.featuregroup dt a:hover {
    color: #043DBC;
}

#content dl.featuregroup a {
    border: 0;
    color: #043DBC;
}

#content dl.featuregroup a:hover {
    color: #043DBC;
    border-bottom: 1px solid #043DBC;
    text-decoration: none;
}

#content dl.featuregroup dd {
    padding: 0;
    margin: 0 0 0.1em 42px;
    font-size: 90%;
}

#content dl.featuregroup dt.popular_title {
    background-image: none;
    list-style-image: none;
    color: #666;
    margin-bottom: 10px;
    padding-bottom: 5px;
    display: block;
    border-bottom: 1px solid #eee;
}

#content dl.featuregroup dd.popular {
    float: left;
    margin-right: 10px;
    line-height: 1.6em;
}

#content dl.featuregroup .newfeature em {
    padding-right: 8px;
    color: #ff9900;
    font-weight: normal;
    font-size: 70%;
    font-style: normal;
}

#content dl.featuregroup .improvedfeature em {
    color: #0ec40f;
    font-weight: normal;
    font-size: 70%;
    font-style: normal;
}
.legendNew{
    color:#f06e2c;
    font-size: 1.6em!important;
    line-height: 12px;
    vertical-align: bottom;
}

#content ul#featuresGroups {
    margin: 1em 0 1em 0;
    padding:0;
    height: 22px;
}
#content ul#featuresGroups li {
    margin: 0;
    list-style: none;
    display: inline;
}
#content ul#featuresGroups li a.text-button {
    margin: 0 1em 0 0;
    padding: 0 0 0 0;
    float: left;
    height: 32px;
    font-size: 1em;
    *font-size: 0.8em;
    text-align: center;
    font-weight: bold;
    background: url("/ruby/nextversion/../../styles2/../img/buttons/bgButtonLeft.gif") no-repeat 0 0;
}
body.idea #content ul#featuresGroups li a.text-button {
    width: 144px;
}
body.rs #content ul#featuresGroups li a.text-button {
    width: 110px;
}
#content ul#featuresGroups li a.text-button span {
    margin: 0;
    padding: 5px 0 8px 0;
    display: block;
    background: url("/ruby/nextversion/../../styles2/../img/buttons/bgButtonRight.gif") no-repeat right top;
}
#content ul#featuresGroups li a.pushed {
    background: url("/ruby/nextversion/../../styles2/../img/buttons/bgButton_hovLeft.gif") no-repeat 0 0;
}
#content ul#featuresGroups li a.pushed span {
    background: url("/ruby/nextversion/../../styles2/../img/buttons/bgButton_hovRight.gif") no-repeat right top;
}



/*---------------------- Tabs picture ---------------------------*/

#content .feature .language_selector {
    line-height: 1.3em;
}

#content .feature .language_selector .tabb {
    margin-left: 1px;
    *margin-left: 37px;    /*TODO: hack for the position of switcher*/
}

#content .feature .language_selector ul.buttTabs {
    position: relative;
    z-index: 10;
    margin: 3px 0 0;
    padding: 0;
    width: 21px;
    background: none;
    float: left;
}

#content .feature .language_selector ul.buttTabs li {
    margin: 0;
    padding: 0;
    background: none;
    float: none;
    list-style: none;
}

#content .feature .language_selector ul.buttTabs li p {
    margin: 0;
    padding: 0;
    border: 0;
}

#content .feature .language_selector ul.buttTabs li p a {
    height: 22px;
    width : 21px;
    padding: 0;
    margin: 0;
    border: 0;
    /*display: block;*/

}



/*------------start: Eap sidebar panel -----*/

.side-balloon p {
    position: absolute;
    width: 250px;
    right: -250px;
    visibility: visible;
    overflow: visible;
    z-index: 10;
    font-size:0.9em;
    margin:0 5px 0 21px;
    padding:7px 7px 3px 20px;
    background:#f4fcff url("/ruby/nextversion/../../styles2/../img/callout_nose.gif") no-repeat -20px 53%;
    border: solid 1px #b5b5b5;
    border-left: 0;
}

.side-balloon {
    position:relative;
    z-index: 1;
}


.side-balloon p a.more {
    display:block;
    text-align:right;
    font-size:0.9em;
}
.side-balloon p a.sample {
    padding: 0 0 .5em 1.8em;
    display:block;
    background: url("/ruby/nextversion/../../styles2/../img/icon_zip.gif") no-repeat 0 0;
    border-bottom: none;
}

/*------------end: Eap sidebar panel -----*/




/*Start: Edition brackets*/



body.idea #content .ultimate li, #content .community li{
    margin:0;

}
body.idea #content .ultimate ul, body.idea #content .community ul{
    margin-top:0;

}

body.idea #content .ultimate {
    position: relative;
    left: -15px;
    padding-left:0;
    padding-bottom:0;
    border-bottom: solid 1px #fff;
    background: url("/ruby/nextversion/../../styles2/../img/feature_line1_top.gif") repeat-y 0 0 !important;
    background-position: 0 1px;
    /*border: solid 1px red;*/
}

*:first-child+html body.idea #content .ultimate {
       border-right:solid 1px #fff;
}


body.idea .community {
    background: url("/ruby/nextversion/../../styles2/../img/feature_line2_top.gif") repeat-y 0 0;
    background-position: 0 0;
    margin-bottom:0;
    /*border: solid 1px green;*/
}

*:first-child+html body.idea #container #content .ultimate{
    background-position: 0 1px !important;
}



body.idea div.ultimate p, body.idea div.community p,
body.idea div.ultimate > img, body.idea div.community > img,
body.idea div.ultimate ol, body.idea div.community ol,
body.idea div.ultimate h3, body.idea div.community h3 {
    margin-left: 15px;
    padding-left: 15px;

}



body.idea #content  .ultimate ul li, body.idea #content  .community ul li{
    margin-left:40px;
}
body.idea #content  .ultimate ol li, body.idea #content  .community ol li{
    margin-left:40px;
}

body.idea #content .last_ultimate, body.idea #content .last_community {
    margin-bottom:0;
    padding-bottom:0;
    margin-left: 0;
}

body.idea .last_ultimate {
    /*position: relative;*/
    /*margin-right: -15px;*/
    background: url("/ruby/nextversion/../../styles2/../img/feature_line1_bottom.gif") no-repeat 0 100%;
    /*border: solid 1px blue;*/


}

body.idea #content .last_community {
    /*position: relative;*/
    margin-left: 0;
    padding-left:28px;
    margin-bottom:0;
    background: url("/ruby/nextversion/../../styles2/../img/feature_line2_bottom.gif") no-repeat 0 100%;
    /*right: 15px;*/
    /*border: solid 1px orange;*/

}

body.idea #container #content .last_community li  {
    margin-left:10px;
}




body.idea #content .last_ultimate {
    margin-bottom: 0;
    padding-bottom: 0;
    background: url("/ruby/nextversion/../../styles2/../img/feature_line1_bottom.gif") no-repeat 0 100%;
}
body.idea #content p.last_ultimate {
    padding-left: 30px;
}

body.idea #container #content .last_ultimate.last_community {
    /*padding-left: 30px;*/
    /*margin-left:15px;*/
    padding-bottom:1em;
    margin-bottom:0;
    background: url("/ruby/nextversion/../../styles2/../img/feature_line1_2_bottom.gif") no-repeat 0 100%;

}



body.idea #container #content .last_ultimate.last_community > img {
    display:block;
    margin-bottom:1em;
    margin-top:1em;
}

body.idea #container #content .community li > img, body.idea #container #content .ultimate li > img {
    margin-left:0;
    padding-left:0;
    display:block;
    margin-top:1em;
    margin-bottom: 1em;
}



body.idea .ultimate > img, body.idea .community > img {
    display:block;
    margin-top:1em;
    margin-left:30px;

}

body.idea .ultimate p > img, body.idea .community p > img {
    margin-bottom:1em;
    margin-left:0;
}

body.idea #content .ultimate  .screenshot, body.idea #content .community .screenshot {
    margin-left:30px;

}

body.idea #content .ultimate  .screenshot img, body.idea #content .community .screenshot img {
    display:inline;
}
*:first-child+html body.idea #content .ultimate  .screenshot, *:first-child+html  body.idea #content .community .screenshot {
   position:relative;
    right:-30px;

}

/*End: Edition brackets*/

/*-------feature legend-------*/
#container #subcontent dl.edition-legend {
    margin-top: 1em;
    padding-top: 5px;
    padding-bottom: 5px;
}

#container #subcontent dl.edition-legend dd {
    padding: 2px 0 0 0;

}

#container #subcontent dl.edition-legend dd.edition {
    padding: 0 5px 0 16px;
    background: url("/ruby/nextversion/../../styles2/../idea/img/bullBracketUE.gif") no-repeat 0 3px;
}

#container #subcontent dl.edition-legend dd.edition.ce {
    padding: 0 5px 0 16px;
    background: url("/ruby/nextversion/../../styles2/../idea/img/bullBracketCE.gif") no-repeat 0 3px;
}
/*-------feature legend end-------*/


/*-------Quickstart Guide start-------*/
body.quickstart .ico {
    margin-bottom: -2px;
}

dl.seealso {
    margin-top: 1.5em;
    margin-bottom: 1.5em;
}
.feature dl.seealso {
    margin-top: 1.5em;
    margin-bottom: 2.5em;
    padding-left: 0;
}
dl.seealso dt {
    width: 5em;
    float: left;
}
.feature dl.seealso dt {
    margin: 0;
    padding: 0;
}
dl.seealso dd {
    margin: 0 0 .3em 5.5em;
}
dl.seealso dd a {
    margin: 0;
    padding: 0 0 .2em 1.5em;
    display: block;
    border: none;
}
dl.seealso dd a span {
    color: #333;
}
ul.seealso {
    margin: 0;
    list-style: none;
}
ul.seealso li {
    float: left;
}
ul.seealso li a {
    padding: 0 0 .2em 1.5em;
    display: block;
    border: none;
}
dl.seealso dd a.demo {
    background: url("/ruby/nextversion/../../styles2/../img/icons/icoDemo.gif") no-repeat 0 3px;
}
dl.seealso dd a.blog {
    background: url("/ruby/nextversion/../../styles2/../img/icons/icoBlog.gif") no-repeat 0 4px;
}
dl.seealso dd a.pdf {
    background: url("/ruby/nextversion/../../styles2/../img/icons/icoPDF.gif") no-repeat 0 2px;
}
dl.seealso dd a.help, ul.seealso li a.help {
    background: url("/ruby/nextversion/../../styles2/../img/icons/icoHelp.gif") no-repeat 1px 2px;
}
dl.seealso dd a.download, ul.seealso li a.download {
    background: url("/ruby/nextversion/../../styles2/../img/icons/icoDownload.gif") no-repeat 1px 2px;
}
.feature dl.seealso dd a.demo {
    background-position: 0 5px;
}
.feature dl.seealso dd a.blog {
    background-position: 0 4px;
}
.feature dl.seealso dd a.pdf {
    background-position: 0 4px;
}
.feature dl.seealso dd a.help {
    background-position: 1px 4px;
}
/*-------Quickstart Guide end-------*/



body.nextversion #content .subcription {
    margin-top: -1.3em;
}
body.nextversion #content .seealso dd {
    margin-left: 0;
}