/*----- Boxes with lists ----- */
#subcontent dl,
#sidebar dl
{
    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;
    margin-left: 7px;
    margin-right: 7px;
    border-width: 1px;
    border-style:solid;
    height:70px;
}
/* -----------------Sidebar banner RS1 Start --------------*/
#subcontent .hbanner a {
    display: block;
    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("/idea/features/../../styles2/../img/buttons/tc-download.gif") no-repeat 0 -50px;
}
#subcontent dl.sb-download dd{
    padding:0;
    margin:0;
    height: 50px;
    background: url("/idea/features/../../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("/idea/features/../../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("/idea/features/../../styles2/../img/buttons/sb-download-rs.gif");
}
body.rs #subcontent dl.sb-download-b dd a{
    background-image: url("/idea/features/../../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("/idea/features/../../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("/idea/features/../../styles2/../teamcity/features/screenshots/tour/thumbnail.gif") no-repeat 0 0;
}
.mps .box.screenshots dt a, .mps .box.screenshots dt a:hover{
    background: url("/idea/features/../../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;
}


/* @sidebar */
.sidebar {
    float: left;
    width: 280px;
    margin-right: 25px;
}

.content-wrap {
    margin-left: 305px;
}



/* @sidebar-menu */
.sidebar-menu {
    margin-bottom: 0;
}

.sidebar-menu > li {
    margin-bottom: -1px;
    border-left: solid 1px #fff;
    border-top: solid 1px #e0e0e0;
    border-bottom: solid 1px #e0e0e0;
    font-size: 16px;
    line-height: 21px;
}

.sidebar-menu > li.active {
    color: #454545;
    background: #edf3f6;
    position: relative;
    border: solid 1px #edf3f6;
    border-right: none;
}

.sidebar-menu > li > a,
.sidebar-menu > li > span {
    padding: 10px;
    display: block;
}

.sidebar-menu ul {
    margin: 0 0 0 -1px;
    padding: 10px 15px 10px 24px;
    background-color: #F7FAFB;
}
    .sidebar-menu ul ul {
        margin-bottom: -10px;
        padding: 5px 0 10px 15px;
    }
.sidebar-menu .table-of-contents {
    max-height: 500px;
    overflow-y: auto;
}

.sidebar-menu ul > li {
    position: relative;
    margin-bottom: 9px;
    font-size: 14px;
    line-height: 17px;
}
    .sidebar-menu ul ul > li {
        margin-bottom: 5px;
        font-size: 13px;
        line-height: 16px;
    }

.sidebar-menu ul > li:before {
    position: absolute;
    top: 8px;
    width: 8px;
    height: 1px;
    margin-left: -12px;
    content: '';
    background: url("/idea/features/../../styles2/../img/ndash.png") no-repeat;
}

.sidebar-menu ul .active {
    color: #333;
}

.clamp_normal {}
.clamp_fixed {position:fixed; top:0; margin-top:0;}
.clamp_bottom {position:absolute; top:auto; bottom:0;}

@media (max-width: 990px) {
    .clamp_fixed,
    .clamp_bottom {
        position: static;
    }
}

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

/* special contact form */
#container .question {
    background: white url("/idea/features/../../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("/idea/features/../../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("/idea/features/../../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("/idea/features/../../styles2/../img/quote_bottom.gif") no-repeat right bottom;
    text-align: right;
    padding-bottom: 1em;
}

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

dl.buy dd.addcart {
    background: url("/idea/features/../../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 #content h4 {
    display: block;
    padding: 0 0 0 2.2em;
    margin-bottom: 1em;
    background: #F0F0F0 url("/idea/features/../../styles2/../img/bullet.gif") no-repeat 0.5em 6px;
    font-size: 86%;
    font-weight: bold;
    letter-spacing: 1px;
}

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

.new-small {
    background: url("/idea/features/../../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("/idea/features/../../styles2/../img/star_bullet_new.gif") no-repeat 0 4px;
    padding: 0 0 0 30px;
    font-weight: normal;
}

h4.new {
    background: url("/idea/features/../../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("/idea/features/../../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("/idea/features/../../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("/idea/features/../../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("/idea/features/../../styles2/../img/quote_bottom.gif") no-repeat right bottom;
}

#testimonial #quote {
    margin: 0;
    padding: 5px 10px 0 10px;
    line-height: 1.4em;
    background: url("/idea/features/../../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("/idea/features/../../styles2/../img/loading.gif") no-repeat -10px -4px;*/
    background: url("/idea/features/../../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("/idea/features/../../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("/idea/features/../../styles2/../img/banners/ij11_sb.png") no-repeat center 0;
}
#subcontent .yt_sb a {
    background: #273f9f url("/idea/features/../../styles2/../img/banners/yt41_sb.png") no-repeat center 0;
}
#subcontent .pw_sb a {
    background: #073345 url("/idea/features/../../styles2/../img/banners/ps5_sb.png") no-repeat center 0;
}
#subcontent .ws_sb a {
    background:#073345 url("/idea/features/../../styles2/../img/banners/ws5_sb.png") no-repeat center 0;
}
#subcontent .tc_sb a {
    background: white url("/idea/features/../../styles2/../img/banners/tc71_sb.png") no-repeat 0 50%;
}
#subcontent .rm a {
    background: white url("/idea/features/../../styles2/../img/banners/rm45_sb.png") no-repeat 0 50%;
}
#subcontent .pysb a {
    background: white url("/idea/features/../../styles2/../img/banners/py20_sb.png") no-repeat 0 50%;
}
#subcontent .dtsb a {
    background: white url("/idea/features/../../styles2/../img/banners/dt5_sb.png") no-repeat 0 50%;
}
#subcontent .dcsb a {
    background: white url("/idea/features/../../styles2/../img/banners/dc2_sb.png") no-repeat 0 50%;
}
#subcontent .rssb a {
    background: white url("/idea/features/../../styles2/../img/banners/rs7_sb.png") no-repeat 0 50%;
}
#subcontent .rsrus a {
    background: white url("/idea/features/../../styles2/../img/banners/rs_ru.png") no-repeat 0 50%;
}
#subcontent .rm-tc_hsb a {
    background: white url("/idea/features/../../styles2/../img/banners/tc_free_rm1.gif") no-repeat 0 50%;
}
#subcontent .objc a {
    background: white url("/idea/features/../../styles2/../img/banners/appcode_sb.png") no-repeat 0 50%;
}
#subcontent .dp_sb a {
    background: white url("/idea/features/../../styles2/../img/banners/dp1_sb.png") no-repeat 0 50%;
}

/* Graublau */
@font-face {
    font-family: 'GraublauSans-Regular';
    src: url("/idea/features/../../styles2/fonts/250B49_0_0.woff");
}
@font-face {
    font-family: 'GraublauSans-Italic';
    src: url("/idea/features/../../styles2/fonts/250B49_1_0.woff");
}
@font-face {
    font-family: 'GraublauSans-BdIt';
    src: url("/idea/features/../../styles2/fonts/250B49_2_0.woff");
}
@font-face {
    font-family: 'GraublauSans-Bold';
    src: url("/idea/features/../../styles2/fonts/250B49_3_0.woff");
}
@font-face {
    font-family: 'GraublauSansDisplay-Regular';
    src: url("/idea/features/../../styles2/fonts/24FB8B_0_0.woff");
}
@font-face {
    font-family: 'GraublauSlab-Light';
    src: url("/idea/features/../../styles2/fonts/24FB8B_1_0.woff");
}
@font-face {
    font-family: 'GraublauSlab-Regular';
    src: url("/idea/features/../../styles2/fonts/24FB8B_2_0.woff");
}
@font-face {
    font-family: 'GraublauSlab-Semibold';
    src: url("/idea/features/../../styles2/fonts/24FB8B_3_0.woff");
}

/* PT Sans */
@font-face {
    font-family: 'PT Sans';
    src: local("PT Sans"), url("/idea/features/../../styles2/fonts/PTS55F_W.woff");
}
@font-face {
    font-family: "PT Sans";
    font-style: italic;
    src: local("PT Sans Italic"), url("/idea/features/../../styles2/fonts/PTS56F_W.woff");
}
@font-face {
    font-family: "PT Sans";
    font-style: normal;
    font-weight: bold;
    src: local("PT Sans Bold"), url("/idea/features/../../styles2/fonts/PTS75F_W.woff");
}
@font-face {
    font-family: "PT Sans";
    font-style: italic;
    font-weight: bold;
    src: local("PT Sans Bold Italic"), url("/idea/features/../../styles2/fonts/PTS76F_W.woff");
}

/* Open Sans */
@font-face {
    font-family: 'Open Sans';
    src: local("Open Sans"), url("/idea/features/../../styles2/fonts/OpenSans-Regular-webfont.woff");
}
@font-face {
    font-family: "Open Sans";
    font-style: italic;
    src: local("Open Sans Italic"), url("/idea/features/../../styles2/fonts/OpenSans-Italic-webfont.woff");
}
@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: bold;
    src: local("Open Sans Bold"), url("/idea/features/../../styles2/fonts/OpenSans-Bold-webfont.woff");
}
@font-face {
    font-family: "Open Sans";
    font-style: italic;
    font-weight: bold;
    src: local("Open Sans Bold Italic"), url("/idea/features/../../styles2/fonts/OpenSans-BoldItalic-webfont.woff");
}
@font-face {
    font-family: 'Open Sans';
    font-weight: 300;
    src: local("Open Sans Light"), url("/idea/features/../../styles2/fonts/OpenSans-Light-webfont.woff");
}

/* @icon */
.icon {
    position:relative;
    display:inline-block;
    padding:0;
    vertical-align:middle;
    white-space:nowrap;
    font-size:0;
    line-height:12px;
}
.ie6 .icon,
.ie7 .icon {
    display:inline;
    zoom:1;
}

/* @icon-product */
.product-logo {
    background-color:transparent;
    background-image:url("/idea/features/../../styles2/../img/logos/sprite_logos.svg?05092014");
    background-repeat:repeat;
    background-size:100%;
    vertical-align:top;
}
.product-logo.size1 { width:20px; height:20px; font-size:20px; background-size:20px auto }
.product-logo.size2 { width:30px; height:30px; font-size:30px; background-size:30px auto }
.product-logo.size3 { width:35px; height:35px; font-size:35px; background-size:35px auto }
.product-logo.size4 { width:40px; height:40px; font-size:40px; background-size:40px auto }
.product-logo.size5 { width:60px; height:60px; font-size:60px; background-size:60px auto }
.product-logo.size6 { width:64px; height:64px; font-size:64px; background-size:64px auto }
.product-logo.size7 { width:80px; height:80px; font-size:80px; background-size:80px auto }

    /* fallback */
    .ie7 .product-logo.size1,
    .ie8 .product-logo.size1,
    .ie9 .product-logo.size1,
    .ie11 .product-logo.size1,
    /*.safari .product-logo.size1,*/
    .chrome24 .product-logo.size1,
    .chrome25 .product-logo.size1 {background-image:url("/idea/features/../../styles2/../img/logos/sprite_logos_size1.png"); background-size:auto}
    .ie7 .product-logo.size2,
    .ie8 .product-logo.size2,
    .ie9 .product-logo.size2,
    .ie11 .product-logo.size2,
    /*.safari .product-logo.size2,*/
    .chrome24 .product-logo.size2,
    .chrome25 .product-logo.size2 {background-image:url("/idea/features/../../styles2/../img/logos/sprite_logos_size2.png"); background-size:auto}
    .ie7 .product-logo.size3,
    .ie8 .product-logo.size3,
    .ie9 .product-logo.size3,
    .ie11 .product-logo.size3,
    /*.safari .product-logo.size3,*/
    .chrome24 .product-logo.size3,
    .chrome25  .product-logo.size3 {background-image:url("/idea/features/../../styles2/../img/logos/sprite_logos_size3.png"); background-size:auto}
    .ie7 .product-logo.size4,
    .ie8 .product-logo.size4,
    .ie9 .product-logo.size4,
    .ie11 .product-logo.size4,
    /*.safari .product-logo.size4,*/
    .chrome24 .product-logo.size4,
    .chrome25 .product-logo.size4 {background-image:url("/idea/features/../../styles2/../img/logos/sprite_logos_size4.png"); background-size:auto}
    .ie7 .product-logo.size5,
    .ie8 .product-logo.size5,
    .ie9 .product-logo.size5,
    .ie11 .product-logo.size5,
    /*.safari .product-logo.size5,*/
    .chrome24 .product-logo.size5,
    .chrome25 .product-logo.size5 {background-image:url("/idea/features/../../styles2/../img/logos/sprite_logos_size5.png"); background-size:auto}
    .ie7 .product-logo.size6,
    .ie8 .product-logo.size6,
    .ie9 .product-logo.size6,
    .ie11 .product-logo.size6,
    /*.safari .product-logo.size6,*/
    .chrome24 .product-logo.size6,
    .chrome25 .product-logo.size6 {background-image:url("/idea/features/../../styles2/../img/logos/sprite_logos_size6.png"); background-size:auto}
    .ie7 .product-logo.size7,
    .ie8 .product-logo.size7,
    .ie9 .product-logo.size7,
    .ie11 .product-logo.size7,
    /*.safari .product-logo.size7,*/
    .chrome24 .product-logo.size7,
    .chrome25 .product-logo.size7 {background-image:url("/idea/features/../../styles2/../img/logos/sprite_logos_size7.png"); background-size:auto}

    /* products-logos */
    .logo-idea,
    a:hover .logo-idea-grey,
    .idea #menu_products .logo-idea-grey { background-position: 0 0 }

    .logo-resharper,
    a:hover .logo-resharper-grey,
    .rs #menu_products .logo-resharper-grey { background-position: 0 -1em }

    .logo-pycharm,
    a:hover .logo-pycharm-grey,
    .pycharm #menu_products .logo-pycharm-grey { background-position: 0 -2em }

    .logo-rubymine,
    a:hover .logo-rubymine-grey,
    .ruby #menu_products .logo-rubymine-grey { background-position: 0 -3em }

    .logo-dottrace,
    a:hover .logo-dottrace-grey,
    .dt #menu_products .logo-dottrace-grey { background-position: 0 -4em }

    .logo-dotcover,
    a:hover .logo-dotcover-grey,
    .dotcover #menu_products .logo-dotcover-grey { background-position: 0 -5em }

    .logo-dotpeek,
    a:hover .logo-dotpeek-grey,
    .decompiler #menu_products .logo-dotpeek-grey { background-position: 0 -6em }

    .logo-teamcity,
    a:hover .logo-teamcity-grey,
    .TeamCity #menu_products .logo-teamcity-grey { background-position: 0 -7em }

    .logo-webstorm,
    a:hover .logo-webstorm-grey,
    .webstorm #menu_products .logo-webstorm-grey { background-position: 0 -8em }

    .logo-phpstorm,
    a:hover .logo-phpstorm-grey,
    .phpstorm #menu_products .logo-phpstorm-grey { background-position: 0 -9em }

    .logo-youtrack,
    a:hover .logo-youtrack-grey,
    .yt #menu_products .logo-youtrack-grey { background-position: 0 -10em }

    .logo-appcode,
    a:hover .logo-appcode-grey,
    .objc #menu_products .logo-appcode-grey { background-position: 0 -11em }

    .logo-kotlin,
    a:hover .logo-kotlin-grey { background-position: 0 -12em }

    .logo-mps,
    a:hover .logo-mps-grey,
    .mps #menu_products .logo-mps-grey { background-position: 0 -13em }

    .logo-omea,
    a:hover .logo-omea-grey { background-position: 0 -14em }

    .logo-omear,
    a:hover .logo-omear-grey { background-position: 0 -15em }

    .logo-eap,
    a:hover .logo-eap-grey { background-position: 0 -16em }

    .logo-scala,
    a:hover .logo-scala-grey { background-position: 0 -34em }

    .logo-dotmemory,
    a:hover .logo-dotmemory-grey,
    .dtm #menu_products .logo-dotmemory-grey { background-position: 0 -36em }

    .logo-ring,
    a:hover .logo-ring,
    .dtm #menu_products .logo-ring-grey { background-position: 0 -38em }

    .logo-dbe,
    a:hover .logo-dbe,
    .dtm #menu_products .logo-dbe-grey { background-position: 0 -40em }

    .logo-upsource,
    a:hover .logo-upsource,
    .dtm #menu_products .logo-upsource-grey { background-position: 0 -42em }

    .logo-clion,
    a:hover .logo-clion,
    .dtm #menu_products .logo-clion-grey { background-position: 0 -44em }

    .logo-idea-grey         { background-position: 0 -17em }
    .logo-resharper-grey    { background-position: 0 -18em }
    .logo-pycharm-grey      { background-position: 0 -19em }
    .logo-rubymine-grey     { background-position: 0 -20em }
    .logo-dottrace-grey     { background-position: 0 -21em }
    .logo-dotcover-grey     { background-position: 0 -22em }
    .logo-dotpeek-grey      { background-position: 0 -23em }
    .logo-teamcity-grey     { background-position: 0 -24em }
    .logo-webstorm-grey     { background-position: 0 -25em }
    .logo-phpstorm-grey     { background-position: 0 -26em }
    .logo-youtrack-grey     { background-position: 0 -27em }
    .logo-appcode-grey      { background-position: 0 -28em }
    .logo-kotlin-grey       { background-position: 0 -29em }
    .logo-mps-grey          { background-position: 0 -30em }
    .logo-omea-grey         { background-position: 0 -31em }
    .logo-omear-grey        { background-position: 0 -31em }
    .logo-eap-grey          { background-position: 0 -32em }
    .logo-scala-grey        { background-position: 0 -35em }
    .logo-dotmemory-grey    { background-position: 0 -37em }
    .logo-ring-grey         { background-position: 0 -39em }
    .logo-dbe-grey          { background-position: 0 -41em }
    .logo-upsource-grey     { background-position: 0 -43em }
    .logo-clion-grey        { background-position: 0 -46em }

    .product-logo.logo-jetbrains.size1,
    .product-logo.logo-jetbrains.size2,
    a:hover .product-logo.logo-jetbrains-grey.size1,
    a:hover .product-logo.logo-jetbrains-grey.size2 {
        background-image: url("/idea/features/../../styles2/../img/logos/logo_jb.svg");
        background-position: 0 0;
        background-size: 100%;
    }
    .product-logo.logo-jetbrains.size3,
    .product-logo.logo-jetbrains.size4,
    .product-logo.logo-jetbrains.size5,
    .product-logo.logo-jetbrains.size6 {
        background-image: url("/idea/features/../../styles2/../img/logos/logo_jetbrains.svg");
        background-position: 0 0;
        background-size: 100%;
    }
    .product-logo.logo-jetbrains-grey.size1,
    .product-logo.logo-jetbrains-grey.size2 {
        background-image: url("/idea/features/../../styles2/../img/logos/logo_jb_grey.svg");
        background-position: 0 0;
        background-size: 100%;
    }
    .product-logo.logo-jetbrains-grey.size3,
    .product-logo.logo-jetbrains-grey.size4,
    .product-logo.logo-jetbrains-grey.size5,
    .product-logo.logo-jetbrains-grey.size6 {
        background-image: url("/idea/features/../../styles2/../img/logos/logo_jetbrains_grey.svg");
        background-position: 0 0;
        background-size: 100%;
    }
    .logo-jetbrains.size1,
    .logo-jetbrains-grey.size1 { width:16px; height:16px }
    .logo-jetbrains.size2,
    .logo-jetbrains-grey.size2 { width:32px; height:32px }
    .logo-jetbrains.size3,
    .logo-jetbrains-grey.size3 { width:83px; height:30px }
    .logo-jetbrains.size4,
    .logo-jetbrains-grey.size4 { width:111px; height:40px }
    .logo-jetbrains.size5,
    .logo-jetbrains-grey.size5 { width:177px; height:64px }
    .logo-jetbrains.size6,
    .logo-jetbrains-grey.size6 { width:221px; height:80px }

    /* fallback for logo-jetbrains */
    .ie11 .product-logo.logo-jetbrains,
    .ie9 .product-logo.logo-jetbrains,
    .ie8 .product-logo.logo-jetbrains,
    .ie7 .product-logo.logo-jetbrains { background-image:url("/idea/features/../../styles2/../img/logos/sprite_logos_jb.png"); background-size: auto }
    .ie11 .product-logo.logo-jetbrains-grey,
    .ie9 .product-logo.logo-jetbrains-grey,
    .ie8 .product-logo.logo-jetbrains-grey,
    .ie7 .product-logo.logo-jetbrains-grey { background-image:url("/idea/features/../../styles2/../img/logos/sprite_logos_jb.png"); background-size: auto }
    .ie11 .logo-jetbrains.size1,
    .ie9 .logo-jetbrains.size1,
    .ie8 .logo-jetbrains.size1,
    .ie7 .logo-jetbrains.size1 { background-position: 0 0 }
    .ie11 .logo-jetbrains.size2,
    .ie9 .logo-jetbrains.size2,
    .ie8 .logo-jetbrains.size2,
    .ie7 .logo-jetbrains.size2 { background-position: -20px 0 }
    .ie11 .logo-jetbrains.size3,
    .ie9 .logo-jetbrains.size3,
    .ie8 .logo-jetbrains.size3,
    .ie7 .logo-jetbrains.size3 { background-position: 0 -30px }
    .ie11 .logo-jetbrains.size4,
    .ie9 .logo-jetbrains.size4,
    .ie8 .logo-jetbrains.size4,
    .ie7 .logo-jetbrains.size4 { background-position: 0 -60px }
    .ie11 .logo-jetbrains.size5,
    .ie9 .logo-jetbrains.size5,
    .ie8 .logo-jetbrains.size5,
    .ie7 .logo-jetbrains.size5 { background-position: 0 -100px }
    .ie11 .logo-jetbrains.size6,
    .ie9 .logo-jetbrains.size6,
    .ie8 .logo-jetbrains.size6,
    .ie7 .logo-jetbrains.size6 { background-position: 0 -165px }
    .ie11 .logo-jetbrains-grey.size1,
    .ie9 .logo-jetbrains-grey.size1,
    .ie8 .logo-jetbrains-grey.size1,
    .ie7 .logo-jetbrains-grey.size1 { background-position: -60px 0}
    .ie11 .logo-jetbrains-grey.size2,
    .ie9 .logo-jetbrains-grey.size2,
    .ie8 .logo-jetbrains-grey.size2,
    .ie7 .logo-jetbrains-grey.size2 { background-position: -80px 0}
    .ie11 .logo-jetbrains-grey.size3,
    .ie9 .logo-jetbrains-grey.size3,
    .ie8 .logo-jetbrains-grey.size3,
    .ie7 .logo-jetbrains-grey.size3 { background-position: 0 -245px}
    .ie9 .logo-jetbrains-grey.size4,
    .ie8 .logo-jetbrains-grey.size4,
    .ie7 .logo-jetbrains-grey.size4 { background-position: 0 -275px}
    .ie9 .logo-jetbrains-grey.size5,
    .ie8 .logo-jetbrains-grey.size5,
    .ie7 .logo-jetbrains-grey.size5 { background-position: 0 -315px}
    .ie9 .logo-jetbrains-grey.size6,
    .ie8 .logo-jetbrains-grey.size6,
    .ie7 .logo-jetbrains-grey.size6 { background-position: 0 -380px}


/* @product-name */
.product-name {
    position:relative;
    font-family:"GraublauSans-Regular",Helvetica,Arial,sans-serif;
    line-height:1.2;
    color:#474747;
}
.product-name.color { color:#136ba2 }

    /* size1 */
    .product-name.size1 { padding-left:22px; font-size:16px }
    .product-name.size1 .product-logo { position:absolute; top:3px; left:0 }
    .mac .product-name.size1 .product-logo { top:1px }
    .product-name.size1 .logo-jetbrains,
    .product-name.size1 .logo-jetbrains-grey { width: 16px; height: 16px }
    .product-name.size1 .logo-mps { top:5px }
    .product-name.size1 .logo-scala,
    .product-name.size1 .logo-scala-grey { margin-top:-2px }
    .product-name.size1 .logo-upsource { margin-top: -1px }

    /* size2 */
    .product-name.size2 { padding-left:35px; font-size:18px }
    .product-name.size2 .product-logo { position:absolute; top:0; left:0 }
    .product-name.size2 .logo-jetbrains,
    .product-name.size2 .logo-jetbrains-grey { width: 32px; height: 32px }
    .product-name.size2 .logo-idea,
    .product-name.size2 .logo-dotcover,
    .product-name.size2 .logo-teamcity,
    .product-name.size2 .logo-kotlin { top:-2px }
    .product-name.size2 .logo-resharper,
    .product-name.size2 .logo-dottrace,
    .product-name.size2 .logo-dotpeek,
    .product-name.size2 .logo-youtrack { top:-3px }
    .product-name.size2 .logo-mps { top:3px }
    .product-name.size2 .logo-upsource { margin-top: -2px }


    /* size3 */
    .product-name.size3 { padding-left:40px; font-size:24px }
    .product-name.size3 .product-logo { position:absolute; top:2px; left:0 }
    .product-name.size3 .logo-dottrace,
    .product-name.size3 .logo-dotpeek { top:-1px }
    .product-name.size3 .logo-idea,
    .product-name.size3 .logo-resharper,
    .product-name.size3 .logo-youtrack { top:0 }
    .product-name.size3 .logo-eap { top:3px }
    .product-name.size3 .logo-mps { top:6px }
    .product-name.size3 .logo-clion { margin-top: -2px }
    .product-name.size3 .logo-upsource { margin-top: -3px }

    /* size4 */
    .product-name.size4 { padding-left:45px; font-size:33px }
    .product-name.size4 .product-logo { position:absolute; top:8px; left:0 }
    .product-name.size4 .logo-idea,
    .product-name.size4 .logo-resharper,
    .product-name.size4 .logo-dottrace,
    .product-name.size4 .logo-dotcover,
    .product-name.size4 .logo-dotpeek { top:6px }
    .product-name.size4 .logo-youtrack,
    .product-name.size4 .logo-kotlin { top:7px }
    .product-name.size4 .logo-mps { top:10px }
    .product-name.size4 .logo-dbe { margin-top: -3px }
    .product-name.size4 .logo-clion { margin-top: -5px }
    .product-name.size4 .logo-upsource { margin-top: -4px }

    /* size 5*/
    .product-name.size5 { padding-left:64px; font-size:40px }
    .product-name.size5 .product-logo { position:absolute; top:3px; left:0 }
    .product-name.size5 .logo-dottrace,
    .product-name.size5 .logo-dotpeek,
    .product-name.size5 .logo-resharper { top:-1px }
    .product-name.size5 .logo-idea,
    .product-name.size5 .logo-teamcity,
    .product-name.size5 .logo-youtrack { top:0 }
    .product-name.size5 .logo-mps { top:10px }
    .product-name.size5 .logo-dbe { margin-top: -3px }
    .product-name.size5 .logo-clion { margin-top:-5px }
    .product-name.size5 .logo-upsource { margin-top: -5px }


/* circle icons*/
.icon-circle {
    position:relative;
    display:inline-block;
    padding: 0;
    width: 21px;
    height: 21px;
    background-color: #d4d4d4;
    border-radius: 50%;
    font-size:0;
    color: #fff;
    line-height:12px;
    white-space:nowrap;
    vertical-align: top;
    }
.icon-circle.-small {
    margin-top: 4px;
    width: 14px;
    height: 14px;
    }
ul.mdashlist li .icon-circle {
    margin-left: -18px;
    margin-right: 4px;
    }
.ie6 .icon-circle,
.ie7 .icon-circle {
    display:inline;
    zoom:1;
    }
a:hover .icon-circle {
    background-color: #4d4d4d
    }
    .icon-circle:before {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        background: url("/idea/features/../../styles2/../img/icons/icoCircle.png") no-repeat 0 -20px;
        content: '';
        }

    .icon-circle._question:before    { width: 9px; height: 8px; background-position: 0 0 }

    .icon-circle._terms:before       { width: 11px; height: 10px; background-position: -25px 0 }

    .icon-circle._table:before       { width: 10px; height: 9px; background-position: -75px 0 }

    .icon-circle._twitter:before     { width: 11px; height: 8px; background-position: -100px 0 }
    a:hover .icon-circle._twitter    { background-color: #33ccff }

    .icon-circle._email:before       { width: 9px; height: 7px; background-position: -50px -0 }

    .icon-circle._blog:before        { width: 11px; height: 10px; background-position: -125px -0 }
    .icon-circle._arrow-back:before  { content: "\00ab"; font-size: 20px; font-style:normal; line-height:1; top: -2px; left:5px; }
    .icon-circle._one:before         { content: "1"; font-size: 14px; font-style:normal; font-weight:bold; line-height:1; top: 3px; left:6px; }
    .icon-circle._two:before         { content: "2"; font-size: 14px; font-style:normal; font-weight:bold; line-height:1; top: 3px; left:7px; }
    .icon-circle._plus:before        { content: "+"; font-size: 20px; font-weight:bold; font-style:normal; line-height:1; top: 0; left:5px; }
    .icon-circle.-small._plus:before { content: "+"; font-size: 14px; font-style:normal; line-height:1; top: 0; left:3px; }
    .icon-circle._info:before        { content: "i"; font-size: 17px; font-family: "GraublauSlab-Semibold", Helvetica, Arial, sans-serif; font-style:normal; line-height:1; top: 2px; left:8px;}

@media (-webkit-min-device-pixel-ratio: 2),
       (min-resolution: 192dpi) {
    .icon-circle:before {
        background-image: url("/idea/features/../../styles2/../img/icons/icoCircle@2x.png");
        background-size: 200px 25px;
    }
}


/* circle social icons*/
.icon-circle._social {
    width: 44px;
    height: 44px;
    background-color: rgba(256, 256, 256, .1);
    }
    .icon-circle._social:before {
        top: calc(50% - 15px);
        left: calc(50% - 15px);
        width: 25px;
        height: 23px;
        background: url("/idea/features/../../styles2/../img/icons/iconsSocials.svg") no-repeat 0 0;
        opacity: .3;
        }
    .icon-circle._social._twitter:before {
        background-position: 0 0;
        }
    .icon-circle._social._blog:before {
        margin-top: 8px;
        margin-left: 9px;
        background-position: -100px 0;
        }
    .icon-circle._social._youtrack:before {
        margin-top: 5px;
        margin-left: 5px;
        background-position: -200px 0;
        }
    .icon-circle._social._forum:before {
        margin-left: 6px;
        background-position: -300px 0;
        }
    .icon-circle._social._video:before {
        margin-top: 7px;
        margin-left: 10px;
        background-position: -400px 0;
        }
    .icon-circle._social._facebook:before {
        margin-top: 5px;
        margin-left: 10px;
        background-position: -500px 0;
        }
    .icon-circle._social._gplus:before {
        margin-top: 4px;
        background-position: -600px 0;
        }
    .icon-circle._social._plugins:before {
        margin-top: 9px;
        margin-left: 5px;
        background-position: -700px 0;
        }
a:hover .icon-circle._social {
    background-color: rgba(256, 256, 256, 1);
    }
    a:hover .icon-circle._social:before {
        opacity: 1;
        }
a:hover .icon-circle._social._twitter {
    background-color: #28aae1
    }
a:hover .icon-circle._social._blog {
    background-color: #ea5c5c
    }
a:hover .icon-circle._social._youtrack {
    background-color: #457ede
    }
a:hover .icon-circle._social._forum {
    background-color: #92b94e
    }
a:hover .icon-circle._social._video {
    background-color: #d42323
    }
a:hover .icon-circle._social._facebook {
    background-color: #416baf
    }
a:hover .icon-circle._social._gplus {
    background-color: #df4a32
    }
a:hover .icon-circle._social._plugins {
    background-color: #818387
    }

/* features icons */
.icon-feature {
    position: relative;
    display: inline-block;
    padding: 0;
    width: 36px;
    height: 36px;
    background: transparent;
    border: 2px dashed #e1e1e1;
    border-radius: 50%;
    font-size: 0;
    color: #fff;
    vertical-align: top;
    }
    .icon-feature:before {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        width: 25px;
        height: 19px;
        background: url("/idea/features/../../styles2/../img/icons/iconsFeatures.png") no-repeat 0 50px;
        content: '';
        }
    .icon-feature._shortcut:before { width: 28px; height: 26px; background-position: 0 0 }
    .icon-feature._tutorial:before { width: 25px; height: 19px; background-position: 0 -50px }
    .icon-feature._docs:before     { width: 25px; height: 19px; background-position: 0 -100px }
    .icon-feature._book:before     { width: 29px; height: 25px; background-position: 0 -150px }

    @media
    (-webkit-min-device-pixel-ratio: 2),
    (min-resolution: 192dpi) {
        .icon-feature:before {
            background-image: url("/idea/features/../../styles2/../img/icons/iconsFeatures@2x.png");
            background-size: 50px auto;
            }
    }


/* Full product logo */
.product-logo-full {
    display: inline-block;
    width: 50px;
    height: 10px;
    background-color: transparent;
    background-image: url("/idea/features/../../styles2/../img/logos/sprite_logos-full.svg");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 60px auto;
    vertical-align: top;
    font-size: 50px;
    }

.product-logo-full._size1 { width:95px; height:20px; font-size:100px; background-size:120px auto }
.product-logo-full._size2 { width:140px; height:30px; font-size:150px; background-size:180px auto }
.product-logo-full._size3 { width:165px; height:35px; font-size:175px; background-size:210px auto }
.product-logo-full._size4 { width:185px; height:40px; font-size:200px; background-size:240px auto }
.product-logo-full._size5 { width:275px; height:60px; font-size:300px; background-size:360px auto }
.product-logo-full._size6 { width:295px; height:64px; font-size:320px; background-size:384px auto }
.product-logo-full._size7 { width:370px; height:80px; font-size:400px; background-size:480px auto }

.product-logo-full._idea         { background-position: 0 0 }
.product-logo-full._teamcity     { background-position: 0 -1em }
.product-logo-full._youtrack     { background-position: 0 -2em }
.product-logo-full._resharper    { background-position: 0 -3em }
.product-logo-full._dotmemory    { background-position: 0 -4em }
.product-logo-full._dottrace     { background-position: 0 -5em }
.product-logo-full._dotpeek      { background-position: 0 -6em }
.product-logo-full._dotcover     { background-position: 0 -7em }
.product-logo-full._appcode      { background-position: 0 -8em }
.product-logo-full._phpstorm     { background-position: 0 -9em }
.product-logo-full._webstorm     { background-position: 0 -10em }
.product-logo-full._rubymine     { background-position: 0 -11em }
.product-logo-full._pycharm      { background-position: 0 -12em }
.product-logo-full._dbe          { background-position: 0 -13em }
.product-logo-full._kotlin       { background-position: 0 -14em }
.product-logo-full._mps          { background-position: 0 -15em }
.product-logo-full._jetbrains    { background-position: 0 -16em }

.product-logo-full._size6._resharper   { width: 286px }
.product-logo-full._size6._pycharm     { width: 248px }
.product-logo-full._size6._rubymine    { width: 268px }
.product-logo-full._size6._dottrace    { width: 246px }
.product-logo-full._size6._dotcover    { width: 255px }
.product-logo-full._size6._dotpeek     { width: 245px; height: 67px }
.product-logo-full._size6._teamcity    { width: 260px }
.product-logo-full._size6._webstorm    { width: 280px }
.product-logo-full._size6._phpstorm    { width: 275px }
.product-logo-full._size6._youtrack    { width: 255px }
.product-logo-full._size6._appcode     { width: 260px }
.product-logo-full._size6._kotlin      { width: 192px }
.product-logo-full._size6._dotmemory   { width: 310px }
.product-logo-full._size6._dbe         { width: 200px }
.product-logo-full._size6._mps         { width: 330px }
.product-logo-full._size6._jetbrains   { width: 205px; height: 74px }

.product-logo-full._size7._resharper   { width: 360px }
.product-logo-full._size7._pycharm     { width: 310px }
.product-logo-full._size7._rubymine    { width: 335px }
.product-logo-full._size7._dottrace    { width: 310px }
.product-logo-full._size7._dotcover    { width: 318px }
.product-logo-full._size7._dotpeek     { width: 305px }
.product-logo-full._size7._teamcity    { width: 320px }
.product-logo-full._size7._webstorm    { width: 350px }
.product-logo-full._size7._phpstorm    { width: 340px }
.product-logo-full._size7._youtrack    { width: 320px }
.product-logo-full._size7._appcode     { width: 325px }
.product-logo-full._size7._kotlin      { width: 240px }
.product-logo-full._size7._dotmemory   { width: 385px }
.product-logo-full._size7._dbe         { width: 250px }
.product-logo-full._size7._mps         { width: 410px }
.product-logo-full._size7._jetbrains   { width: 255px; height: 92px }

.jb-logo{display:inline-block;background-color:transparent;background-image:url("/idea/features/../../styles2/jb-logos-sprite.svg");background-repeat:no-repeat;background-position:100% 100%;vertical-align:top;text-indent:-9000px;background-image:url("/idea/features/../../styles2/../img/logos/jb-logos-sprite.svg")}.jb-logo._logo-idea{background-position:0 0}.jb-logo._logo-idea._size-1{width:14px;height:14px;font-size:24px;background-size:384px 560px}.jb-logo._logo-idea._size-1._full{width:74px;height:14px;font-size:24px;background-size:384px 560px}.jb-logo._logo-idea._size-2{width:21px;height:21px;font-size:36px;background-size:576px 840px}.jb-logo._logo-idea._size-2._full{width:111px;height:21px;font-size:36px;background-size:576px 840px}.jb-logo._logo-idea._size-3{width:26px;height:26px;font-size:45px;background-size:720px 1050px}.jb-logo._logo-idea._size-3._full{width:138px;height:26px;font-size:45px;background-size:720px 1050px}.jb-logo._logo-idea._size-4{width:34px;height:35px;font-size:60px;background-size:960px 1400px}.jb-logo._logo-idea._size-4._full{width:184px;height:35px;font-size:60px;background-size:960px 1400px}.jb-logo._logo-idea._size-5{width:43px;height:43px;font-size:75px;background-size:1200px 1750px}.jb-logo._logo-idea._size-5._full{width:230px;height:43px;font-size:75px;background-size:1200px 1750px}.jb-logo._logo-idea._size-6{width:51px;height:52px;font-size:90px;background-size:1440px 2100px}.jb-logo._logo-idea._size-6._full{width:276px;height:52px;font-size:90px;background-size:1440px 2100px}.jb-logo._logo-idea._size-7{width:59px;height:60px;font-size:105px;background-size:1680px 2450px}.jb-logo._logo-idea._size-7._full{width:321px;height:60px;font-size:105px;background-size:1680px 2450px}.jb-logo._logo-idea._size-8{width:68px;height:69px;font-size:120px;background-size:1920px 2800px}.jb-logo._logo-idea._size-8._full{width:367px;height:69px;font-size:120px;background-size:1920px 2800px}.jb-logo._logo-idea._grey{background-position:-4em 0}a:hover .jb-logo._logo-idea._grey,.menu-products-active-item .jb-logo._logo-idea._grey{background-position:0 0}.jb-logo._logo-idea._inverted{background-position:-8em 0}.jb-logo._logo-idea._size-header-logo{width:331px;height:62px;font-size:108px;background-size:1728px 2520px}.jb-logo._logo-teamcity{background-position:0 -1em}.jb-logo._logo-teamcity._size-1{width:16px;height:13px;font-size:24px;background-size:384px 560px}.jb-logo._logo-teamcity._size-1._full{width:65px;height:14px;font-size:24px;background-size:384px 560px}.jb-logo._logo-teamcity._size-2{width:23px;height:20px;font-size:36px;background-size:576px 840px}.jb-logo._logo-teamcity._size-2._full{width:97px;height:21px;font-size:36px;background-size:576px 840px}.jb-logo._logo-teamcity._size-3{width:29px;height:25px;font-size:45px;background-size:720px 1050px}.jb-logo._logo-teamcity._size-3._full{width:121px;height:27px;font-size:45px;background-size:720px 1050px}.jb-logo._logo-teamcity._size-4{width:38px;height:33px;font-size:60px;background-size:960px 1400px}.jb-logo._logo-teamcity._size-4._full{width:161px;height:35px;font-size:60px;background-size:960px 1400px}.jb-logo._logo-teamcity._size-5{width:48px;height:41px;font-size:75px;background-size:1200px 1750px}.jb-logo._logo-teamcity._size-5._full{width:201px;height:44px;font-size:75px;background-size:1200px 1750px}.jb-logo._logo-teamcity._size-6{width:57px;height:49px;font-size:90px;background-size:1440px 2100px}.jb-logo._logo-teamcity._size-6._full{width:241px;height:53px;font-size:90px;background-size:1440px 2100px}.jb-logo._logo-teamcity._size-7{width:67px;height:57px;font-size:105px;background-size:1680px 2450px}.jb-logo._logo-teamcity._size-7._full{width:281px;height:62px;font-size:105px;background-size:1680px 2450px}.jb-logo._logo-teamcity._size-8{width:76px;height:65px;font-size:120px;background-size:1920px 2800px}.jb-logo._logo-teamcity._size-8._full{width:321px;height:70px;font-size:120px;background-size:1920px 2800px}.jb-logo._logo-teamcity._grey{background-position:-4em -1em}a:hover .jb-logo._logo-teamcity._grey,.menu-products-active-item .jb-logo._logo-teamcity._grey{background-position:0 -1em}.jb-logo._logo-teamcity._inverted{background-position:-8em -1em}.jb-logo._logo-teamcity._size-header-logo{width:289px;height:63px;font-size:108px;background-size:1728px 2520px}.jb-logo._logo-youtrack{background-position:0 -2em}.jb-logo._logo-youtrack._size-1{width:15px;height:15px;font-size:24px;background-size:384px 560px}.jb-logo._logo-youtrack._size-1._full{width:64px;height:15px;font-size:24px;background-size:384px 560px}.jb-logo._logo-youtrack._size-2{width:22px;height:23px;font-size:36px;background-size:576px 840px}.jb-logo._logo-youtrack._size-2._full{width:95px;height:23px;font-size:36px;background-size:576px 840px}.jb-logo._logo-youtrack._size-3{width:28px;height:28px;font-size:45px;background-size:720px 1050px}.jb-logo._logo-youtrack._size-3._full{width:119px;height:28px;font-size:45px;background-size:720px 1050px}.jb-logo._logo-youtrack._size-4{width:37px;height:38px;font-size:60px;background-size:960px 1400px}.jb-logo._logo-youtrack._size-4._full{width:159px;height:38px;font-size:60px;background-size:960px 1400px}.jb-logo._logo-youtrack._size-5{width:46px;height:47px;font-size:75px;background-size:1200px 1750px}.jb-logo._logo-youtrack._size-5._full{width:198px;height:47px;font-size:75px;background-size:1200px 1750px}.jb-logo._logo-youtrack._size-6{width:55px;height:56px;font-size:90px;background-size:1440px 2100px}.jb-logo._logo-youtrack._size-6._full{width:238px;height:56px;font-size:90px;background-size:1440px 2100px}.jb-logo._logo-youtrack._size-7{width:65px;height:66px;font-size:105px;background-size:1680px 2450px}.jb-logo._logo-youtrack._size-7._full{width:277px;height:66px;font-size:105px;background-size:1680px 2450px}.jb-logo._logo-youtrack._size-8{width:74px;height:75px;font-size:120px;background-size:1920px 2800px}.jb-logo._logo-youtrack._size-8._full{width:317px;height:75px;font-size:120px;background-size:1920px 2800px}.jb-logo._logo-youtrack._grey{background-position:-4em -2em}a:hover .jb-logo._logo-youtrack._grey,.menu-products-active-item .jb-logo._logo-youtrack._grey{background-position:0 -2em}.jb-logo._logo-youtrack._inverted{background-position:-8em -2em}.jb-logo._logo-youtrack._size-header-logo{width:285px;height:68px;font-size:108px;background-size:1728px 2520px}.jb-logo._logo-resharper{background-position:0 -3em}.jb-logo._logo-resharper._size-1{width:19px;height:14px;font-size:24px;background-size:384px 560px}.jb-logo._logo-resharper._size-1._full{width:72px;height:14px;font-size:24px;background-size:384px 560px}.jb-logo._logo-resharper._size-2{width:28px;height:21px;font-size:36px;background-size:576px 840px}.jb-logo._logo-resharper._size-2._full{width:108px;height:21px;font-size:36px;background-size:576px 840px}.jb-logo._logo-resharper._size-3{width:34px;height:27px;font-size:45px;background-size:720px 1050px}.jb-logo._logo-resharper._size-3._full{width:134px;height:27px;font-size:45px;background-size:720px 1050px}.jb-logo._logo-resharper._size-4{width:46px;height:35px;font-size:60px;background-size:960px 1400px}.jb-logo._logo-resharper._size-4._full{width:179px;height:35px;font-size:60px;background-size:960px 1400px}.jb-logo._logo-resharper._size-5{width:57px;height:44px;font-size:75px;background-size:1200px 1750px}.jb-logo._logo-resharper._size-5._full{width:224px;height:44px;font-size:75px;background-size:1200px 1750px}.jb-logo._logo-resharper._size-6{width:68px;height:53px;font-size:90px;background-size:1440px 2100px}.jb-logo._logo-resharper._size-6._full{width:268px;height:53px;font-size:90px;background-size:1440px 2100px}.jb-logo._logo-resharper._size-7{width:80px;height:62px;font-size:105px;background-size:1680px 2450px}.jb-logo._logo-resharper._size-7._full{width:313px;height:62px;font-size:105px;background-size:1680px 2450px}.jb-logo._logo-resharper._size-8{width:91px;height:70px;font-size:120px;background-size:1920px 2800px}.jb-logo._logo-resharper._size-8._full{width:358px;height:70px;font-size:120px;background-size:1920px 2800px}.jb-logo._logo-resharper._grey{background-position:-4em -3em}a:hover .jb-logo._logo-resharper._grey,.menu-products-active-item .jb-logo._logo-resharper._grey{background-position:0 -3em}.jb-logo._logo-resharper._inverted{background-position:-8em -3em}.jb-logo._logo-resharper._size-header-logo{width:322px;height:63px;font-size:108px;background-size:1728px 2520px}.jb-logo._logo-dotmemory{background-position:0 -4em}.jb-logo._logo-dotmemory._size-1{width:15px;height:14px;font-size:24px;background-size:384px 560px}.jb-logo._logo-dotmemory._size-1._full{width:77px;height:15px;font-size:24px;background-size:384px 560px}.jb-logo._logo-dotmemory._size-2{width:23px;height:21px;font-size:36px;background-size:576px 840px}.jb-logo._logo-dotmemory._size-2._full{width:115px;height:22px;font-size:36px;background-size:576px 840px}.jb-logo._logo-dotmemory._size-3{width:28px;height:27px;font-size:45px;background-size:720px 1050px}.jb-logo._logo-dotmemory._size-3._full{width:144px;height:27px;font-size:45px;background-size:720px 1050px}.jb-logo._logo-dotmemory._size-4{width:38px;height:35px;font-size:60px;background-size:960px 1400px}.jb-logo._logo-dotmemory._size-4._full{width:192px;height:36px;font-size:60px;background-size:960px 1400px}.jb-logo._logo-dotmemory._size-5{width:47px;height:44px;font-size:75px;background-size:1200px 1750px}.jb-logo._logo-dotmemory._size-5._full{width:240px;height:45px;font-size:75px;background-size:1200px 1750px}.jb-logo._logo-dotmemory._size-6{width:56px;height:53px;font-size:90px;background-size:1440px 2100px}.jb-logo._logo-dotmemory._size-6._full{width:288px;height:54px;font-size:90px;background-size:1440px 2100px}.jb-logo._logo-dotmemory._size-7{width:65px;height:62px;font-size:105px;background-size:1680px 2450px}.jb-logo._logo-dotmemory._size-7._full{width:336px;height:63px;font-size:105px;background-size:1680px 2450px}.jb-logo._logo-dotmemory._size-8{width:75px;height:70px;font-size:120px;background-size:1920px 2800px}.jb-logo._logo-dotmemory._size-8._full{width:384px;height:71px;font-size:120px;background-size:1920px 2800px}.jb-logo._logo-dotmemory._grey{background-position:-4em -4em}a:hover .jb-logo._logo-dotmemory._grey,.menu-products-active-item .jb-logo._logo-dotmemory._grey{background-position:0 -4em}.jb-logo._logo-dotmemory._inverted{background-position:-8em -4em}.jb-logo._logo-dotmemory._size-header-logo{width:345px;height:64px;font-size:108px;background-size:1728px 2520px}.jb-logo._logo-dottrace{background-position:0 -5em}.jb-logo._logo-dottrace._size-1{width:15px;height:15px;font-size:24px;background-size:384px 560px}.jb-logo._logo-dottrace._size-1._full{width:62px;height:15px;font-size:24px;background-size:384px 560px}.jb-logo._logo-dottrace._size-2{width:22px;height:22px;font-size:36px;background-size:576px 840px}.jb-logo._logo-dottrace._size-2._full{width:92px;height:22px;font-size:36px;background-size:576px 840px}.jb-logo._logo-dottrace._size-3{width:28px;height:28px;font-size:45px;background-size:720px 1050px}.jb-logo._logo-dottrace._size-3._full{width:115px;height:28px;font-size:45px;background-size:720px 1050px}.jb-logo._logo-dottrace._size-4{width:37px;height:37px;font-size:60px;background-size:960px 1400px}.jb-logo._logo-dottrace._size-4._full{width:154px;height:37px;font-size:60px;background-size:960px 1400px}.jb-logo._logo-dottrace._size-5{width:46px;height:46px;font-size:75px;background-size:1200px 1750px}.jb-logo._logo-dottrace._size-5._full{width:192px;height:46px;font-size:75px;background-size:1200px 1750px}.jb-logo._logo-dottrace._size-6{width:55px;height:55px;font-size:90px;background-size:1440px 2100px}.jb-logo._logo-dottrace._size-6._full{width:230px;height:55px;font-size:90px;background-size:1440px 2100px}.jb-logo._logo-dottrace._size-7{width:64px;height:64px;font-size:105px;background-size:1680px 2450px}.jb-logo._logo-dottrace._size-7._full{width:269px;height:64px;font-size:105px;background-size:1680px 2450px}.jb-logo._logo-dottrace._size-8{width:73px;height:73px;font-size:120px;background-size:1920px 2800px}.jb-logo._logo-dottrace._size-8._full{width:307px;height:73px;font-size:120px;background-size:1920px 2800px}.jb-logo._logo-dottrace._grey{background-position:-4em -5em}a:hover .jb-logo._logo-dottrace._grey,.menu-products-active-item .jb-logo._logo-dottrace._grey{background-position:0 -5em}.jb-logo._logo-dottrace._inverted{background-position:-8em -5em}.jb-logo._logo-dottrace._size-header-logo{width:276px;height:66px;font-size:108px;background-size:1728px 2520px}.jb-logo._logo-dotpeek{background-position:0 -6em}.jb-logo._logo-dotpeek._size-1{width:16px;height:16px;font-size:24px;background-size:384px 560px}.jb-logo._logo-dotpeek._size-1._full{width:61px;height:16px;font-size:24px;background-size:384px 560px}.jb-logo._logo-dotpeek._size-2{width:24px;height:24px;font-size:36px;background-size:576px 840px}.jb-logo._logo-dotpeek._size-2._full{width:91px;height:24px;font-size:36px;background-size:576px 840px}.jb-logo._logo-dotpeek._size-3{width:30px;height:30px;font-size:45px;background-size:720px 1050px}.jb-logo._logo-dotpeek._size-3._full{width:114px;height:30px;font-size:45px;background-size:720px 1050px}.jb-logo._logo-dotpeek._size-4{width:40px;height:40px;font-size:60px;background-size:960px 1400px}.jb-logo._logo-dotpeek._size-4._full{width:152px;height:40px;font-size:60px;background-size:960px 1400px}.jb-logo._logo-dotpeek._size-5{width:50px;height:49px;font-size:75px;background-size:1200px 1750px}.jb-logo._logo-dotpeek._size-5._full{width:189px;height:49px;font-size:75px;background-size:1200px 1750px}.jb-logo._logo-dotpeek._size-6{width:60px;height:59px;font-size:90px;background-size:1440px 2100px}.jb-logo._logo-dotpeek._size-6._full{width:227px;height:59px;font-size:90px;background-size:1440px 2100px}.jb-logo._logo-dotpeek._size-7{width:70px;height:69px;font-size:105px;background-size:1680px 2450px}.jb-logo._logo-dotpeek._size-7._full{width:265px;height:69px;font-size:105px;background-size:1680px 2450px}.jb-logo._logo-dotpeek._size-8{width:80px;height:79px;font-size:120px;background-size:1920px 2800px}.jb-logo._logo-dotpeek._size-8._full{width:303px;height:79px;font-size:120px;background-size:1920px 2800px}.jb-logo._logo-dotpeek._grey{background-position:-4em -6em}a:hover .jb-logo._logo-dotpeek._grey,.menu-products-active-item .jb-logo._logo-dotpeek._grey{background-position:0 -6em}.jb-logo._logo-dotpeek._inverted{background-position:-8em -6em}.jb-logo._logo-dotpeek._size-header-logo{width:273px;height:71px;font-size:108px;background-size:1728px 2520px}.jb-logo._logo-dotcover{background-position:0 -7em}.jb-logo._logo-dotcover._size-1{width:14px;height:14px;font-size:24px;background-size:384px 560px}.jb-logo._logo-dotcover._size-1._full{width:64px;height:14px;font-size:24px;background-size:384px 560px}.jb-logo._logo-dotcover._size-2{width:21px;height:21px;font-size:36px;background-size:576px 840px}.jb-logo._logo-dotcover._size-2._full{width:96px;height:21px;font-size:36px;background-size:576px 840px}.jb-logo._logo-dotcover._size-3{width:27px;height:26px;font-size:45px;background-size:720px 1050px}.jb-logo._logo-dotcover._size-3._full{width:119px;height:26px;font-size:45px;background-size:720px 1050px}.jb-logo._logo-dotcover._size-4{width:35px;height:34px;font-size:60px;background-size:960px 1400px}.jb-logo._logo-dotcover._size-4._full{width:159px;height:34px;font-size:60px;background-size:960px 1400px}.jb-logo._logo-dotcover._size-5{width:44px;height:43px;font-size:75px;background-size:1200px 1750px}.jb-logo._logo-dotcover._size-5._full{width:199px;height:43px;font-size:75px;background-size:1200px 1750px}.jb-logo._logo-dotcover._size-6{width:53px;height:51px;font-size:90px;background-size:1440px 2100px}.jb-logo._logo-dotcover._size-6._full{width:238px;height:51px;font-size:90px;background-size:1440px 2100px}.jb-logo._logo-dotcover._size-7{width:62px;height:60px;font-size:105px;background-size:1680px 2450px}.jb-logo._logo-dotcover._size-7._full{width:278px;height:60px;font-size:105px;background-size:1680px 2450px}.jb-logo._logo-dotcover._size-8{width:70px;height:68px;font-size:120px;background-size:1920px 2800px}.jb-logo._logo-dotcover._size-8._full{width:318px;height:68px;font-size:120px;background-size:1920px 2800px}.jb-logo._logo-dotcover._grey{background-position:-4em -7em}a:hover .jb-logo._logo-dotcover._grey,.menu-products-active-item .jb-logo._logo-dotcover._grey{background-position:0 -7em}.jb-logo._logo-dotcover._inverted{background-position:-8em -7em}.jb-logo._logo-dotcover._size-header-logo{width:286px;height:61px;font-size:108px;background-size:1728px 2520px}.jb-logo._logo-appcode{background-position:0 -8em}.jb-logo._logo-appcode._size-1{width:17px;height:15px;font-size:24px;background-size:384px 560px}.jb-logo._logo-appcode._size-1._full{width:65px;height:15px;font-size:24px;background-size:384px 560px}.jb-logo._logo-appcode._size-2{width:25px;height:22px;font-size:36px;background-size:576px 840px}.jb-logo._logo-appcode._size-2._full{width:98px;height:22px;font-size:36px;background-size:576px 840px}.jb-logo._logo-appcode._size-3{width:31px;height:27px;font-size:45px;background-size:720px 1050px}.jb-logo._logo-appcode._size-3._full{width:122px;height:28px;font-size:45px;background-size:720px 1050px}.jb-logo._logo-appcode._size-4{width:42px;height:36px;font-size:60px;background-size:960px 1400px}.jb-logo._logo-appcode._size-4._full{width:162px;height:37px;font-size:60px;background-size:960px 1400px}.jb-logo._logo-appcode._size-5{width:52px;height:45px;font-size:75px;background-size:1200px 1750px}.jb-logo._logo-appcode._size-5._full{width:203px;height:46px;font-size:75px;background-size:1200px 1750px}.jb-logo._logo-appcode._size-6{width:62px;height:54px;font-size:90px;background-size:1440px 2100px}.jb-logo._logo-appcode._size-6._full{width:243px;height:55px;font-size:90px;background-size:1440px 2100px}.jb-logo._logo-appcode._size-7{width:73px;height:62px;font-size:105px;background-size:1680px 2450px}.jb-logo._logo-appcode._size-7._full{width:284px;height:64px;font-size:105px;background-size:1680px 2450px}.jb-logo._logo-appcode._size-8{width:83px;height:71px;font-size:120px;background-size:1920px 2800px}.jb-logo._logo-appcode._size-8._full{width:324px;height:73px;font-size:120px;background-size:1920px 2800px}.jb-logo._logo-appcode._grey{background-position:-4em -8em}a:hover .jb-logo._logo-appcode._grey,.menu-products-active-item .jb-logo._logo-appcode._grey{background-position:0 -8em}.jb-logo._logo-appcode._inverted{background-position:-8em -8em}.jb-logo._logo-appcode._size-header-logo{width:292px;height:66px;font-size:108px;background-size:1728px 2520px}.jb-logo._logo-phpstorm{background-position:0 -9em}.jb-logo._logo-phpstorm._size-1{width:17px;height:14px;font-size:24px;background-size:384px 560px}.jb-logo._logo-phpstorm._size-1._full{width:68px;height:15px;font-size:24px;background-size:384px 560px}.jb-logo._logo-phpstorm._size-2{width:25px;height:21px;font-size:36px;background-size:576px 840px}.jb-logo._logo-phpstorm._size-2._full{width:102px;height:23px;font-size:36px;background-size:576px 840px}.jb-logo._logo-phpstorm._size-3{width:32px;height:26px;font-size:45px;background-size:720px 1050px}.jb-logo._logo-phpstorm._size-3._full{width:128px;height:28px;font-size:45px;background-size:720px 1050px}.jb-logo._logo-phpstorm._size-4{width:42px;height:34px;font-size:60px;background-size:960px 1400px}.jb-logo._logo-phpstorm._size-4._full{width:170px;height:38px;font-size:60px;background-size:960px 1400px}.jb-logo._logo-phpstorm._size-5{width:52px;height:42px;font-size:75px;background-size:1200px 1750px}.jb-logo._logo-phpstorm._size-5._full{width:213px;height:47px;font-size:75px;background-size:1200px 1750px}.jb-logo._logo-phpstorm._size-6{width:63px;height:51px;font-size:90px;background-size:1440px 2100px}.jb-logo._logo-phpstorm._size-6._full{width:255px;height:56px;font-size:90px;background-size:1440px 2100px}.jb-logo._logo-phpstorm._size-7{width:73px;height:59px;font-size:105px;background-size:1680px 2450px}.jb-logo._logo-phpstorm._size-7._full{width:298px;height:66px;font-size:105px;background-size:1680px 2450px}.jb-logo._logo-phpstorm._size-8{width:84px;height:67px;font-size:120px;background-size:1920px 2800px}.jb-logo._logo-phpstorm._size-8._full{width:340px;height:75px;font-size:120px;background-size:1920px 2800px}.jb-logo._logo-phpstorm._grey{background-position:-4em -9em}a:hover .jb-logo._logo-phpstorm._grey,.menu-products-active-item .jb-logo._logo-phpstorm._grey{background-position:0 -9em}.jb-logo._logo-phpstorm._inverted{background-position:-8em -9em}.jb-logo._logo-phpstorm._size-header-logo{width:306px;height:68px;font-size:108px;background-size:1728px 2520px}.jb-logo._logo-webstorm{background-position:0 -10em}.jb-logo._logo-webstorm._size-1{width:15px;height:13px;font-size:24px;background-size:384px 560px}.jb-logo._logo-webstorm._size-1._full{width:70px;height:13px;font-size:24px;background-size:384px 560px}.jb-logo._logo-webstorm._size-2{width:23px;height:20px;font-size:36px;background-size:576px 840px}.jb-logo._logo-webstorm._size-2._full{width:105px;height:20px;font-size:36px;background-size:576px 840px}.jb-logo._logo-webstorm._size-3{width:29px;height:24px;font-size:45px;background-size:720px 1050px}.jb-logo._logo-webstorm._size-3._full{width:131px;height:24px;font-size:45px;background-size:720px 1050px}.jb-logo._logo-webstorm._size-4{width:38px;height:32px;font-size:60px;background-size:960px 1400px}.jb-logo._logo-webstorm._size-4._full{width:175px;height:32px;font-size:60px;background-size:960px 1400px}.jb-logo._logo-webstorm._size-5{width:47px;height:40px;font-size:75px;background-size:1200px 1750px}.jb-logo._logo-webstorm._size-5._full{width:218px;height:40px;font-size:75px;background-size:1200px 1750px}.jb-logo._logo-webstorm._size-6{width:57px;height:48px;font-size:90px;background-size:1440px 2100px}.jb-logo._logo-webstorm._size-6._full{width:262px;height:48px;font-size:90px;background-size:1440px 2100px}.jb-logo._logo-webstorm._size-7{width:66px;height:56px;font-size:105px;background-size:1680px 2450px}.jb-logo._logo-webstorm._size-7._full{width:305px;height:56px;font-size:105px;background-size:1680px 2450px}.jb-logo._logo-webstorm._size-8{width:75px;height:64px;font-size:120px;background-size:1920px 2800px}.jb-logo._logo-webstorm._size-8._full{width:349px;height:64px;font-size:120px;background-size:1920px 2800px}.jb-logo._logo-webstorm._grey{background-position:-4em -10em}a:hover .jb-logo._logo-webstorm._grey,.menu-products-active-item .jb-logo._logo-webstorm._grey{background-position:0 -10em}.jb-logo._logo-webstorm._inverted{background-position:-8em -10em}.jb-logo._logo-webstorm._size-header-logo{width:314px;height:58px;font-size:108px;background-size:1728px 2520px}.jb-logo._logo-rubymine{background-position:0 -11em}.jb-logo._logo-rubymine._size-1{width:16px;height:14px;font-size:24px;background-size:384px 560px}.jb-logo._logo-rubymine._size-1._full{width:67px;height:15px;font-size:24px;background-size:384px 560px}.jb-logo._logo-rubymine._size-2{width:23px;height:21px;font-size:36px;background-size:576px 840px}.jb-logo._logo-rubymine._size-2._full{width:101px;height:22px;font-size:36px;background-size:576px 840px}.jb-logo._logo-rubymine._size-3{width:29px;height:26px;font-size:45px;background-size:720px 1050px}.jb-logo._logo-rubymine._size-3._full{width:126px;height:28px;font-size:45px;background-size:720px 1050px}.jb-logo._logo-rubymine._size-4{width:38px;height:34px;font-size:60px;background-size:960px 1400px}.jb-logo._logo-rubymine._size-4._full{width:168px;height:37px;font-size:60px;background-size:960px 1400px}.jb-logo._logo-rubymine._size-5{width:48px;height:43px;font-size:75px;background-size:1200px 1750px}.jb-logo._logo-rubymine._size-5._full{width:210px;height:46px;font-size:75px;background-size:1200px 1750px}.jb-logo._logo-rubymine._size-6{width:57px;height:51px;font-size:90px;background-size:1440px 2100px}.jb-logo._logo-rubymine._size-6._full{width:251px;height:55px;font-size:90px;background-size:1440px 2100px}.jb-logo._logo-rubymine._size-7{width:67px;height:59px;font-size:105px;background-size:1680px 2450px}.jb-logo._logo-rubymine._size-7._full{width:293px;height:64px;font-size:105px;background-size:1680px 2450px}.jb-logo._logo-rubymine._size-8{width:76px;height:68px;font-size:120px;background-size:1920px 2800px}.jb-logo._logo-rubymine._size-8._full{width:335px;height:73px;font-size:120px;background-size:1920px 2800px}.jb-logo._logo-rubymine._grey{background-position:-4em -11em}a:hover .jb-logo._logo-rubymine._grey,.menu-products-active-item .jb-logo._logo-rubymine._grey{background-position:0 -11em}.jb-logo._logo-rubymine._inverted{background-position:-8em -11em}.jb-logo._logo-rubymine._size-header-logo{width:302px;height:65px;font-size:108px;background-size:1728px 2520px}.jb-logo._logo-pycharm{background-position:0 -12em}.jb-logo._logo-pycharm._size-1{width:15px;height:15px;font-size:24px;background-size:384px 560px}.jb-logo._logo-pycharm._size-1._full{width:62px;height:15px;font-size:24px;background-size:384px 560px}.jb-logo._logo-pycharm._size-2{width:22px;height:22px;font-size:36px;background-size:576px 840px}.jb-logo._logo-pycharm._size-2._full{width:93px;height:23px;font-size:36px;background-size:576px 840px}.jb-logo._logo-pycharm._size-3{width:28px;height:27px;font-size:45px;background-size:720px 1050px}.jb-logo._logo-pycharm._size-3._full{width:116px;height:28px;font-size:45px;background-size:720px 1050px}.jb-logo._logo-pycharm._size-4{width:37px;height:36px;font-size:60px;background-size:960px 1400px}.jb-logo._logo-pycharm._size-4._full{width:155px;height:38px;font-size:60px;background-size:960px 1400px}.jb-logo._logo-pycharm._size-5{width:46px;height:45px;font-size:75px;background-size:1200px 1750px}.jb-logo._logo-pycharm._size-5._full{width:193px;height:47px;font-size:75px;background-size:1200px 1750px}.jb-logo._logo-pycharm._size-6{width:55px;height:54px;font-size:90px;background-size:1440px 2100px}.jb-logo._logo-pycharm._size-6._full{width:232px;height:56px;font-size:90px;background-size:1440px 2100px}.jb-logo._logo-pycharm._size-7{width:64px;height:63px;font-size:105px;background-size:1680px 2450px}.jb-logo._logo-pycharm._size-7._full{width:270px;height:65px;font-size:105px;background-size:1680px 2450px}.jb-logo._logo-pycharm._size-8{width:74px;height:72px;font-size:120px;background-size:1920px 2800px}.jb-logo._logo-pycharm._size-8._full{width:309px;height:75px;font-size:120px;background-size:1920px 2800px}.jb-logo._logo-pycharm._grey{background-position:-4em -12em}a:hover .jb-logo._logo-pycharm._grey,.menu-products-active-item .jb-logo._logo-pycharm._grey{background-position:0 -12em}.jb-logo._logo-pycharm._inverted{background-position:-8em -12em}.jb-logo._logo-pycharm._size-header-logo{width:278px;height:67px;font-size:108px;background-size:1728px 2520px}.jb-logo._logo-dbe{background-position:0 -13em}.jb-logo._logo-dbe._size-1{width:14px;height:14px;font-size:24px;background-size:384px 560px}.jb-logo._logo-dbe._size-1._full{width:50px;height:14px;font-size:24px;background-size:384px 560px}.jb-logo._logo-dbe._size-2{width:21px;height:21px;font-size:36px;background-size:576px 840px}.jb-logo._logo-dbe._size-2._full{width:75px;height:21px;font-size:36px;background-size:576px 840px}.jb-logo._logo-dbe._size-3{width:26px;height:26px;font-size:45px;background-size:720px 1050px}.jb-logo._logo-dbe._size-3._full{width:93px;height:26px;font-size:45px;background-size:720px 1050px}.jb-logo._logo-dbe._size-4{width:35px;height:35px;font-size:60px;background-size:960px 1400px}.jb-logo._logo-dbe._size-4._full{width:124px;height:35px;font-size:60px;background-size:960px 1400px}.jb-logo._logo-dbe._size-5{width:43px;height:43px;font-size:75px;background-size:1200px 1750px}.jb-logo._logo-dbe._size-5._full{width:155px;height:43px;font-size:75px;background-size:1200px 1750px}.jb-logo._logo-dbe._size-6{width:52px;height:52px;font-size:90px;background-size:1440px 2100px}.jb-logo._logo-dbe._size-6._full{width:186px;height:52px;font-size:90px;background-size:1440px 2100px}.jb-logo._logo-dbe._size-7{width:60px;height:60px;font-size:105px;background-size:1680px 2450px}.jb-logo._logo-dbe._size-7._full{width:217px;height:60px;font-size:105px;background-size:1680px 2450px}.jb-logo._logo-dbe._size-8{width:69px;height:69px;font-size:120px;background-size:1920px 2800px}.jb-logo._logo-dbe._size-8._full{width:248px;height:69px;font-size:120px;background-size:1920px 2800px}.jb-logo._logo-dbe._grey{background-position:-4em -13em}a:hover .jb-logo._logo-dbe._grey,.menu-products-active-item .jb-logo._logo-dbe._grey{background-position:0 -13em}.jb-logo._logo-dbe._inverted{background-position:-8em -13em}.jb-logo._logo-dbe._size-header-logo{width:223px;height:62px;font-size:108px;background-size:1728px 2520px}.jb-logo._logo-kotlin{background-position:0 -14em}.jb-logo._logo-kotlin._size-1{width:14px;height:15px;font-size:24px;background-size:384px 560px}.jb-logo._logo-kotlin._size-1._full{width:48px;height:15px;font-size:24px;background-size:384px 560px}.jb-logo._logo-kotlin._size-2{width:21px;height:22px;font-size:36px;background-size:576px 840px}.jb-logo._logo-kotlin._size-2._full{width:72px;height:22px;font-size:36px;background-size:576px 840px}.jb-logo._logo-kotlin._size-3{width:27px;height:27px;font-size:45px;background-size:720px 1050px}.jb-logo._logo-kotlin._size-3._full{width:90px;height:27px;font-size:45px;background-size:720px 1050px}.jb-logo._logo-kotlin._size-4{width:35px;height:36px;font-size:60px;background-size:960px 1400px}.jb-logo._logo-kotlin._size-4._full{width:119px;height:36px;font-size:60px;background-size:960px 1400px}.jb-logo._logo-kotlin._size-5{width:44px;height:45px;font-size:75px;background-size:1200px 1750px}.jb-logo._logo-kotlin._size-5._full{width:149px;height:45px;font-size:75px;background-size:1200px 1750px}.jb-logo._logo-kotlin._size-6{width:53px;height:54px;font-size:90px;background-size:1440px 2100px}.jb-logo._logo-kotlin._size-6._full{width:179px;height:54px;font-size:90px;background-size:1440px 2100px}.jb-logo._logo-kotlin._size-7{width:61px;height:63px;font-size:105px;background-size:1680px 2450px}.jb-logo._logo-kotlin._size-7._full{width:209px;height:63px;font-size:105px;background-size:1680px 2450px}.jb-logo._logo-kotlin._size-8{width:70px;height:72px;font-size:120px;background-size:1920px 2800px}.jb-logo._logo-kotlin._size-8._full{width:238px;height:72px;font-size:120px;background-size:1920px 2800px}.jb-logo._logo-kotlin._grey{background-position:-4em -14em}a:hover .jb-logo._logo-kotlin._grey,.menu-products-active-item .jb-logo._logo-kotlin._grey{background-position:0 -14em}.jb-logo._logo-kotlin._inverted{background-position:-8em -14em}.jb-logo._logo-kotlin._size-header-logo{width:214px;height:65px;font-size:108px;background-size:1728px 2520px}.jb-logo._logo-mps{background-position:0 -15em}.jb-logo._logo-mps._size-1{width:27px;height:14px;font-size:24px;background-size:384px 560px}.jb-logo._logo-mps._size-1._full{width:82px;height:14px;font-size:24px;background-size:384px 560px}.jb-logo._logo-mps._size-2{width:40px;height:21px;font-size:36px;background-size:576px 840px}.jb-logo._logo-mps._size-2._full{width:123px;height:21px;font-size:36px;background-size:576px 840px}.jb-logo._logo-mps._size-3{width:50px;height:26px;font-size:45px;background-size:720px 1050px}.jb-logo._logo-mps._size-3._full{width:154px;height:26px;font-size:45px;background-size:720px 1050px}.jb-logo._logo-mps._size-4{width:66px;height:34px;font-size:60px;background-size:960px 1400px}.jb-logo._logo-mps._size-4._full{width:205px;height:34px;font-size:60px;background-size:960px 1400px}.jb-logo._logo-mps._size-5{width:83px;height:43px;font-size:75px;background-size:1200px 1750px}.jb-logo._logo-mps._size-5._full{width:256px;height:43px;font-size:75px;background-size:1200px 1750px}.jb-logo._logo-mps._size-6{width:99px;height:51px;font-size:90px;background-size:1440px 2100px}.jb-logo._logo-mps._size-6._full{width:307px;height:51px;font-size:90px;background-size:1440px 2100px}.jb-logo._logo-mps._size-7{width:115px;height:60px;font-size:105px;background-size:1680px 2450px}.jb-logo._logo-mps._size-7._full{width:358px;height:60px;font-size:105px;background-size:1680px 2450px}.jb-logo._logo-mps._size-8{width:132px;height:68px;font-size:120px;background-size:1920px 2800px}.jb-logo._logo-mps._size-8._full{width:409px;height:68px;font-size:120px;background-size:1920px 2800px}.jb-logo._logo-mps._grey{background-position:-4em -15em}a:hover .jb-logo._logo-mps._grey,.menu-products-active-item .jb-logo._logo-mps._grey{background-position:0 -15em}.jb-logo._logo-mps._inverted{background-position:-8em -15em}.jb-logo._logo-mps._size-header-logo{width:368px;height:61px;font-size:108px;background-size:1728px 2520px}.jb-logo._logo-upsource{background-position:0 -16em}.jb-logo._logo-upsource._size-1{width:13px;height:16px;font-size:24px;background-size:384px 560px}.jb-logo._logo-upsource._size-1._full{width:62px;height:16px;font-size:24px;background-size:384px 560px}.jb-logo._logo-upsource._size-2{width:20px;height:24px;font-size:36px;background-size:576px 840px}.jb-logo._logo-upsource._size-2._full{width:93px;height:24px;font-size:36px;background-size:576px 840px}.jb-logo._logo-upsource._size-3{width:25px;height:29px;font-size:45px;background-size:720px 1050px}.jb-logo._logo-upsource._size-3._full{width:117px;height:29px;font-size:45px;background-size:720px 1050px}.jb-logo._logo-upsource._size-4{width:33px;height:39px;font-size:60px;background-size:960px 1400px}.jb-logo._logo-upsource._size-4._full{width:155px;height:39px;font-size:60px;background-size:960px 1400px}.jb-logo._logo-upsource._size-5{width:41px;height:49px;font-size:75px;background-size:1200px 1750px}.jb-logo._logo-upsource._size-5._full{width:194px;height:49px;font-size:75px;background-size:1200px 1750px}.jb-logo._logo-upsource._size-6{width:49px;height:58px;font-size:90px;background-size:1440px 2100px}.jb-logo._logo-upsource._size-6._full{width:233px;height:58px;font-size:90px;background-size:1440px 2100px}.jb-logo._logo-upsource._size-7{width:57px;height:68px;font-size:105px;background-size:1680px 2450px}.jb-logo._logo-upsource._size-7._full{width:271px;height:68px;font-size:105px;background-size:1680px 2450px}.jb-logo._logo-upsource._size-8{width:65px;height:78px;font-size:120px;background-size:1920px 2800px}.jb-logo._logo-upsource._size-8._full{width:310px;height:78px;font-size:120px;background-size:1920px 2800px}.jb-logo._logo-upsource._grey{background-position:-4em -16em}a:hover .jb-logo._logo-upsource._grey,.menu-products-active-item .jb-logo._logo-upsource._grey{background-position:0 -16em}.jb-logo._logo-upsource._inverted{background-position:-8em -16em}.jb-logo._logo-upsource._size-header-logo{width:279px;height:70px;font-size:108px;background-size:1728px 2520px}.jb-logo._logo-scala{background-position:0 -17em}.jb-logo._logo-scala._size-1{width:10px;height:16px;font-size:24px;background-size:384px 560px}.jb-logo._logo-scala._size-2{width:15px;height:24px;font-size:36px;background-size:576px 840px}.jb-logo._logo-scala._size-3{width:19px;height:30px;font-size:45px;background-size:720px 1050px}.jb-logo._logo-scala._size-4{width:25px;height:39px;font-size:60px;background-size:960px 1400px}.jb-logo._logo-scala._size-5{width:31px;height:49px;font-size:75px;background-size:1200px 1750px}.jb-logo._logo-scala._size-6{width:37px;height:59px;font-size:90px;background-size:1440px 2100px}.jb-logo._logo-scala._size-7{width:43px;height:68px;font-size:105px;background-size:1680px 2450px}.jb-logo._logo-scala._size-8{width:49px;height:78px;font-size:120px;background-size:1920px 2800px}.jb-logo._logo-scala._grey{background-position:-4em -17em}a:hover .jb-logo._logo-scala._grey,.menu-products-active-item .jb-logo._logo-scala._grey{background-position:0 -17em}.jb-logo._logo-scala._inverted{background-position:-8em -17em}.jb-logo._logo-ring{background-position:0 -18em}.jb-logo._logo-ring._size-1{width:15px;height:15px;font-size:24px;background-size:384px 560px}.jb-logo._logo-ring._size-2{width:22px;height:22px;font-size:36px;background-size:576px 840px}.jb-logo._logo-ring._size-3{width:27px;height:27px;font-size:45px;background-size:720px 1050px}.jb-logo._logo-ring._size-4{width:36px;height:36px;font-size:60px;background-size:960px 1400px}.jb-logo._logo-ring._size-5{width:45px;height:45px;font-size:75px;background-size:1200px 1750px}.jb-logo._logo-ring._size-6{width:54px;height:54px;font-size:90px;background-size:1440px 2100px}.jb-logo._logo-ring._size-7{width:63px;height:63px;font-size:105px;background-size:1680px 2450px}.jb-logo._logo-ring._size-8{width:72px;height:72px;font-size:120px;background-size:1920px 2800px}.jb-logo._logo-ring._grey{background-position:-4em -18em}a:hover .jb-logo._logo-ring._grey,.menu-products-active-item .jb-logo._logo-ring._grey{background-position:0 -18em}.jb-logo._logo-ring._inverted{background-position:-8em -18em}.jb-logo._logo-jb{background-position:0 -19em}.jb-logo._logo-jb._size-1{width:15px;height:14px;font-size:24px;background-size:384px 560px}.jb-logo._logo-jb._size-2{width:23px;height:21px;font-size:36px;background-size:576px 840px}.jb-logo._logo-jb._size-3{width:28px;height:26px;font-size:45px;background-size:720px 1050px}.jb-logo._logo-jb._size-4{width:38px;height:34px;font-size:60px;background-size:960px 1400px}.jb-logo._logo-jb._size-5{width:47px;height:42px;font-size:75px;background-size:1200px 1750px}.jb-logo._logo-jb._size-6{width:56px;height:51px;font-size:90px;background-size:1440px 2100px}.jb-logo._logo-jb._size-7{width:66px;height:59px;font-size:105px;background-size:1680px 2450px}.jb-logo._logo-jb._size-8{width:75px;height:67px;font-size:120px;background-size:1920px 2800px}.jb-logo._logo-jb._grey{background-position:-4em -19em}a:hover .jb-logo._logo-jb._grey,.menu-products-active-item .jb-logo._logo-jb._grey{background-position:0 -19em}.jb-logo._logo-jb._inverted{background-position:-8em -19em}.jb-logo._logo-jetbrains{background-position:0 -20em}.jb-logo._logo-jetbrains._size-1{width:43px;height:16px;font-size:24px;background-size:384px 560px}.jb-logo._logo-jetbrains._size-2{width:65px;height:24px;font-size:36px;background-size:576px 840px}.jb-logo._logo-jetbrains._size-3{width:81px;height:30px;font-size:45px;background-size:720px 1050px}.jb-logo._logo-jetbrains._size-4{width:107px;height:39px;font-size:60px;background-size:960px 1400px}.jb-logo._logo-jetbrains._size-5{width:134px;height:49px;font-size:75px;background-size:1200px 1750px}.jb-logo._logo-jetbrains._size-6{width:161px;height:59px;font-size:90px;background-size:1440px 2100px}.jb-logo._logo-jetbrains._size-7{width:188px;height:68px;font-size:105px;background-size:1680px 2450px}.jb-logo._logo-jetbrains._size-8{width:214px;height:78px;font-size:120px;background-size:1920px 2800px}.jb-logo._logo-jetbrains._grey{background-position:-4em -20em}a:hover .jb-logo._logo-jetbrains._grey,.menu-products-active-item .jb-logo._logo-jetbrains._grey{background-position:0 -20em}.jb-logo._logo-jetbrains._inverted{background-position:-8em -20em}.jb-logo._logo-clion{background-position:0 -21em}.jb-logo._logo-clion._size-1{width:14px;height:15px;font-size:24px;background-size:384px 560px}.jb-logo._logo-clion._size-1._full{width:48px;height:15px;font-size:24px;background-size:384px 560px}.jb-logo._logo-clion._size-2{width:21px;height:23px;font-size:36px;background-size:576px 840px}.jb-logo._logo-clion._size-2._full{width:72px;height:23px;font-size:36px;background-size:576px 840px}.jb-logo._logo-clion._size-3{width:26px;height:28px;font-size:45px;background-size:720px 1050px}.jb-logo._logo-clion._size-3._full{width:90px;height:28px;font-size:45px;background-size:720px 1050px}.jb-logo._logo-clion._size-4{width:34px;height:38px;font-size:60px;background-size:960px 1400px}.jb-logo._logo-clion._size-4._full{width:119px;height:38px;font-size:60px;background-size:960px 1400px}.jb-logo._logo-clion._size-5{width:43px;height:47px;font-size:75px;background-size:1200px 1750px}.jb-logo._logo-clion._size-5._full{width:149px;height:47px;font-size:75px;background-size:1200px 1750px}.jb-logo._logo-clion._size-6{width:51px;height:56px;font-size:90px;background-size:1440px 2100px}.jb-logo._logo-clion._size-6._full{width:179px;height:56px;font-size:90px;background-size:1440px 2100px}.jb-logo._logo-clion._size-7{width:60px;height:65px;font-size:105px;background-size:1680px 2450px}.jb-logo._logo-clion._size-7._full{width:208px;height:65px;font-size:105px;background-size:1680px 2450px}.jb-logo._logo-clion._size-8{width:68px;height:75px;font-size:120px;background-size:1920px 2800px}.jb-logo._logo-clion._size-8._full{width:238px;height:75px;font-size:120px;background-size:1920px 2800px}.jb-logo._logo-clion._grey{background-position:-4em -21em}a:hover .jb-logo._logo-clion._grey,.menu-products-active-item .jb-logo._logo-clion._grey{background-position:0 -21em}.jb-logo._logo-clion._inverted{background-position:-8em -21em}.jb-logo._logo-clion._size-header-logo{width:214px;height:67px;font-size:108px;background-size:1728px 2520px}.jb-logo._centered{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto}.jb-logo._centered._logo-jetbrains{top:10%}a:hover .jb-logo._logo-jetbrains._grey.landing-header-logo,a:hover .jb-logo._logo-jetbrains._grey.support-header-logo,a:hover .jb-logo._logo-jetbrains._grey.landing-footer-logo{background-position:-8em -20em}.product-name .jb-logo{position:absolute;left:0}

/* Updated styles for mobile devices */


/* + Common mobile styles */
.mobile .container {
    /*width: 920px;*/
}
.mobile body > footer .products {
    margin-right: -30px;
    padding-left: 70px;
}
.mobile footer .newsletter-block {
    display: none;
}

/* - Common mobile styles */


/* + Index page */
.mobile #index #banners,
.mobile #index .carousel {
    height: 200px;
}
/* - Index page */



/* + Resharper */
.mobile .rs.overview .overview_video {
    max-width: 95%;
    background-size: 100% auto;
}
/* - Resharper */


/* + PhpStorm */
.mobile .phpstorm .demo_screen {
    max-width: 95%;
    background-size: 100% auto;
    }
    .mobile .phpstorm .demo_screen a.screenshotTour {
        width: 77% !important;
        }
    .mobile .phpstorm .demo_screen a.video {
        width: 21% !important;
        }
    .demo.js-video > img {
        max-width: 95%;
    }

.mobile.ios .check .check_wrap a.link:before {
    margin-left: -5px !important;
}
/* - PhpStorm */


/* + WebStorm */
.mobile body.overview #content .fresh {
    padding-left: 10px;
    padding-right: 10px;
    width: 25%;
}
.mobile .fresh .btn-product {
    padding-left: 20px;
    padding-right: 20px;
}
/* - WebStorm */


/* + Contacts */
.mobile #company.contact #banners .container {
    overflow: hidden;
    width: 100%;
}
/* - Contacts */



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;
}
html {
    position: relative;
    min-height: 100%;
}

body {
    height: auto;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.6;
    color: #474747;
    font-variant: normal;
    font-weight: 400;
    background: white;
}
body.white {
    margin: 15px;
    min-width: 300px;
}
body.demo {
    text-align: center;
}
textarea,
pre,
code,
kbd,
samp,
var,
tt {
    /*font-family: Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier;*/
}

ol, ul {list-style: none}
a {color: #0274bd; text-decoration: none}
a:hover {color: #00a2ff}
a.black {color: #474747}
a.gray {color: #777}
a.black:hover {text-decoration: underline}
a.underline_link {text-decoration: underline}
a.underline_link:hover {text-decoration: none}
a.underline_link_border {border-bottom: solid 1px #0274bd}
a.underline_link_border:hover {border-bottom: none}
a.underline_link_gray {border-bottom: solid 1px #777}
a.underline_link_gray:hover {border-bottom: none;text-decoration: none}
a.underline_link_black {border-bottom: solid 1px #474747}
a.underline_link_black:hover {border-bottom: none;text-decoration: none}
a.underline_link_dotted {border-bottom: dashed 1px #0274bd}
a.underline_link_dotted:hover {border-bottom: none;text-decoration: none}
a.underline_link_gray_dashed {border-bottom: dashed 1px #777}
a.underline_link_gray_dashed:hover {border-bottom: none;text-decoration: none}
strong, b {font-weight: 600}
em {font-style: italic}
.noborder {border: none !important}
.asterisk-symbol {font-size: 120%; font-weight: 400; line-height: 1}


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

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

blockquote {
    font-family: Georgia, "Times New Roman", Times, serif-serif;
    font-style: italic;
    position: relative;
}
blockquote:before, blockquote:after {
    margin-right: 5px;
    content: "\201C";
    font-size: 300%;
    line-height: 1px;
    vertical-align: -.4em;
}
blockquote:after {
    content: "\201D";
    vertical-align: -.6em;

}
blockquote p {
    display: inline;

}
/*blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
    display: block;
    width: 42px;
    height: 32px;
    background: url("/idea/features/../../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;
    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;
}*/
.new_version {
    position: relative;
}
.new_version:after {
    position: relative;
    top: -7px;
    margin: 0 -30px 0 5px;
    padding: 2px 4px;
    display: inline-block;
    border: solid 1px #ff7b00;
    color: #ff7b00;
    font-family: Verdana, 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 9px;
    line-height: 10px;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
    vertical-align: baseline !important;
    border-radius: 4px;
    content: '';
}

h1,
h2,
h3,
h4,
h5 {
    font-family: "GraublauSlab-Regular", Helvetica, Arial, sans-serif;
    font-weight: 400;
    color: #404041;
}
h1 em, h2 em, h3 em, h4 em, h5 em, h6 em {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 94%;
    font-style: italic;
}
h1 {
    margin-bottom:.5em;
    color: #454545;
    font-size: 270%;
    line-height: 1;
    font-family: "GraublauSlab-Semibold", Helvetica, Arial, sans-serif;
}
h2 {
    margin-bottom: .5em;
    font-size: 230%;
    line-height: 1;
}
h3 {
    margin-bottom: .5em;
    font-size: 170%;
    line-height: 1.1;
}
h4 {
    margin-bottom: .3em;
    font-size: 150%;
}
h5 {
    margin-bottom:.5em;
    font-size: 100%;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: .7px;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}
h6 {
    margin-bottom: .2em;
    font-weight: bold;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}
h1._bold, h2._bold, h3._bold, h4._bold {
    font-family: "GraublauSlab-Semibold", Helvetica, Arial, sans-serif;
}
h1.sans_serif_bold, h2.sans_serif_bold, h3.sans_serif_bold, h4.sans_serif_bold, h5.sans_serif_bold, h6.sans_serif_bold {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-weight: 700;
}
h1.sans_serif_normal, h2.sans_serif_normal, h3.sans_serif_normal, h4.sans_serif_normal, h5.sans_serif_normal, h6.sans_serif_normal {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    /*font-size: 140%;*/
    font-weight: 400;
}
h1.sans_serif_light, h2.sans_serif_light, h3.sans_serif_light, h4.sans_serif_light, h5.sans_serif_light, h6.sans_serif_light {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    /*font-size: 140%;*/
    font-weight: 100;
    line-height: 1.4;
}
ul, ol, p, blockquote, .block {
    margin-bottom: 20px;
}
ul.starlist li {
    margin-bottom: 0.533em;
    padding-left: 17px;
    background: url("/idea/features/../../styles2/../img/design/bullet_small.gif") no-repeat 0 .5em;
}
ul.starlist.range li {
    padding-left: 2.2em;
    background: url("/idea/features/../../styles2/../img/design/bulletRange.png") no-repeat 0 .4em;
}
ul.ndashlist li {
    margin-bottom: 10px;
}
ul.ndashlist li:before {
    margin-left: -.73em;
    content: "-";
    position: absolute;
}
ul.mdashlist li {
    position: relative;
    margin-bottom: 10px;
}
ul.mdashlist li:before {
    position: absolute;
    margin-left: -1.3em;
    color: #bfbdb7;
    content: "\2014";
}
ul.mdashlist li.noitem:before {
    content: "";
}
ul.circlelist li {
    position: relative;
    margin-left: 20px;
    margin-bottom: 10px;
    }
    ul.circlelist li:before {
        margin-top: 2px;
        margin-left: -20px;
        content: "\2022";
        position: absolute;
        color: #cdd2d6;
        font-size: 18px;
        line-height: 1;
        font-style: normal;
        font-weight: 700;
    }
    ul.circlelist li.nobackgr:before {
        content: "";
    }
    ul.circlelist li .img.enlarge {
        position: relative;
        z-index: 1;
    }
ul.arrowlist li {
    margin-left: 18px;
    margin-bottom: 5px;
}
ul.arrowlist li:before {
    margin-top: .45em;
    margin-left: -1.2em;
    content: "";
    position: absolute;
    width: 8px;
    height: 12px;
    background: url("/idea/features/../../styles2/../img/design/bulletarrow.png") no-repeat 0 0;
}
ul.arrowlist li.back:before {
    margin-left: -.9em;
    background-position: 0 -40px;
}
ul.arrowlist li._active:before {
    background-position: 0 -20px;
}

ul.starlist li ul, ul.circlelist li ul {
    margin-top: .6em;
}

ul.arrowlist._hidden {
    display: none;
}

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;}
.gray {color: #777;}
.black {color: #474747}
.gold {color: #c98a39;}
.link {color: #0274bd;}
.smalltext {font-size: 95%; line-height: 20px; }
.smallertext {font-size: 90%; line-height: 16px; }
.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;}
.left-align {text-align:left;}
.clr {clear:both;}
.clearedL {clear: left;}
.clearedR {clear: right;}
a.button {
    margin-bottom: 1em;
    padding: .5em 1em;
    border-radius: 5px;
    text-align: center;
    display: inline-block;
    text-decoration: none;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.1) inset;
    background-color: #f4f4f4;
    border: medium none;
    -webkit-transition: all 0.1s ease 0s;
            transition: all 0.1s ease 0s;
}
a.button:hover {
    background-color: #eee;
}
.hide {display: none}
.box {padding: 20px;}
.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%}
.blockcenter {margin-left: auto;margin-right: auto;}
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;
}
hr.markoff {
    margin: 0;
    background: #dbdbdb;
    height: 1px;
}
hr.double {
    margin: 0;
    background: transparent;
    height: 1px;
    border-bottom: double 4px #ddd;
}
.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;
}
.bordered_dashed {
    border: dashed 1px #ccc;
}
.bordered_left {
    padding-left: 1.5em;
    border-left: solid 1px #ccc;
}
.nobackgr {
    background: none!important;
}



.container,
#content nav ul {
    margin: 0 auto;
    width: 984px;
    min-width: 800px;
    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; }
}
@media (max-width: 1023px) {
    .container {
        width: 960px;
    }
}
@media (max-width: 1050px) and (min-width: 970px) {
    #main {
        overflow: hidden;
    }
}


header {
    height: 46px;
    background: #dbd9d2 url("/idea/features/../../styles2/../img/bg_main_decor.jpg") repeat 0 0;
    border-bottom: solid 2px #bdbbbc;
}
header.state_fixed {
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    width: 100%;
}
header.state_bottom {
    position: absolute;
    z-index: 10;
    left: 0;
    width: 100%;
}
body#index header {
    height: 85px;
    border-bottom: 0;
}
header .jb_logo {
    margin-left: 6px;
    padding-top: 4px;
    float: left;
    width: 120px;
    height: 38px;
    text-indent: -50000px;
    opacity: .7;
    background: url("/idea/features/../../styles2/../img/design/logoJB.svg") no-repeat 0 -195px;
}
body#index header .jb_logo {
    width: 200px;
    height: 75px;
    opacity: 1;
    background-position: 0 .5em;
}
header .jb_logo:hover {
    opacity: 1;
}
header ul#jb_nav {
    margin-top: .6em;
    margin-bottom: -1em;
    float: right;
}
body#index header ul#jb_nav {
    margin-top: 1.6em;
    margin-bottom: 0;
}
header ul#jb_nav li {
    position: relative;
    float: left;
    margin-left: 30px;
    text-align: center;
}
header ul#jb_nav li.search {
    margin-left: 0;
    padding-left: 30px;
}
header ul#jb_nav li.search form {
    margin-top: 0;
}
.global-search-form label {
    position: relative;
    float: left;
}

@media (max-width: 1023px) {
    header ul#jb_nav li {
        margin-left: 20px;
    }
    .header ul#jb_nav li:first-child {
        margin-left: 0;
    }
}
.global-search-form-field {
    padding: 4px 8px;
    height: 18px;
    width: 150px;
    border: solid 1px #bdbbbc;
    border-radius: 12px;
    -webkit-box-shadow: inset 2px 2px 2px rgba(0, 0, 0, .1);
            box-shadow: inset 2px 2px 2px rgba(0, 0, 0, .1);
    -webkit-transition: all 0.2s;
            transition: all 0.2s;
}
.global-search-form-field:hover,
.global-search-form-field:focus {
    border-color: #9A979A !important;
    -webkit-transition: all 0.2s;
            transition: all 0.2s;
}
.global-search-form-field.is_sticky {
    width: 230px;
}

.global-search-form-submit {
    opacity: 0.7;
}
.global-search-form-submit:hover {
    opacity: 1;
}
header ul#jb_nav li.search form input.send {
    margin-left: 10px;
    padding: .2em;
    text-indent: -50000px;
    width: 26px;
    height: 30px;
    border: none;
    cursor: pointer;
    background: url("/idea/features/../../styles2/../img/icons/icoSearch.svg") no-repeat 0 .1em;
}
body#index header ul#jb_nav li.search form input.send {
    background-position: 0 .2em;
}
header ul#jb_nav li a {
    display: block;
    padding: 4px 14px;
    height: 22px;
    color: #757574;
    font-size: 16px;
    line-height: 22.4px;
    text-decoration: none;
    border-radius: 10px;
}
header ul#jb_nav li.search a:hover {
    background-color: transparent;
    box-shadow:  none;
}
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#company header ul#jb_nav li.company a,
header ul#jb_nav li.active a {
    color: #fff;
    background-color: #b5b2ad;
    -webkit-box-shadow: inset 1px 1px 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: inset 1px 1px 1px 0 rgba(0, 0, 0, 0.1);
}
header ul#jb_nav li a:hover, header ul#jb_nav li.open a {
    color: #0274bd;
}
header ul#jb_nav li.products:before {
    position: absolute;
    top: 100%;
    left: 50%;
    margin: 4px 0 0 -6px;
    width: 0;
    border-width: 0 6px 6px;
    border-style: solid;
    border-color: #f2f2f2 transparent;
    visibility: hidden;
    opacity: 0;
    content: '';
}
body#index header ul#jb_nav li.products:before {
    margin: 18px 0 0 -15px;
    border-width: 0 15px 15px;
}
header ul#jb_nav li.products.open:before {
    visibility: visible;
    opacity: 1;
}

header ul#jb_nav li.products a {
    position:relative;
}
header ul#jb_nav li.products a:after {
    position: absolute;
    bottom: -5px;
    left: 50%;
    margin-left: -5px;
    width: 0;
    border-width: 5px 5px 0;
    border-style: solid;
    border-color: #b5b2ad transparent;
    visibility: hidden;
    opacity: 0;
    content: "";
    -webkit-transition: opacity .2s;
            transition: opacity .2s;
}
header ul#jb_nav li.products a:hover:after {
    visibility: visible;
    opacity: 1;
}
header ul#jb_nav li.products.open a:hover:after {
    visibility: hidden;
    opacity: 0;
}

#menu_products {
    display: none;
    box-sizing: border-box;
    position: relative;
    z-index: 10;
    background-color: rgba(0,0,0,.05);
    background: -moz-linear-gradient(top,  rgba(0,0,0,.05) 0%, rgba(0,0,0,0) 4%, rgba(0,0,0,0) 96%, rgba(0,0,0,.05) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,.05)), color-stop(4%,rgba(0,0,0,0)), color-stop(96%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,.05)));
    background: -webkit-linear-gradient(top,  rgba(0,0,0,.05) 0%,rgba(0,0,0,0) 4%,rgba(0,0,0,0) 96%,rgba(0,0,0,.05) 100%);
    background: -o-linear-gradient(top,  rgba(0,0,0,.05) 0%,rgba(0,0,0,0) 4%,rgba(0,0,0,0) 96%,rgba(0,0,0,.05) 100%);
    background: -ms-linear-gradient(top,  rgba(0,0,0,.05) 0%,rgba(0,0,0,0) 4%,rgba(0,0,0,0) 96%,rgba(0,0,0,.05) 100%);
    background: linear-gradient(to bottom,  rgba(0,0,0,.05) 0%,rgba(0,0,0,0) 4%,rgba(0,0,0,0) 96%,rgba(0,0,0,.05) 100%);
}
#menu_products.create {
    /*margin-top: -1em;*/
}
#menu_products .container {
    padding-top: 2em;
    position: relative;
}
#menu_products .close {
    position: absolute;
    top: .4em;
    right: 0;
    color: #dedddd;
    font-size: 270%;
    text-decoration: none;
    cursor: pointer;
}
#menu_products.create .close {
    display: none;
}


#menu_products ul.research {
    margin-bottom: 0;
}
#menu_products ul li {
    margin-bottom: .5em;
}
#menu_products ul li a {
    padding-left: 21px;
    position: relative;
}
#menu_products ul li.menu-products-active-item a {
    color: #333;
    cursor: default;
}
#menu_products ul li.mps a {
    padding-left: 32px;
}
#menu_products ul li a .icon {
    position: absolute;
    top: 3px;
    left: 0;
}
.mac #menu_products ul li a .icon {
    top: 3px;
}
.mac #menu_products ul li a .logo-mps-grey {
    top: 5px;
    left: -1px;
}



#banners,
.footer-main {
    background-color: #dbd9d2;
}
#banners {
    margin-top: -2.5em;
    margin-bottom: 1.5em;
    padding-top: 2.5em;
    padding-bottom: 1em;
}
body#index #banners {
    margin: 0;
    padding: 0;
    height: 573px;
    border-bottom: solid 2px #bdbbbc;
    background-image: url("/idea/features/../../styles2/../img/bg_main_decor.jpg");
}
#create {
    padding-top: 4em;
    padding-bottom: 1em;
}
#news {
    background-color: #f2f1f2;
    border-top: solid 2px #bdbbbc;
    border-bottom: solid 2px #bdbbbc;
    font-size:13.5px;
}
#lab {
    padding-top: 1.5em;
    padding-bottom: 3.5em;
    background: #edf3f7 url("/idea/features/../../styles2/../img/bg_main_lab.jpg");
    border-bottom: solid 2px #bdbbbc;
}
#customers {
    padding-top: 1.5em;
    padding-bottom: 1em;
    background: #f7f0da url("/idea/features/../../styles2/../img/bg_main_customers.jpg");
    border-bottom: solid 2px #bdbbbc;
}
#menu_products {
    padding-bottom: .5em;
}
#product {
    margin-bottom: 37px;
    height: 153px;
    background-color: #5d71b8;
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: -moz-linear-gradient(top,  rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 40%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.2)), color-stop(40%,rgba(0,0,0,0)));
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 40%);
    background: -o-linear-gradient(top,  rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 40%);
    background: -ms-linear-gradient(top,  rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 40%);
    background: linear-gradient(to bottom,  rgba(0,0,0,0.15) 0%,rgba(0,0,0,0) 40%);
}
#product {
    background-color: #5d71b8;
}
#product .container {
    /*min-height: 153px;*/
    background: url("/idea/features/../../styles2/../img/design/bgHeader.png") no-repeat right 0;;
}
.yt #product .container, .dbe #product .container {
    background-image: none;
}
body#spec #product, body#why #product,
body#spec nav, body#why nav.fixed-menu {
    background-color: #eca344;
}
body#student #product {
    background-color: #7c9535;
    height: 207px;
}
/*mktEditable for marketo*/
body#products.rs #product, body#products.rs nav, body.mktEditable.rs  #product,
body#products.dt #product, body#products.dt nav, body.mktEditable.dt  #product,
body#products.dotcover #product, body#products.dotcover nav,
body#products.decompiler #product, body#products.decompiler nav,
body#products.dtm #product, body#products.dtm nav, body.mktEditable.dtm  #product,
body#products.dotnet #product, body#products.dotnet nav.fixed-menu {
    background-color: #8d4f74;
}
body#products.ruby #product, body#products.ruby nav.fixed-menu {
    background-color: #ac445d;
}
body#products.phpstorm #product, body#products.phpstorm nav.fixed-menu, body.mktEditable.phpstorm  #product {
    background-color: #7774b7;
}
body#products.webstorm #product, body#products.webstorm nav.fixed-menu, body.mktEditable.webstorm #product {
    background-color: #4691b1;
}
body#products.pycharm #product, body#products.pycharm nav.fixed-menu, body.mktEditable.pycharm #product {
    background-color: #5f8961;
}
body#products.pycharm-edu #product, body#products.pycharm-edu nav.fixed-menu {
    background-color: #8ca936;
}
body#products.objc #product, body#products.objc nav.fixed-menu, body.mktEditable.objc #product {
    background-color: #607591;
}
body#products.clion #product, body#products.clion nav.fixed-menu {
    background-color: #556780;
}
body#products.mps #product, body#products.mps nav.fixed-menu, body.mktEditable.mps #product {
    background-color: #7e7c7d;
}
body#products.om #product, body#products.om nav.fixed-menu {
    background-color: #7c74a5;
}
body#products.dbe #product, body#products.dbe nav.fixed-menu {
    background-color: #3798a4;
}

body #product .container {
    padding: 0;
    position: relative;
    height: 100%;
}
#product .container a.home_product {
    margin: 30px 0 14px 9px;
    display: inline-block;
    position: relative;
    color: #fff;
    font-size: 340%;
    line-height: 67.2px;
    font-weight: bold;
    font-family: Myriad, "Myriad Pro", Helvetica, Arial, sans-serif;
    width: 800px;
    height: 72px;
    text-decoration: none;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    background-repeat: no-repeat;
    background-position: -500% -500%;

}
#products.om .container a.home_product,
#products.om.reader .container a.home_product {
    background-image: url("/idea/features/../../styles2/../img/logos/omea_inverted.png");
    text-indent: -9000px;
}

#products.om .container a.home_product {background-position: 0 0;}
#products.om.reader .container a.home_product {background-position: 0 -300px;}

/*@refactoring
body#spec .container a.home_product {

}
body#products.idea .container a.home_product, body.mktEditable.idea .container a.home_product,
body#products.rs .container a.home_product, body.mktEditable.rs .container a.home_product,
body#products.pycharm .container a.home_product, body.mktEditable.pycharm .container a.home_product,
body#products.ruby .container a.home_product,
body#products.dt .container a.home_product, body.mktEditable.dt .container a.home_product,
body#products.dotcover .container a.home_product,
body#products.decompiler .container a.home_product,
body#products.TeamCity .container a.home_product, body.mktEditable.TeamCity .container a.home_product,
body#products.webstorm .container a.home_product, body.mktEditable.webstorm .container a.home_product,
body#products.phpstorm .container a.home_product, body.mktEditable.phpstorm .container a.home_product,
body#products.yt .container a.home_product, body.mktEditable.yt .container a.home_product,
body#products.objc .container a.home_product, body.mktEditable.objc .container a.home_product,
body#products.mps .container a.home_product, body.mktEditable.mps .container a.home_product,
body#products.om .container a.home_product,
body.academy .container a.home_product,
body.dtm .container a.home_product, body.mktEditable.dtm .container a.home_product,
body.dbe .container a.home_product, body.mktEditable.dbe .container a.home_product,
body.upsource .container a.home_product, body.mktEditable.upsource .container a.home_product,
body.clion .container a.home_product
{
    text-indent: -50000px;
    width: 350px;
    background: url("/idea/features/../../styles2/../img/design/spriteLogosHeader.svg") no-repeat 0 0;
}
body#products.idea #product .container a.home_product, body.mktEditable.idea #product .container a.home_product {
    background-position: 0 0;
}
body#products.rs #product .container a.home_product, body.mktEditable.rs #product .container a.home_product {
    background-position: 0 -400px;
}
body#products.pycharm #product .container a.home_product, body.mktEditable.pycharm #product .container a.home_product {
    background-position: 0 -800px;
}
body#products.ruby #product .container a.home_product {
    background-position: 0 -1200px;
}
body#products.dt #product .container a.home_product, body.mktEditable.dt #product .container a.home_product {
    background-position: 0 -1600px;
}
body#products.dotcover #product .container a.home_product {
    background-position: 0 -2000px;
}
body#products.decompiler #product .container a.home_product {
    background-position: 0 -2400px;
}
body#products.TeamCity #product .container a.home_product, body.mktEditable.TeamCity #product .container a.home_product {
    background-position: 0 -2800px;
}
body#products.webstorm #product .container a.home_product, body.mktEditable.webstorm #product .container a.home_product {
    background-position: 0 -3200px;
}
body#products.phpstorm #product .container a.home_product, body.mktEditable.phpstorm #product .container a.home_product {
    background-position: 0 -3600px;
}
body#products.yt #product .container a.home_product, body.mktEditable.yt #product .container a.home_product {
    background-position: 0 -4000px;
}
body#products.objc #product .container a.home_product, body.mktEditable.objc #product .container a.home_product {
    background-position: 0 -4400px;
}
body#products.mps #product .container a.home_product, body.mktEditable.mps #product .container a.home_product {
    background-position: 0 -5200px;
}
body#products.om #product .container a.home_product {
    background-position: 0 -5600px;
}
body#products.om.reader #product .container a.home_product {
    background-position: 0 -6000px;
}
body.academy #product .container a.home_product {
    background-position: 0 -6400px;
}
body#products.dtm #product .container a.home_product, body.mktEditable.dtm #product .container a.home_product {
    background-position: 0 -6800px;
}
body#products.dbe #product .container a.home_product, body.mktEditable.dbe #product .container a.home_product {
    background-position: 0 -7200px;
}
body#products.upsource #product .container a.home_product, body.mktEditable.upsource #product .container a.home_product {
    background-position: 0 -7600px;
}
body#products.clion #product .container a.home_product {
    background-position: 0 -8000px;
}*/






nav {
    margin-top: -87px;
    margin-bottom: 40px;
    padding: 0;
    height: 47px;
    z-index: 100;
    width: 100%;
    background-color:transparent;
}
nav.fixed-menu {
    margin-top: 0;
    position: fixed !important;
    top: 0;
    left: 0;
    z-index: 100;
    box-shadow: 0 0 7px 1px rgba(51,51,51, 0.4);
    background-color: #5d71b8;
}
nav .container {
    position: relative;
    height: 47px;
}
nav.fixed-menu .container {
    padding: 0 0 0 0;
    background-image: url("/idea/features/../../styles2/../img/design/bgHeader.png");
    background-repeat: no-repeat;
    background-position: right -106px;
}
.yt nav.fixed-menu .container, .clion nav.fixed-menu .container {background-image:none;}

.nav-logo {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 10px auto 0;
    right: 100%;
    -webkit-transition: visibility 0s linear 150ms, opacity 150ms linear;
         -o-transition: visibility 0s linear 150ms, opacity 150ms linear;
            transition: visibility 0s linear 150ms, opacity 150ms linear;
}
/*@refactoring
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .nav-logo {
        background-image: url("/idea/features/../../styles2/../img/logos/spriteLogosIco.svg");
        background-size: 40px auto;
    }
}*/
.nav-logo_visible {
    cursor: pointer;
    visibility: visible;
    opacity: 1;
    -webkit-transition-delay: 0s;
         -o-transition-delay: 0s;
            transition-delay: 0s;
}
.nav-logo_visible:hover {
    opacity: 0.7;
    -webkit-transition: none;
         -o-transition: none;
            transition: none;
}

/*
@refactoring
.idea .nav-logo       {width: 28px; height: 28px; background-position: 0 0; margin-top: 0;}
.rs .nav-logo         {width: 37px; height: 28px; background-position: 0 -40px; margin-top: 0;}
.pycharm .nav-logo    {width: 26px; height: 25px; background-position: 0 -80px; margin-top: 1px; margin-right: 10px;}
.ruby .nav-logo       {width: 30px; height: 26px; background-position: 0 -120px; margin-top: 0;}
.dt .nav-logo         {width: 30px; height: 30px; background-position: 0 -160px; margin-top: -1px;}
.dotcover .nav-logo   {width: 28px; height: 27px; background-position: 0 -200px; margin-top: 1px;}
.decompiler .nav-logo {width: 32px; height: 30px; background-position: 0 -240px; margin-top: -1px;}
.TeamCity .nav-logo   {width: 32px; height: 27px; background-position: 0 -280px; margin-top: 0;}
.webstorm .nav-logo   {width: 30px; height: 25px; background-position: 0 -320px; margin-top: 1px;}
.phpstorm .nav-logo   {width: 32px; height: 25px; background-position: 0 -360px; margin-top: 1px;}
.yt .nav-logo         {width: 30px; height: 30px; background-position: 0 -400px; margin-top: -1px;}
.objc .nav-logo       {width: 31px; height: 26px; background-position: 0 -440px; margin-top: 1px;}
.kotlin .nav-logo     {width: 27px; height: 27px; background-position: 0 -480px; margin-top: 0;}
.mps .nav-logo        {width: 39px; height: 20px; background-position: 0 -520px; margin-top: 4px;}
.dtm .nav-logo        {width: 28px; height: 27px; background-position: 0 -600px; margin-top: 0;}
.dbe .nav-logo        {width: 33px; height: 28px; background-position: 0 -640px; margin-top: -1px;}
.upsource .nav-logo   {width: 26px; height: 31px; background-position: 0 -680px; margin-top: -1px;}
.clion .nav-logo      {width: 26px; height: 31px; background-position: 0 -720px; margin-top: -1px;}
*/

nav ul {
    padding-top: 11px;
    margin-bottom: 0;
    white-space: nowrap;
}
nav ul li {
    margin-right: 3px;
    margin-bottom: 0;
    padding: 4px 8px;
    display: inline;
    font-size: 16px;
    color: #fff;
    border-radius: 6px;
}
nav ul li.current {
    background-color: rgba(255,255,255,.3);
}
body#partners nav ul li.partners {/*hack for partners menu*/
    background-color: rgba(255,255,255,.3);
}
nav ul li a {
    color: #fff;
    position: relative;
    z-index: 10;
}
nav ul li a:hover {
    text-decoration: none;
    color: rgba(255,255,255,.8);
}
nav ul li a:hover {

}
/* Sticky features menu */
#features-menu.clamp_fixed {
    left: 0;
    right: 0;
    z-index: 10;
    width: 100% !important;
    -webkit-box-shadow: 0 0 7px 1px rgba(51,51,51,.4);
            box-shadow: 0 0 7px 1px rgba(51,51,51,.4);
}
.clamp_fixed + .clamp-emulator { display: block !important }

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;
    font-size: 14px;
}
span.code {
    font-family: courier new, courier, monospace;
}
pre.code {
    margin:15px 0;
    padding:10px 15px;
    background-color:#f4f4f4;
    font-size:14px;
    font-family: 'Courier New', courier, monospace;
}
span.inline_accent {
    margin-left: -.6em;
    margin-right: .6em;
    padding: .1em .6em;
    background-color: #e3e3e3;
}
#content .ico {
    margin-bottom: -2px;
}

.footer {
    margin: 2em 0 1em 0;
    overflow: hidden;
}
.footer .float_left {
    margin-right: 3.5em;
}
.footer h3.underline {
    padding-bottom: 10px;
    border-bottom: solid 6px #f4f4f4;
}
.footer ul, .footer ul li {
    margin: 0 0 .6em 0;
    padding: 0;
    list-style: none;
    background: none;
}
.footer ul.arrowlist li {
    margin-left: 1.2em;
}
.footer .download {
    margin-bottom: 1em;
    padding: .5em 1em;
    font-size: 130%;
    display: block;
    background: #f4f4f4 url("/idea/features/../../styles2/../img/icon_arrowContentFooter.png") no-repeat 95% 50%;
}
.footer .download span {
    font-size: 70%;
    display: block;
}

#content .feedback p {
    margin-bottom: .5em;
}
#content .feedback a {
    margin-right: 1em;
    padding-left: 29px;
}
#content .feedback span.comment {
    margin-top: -.9em;
    padding-left: 2.7em;
    font-size: 80%;
    display: block;
}
#content .feedback .rss {
    padding-bottom: .2em;
    background: url("/idea/features/../../styles2/../img/icons/ico_rss.gif") no-repeat .4em .1em;
}
#content .feedback.smalltext .rss {
    background-position: .3em 0;
}
#content .feedback .twitter {
    padding-bottom: .2em;
    background: url("/idea/features/../../styles2/../img/icons/ico_twitter_bird_new.png") no-repeat .2em .1em;
}
#content .feedback .googleplus {
    padding-bottom: .2em;
    background: url("/idea/features/../../styles2/../img/icons/ico_googleplus.png") no-repeat .2em .1em;
}
#content .feedback .forum {
    padding-bottom: .2em;
    background: url("/idea/features/../../styles2/../img/icons/ico_forum.gif") no-repeat .4em .1em;
}
#content .feedback .facebook {
    padding-bottom: .2em;
    background: url("/idea/features/../../styles2/../img/icons/ico_facebook.gif") no-repeat .4em .1em;
}
#content .feedback .eap {
    padding-bottom: .2em;
    background: url("/idea/features/../../styles2/../img/icons/ico_EAP.gif") no-repeat .4em .1em;
}
#content .feedback .bugtracker {
    padding-bottom: .2em;
    background: url("/idea/features/../../styles2/../img/icons/ico_BugTracker.gif") no-repeat .4em .1em;
}
#content .feedback.smalltext .bugtracker {
    background-position: .4em 0;
}
#content .feedback .help {
    padding-bottom: .2em;
    background: url("/idea/features/../../styles2/../img/icons/ico_help.gif") no-repeat .4em .1em;
}
#content .feedback .demo {
    padding-bottom: .2em;
    background: url("/idea/features/../../styles2/../img/icons/ico_demo.gif") no-repeat .4em .1em;
}
#content .feedback .editions {
    padding-bottom: .2em;
    background: url("/idea/features/../../styles2/../img/icons/ico_editions.png") no-repeat .4em .1em;
}
#content .feedback .question {
    padding-bottom: .2em;
    background: url("/idea/features/../../styles2/../img/icons/ico_question.png") no-repeat .4em .1em;
}
#content .feedback .tv, #content .tv {
    padding-left: 31px;
    padding-bottom: .2em;
    background: url("/idea/features/../../styles2/../img/icons/ico_tv.png") no-repeat .4em -1px;
}
#content .tv {
    padding-left: 2em;
}
#content .pdf, #banners .pdf {
    padding-left: 1.6em;
    padding-bottom: .2em;
    background: url("/idea/features/../../styles2/../img/icons/ico_pdf.png") no-repeat 0 .1em;
}

#content .video-ico {
    padding-left: 1.6em;
    padding-bottom: .2em;
    background: url("/idea/features/../../styles2/../img/icons/video.png") no-repeat 0 .1em;
}

.tv-item {
    position: relative;
    padding-left: 27px;
    }
    .tv-item:before {
        position: absolute;
        top: .4em;
        left: 0;
        width: 16px;
        height: 13px;
        background: url("/idea/features/../../styles2/../devnet/img/w-icon.png") no-repeat -50px -150px;
        content: '';
        }

#content .interested {
    color: #79797a;
    font-family: "GraublauSlab-Regular", Helvetica, Arial, sans-serif;
    font-size: 15px;
}
#content .interested h3 {
    margin-bottom: .1em;
    position: relative;
    color: #79797a;
}
#content .interested h3:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 85%;
    height: 1px;
    background-color: #bfbdb7;
}
#content .interested ul {
    margin-top: .9em;
}
#content .interested ul li {
    margin-left: 1.5em;
    margin-bottom: 20px;
    float: left;
}
#content .interested ul li:first-child {
    margin-left: 0;
}
#content .interested ul li a {
    margin: 0;
    padding-left: 2.7em;
    position: relative;
}
#content .interested ul li a:before {
    content: "";
    position: absolute;
    left: 0;
    width: 39px;
    height: 33px;
    background: url("/idea/features/../../styles2/../img/logos/spriteSocial.svg") no-repeat 0 0;
}
#content .interested ul li.rss a:before {
    margin-left: .5em;
    background-position: -200px 0;
}
#content .interested ul li.twitter a:before {
    margin-left: .5em;
    background-position: -120px 0;
}
#content .interested ul li.forum a:before {
    background-position: -240px 0;
}
#content .interested ul li.bugtracker a:before {
    margin-top: -.1em;
    background-position: -290px 0;
}
#content .interested ul li.facebook a:before {
    margin-left: .5em;
    background-position: 0 0;
}
#content .interested ul li.youtube a:before {
    margin-left: .5em;
    background-position: -40px 0;
}
#content .interested ul li.faq a:before {
    margin-left: .4em;
    background-position: -377px 0;
}
#content .interested ul li.gplus a:before {
    margin-left: .4em;
    background-position: -160px 0;
}
#content .interested ul li.plugins a:before {
    margin-left: .4em;
    background-position: -419px 0;
}


#content .information {
    padding-left: 4.5em;
    min-height: 3em;
    background: #f4f6fc url("/idea/features/../../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("/idea/features/../../styles2/../img/icons/info_small.png") no-repeat 1em 1em;
}
#content .importance {
    padding-left: 4.5em;
    min-height: 3em;
    background: #fffccc url("/idea/features/../../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("/idea/features/../../styles2/../img/icons/attention_small.png") no-repeat 1em .9em;
}
#content .rubyIDE {
    padding-left: 4.5em;
    min-height: 3em;
    background: #f4f6fc url("/idea/features/../../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("/idea/features/../../styles2/../teamcity/img/ok.gif") no-repeat 50% 50%;
    padding:5px;
    text-align: center;
}
.minus{
    background:url("/idea/features/../../styles2/../teamcity/img/none.gif") no-repeat 50% 50%;
    padding:5px;
    text-align: center;
}
.better{
    background:url("/idea/features/../../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;
}

.customers-all {
    width: 641px;
    height: 88px;
}
.customers-all li a {
    display: block;
    width: 641px;
    height: 50px;
    text-indent: -50000px;
    background: url("/idea/features/../../styles2/../img/logos/spriteCustomers.svg") no-repeat 0 0;
}
.customers-all li:nth-child(2) a {
    background-position: 0 -116px;
}
.customers-all li:nth-child(3) a {
    background-position: 0 -232px;
}


/* product-link */
.product-link {
    position:relative;
    display:block;
    margin:0 0 0 -9px;
    padding:10px 15px 7px 50px;
    border:1px solid transparent;
    border-radius:5px;
    color:#919191;
    font-size:12px;
    text-decoration:none;
    transition:border-color .2s, background-color .2s;
    }
.product-link_inline {
    display:inline-block;
    white-space: nowrap;
    *zoom:1;
    }
    .product-link .product-logo {
        position:absolute;
        top:13px;
        left:9px;
        width:35px;
        height:35px;
    }
    .product-link .jb-logo {
        position: absolute;
        top: 13px;
        left: 9px;
    }
    .product-link__name {
        display:block;
        color:#404041;
        font-size:22px;
        font-weight:400;
        line-height:1.1em;
        }
    .product-link__name em {
        display:block;
        font-size:14px;
        font-weight:400;
        font-style:normal;
        }
.product-link:hover {
    background-color:#ebf5fe;
    border-color:#d4ebfe;
    color:#3b91cd
    }
    .product-link:hover .product-link__name {
        color:#2386c5;
    }



#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;
}
#toc.collist ul li {
    display: inline-block;
}
#toc.collist.-col2 ul li {
    width: 45%;
}
#toc.collist.-col3 ul li {
    width: 31%;
}
#content .gray-backgr {
    background-color: #f4f4f4;
}
#content .radius, #subcontent .radius {
    border-radius: 5px;
}
#content .strong {
    font-weight: bold;
}
#subcontent ul#contnav li {
    margin-left: 0;
}
#subcontent #contnav li, #subcontent #contnav dd {
    background: url("/idea/features/../../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("/idea/features/../../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;
}
#product .learns {
    padding-bottom: 30px;
    position: absolute;
    top: 25px;
    right: 0;
    width: 530px;
    background: url("/idea/features/../../styles2/../img/design/header_net_tools.png?dtm") no-repeat center bottom;
    }
    #product .learns ul {
        margin: 0 auto;
        text-align: center;
        }
        #product .learns ul li {
            margin-left: 40px;
            display: inline-block;
            text-align: center;
            color: #b57e9e;
            line-height: 1.1;
            font-size: 13px;
            }
            #product .learns ul li:first-child {
                margin-left: 0;
            }
            #product .learns ul li a {
                display: block;
                color: #ff9404;
                font-size: 20px;
                border-bottom: solid 1px #ff9404;
                }
                #product .learns ul li a:hover {
                    border-bottom: none;
                }
body.rs #product .container, body.dt #product .container, body.decompiler #product .container, body.dotcover #product .container, body.dtm #product .container, body.ruby #product .container {
    background: none;
}
.learnMore {
    position: absolute;
    top: 0;
    right: 0;
    height: 150px;
    width: 350px;
}
a.learnMore:hover {
    text-decoration: none;
}
body.yt .learnMore.eap {
    text-indent: -5000px;
    background: url("/idea/features/../../styles2/../youtrack/img/youtrackEAP_header.png") no-repeat 100% 20px;
}
body.TeamCity .learnMore {
    text-indent: -5000px;
    background: url("/idea/features/../../styles2/../teamcity/img/header_TC_free.png") no-repeat 0 40px;
}
body.idea .learnMore {
    width:250px;
    text-indent: -5000px;
    background: url("/idea/features/../../styles2/../idea/img/personal-offer_header.png") no-repeat 30px 15px;
}
body.dbe .learnMore {
    width:250px;
    text-indent: -5000px;
    background: url("/idea/features/../../styles2/../dbe/img/comingSoon_header.png") no-repeat 30px 40px;
}
body.ruby .learnMore.eap {
    text-indent: -5000px;
    background: url("/idea/features/../../styles2/../ruby/img/rubymineEAP_header.png") no-repeat 100% 0;
}
/*--------------------- Offer Start ---------------------*/
/*.learnMore.earth {
    top: 0;
    width: 361px;
    height: 113px;
    text-indent: -5000px;
    z-index: 0;
    background: url("/idea/features/../../styles2/../img/banners/earth_day_sale_2013.png") no-repeat 0 0;
}
body.dotcover .learnMore.earth {
    margin-right: 13em;
}
body.objc .learnMore.earth {
    margin-right: 8em;
}
body.dt .learnMore.earth {
    margin-right: 2em;
}
body.webstorm #product .container, body.phpstorm #product .container, body.rs #product .container, body.dotcover #product .container, body.dt #product .container, body.idea #product .container, body.objc #product .container, body.pycharm #product .container, body.ruby #product .container, body#spec #product .container {
    background: none;
}*/
/*--------------------- Offer End ---------------------*/



#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("/idea/features/../../styles2/../img/readmore_link.gif") no-repeat 155px 75%;*/
    /*line-height: 1.2em;*/
}
#feedControl .gfc-result div.gf-title{
    background: url("/idea/features/../../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 {
    position: relative;
    margin: 0 0 .1em -.3em;
    padding: 0;
}
ul.talk li a, ul.talk .link {
    padding: 6px 0 7px 35px;
    display: block;
}
ul.talk .link { color: #0274bd; text-decoration: none; cursor: pointer;}
ul.talk .link:hover {text-decoration:underline;}

    ul.talk li.community a:before,
    ul.talk li.twitterProduct a:before,
    ul.talk li.twitterProduct span:before,
    ul.talk li.blogProduct a:before,
    ul.talk li.issueTracker a:before {
        position: absolute;
        top: .7em;
        left: 5px;
        width: 19px;
        height: 19px;
        background: url("/idea/features/../../styles2/../img/logos/spriteProductSocial.svg") no-repeat 0 0;
        content: '';
        }
    ul.talk li.twitterProduct a:before,
    ul.talk li.twitterProduct span:before {
        background-position: -80px 0;
        }
    ul.talk li.blogProduct a:before {
        background-position: -38px 0;
        }
    ul.talk li.issueTracker a:before {
        background-position: -120px 0;
        }


#content .intro {
    color: #797c80;
    font: italic 16.5px/1.5em 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 ul.starlist.plus li {
    padding-left: 1.6em;
    background: url("/idea/features/../../styles2/../img/icons/icoPlus.png") no-repeat 0 .3em;
}
#content ul.starlist.plus li ul.starlist li {
    padding-left: 1.1em;
    background: url("/idea/features/../../styles2/../img/design/bullet_small.gif") no-repeat 0 .6em;
}
ul.starlist li ol li {
    padding-left: 0;
    background: none;
}
#content .threeColonText  a.video {
    display: block;
    width: 96px;
    height: 80px;
    text-indent: -50000px;
    background: url("/idea/features/../../styles2/../img/icons/movie.png") no-repeat 0 0;
}
#content .threeColonText a.video:hover {
    background: url("/idea/features/../../styles2/../img/icons/movie.png") no-repeat 0 -90px;
}
#content .gray-round {
    padding: 15px 30px 0;
    border-radius: 6px;
    background-color: #f4f4f4;
}
#content .gray-round h4 {
    margin-bottom: .3em;
}
.features-menu {
    margin: 0 auto;
    background: #f4f4f4;
    border-radius: 5px;
    border-bottom: 2px solid #e5e5e5;
    font-family: "GraublauSlab-Regular",Helvetica,Arial,sans-serif;
}
.features-menu-inner {
    margin: 0 auto;
    padding: 15px 15px 10px;
    max-width: 954px;
}
    .features-menu-inner ul.table-of-contents,
    ul.features-list {
        margin-bottom: 0;
        list-style: none;
    }
    .features-menu-inner ul.table-of-contents li,
    ul.features-list li {
        margin: 0;
        padding-left: 1em;
        font-size: 17px;
    }
    .features-menu-inner ul.table-of-contents li a,
    ul.features-list li a {
        padding: 4px 8px;
        border: none;
        border-radius: 3px;
    }
    ul.features-list li a.-active {
        background-color: #dcdcdc;
        color: #5f5f5f;
    }

#content .like {
    margin-left: 1em;
    height: 26px;
}
#content .like ul li {
    float: left;
}
#content .like ul li.facebook {
    width: 6em;
}


body.whatsnew #content .history {
    background: #fff;
    background: -moz-linear-gradient(top,  #f4f4f4 0%, #fff 50%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(50%,#fff));
    background: -webkit-linear-gradient(top,  #f4f4f4 0%,#fff 50%);
    background: -o-linear-gradient(top,  #f4f4f4 0%,#fff 50%);
    background: -ms-linear-gradient(top,  #f4f4f4 0%, #fff 50%);
    background: linear-gradient(to bottom,  #f4f4f4 0%, #fff 50%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#fff',GradientType=0 );
    border-top: solid 1px #d3d3d3;
}
body.whatsnew #content .history .history_wrap {
    padding-top: 1em;
    background: transparent;
    background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 2%, rgba(255,255,255,0) 98%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(2%,rgba(255,255,255,0)), color-stop(98%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1)));
    background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 2%, rgba(255,255,255,0) 98%,rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 2%, rgba(255,255,255,0) 98%,rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 2%, rgba(255,255,255,0) 98%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 2%, rgba(255,255,255,0) 98%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 );
}
body.whatsnew #content .history ul li {
    margin-left: 0;
    margin-bottom: .3em;
    position: relative;
    list-style: none;
    line-height: 1.4em;
}
body.whatsnew #content .history ul li:before {
    margin-left: -.8em;
    content: "\2014\a0";
    content: "- ";
    position: absolute;
}







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





.products_available {
    padding-top: 10px;
    position: relative;
    }
    .products_available:before {
        content: "";
        display: block;
        border-top: dashed 1px #ddd;
    }
    .products_available:after {
        margin: 0 30%;
        padding: 0 5px;
        content: "Available in products";
        position: absolute;
        top: -2px;
        display: inline-block;
        /*width: 100%;*/
        font-size: 12px;
        color: #9d9d9d;
        /*display: block;*/
        text-align: center;
        background-color: #fff;
    }
    .products_available ul li {
        margin: 10px 2.3% 0;
        display: inline-block;
        width: 11%;
        }
        .products_available a {
            position: relative;
            display: block;
            width: 40px;
            height: 40px;
            border: 1px dashed #ddd;
            border-radius: 50%;
            }
            .products_available a:after {
                position: absolute;
                top: -4px;
                right: -4px;
                bottom: -4px;
                left: -4px;
                border: solid 1px #ddd;
                border-radius: 50%;
                content: '';
            }

        .products_available a:hover,
        .products_available a:hover:after {
            border-color: #bbb;
        }


#pseudo-footer .social-list {
    }
    #pseudo-footer .social-list li {
        display: table;
        width: 25%;
        height: 60px;
        float: left;
        }
        #pseudo-footer .social-list li a {
            padding-left: 53px;
            padding-right: 30px;
            display: table-cell;
            text-align: left;
            vertical-align: middle;
            position: relative;
            line-height: 1.2;
            color: rgba(256, 256, 256, .5);
            }
            #pseudo-footer .social-list li i {
                margin-top: -22px;
                position: absolute;
                top: 50%;
                left: 0;
            }
#pseudo-footer p.bigtext {
    margin-top: 5px;
    font-size: 130%;
    color: #fff;
}
#pseudo-footer dl.subcription #sForm {
    margin: 0;
    padding: 0 0 0 23px;
    position: relative;
    display: inline-block;
    height: 23px;
    background: #efeff0 url("/idea/features/../../styles2/../img/icons/icoSubscribe.png") no-repeat 4px 6px;
    }
    #pseudo-footer dl.subcription #sForm input.text {
        margin: 0;
        display: inline-block;
        border: none;
        height: 18px;
        color: #bcbcbc;
        width: 220px;
        background-color: #efeff0;
    }
    #pseudo-footer dl.subcription #sForm input.submit {
        margin: 0;
        width: 20px;
        height: 21px;
        text-indent: -50000px;
        cursor: pointer;
        background: url("/idea/features/../../styles2/../img/icons/icoSubscribe.png") no-repeat 2px -35px;
        border: none;
    }
    #pseudo-footer dl.subcription #sForm #error-msg {
        position: absolute;
        left: 0;
        top: 25px;
        color: #fff;
    }


.footer-main-emulator {
    clear: both;
    display: block;
    width: 100%;
    height: 504px;
}

.footer-main {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    padding: 74px 0 0;
    height: 430px;
    background-image: url("/idea/features/../../styles2/../img/bg_main_decor.jpg");
}

.landing_page .footer-main { padding: 0; height: 122px }
.landing_page .footer-main-emulator { height: 122px }

.footer-main h3 {
    margin-bottom: 17px;
    color: #fff;
    font-family: "GraublauSlab-Semibold", Helvetica, Arial, sans-serif;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .2);
    text-transform: uppercase;
}
.footer-main h6 {
    margin-bottom: 3px;
    font-size: 110%;
}
.footer-main .contacts_sub {
    margin-top: -37px;
}
.footer-main .contacts_sub h6.contacts {
    margin-bottom: 12px;
}
.footer-main .products ul {
    position: relative;
}
.footer-main .products ul:before,
.footer-main .products ul:after {
    content: "{";
    display: inline-block;
    position: absolute;
    top: .62em;
    left: -.6em;
    color: #fff;
    font-size: 7.5em;
    font-size: 125px;
    font-weight: inherit;
    font-family: Georgia, "Times New Roman", Times, serif;
    line-height:0.2;
    -webkit-transform:scale(1,2.6);
       -moz-transform:scale(1,2.6);
        -ms-transform:scale(1,2.6);
         -o-transform:scale(1,2.6);
            transform:scale(1,2.6);
}
.footer-main .products ul:before {
    content: "}";
    left: auto;
    right: -.15em;
}
.footer-main ul li {
    margin-bottom: 7px;
}
.footer-main .products ul li {
    float: left;
    width: 50%;
}
.footer-main .footer-long ul li a {
    color: #323232;
}
.footer-main .contacts_sub ul li a {
    color: #0274bd;
}
.footer-main ul.social {
    margin-bottom: 10px;
    font-size: 1px;
    text-align: justify;
    }
    .footer-main ul.social li {
        display: inline-block;
        margin: 0;
        padding: 0;
        background: none;
        }
    .footer-main ul.social li.empty {
        display: none;
        }
    .footer-main ul.social:after {
        display: inline-block;
        width: 100%;
        height: 0;
        content: '';
        }
        .footer-main ul.social li a {
            display: block;
            margin: 0;
            width: 28px;
            height: 28px;
            text-indent: -50000px;
            background: url("/idea/features/../../styles2/../img/logos/spriteSocial.svg") no-repeat 0 0;
            }
        .footer-main ul.social li.facebook a {
            background-position: 0 0;
            }
        .footer-main ul.social li.youtube a {
            background-position: -40px 0;
            }
        .footer-main ul.social li.in a {
            background-position: -80px 0;
            }
        .footer-main ul.social li.twitter a {
            background-position: -120px 0;
            }
        .footer-main ul.social li.gPlus a {
            background-position: -160px 0;
            }
        .footer-main ul.social li.rss a {
            background-position: -200px 0;
            }
        .footer-main ul.social li.weibo a {
            background-position: -340px 0;
            }

.footer-main dl.newsletter {
    height: 31px;
}
.footer-main dl.newsletter #sForm {
    position: relative;
    margin-bottom: 16px;
}
.footer-main dl.newsletter #sForm input.text {
    margin: 0;
    padding: 4px;
    height: 18px;
    width: 205px;
    font-size: 14px;
    border: solid 1px #bdbbbc;
    border-radius: 3px;
    color: #bcbcbc;
    -webkit-box-shadow: inset 2px 2px 2px rgba(0, 0, 0, .1);
       -moz-box-shadow: inset 2px 2px 2px rgba(0, 0, 0, .1);
            box-shadow: inset 2px 2px 2px rgba(0, 0, 0, .1);
}
.footer-main dl.newsletter #sForm input.submit {
    margin-right: 0;
    width: 20px;
    height: 30px;
    text-indent: -50000px;
    cursor: pointer;
    background: url("/idea/features/../../styles2/../img/icons/icoSubscribe.png") no-repeat 2px -70px;
    border: none;
}
.footer-main #content dl.newsletter #sForm #error-ms {
    position: absolute;
    left: 0;
    top: 1.3em;
}


.footer-main .footer-short {
    padding: 29px 0 28px;
}
.footer-main .footer-short ul {
    margin-bottom: 14px;
    float: right;
}
body.landing_page .footer-main .footer-short ul {
    float: left;
}
.footer-main .footer-short ul li {
    margin-left: 9px;
    display: inline-block;
}
.footer-main .footer-short ul li:after {
    display: inline-block;
    margin-left: 13.86px;
    width: 1px;
    height: 1.1em;
    background-color: #a6a4a0;
    vertical-align: middle;
    content: '';
}
.footer-main .footer-short ul li:last-child:after {
    display: none;
}

.webkit .target-highlighted,
.gecko .target-highlighted,
.ie10 .target-highlighted {
    background-color: rgb(248,246,131) !important;
}



/* redefine default menu styles */

.search-button {position:relative; top:3px;}

.feature .leftfloated.block50 + p {padding-left:15px; overflow:hidden;}


/* special offer */
.country-offer {
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
    font-size: 11px;
    font-family: "Kozuka Gothic Pr6n", "GraublauSans-Regular", Helvetica, Arial, sans-serif;
    color: #000;
    }
    .phpstorm.buy .country-offer,
    .pycharm.buy .country-offer,
    .objc.buy .country-offer,
    .TeamCity.buy .country-offer {
        margin-top: 15px;
        margin-bottom: 0;
    }
    .webstorm.buy .country-offer {
        margin-bottom: 20px;
    }
    .yt.buy .country-offer {
        margin-top: -2px;
        margin-bottom: 0;
    }
    .yt.buy .country-offer .inner {
        border: 1px solid #C8C8C8;
        border-width: 0 1px;
    }

.country-offer .inner {
    padding: 15px 20px 15px;
}

.country-offer .offer-intro-text {
    margin-top: 10px;
    margin-bottom: 5px;
    font-size: 25px;
    line-height: 35px;
}

.country-offer .offer-title {
    font-size: 43px;
    line-height: 50px;
    font-weight: bold;
}

.country-offer .offer-terms {
    float: right;
    width: 340px;
    font-size: 12px;
}

.country-offer .offer-terms-list, .country-offer strong {
    font-size: 12px;
}
.country-offer .offer-terms-list {
    list-style: square;
    list-style-position: outside;
    margin-left: 15px;
}

.country-offer .offer-link-block {
    font-size: 14px;
    line-height: 14px;
}
.country-offer .offer-link-block a {
    display: inline-block;
    color: #000;
    text-decoration: none;
    border-bottom: 1px solid #000;
}

.country-offer .close-button {
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    width: 11px;
    height: 11px;
    padding: 10px 10px 0 0;
    background: url("/idea/features/../../styles2/../img/country_offer_close.png") no-repeat left bottom;
}

.country-offer._czech {
    width: auto;
    height: auto;
    background: transparent;
    text-align: left;
}
.country-offer._czech .close-button {
    right: 90px;
}

.country-offer._chinese-new-year {
    text-align: center;
}

.country-offer._indian {
    padding: 20px;
    width: auto;
    height: auto;
    background: #fafbfd;
    border-radius: 5px;
    text-align: left;
    font-size: 15px;
    }
    .country-offer._indian .country-offer__logo {
        overflow: hidden;
        display: inline-block;
        margin: 0 25px 0 0;
        vertical-align: middle;
        text-indent: 100%;
        color: transparent;
        font-size: 0;
        background: url("/idea/features/../../styles2/../img/logos/partners-indian-banner.png") no-repeat 0 0;
        }
    @media
    (-webkit-min-device-pixel-ratio: 2),
    (min-resolution: 192dpi) {
        .country-offer._indian .country-offer__logo {
            background-image: url("/idea/features/../../styles2/../img/logos/partners-indian-banner@2x.png");
            background-size: 125px auto;
        }
    }

.country-offer._evangelist {
    position: relative;
    overflow: visible;
    background: #fffde7;
    border: 1px solid #f2e76d;
    color: #454545;
    font: 300 14px/22px 'Open Sans', Arial, Helvetica, sans-serif;
    }
    .country-offer._evangelist:before,
    .country-offer._evangelist:after {
        position: absolute;
        bottom: 15px;
        z-index: -1;
        width: 360px;
        height: 80px;
        border-radius: 50px;
        -webkit-box-shadow: 0 0 30px rgba(0,0,0,.4);
                box-shadow: 0 0 30px rgba(0,0,0,.4);
        -webkit-transform: rotate(-3deg);
           -moz-transform: rotate(-3deg);
            -ms-transform: rotate(-3deg);
             -o-transform: rotate(-3deg);
                transform: rotate(-3deg);
        content: '';
        }
    .country-offer._evangelist:before {
        left: 18px;
    }
    .country-offer._evangelist:after {
        right: 18px;
        -webkit-transform: rotate(3deg);
           -moz-transform: rotate(3deg);
            -ms-transform: rotate(3deg);
             -o-transform: rotate(3deg);
                transform: rotate(3deg);
    }

    .country-offer._evangelist .inner {
        padding: 20px 40px 10px;
        }
    .country-offer._evangelist strong {
        font-size: inherit;
        font-weight: 600;
        }
    .country-offer._evangelist .description {}
        .country-offer._evangelist .description p {
            margin-bottom: 15px;
            }
    .country-offer._evangelist .invitation {
        font-size: 16px;
        line-height: 30px;
        }
        .country-offer._evangelist .invitation-contact {
            margin: 22px 0 0 150px;
            }


.country-offer._indian .country-offer__logo._systech {
    width: 109px;
    height: 28px;
    background-position: 0 -75px;
}
.country-offer._indian .country-offer__logo._devtools {
    width: 75px;
    height: 50px;
    background-position: 0 0;
}

.country-offer._chinese {
    padding: 10px 0 5px;
    background: #fede00;
    font-size: 13px;
    font-family: 'STHeiti', 'Open Sans', Helvetica, sans-serif;
    }
    .country-offer._chinese .offer-title,
    .country-offer._chinese .offer-title strong {
        margin-bottom: 10px;
        font-size: 54px;
        font-family: 'Lantinghei SC', 'Open Sans', Helvetica, Arial, sans-serif;
        font-weight: 800;
        text-align: center;
        }
    .country-offer._chinese .offer-text {
        margin: 0 15px 0 160px;
        }
    .country-offer._chinese .offer-contacts {
        margin: 0 160px 0 15px;
        }

    .country-offer._chinese a {
        color: #000;
        text-decoration: underline;
        }
    .country-offer._chinese a:hover {
        text-decoration: none;
        }

/* @book banner */

/* @book banner */
.book-ad {
    margin-top: 30px;
    padding: 25px 30px;
    background-color: #f4f4f4;
    border-radius: 6px;
}
.book-ad.mode_sidebar {
    padding: 15px 20px;
    margin-top: 10px;
}

.book-ad:after {
    display: block;
    height: 0;
    clear: both;
    content: '';
}

.book-ad .book-author {
    margin-bottom: 5px;;
    font-size: 14px;
    color: #666;
}
.book-ad.sidebar .book-author {
    font-size: 14px;
}

.book-ad .book-title {
    font-size: 18px;
    margin-bottom: 25px;
}
.book-ad.mode_sidebar .book-title {
    font-size: 14px;
    line-height: 19px;
}

.book-ad .book-cover {
    float: left;
    margin-right: 30px;
    box-shadow: 5px 3px 24px rgba(50, 50, 50, 0.3);
}
.book-ad.mode_sidebar .book-cover {
    float: none;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    box-shadow:  1px 1px 16px rgba(50, 50, 50, 0.15);
}

.book-ad .book-description {
    overflow: hidden;
    color: #000;
}
.book-ad.mode_sidebar .book-description {
    font-size: 13px;
}

.book-ad .book-description p {
    margin-top: -5px;
    margin-bottom: 15px;
}

.book-ad .book-purchase-link {
    position: relative;
    overflow: hidden;
    font-size: 18px;
    line-height: 20px;
}
.book-ad.mode_sidebar .book-purchase-link {
    font-size: 14px;
}

body,
header,
footer,
#product,
#banners,
#create {
    min-width: 990px;
}

@media (max-width: 1023px) {
    #main,
    #menu_products {
        padding-left: 15px;
        padding-right: 15px;
    }
}

#product .container .header-logo {
    margin: 24px 0 14px 9px;
    text-indent: -9000px;
}


/* + Discount startup */
.discount-startup {
    display: block;
    font-size: 13px;
    font-style: italic;
    }
    .discount-startup a {
        font: inherit !important;
    }

    /* in license-block */
    .license p + .discount-startup {
        margin-top: -1em;
    }
    .license .discount-startup + p.upgrade {
        margin-top: 0.4em !important;
    }

    /* in dotNet tabs */
    .accordionHeader .discount-startup {
        float: right;
    }

    /* with buttons */
    .btn-product + .discount-startup {
        margin-top: 10px;
    }

.dt .discount-startup {
    float: right;
    margin-left: -100%;
    margin-top: -40px;
}

/* hide google-conversion iframe */
body > iframe[name="google_conversion_frame"],
.js body > noscript {
    display: block;
    height: 0 !important;
    overflow: hidden
}


/* Footer Marketo Fallback */
#mktFooter footer {
    padding: 5.333em 0 .533em 0;
    background-color: #dbd9d2;
    background-image: url("/idea/features/../../styles2/../img/bg_main_decor.jpg");
}
#mktFooter footer h3 {
    margin-bottom: 0.733em;
    color: #fff;
    font-family: "GraublauSlab-Semibold", Helvetica, Arial, sans-serif;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .2);
    text-transform: uppercase;
}
#mktFooter footer h6 {
    margin-bottom: .2em;
    font-size: 110%;
}
#mktFooter footer .contacts_sub {
    margin-top: -2.667em;
}
#mktFooter footer .contacts_sub h6.contacts {
    margin-bottom: .8em;
}
#mktFooter footer .products ul {
    position: relative;
}
#mktFooter footer .products ul:before, footer .products ul:after {
    content: "{";
    display: inline-block;
    position: absolute;
    top: .533em;
    left: -.6em;
    color: #fff;
    font-size: 7.5em;
    font-size: 108px;
    font-weight: inherit;
    font-family: Georgia, "Times New Roman", Times, serif;
    line-height:0.2;
    transform:scale(1,2.4);
    -webkit-transform:scale(1,2.4);
       -moz-transform:scale(1,2.4);
        -ms-transform:scale(1,2.4);
         -o-transform:scale(1,2.4);
}
#mktFooter footer .products ul:before {
    content: "}";
    left: auto;
    right: -.15em;
}
#mktFooter footer ul li {
    margin-bottom: .5em;
}
#mktFooter footer .products ul li {
    float: left;
    width: 50%;
}
#mktFooter footer ul li a {
    color: #323232;
}
#mktFooter footer .contacts_sub ul li a {
    color: #0274bd;
}
#mktFooter footer ul.social li {
    margin: 0;
    padding: 0;
    float: left;
    background: none;
}
#mktFooter footer ul.social li a {
    margin: 0 1em 0 0;
    display: block;
    width: 28px;
    height: 28px;
    text-indent: -50000px;
    background: url("/idea/features/../../styles2/../img/logos/spriteSocial.svg") no-repeat 0 0;
}
#mktFooter footer ul.social li.facebook a {
    background-position: 0 0;
}
#mktFooter footer ul.social li.in a {
    background-position: -80px 0;
}
#mktFooter footer ul.social li.twitter a {
    background-position: -120px 0;
}
#mktFooter footer ul.social li.gPlus a {
    background-position: -160px 0;
}
#mktFooter footer ul.social li.rss a {
    background-position: -200px 0;
}
#mktFooter footer dl.newsletter {
    height: 2.2em;
}
#mktFooter footer dl.newsletter #sForm {
    margin-bottom: 1.2em;
    position: relative;
}
#mktFooter footer dl.newsletter #sForm input.text {
    padding: 4px;
    margin: 0;
    height: 18px;
    color: #bcbcbc;
    width: 205px;
    font-size: 14px;
    border: solid 1px #bdbbbc;
    border-radius: 3px;
    -webkit-box-shadow: inset 2px 2px 2px rgba(0, 0, 0, .1);
            box-shadow: inset 2px 2px 2px rgba(0, 0, 0, .1);
}
#mktFooter footer dl.newsletter #sForm input.submit {
    margin-right: 0;
    width: 20px;
    height: 30px;
    text-indent: -50000px;
    cursor: pointer;
    background: url("/idea/features/../../styles2/../img/icons/icoSubscribe.png") no-repeat 2px -70px;
    border: none;
}
#mktFooter footer #content dl.newsletter #sForm #error-ms {
    position: absolute;
    left: 0;
    top: 1.3em;
}


#mktFooter #footer {
    padding: 1.5em 0 2em 0;
    background-image: url("/idea/features/../../styles2/../img/bg_main_decor.jpg");
}
#mktFooter #footer ul {
    margin-bottom: 1em;
    float: right;
}
body.landing_page #mktFooter #footer ul {
    float: left;
}
#mktFooter #footer ul li {
    margin-left: .7em;
    display: inline-block;
}
#mktFooter #footer ul li:after {
    margin-left: .9em;
    content: "|";
    font-size: 110%;
    color: #a6a4a0;
}
#mktFooter #footer ul li:last-child:after {
    margin-left: 0;
    content: "";
}
#mktFooter footer,
#mktFooter #footer {
    min-width: 990px;
}

#container .disable {
    display: none;
}

div.rating-cancel,div.star-rating {
    float: left;
    width: 28px;
    height: 28px;
    text-indent:-999em;
    cursor:pointer;
    display:block;
    background:transparent;
    overflow:hidden
}
div.rating-cancel,div.rating-cancel a {
    display: none!important;
}
div.star-rating,div.star-rating a{
    background: url("/idea/features/../../styles2/../img/jquery/stars.png") no-repeat 0 0
}
div.rating-cancel a, div.star-rating a {
    display:block;
    width: 28px;
    height:100%;
    background-position:0 0;
    border:0
}
div.star-rating-on a{
    background-position:0 -28px!important
}
div.star-rating-hover a {
    background-position:0 -28px
}
div.star-rating-readonly a{
    cursor:default !important
}
div.star-rating{
    background:transparent!important;
    overflow:hidden!important
}


/*-------------------------- Validation ------------------------*/
label.error {
    margin-left: .5em;
    color : #ff0000;
}
input.error, textarea.error {
    background-color: #feecec;
}


/*-------------------------- Tabs ------------------------*/
.regular .tabb {
    display: none;
}
.regular .tabb.activeTabBody {
    display: block;
}
.regular ul.visibilityHidden {
    visibility: hidden;
    height: 44px;
}
.regular.ui-tabs ul.visibilityHidden {
    visibility: inherit;
}
.regular.ui-tabs {
    margin-top: 1.5em;
    position: relative;
    zoom: 1;
}
.regular.ui-tabs .ui-tabs-nav {
    margin: 0;
    clear: left;
    height: 44px;
    border-bottom: solid 1px #c4c9cf;
}
.regular.ui-tabs.minTabs .ui-tabs-nav {
    height: 35px;
}
.regular.ui-tabs.minTabs .ui-tabs-nav.sub_tabs {
    margin-left: -.7em;
    margin-bottom: 1em;
    font-size: 90%;
    border: none;
}
.regular.ui-tabs.minTabs .ui-tabs-nav.sub_tabs.vertical {
    margin-left: 0;
    height: auto;
}
.regular.ui-tabs .ui-tabs-nav li {
    margin: 0 .5em 0 0;
    padding: 0;
    float: left;
    list-style: none;
    background: url("/idea/features/../../styles2/../img/jquery/bgTabLeft.png") no-repeat 0 0;
}
.regular.ui-tabs.minTabs .ui-tabs-nav.sub_tabs li {
    background: none;
    border-left: solid 1px #ccc;
}
.regular.ui-tabs.minTabs .ui-tabs-nav.sub_tabs.vertical li {
    float: none;
    border: none;
}
.regular.ui-tabs.minTabs .ui-tabs-nav.sub_tabs li:first-child {
    border-left: none;
}
.regular.ui-tabs .ui-tabs-nav li a {
    padding: 12px 1.5em;
    height: 20px;
    display: block;
    text-align: center;
    border: none;
    font-size: 120%;
    background: url("/idea/features/../../styles2/../img/jquery/bgTabRight.png") no-repeat right 0;
    border-bottom: solid 1px #c4c9cf;
}
.regular.ui-tabs.minTabs .ui-tabs-nav li a {
    padding-top: 6px;
    height: 17px;
    font-size: 100%;
}
.regular.ui-tabs.minTabs .ui-tabs-nav li a:hover {
    text-decoration: none;
}
.regular.ui-tabs.minTabs .ui-tabs-nav.sub_tabs li a {
    padding: .2em .5em .5em .7em;
    background: none;
    border: none;
}
.regular.ui-tabs.minTabs .ui-tabs-nav.sub_tabs.vertical li a {
    margin-bottom: .5em;
    padding: 0 0 .2em .8em;
    text-align: left;
}
.regular.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
    background: url("/idea/features/../../styles2/../img/jquery/bgTabLeftSelect.png") no-repeat 0 0;
}
.regular.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
    background: url("/idea/features/../../styles2/../img/jquery/bgTabRightSelect.png") no-repeat right 0;
    border-bottom: solid 1px #fff;
}
.regular.ui-tabs .ui-tabs-nav.sub_tabs li.ui-tabs-selected a {
    color: #777;
}
.regular.ui-tabs .ui-tabs-nav.sub_tabs.vertical li.ui-tabs-selected a {
    background: url("/idea/features/../../styles2/../img/arrow_grey.gif") no-repeat 0 0;
}
.regular.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .regular.ui-tabs .ui-tabs-nav li.ui-state-disabled a, .regular.ui-tabs .ui-tabs-nav li.ui-state-processing a {
    
}
.regular.ui-tabs .ui-tabs-nav li a, .regular.ui-tabs.ui-tabs-collapsible .regular.ui-tabs-nav li.ui-tabs-selected a {
    cursor: pointer;
}
.regular.ui-tabs .ui-tabs-nav li a:hover, .regular.ui-tabs.ui-tabs-collapsible .regular.ui-tabs-nav li.ui-tabs-selected a:hover {
    text-decoration: none;
}
.regular.ui-tabs .ui-tabs-panel {
    display: block;
    border: 0;
}
.regular.ui-tabs .ui-tabs-hide, .buttTabs .ui-tabs-hide {
    display: none;
}

/* + Regular2 tabs */
.regular2.ui-tabs {
    margin-top:1.5em;
    position:relative;
    padding:0 0 5px 0;
}
.regular2.ui-tabs .ui-tabs-hide {
    display:none;
    }

    /* ul */
    .regular2.ui-tabs .ui-tabs-nav {
        position:relative;
        padding:0 0 11px;
        border-bottom:1px solid #bebebe;
        font-family:"GraublauSlab-Regular", Helvetica, Arial, sans-serif;
        }
    .regular2.ui-tabs .ui-tabs-nav:after {
        clear:left;
        display:block;
        height:0;
        font-size:0;
        line-height:0;
        content:'';
    }

    /* li */
    .regular2.ui-tabs .ui-tabs-nav li {
        position:relative;
        float:left;
        margin:0 8px 0 0;
        padding:8px 10px 6px;
        line-height:1;
        border-radius:3px;
        }

    /* link */
    .regular2.ui-tabs .ui-tabs-nav-anchor {
        display:block;
        color:#404041;
    }

    /* @active state */
    .regular2.ui-tabs li.ui-state-active {
        background:#f5f5f5;
        box-shadow:inset 0 1px 2px rgba(0,0,0,.17);
    }
    .regular2.ui-tabs li.ui-state-active:before,
    .regular2.ui-tabs li.ui-state-active:after {
        position:absolute;
        bottom:-11px;
        left:50%;
        margin:0 0 0 -7px;
        width:1px;
        height:1px;
        border:5px solid transparent;
        border-bottom-color:#bebebe;
        content:'';
    }
    .regular2.ui-tabs li.ui-state-active:after {
        bottom:-12px;
        border-bottom-color:#fff;
    }
    /* - Regular2 Ball tabs */
    .regular2.ball.ui-tabs .ui-tabs-nav {
        margin-bottom: 12px;
        border-bottom-color: #dedede;
    }
    .regular2.ball.ui-tabs .ui-tabs-nav li {
        margin-left: 15px;
        padding: 0;
        width: 14px;
        height: 14px;
        background-color: #eaeaea;
        border-radius: 50%;
        box-shadow: inset 0 1px 2px rgba(0,0,0,.17);
    }
    .regular2.ball.ui-tabs .ui-tabs-nav li.ui-state-active {
        background-color: #a7a7a7;
    }
    .regular2.ball.ui-tabs .ui-tabs-nav li a {
        padding: 10px;
        font-size: 0;
    }
    .regular2.ball.ui-tabs li.ui-state-active:before,
    .regular2.ball.ui-tabs li.ui-state-active:after {
        bottom: -36px;
        left:50%;
        margin:0 0 0 -12px;
        border: 12px solid transparent;
        border-top-color: #dedede;
    }
    .regular2.ball.ui-tabs li.ui-state-active:after {
        bottom: -35px;
        border-top-color: #fff;
    }

/* - Regular2 tabs */


.bullets.ui-tabs .ui-tabs-nav {
    height: 15px;
    border: none;
}
.bullets.ui-tabs .ui-tabs-nav li, .bullets.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
    margin: 0;
    height: 9px;
    background: none;
}
.bullets.ui-tabs .ui-tabs-nav li a {
    padding: .2em;
    height: 9px;
    width: 9px;
    color: #fff;
    background: url("/idea/features/../../styles2/../img/jquery/bgTabBullets.gif") no-repeat 0 0;
    border: none;
}
.bullets.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
    background: url("/idea/features/../../styles2/../img/jquery/bgTabBulletsSelect.gif") no-repeat 0 0;
}
.screenshots.ui-tabs .ui-tabs-nav {
    margin: 1em auto;
    height: auto;
    border: none;
}
.screenshots.ui-tabs .ui-tabs-nav li, .screenshots.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
    background: none;
    float: none;
    display: inline;
}
.screenshots.ui-tabs .ui-tabs-nav li a, .screenshots.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
    margin: 0 .1em;
    padding: 0;
    height: auto;
    display: inline;
    background: none;
    border: none;
}
.screenshots.ui-tabs .ui-tabs-nav li a img, .screenshots.ui-tabs .ui-tabs-nav li.ui-tabs-selected a img {
    border: solid .3em #e9e9e9;
}
.screenshots.ui-tabs .ui-tabs-nav li.ui-tabs-selected a img {
    border: solid .3em #ccc;
}

.buttons.ui-tabs .ui-tabs-nav {
    height: auto;
    border: none;
}
.buttons.ui-tabs .ui-tabs-nav li {
    margin: 0;
    background-color: #f8f8f8;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#f5f5f5));
    background-image: -webkit-linear-gradient(top, #fbfbfb, #f5f5f5);
    background-image: -moz-linear-gradient(top, #fbfbfb, #f5f5f5);
    background-image: -ms-linear-gradient(top, #fbfbfb, #f5f5f5);
    background-image: -o-linear-gradient(top, #fbfbfb, #f5f5f5);
    background-image: linear-gradient(top, #fbfbfb, #f5f5f5);
}
.buttons.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
    background-color: #f2f2f2;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#f8f8f8));
    background-image: -webkit-linear-gradient(top, #ededed, #f8f8f8);
    background-image: -moz-linear-gradient(top, #ededed, #f8f8f8);
    background-image: -ms-linear-gradient(top, #ededed, #f8f8f8);
    background-image: -o-linear-gradient(top, #ededed, #f8f8f8);
    background-image: linear-gradient(top, #ededed, #f8f8f8);
}
.buttons.ui-tabs .ui-tabs-nav li a {
    padding: 3px 2em 6px;
    text-align: center;
    font-size: 95%;
    background: none;
    border: 1px solid #d6d6d6;
    /*border-right: none;*/
}
.buttons.ui-tabs .ui-tabs-nav li:first-child a {
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    -ms-border-radius: 3px 0 0 3px;
    -o-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
}
.buttons.ui-tabs .ui-tabs-nav li:last-child a {
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    -ms-border-radius: 0 3px 3px 0;
    -o-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
    border-right: 1px solid #d6d6d6;
}
.buttons.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
    color: #333;
    -webkit-box-shadow: inset 0 1px 0 0 #bfbfbf, inset 0 2px 0 0 #d6d6d6, inset 0 3px 0 0 #e6e6e6;
    -moz-box-shadow: inset 0 1px 0 0 #bfbfbf, inset 0 2px 0 0 #d6d6d6, inset 0 3px 0 0 #e6e6e6;
    -ms-box-shadow: inset 0 1px 0 0 #bfbfbf, inset 0 2px 0 0 #d6d6d6, inset 0 3px 0 0 #e6e6e6;
    -o-box-shadow: inset 0 1px 0 0 #bfbfbf, inset 0 2px 0 0 #d6d6d6, inset 0 3px 0 0 #e6e6e6;
    box-shadow: inset 0 1px 0 0 #bfbfbf, inset 0 2px 0 0 #d6d6d6, inset 0 3px 0 0 #e6e6e6;
    background: none;
    border: 1px solid #c8c8c8;
    border-right: none;
}
.buttons.ui-tabs .ui-tabs-nav li:last-child.ui-tabs-selected a {
    border-right: 1px solid #c8c8c8;
}


.regular.vertical.ui-tabs .ui-tabs-nav {
    height: auto;
    background: none;
    border: none;
}
.regular.vertical.ui-tabs .ui-tabs-nav li {
    float: none;
    background: none;
}
.regular.vertical.ui-tabs .ui-tabs-nav li a {
    margin-top: -1px;
    margin-right: 30px;
    padding: 14px 0 18px 0;
    text-align: left;
    color: #777;
    background: none;
    border: none;
    border-bottom: solid 1px #e0e0e0;
    border-top: solid 1px #e0e0e0;
}
.regular.vertical.ui-tabs .ui-tabs-nav li:first-child a {
    border-top: solid 1px #e0e0e0;
}
.regular.vertical.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
    margin-left: -8px;
    padding-left: 7px;
    padding-right: 30px;
    position: relative;
    color: #333;
    background: -moz-linear-gradient(top,  #fff 0%, #f4f4f4 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#f4f4f4));
    background: -webkit-linear-gradient(top,  #fff 0%,#f4f4f4 100%);
    background: -o-linear-gradient(top,  #fff 0%,#f4f4f4 100%);
    background: -ms-linear-gradient(top,  #fff 0%,#f4f4f4 100%);
    background: linear-gradient(top,  #fff 0%,#f4f4f4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#f4f4f4',GradientType=0 );
	border: 1px solid #dbdfe4;
    border-right: none;
}
.regular.vertical.ui-tabs .ui-tabs-nav li.ui-tabs-selected a:before {
    content: "";
	position: absolute;
	top: -1px;
	right: -15px;
    border-width: 27px 0 27px 15px;
	border-style: solid;
    border-color: transparent #dbdfe4;
    display:block;
    width:0;
}
.regular.vertical.ui-tabs .ui-tabs-nav li.ui-tabs-selected a:after {
    content: "";
	position: absolute;
	top: 0;
	right: -14px;
	border-width: 26px 0 26px 15px;
	border-style: solid;
	border-color: transparent #f9f9f9;
    display: block;
    width: 0;
}


.text.ui-tabs .ui-tabs-nav {
    height: auto;
    border: none;
}
.text.ui-tabs .ui-tabs-nav li, .text.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
    margin: 0 .3em 0 0;
    padding: .2em;
    line-height: 1em;
    height: auto;
    background: none;
    border: none;
    -webkit-border-radius: .2em;
    -moz-border-radius: .2em;
    border-radius: .2em;
}
.text.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
    background-color: #e7e7e8;
}
.text.ui-tabs .ui-tabs-nav li a, .text.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
    padding: 0;
    color: #333;
    height: auto;
    font-size: 100%;
    background: none;
    border: none;
}
.text.ui-tabs .ui-tabs-nav li a {
    border-bottom: dashed 1px #333;
}
.text.ui-tabs .ui-tabs-nav li a:hover {
    border-bottom: solid 1px transparent;
}
.text.ui-tabs .ui-tabs-nav li:first-child a:after {

}





.language_selector.ui-tabs .ui-tabs-nav {
    margin: 1em;
    padding: .2em .2em 2px;
    float: none;
    height: auto;
    display: inline;
    background-color: #f5f5f5;
    background: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#f5f5f5));
    background: -webkit-linear-gradient(top, #fdfdfd, #f5f5f5);
    background: -moz-linear-gradient(top, #fdfdfd, #f5f5f5);
    background: -ms-linear-gradient(top, #fdfdfd, #f5f5f5);
    background: -o-linear-gradient(top, #fdfdfd, #f5f5f5);
    background: linear-gradient(top, #fdfdfd, #f5f5f5);
    -webkit-box-shadow: inset 0 0 0 1px #fff;
    -moz-box-shadow: inset 0 0 0 1px #fff;
    -ms-box-shadow: inset 0 0 0 1px #fff;
    -o-box-shadow: inset 0 0 0 1px #fff;
    box-shadow: inset 0 0 0 1px #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: solid 1px #d4d4d4;
}
.language_selector.ui-tabs .ui-tabs-nav li, .language_selector.ui-tabs .ui-tabs-nav li a, .language_selector.ui-tabs .ui-tabs-nav li.ui-tabs-selected, .language_selector.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
    display: inline;
    float: none;
    background: none;
    border: none;
}
.language_selector.ui-tabs .ui-tabs-nav li {
    margin: 1px;
    padding: 0 0;
    height: auto;
    border: solid 1px transparent;
}
.language_selector.ui-tabs .ui-tabs-nav li:hover a {
    color:#333;
}
.language_selector.ui-tabs .ui-tabs-nav li:first-child a {
    padding-left: 3em;
    padding-right: 3em;
}
.language_selector.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
    color: #333;
    background-color: #e1e1e1;
    background: -webkit-gradient(linear, left top, left bottom, from(#e3e3e3), to(#e1e1e1));
    background: -webkit-linear-gradient(top, #e3e3e3, #e1e1e1);
    background: -moz-linear-gradient(top, #e3e3e3, #e1e1e1);
    background: -ms-linear-gradient(top, #e3e3e3, #e1e1e1);
    background: -o-linear-gradient(top, #e3e3e3, #e1e1e1);
    background: linear-gradient(top, #e3e3e3, #e1e1e1);
    border: solid 1px #cfcfcf;
    border-bottom: solid 1px #fcfcfc;
}
.language_selector.ui-tabs .ui-tabs-nav li a {
    padding: 0 1.5em;
    font-size: 80%;
}


.language_selector.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
    color: #333;
}



.features.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: 0;
    height: auto;
    border: none;
}
.features.ui-tabs .ui-tabs-nav {
    border-bottom: solid 1px #c7c6dc;
}
.features.ui-tabs .ui-tabs-nav li, .features.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
    margin: 0 0 -1px 1em;
    padding: 0 1.4em 0 0;
    background: none;
    border: none;
    float: none;
    position: relative;
    display: inline-block;
}
.features.ui-tabs .ui-tabs-nav li:after {
    content: "\2022";
    position: absolute;
    top: .8em;
    right: 0;
    color: #b5b5b5;
}
.features.ui-tabs .ui-tabs-nav li:first-child {
    margin-left: 0;
}
.features.ui-tabs .ui-tabs-nav li:last-child {
    padding-right: 0;
}
.features.ui-tabs .ui-tabs-nav li:last-child:after {
    content: "";
}
.features.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
    border-bottom: solid 1px #474747;
}
.features.ui-tabs .ui-tabs-nav li a, .features.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
    margin: 0;
    padding: .5em 0;
    background: none;
    border: none;
    position: relative;
    font-family: "GraublauSlab-Regular", Helvetica, Arial, sans-serif;
    font-size: 120%;
}
body.phpstorm .features.ui-tabs .ui-tabs-nav li a {
    color: #68659f;
}
body .features.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
    color: #474747;
}
.features.ui-tabs .ui-tabs-nav li.ui-tabs-selected a:before, .features.ui-tabs .ui-tabs-nav li.ui-tabs-selected a:after {
    content: "";
	position: absolute;
	border-style: solid;
    display: block;
    width: 0;
}
.features.ui-tabs .ui-tabs-nav li.ui-tabs-selected a:before {
    margin-left: -19px;
	bottom: -9px;
	left: 50%;
    border-width: 9px 9px 0;
    border-color: #474747 transparent;
}
.features.ui-tabs .ui-tabs-nav li.ui-tabs-selected a:after {
    margin-left: -18px;
	bottom: -8px;
	left: 50%;
	border-width: 8px 8px 0;
	border-color: #fff transparent;
}
.features.ui-tabs .ui-tabs-nav li a:hover {

}
.features.ui-tabs .ui-tabs-nav li:first-child a:after {

}

/*-------------------------- New Window ------------------------*/
.screenshot {
    position: relative;
}
.screenshot a {
    padding: .5em 0 0 1em;
    display: block;
    border: none;
}
.screenshot a img {
    border: solid 1px #ccc;
}
.pullout {
    /*margin: .5em 30px 2.5em 0;*/
    margin: .5em 0 2.5em 0;
    padding: 0;
    position: relative;
    background: #fff;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27);
}
.pullout.light {
    margin-bottom: .5em;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.pullout:before, .pullout:after {
    content:"";
    position:absolute;
    z-index:-2;
    bottom:15px;
    left:10px;
    width:50%;
    height:20%;
    max-width:300px;
    max-height:100px;
    -webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.3);
       -moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.3);
            box-shadow:0 15px 10px rgba(0, 0, 0, 0.3);
    -webkit-transform:rotate(-3deg);
       -moz-transform:rotate(-3deg);
        -ms-transform:rotate(-3deg);
         -o-transform:rotate(-3deg);
            transform:rotate(-3deg);
}
.pullout:after {
    right:10px;
    left:auto;
    -webkit-transform:rotate(3deg);
       -moz-transform:rotate(3deg);
        -ms-transform:rotate(3deg);
         -o-transform:rotate(3deg);
            transform:rotate(3deg);
}
.pullout.light:before, .pullout.light:after {
    bottom: 0;
    height: 0;
    max-width:auto;
    max-height:auto;
    -webkit-box-shadow:none;
       -moz-box-shadow:none;
            box-shadow:none;
}
.pullout a {
    padding: .6em;
    display: block;
}
.pullout.light a {
    padding: 0;
}
.pullout.enlarge a:after {
    position: absolute;
    top: -11px;
    left: -11px;
    width: 27px;
    height: 27px;
    content: "enlarge";
    text-indent: -50000px;
    background: url("/idea/features/../../styles2/../img/jquery/boximage/enlarge.png") no-repeat 0 0;
}
.pullout.light.enlarge a:after {
    padding: 0;
    top: auto;
    left: auto;
    bottom: 15px;
    right: 15px;
    width: 32px;
    height: 33px;
    background-position: 0 -67px;
}
.pullout.video a:after {
    margin-left: -24px;
    margin-top: -24px;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 48px;
    height: 48px;
    content: "play";
    text-indent: -50000px;
    background: url("/idea/features/../../styles2/../img/jquery/boximage/play.png?26062013") no-repeat 0 0;
}
.pullout.video a:hover:after {
    background-position: 0 -130px;
}
.pullout.video.color a:after {
    margin-left: -14px;
    margin-top: -14px;
    width: 28px;
    height: 28px;
    background-position: -10px -103px;
    opacity: .6;
}
@-webkit-keyframes play_animation_video {
	0%   { opacity: .6; }
	100% { opacity: 1; }
}
@-moz-keyframes play_animation_video {
	0%   { opacity: .6; }
	100% { opacity: 1; }
}
@-ms-keyframes play_animation_video {
	0%   { opacity: .6; }
	100% { opacity: 1; }
}
.pullout.video.color a:hover:after {
    -webkit-animation: play_animation_video 2s infinite;
     -moz-animation:    play_animation_video 2s infinite;
     -ms-animation:     play_animation_video 2s infinite;
}
.pullout img {
    display: block;
    border: solid 1px #ccc;
}
.pullout.light.video img {
    border: none;
}


.boximage {
    margin-bottom: 2em;
    position: relative;
    z-index: 0;
    background-color: #fff;
}
.boximage.leftfloated {
    margin-left: -1em;
}
.boximage.rightfloated {
    margin-right: -1em;
}
.boximage .action, .screenshot .action {
    display: block;
    position: absolute;
    text-indent: -999em;
    z-index: 1;
}
.boximage .action.enlarge, .screenshot .action.enlarge {
    width: 27px;
    height: 27px;
    top: -2px;
    left: 0;
    background: url("/idea/features/../../styles2/../img/jquery/boximage/enlarge.png") no-repeat 0 0;
}
body.yt .boximage .action.enlarge, body.yt .screenshot .action.enlarge {
    background: url("/idea/features/../../styles2/../img/jquery/boximage/enlarge_yt.png") no-repeat 0 0;
}
.boximage .boximageTop {
    text-align: right;
    background: url("/idea/features/../../styles2/../img/jquery/boximage/bgTopLeft.gif") no-repeat 0 0;
}
.boximage span {
    height: 19px;
    display: block;
    color: #fff;
}
.boximage .boximageTop span {
    padding-left: 13px;
    background: url("/idea/features/../../styles2/../img/jquery/boximage/bgTopRight.gif") no-repeat right 0;
}
.boximage .boximageBottom {
    text-align: right;
    background: url("/idea/features/../../styles2/../img/jquery/boximage/bgBottomLeft.gif") no-repeat 0 0;
}
.boximage.small .boximageBottom {
    background: url("/idea/features/../../styles2/../img/jquery/boximage/bgBottomLeft_small.gif") no-repeat 0 0;
}
.boximage .boximageBottom span {
    height: 21px;
    padding-left: 167px;
    background: url("/idea/features/../../styles2/../img/jquery/boximage/bgBottomRight.gif") no-repeat right 0;
}
.boximage.small .boximageBottom span {
    padding-left: 102px;
    background: url("/idea/features/../../styles2/../img/jquery/boximage/bgBottomRight_small.gif") no-repeat right 0;
}
.boximage .boximageContent {
    padding-left: 22px;
    display: block;
    text-align: center;
    background: url("/idea/features/../../styles2/../img/jquery/boximage/bgLeft.gif") repeat-y 0 0;
    border: none;
}
.boximage .boximageContent a {
    padding-right: 23px;
    display: block;
    line-height: 1em;
    background: url("/idea/features/../../styles2/../img/jquery/boximage/bgRight.gif") repeat-y right 0;
    border: none;
}
.boximage .boximageContent a:hover {
    text-decoration: none;
}
.boximage .boximageContent a span {
    padding: .5em .7em;
    margin-top: .5em;
    height: auto;
    color: #333;
}
.boximage .boximageContent img {
    border: solid 1px #ccc;
}

#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    height: 40px;
    width: 40px;
    margin-top: -20px;
    margin-left: -20px;
    cursor: pointer;
    overflow: hidden;
    z-index: 1104;
    display: none;
}
* html #fancybox-loading {	/* IE6 */
    position: absolute;
    margin-top: 0;
}
#fancybox-loading div {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 480px;
    background-image: url("/idea/features/../../styles2/../img/jquery/fancybox.png");
}
#fancybox-overlay {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #000;
    z-index: 1100;
    display: none;
}
* html #fancybox-overlay {	/* IE6 */
    position: absolute;
    width: 100%;
}
#fancybox-tmp {
    padding: 0;
    margin: 0;
    border: 0;
    overflow: auto;
    display: none;
}
#fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 20px;
    z-index: 1101;
    display: none;
}
#fancybox-outer {
    position: relative;
    width: 100%;
    height: 100%;
    background: #fff;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 5px;
    -webkit-box-shadow: 0 0 15px rgba(0,0,0,.3);
       -moz-box-shadow: 0 0 15px rgba(0,0,0,.3);
            box-shadow: 0 0 15px rgba(0,0,0,.3);
}
#fancybox-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: 0;
    outline: none;
    overflow: hidden;
}
#fancybox-hide-sel-frame {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
}
#fancybox-close {
    position: absolute;
    top: -15px;
    right: -15px;
    width: 30px;
    height: 30px;
    background: url("/idea/features/../../styles2/../img/jquery/fancybox.png?17062013") -40px 0;
    cursor: pointer;
    z-index: 1103;
    display: none;
    border: none;
}
#fancybox-close {
    top: 9px;
    right: -3px;
    background-position: -40px -200px;
    opacity: .7;
}
#fancybox-close:hover { opacity: 1 }
#fancybox_error {
    color: #444;
    padding: 7px;
    margin: 0;
}
#fancybox-content {
    height: auto;
    width: auto;
    padding: 0;
    margin: 0;
}
#fancybox-img {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    border: none;
    outline: none;
    line-height: 0;
    vertical-align: top;
    -ms-interpolation-mode: bicubic;
}
#fancybox-frame {
    position: relative;
    width: 100%;
    height: 100%;
    border: none;
    display: block;
}
#fancybox-title {
    position: absolute;
    left: 0;
    z-index: 1102;
}
.fancybox-title-inside {
    top: 0;
    padding: 10px 0;
    text-align: center;
}
.fancybox-title-top {
    top: 0;
    padding: 15px 0;
    font: 400 24px "GraublauSlab-Regular",Helvetica,Arial,sans-serif;
    text-align: left;
    color: #222;
}
.fancybox-title-outside {
    bottom: 0;
    padding-top: 5px;
    color: #fff;
    text-align: center;
    font-weight: bold;
}
.fancybox-title-over {
    bottom: 0;
    color: #fff;
    text-align: left;
}
#fancybox-title-over {
    padding: 10px;
    background-image: url("/idea/features/../../styles2/../img/jquery/fancy_title_over.png");
    display: block;
}
#fancybox-title-top {
    padding-right: 10px;
}
#fancybox-title-wrap {
    display: inline-block;
}
#fancybox-title-wrap span {
    height: 32px;
    float: left;
}
#fancybox-title-left {
    padding-left: 15px;
    background: url("/idea/features/../../styles2/../img/jquery/fancybox.png") no-repeat -40px -90px;
}

#fancybox-title-main {
    font-weight: bold;
    line-height: 29px;
    background: url("/idea/features/../../styles2/../img/jquery/fancybox-x.png") 0 -40px;
    color: #fff;
}

#fancybox-title-right {
    padding-left: 15px;
    background: url("/idea/features/../../styles2/../img/jquery/fancybox.png") no-repeat -55px -90px;
}
#fancybox-left, #fancybox-right {
    position: absolute;
    bottom: 0;
    height: 100%;
    width: 35%;
    cursor: pointer;
    outline: none;
    z-index: 1102;
    display: none;
    border: none;
}
#fancybox-left {
    left: 0;
}
#fancybox-right {
    right: 0;
}
#fancybox-left-ico, #fancybox-right-ico {
    position: absolute;
    top: 50%;
    left: -9999px;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    cursor: pointer;
    z-index: 1102;
    display: block;
}
#fancybox-left-ico {
    background: url("/idea/features/../../styles2/../img/jquery/fancybox.png") -40px -30px;
}
#fancybox-right-ico {
    background: url("/idea/features/../../styles2/../img/jquery/fancybox.png") -40px -60px;
}
#fancybox-left:hover, #fancybox-right:hover {
    visibility: visible;    /* IE6 */
}
#fancybox-left:hover span {
    left: 20px;
}
#fancybox-right:hover span {
    left: auto;
    right: 20px;
}

/* new left/right buttons */
#fancybox-left-ico, #fancybox-right-ico { width: 40px; height: 40px; opacity: .5; transition: opacity 0.5s }
#fancybox-left-ico:hover, #fancybox-right-ico:hover { opacity: 1 }
#fancybox-left-ico { background-position: -40px -240px }
#fancybox-right-ico { background-position: -40px -280px }

.fancy-bg {
    position: absolute;
    padding: 0;
    margin: 0;
    border: 0;
    width: 20px;
    height: 20px;
    z-index: 1001;
    visibility: hidden;
}
.ie8 .fancy-bg,
.ie7 .fancy-bg { visibility: visible }
#fancy-bg-n {
    top: -20px;
    left: 0;
    width: 100%;
    background-image: url("/idea/features/../../styles2/../img/jquery/fancybox-x.png");
}
#fancy-bg-ne {
    top: -20px;
    right: -20px;
    background: url("/idea/features/../../styles2/../img/jquery/fancybox.png") -40px -162px;
}
#fancy-bg-e {
    top: 0;
    right: -20px;
    height: 100%;
    background: url("/idea/features/../../styles2/../img/jquery/fancybox-y.png") -20px 0;
}
#fancy-bg-se {
    bottom: -20px;
    right: -20px;
    background: url("/idea/features/../../styles2/../img/jquery/fancybox.png") -40px -182px;
}
#fancy-bg-s {
    bottom: -20px;
    left: 0;
    width: 100%;
    background: url("/idea/features/../../styles2/../img/jquery/fancybox-x.png") 0 -20px;
}
#fancy-bg-sw {
    bottom: -20px;
    left: -20px;
    background: url("/idea/features/../../styles2/../img/jquery/fancybox.png") -40px -142px;
}
#fancy-bg-w {
    top: 0;
    left: -20px;
    height: 100%;
    background-image: url("/idea/features/../../styles2/../img/jquery/fancybox-y.png");
}
#fancy-bg-nw {
    top: -20px;
    left: -20px;
    background: url("/idea/features/../../styles2/../img/jquery/fancybox.png") -40px -122px;

}


/*-------------------------- Gallery Start ------------------------*/
.ad-gallery {
    margin: 0;
    padding: 0;
    width: 900px;
    background: url("/idea/features/../../styles2/../img/jquery/bgGalleryNav.gif") repeat-x 0 bottom;
}
.ad-gallery, .ad-gallery * {
    margin: 0;
    padding: 0;
}
.ad-gallery .ad-image-wrapper {
    margin: 0;
    padding: 0;
    width: 900px;
    height: 500px;
    position: relative;
    overflow: hidden;
}
.ad-gallery .ad-image-wrapper .ad-loader {
    position: absolute;
    z-index: 10;
    top: 48%;
    left: 48%;
    border: 1px solid #ccc;
}
.ad-gallery .ad-image-wrapper .ad-next, .ad-gallery .ad-image-wrapper .ad-prev {
    position: absolute;
    right: 0;
    top: 0;
    width: 25%;
    height: 80%;
    cursor: pointer;
    display: block;
    z-index: 100;
}
.ad-gallery .ad-image-wrapper .ad-prev {
    left: 0;
}
.ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
    width: 30px;
    height: 30px;
    display: none;
    position: absolute;
    top: 47%;
    left: 0;
    z-index: 101;
    background: url("/idea/features/../../styles2/../img/jquery/fancybox.png") -40px -30px;
}
.ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
    width: 30px;
    height: 30px;
    right: 0;
    left: auto;
    background: url("/idea/features/../../styles2/../img/jquery/fancybox.png") -40px -60px;
}
.ad-gallery .ad-image-wrapper .ad-image {
    margin: 0;
    padding: 0;
    position: absolute;
    overflow: hidden;
    top: 0!important;
    left: 0;
    z-index: 9;
}
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 1em;
    text-align: left;
    width: 100%;
    z-index: 2;
    font-size: 130%;
    /*background: url("/idea/features/../../styles2/opa75.png");*/
    color: #fff;
    background-color: #000;
    opacity: 0.7;
}
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title {
    display: block;
}
.ad-gallery .ad-controls {
    padding-top: 1em;
    padding-bottom: 1em;
    height: 30px;
    text-align: center;
}
.ad-gallery .ad-info {
    padding-right: 1em;
    float: left;
    width: 48%;
    text-align: right;
    color: #515151;
    font-size: 130%;
}
.ad-gallery .ad-slideshow-controls {
    float: left;
    width: 50%;
    position: relative;
}
.ad-gallery .ad-slideshow-controls .ad-slideshow-start {
    width: 31px;
    height: 27px;
    position: absolute;
    left: 0;
    text-indent: -9999px;
    display: block;
    overflow: hidden;
    cursor: pointer;
    background: url("/idea/features/../../styles2/../img/jquery/galleryPlay.gif") no-repeat 0 0;
}
.ad-gallery .ad-slideshow-controls .ad-slideshow-stop {
    width: 31px;
    height: 27px;
    position: absolute;
    left: 32px;
    text-indent: -9999px;
    display: block;
    overflow: hidden;
    cursor: pointer;
    background: url("/idea/features/../../styles2/../img/jquery/galleryStop.gif") no-repeat 0 0;
}
.ad-gallery .ad-slideshow-controls .ad-slideshow-countdown {
    display: none!important;
    padding-left: 5px;
    font-size: 0.9em;
}
.ad-gallery .ad-slideshow-running .ad-slideshow-start {
    cursor: default;
    font-style: italic;
    background: url("/idea/features/../../styles2/../img/jquery/galleryPlay.gif") no-repeat 0 -27px;
}
.ad-gallery .ad-nav {
    padding-bottom: 2em;
    width: 100%;
    position: relative;
}
.ad-gallery .ad-forward, .ad-gallery .ad-back {
    position: absolute;
    top: 0;
    width: 7em;
    height: 100%;
    display: block;
    cursor: pointer;
    z-index: 10;
}
.ad-gallery .ad-back {
    left: 0;
    background: url("/idea/features/../../styles2/../img/jquery/galleryPrev.gif") no-repeat center 1em;
}
.ad-gallery .ad-forward {
    right: 0;
    background: url("/idea/features/../../styles2/../img/jquery/galleryNext.gif") no-repeat center 1em;
}
.ad-gallery .ad-nav .ad-thumbs {
    margin: 0 7.3em;
    overflow: hidden;
    width: auto;
}
.ad-gallery .ad-thumbs .ad-thumb-list {
    float: left;
    width: 9000px;
    list-style: none;
}
.ad-gallery .ad-thumbs li {
    float: left;
    padding-right: 1em;
}
.ad-gallery .ad-thumbs li a {
    display: block;
    border: none;
}
.ad-gallery .ad-thumbs li a img {
    border: 3px solid #ccc;
    display: block;
}
.ad-gallery .ad-thumbs li a.ad-active img {
    border: 3px solid #616161;
}
/* Can't do display none, since Opera won't load the images then */
.ad-preloads {
  position: absolute;
  left: -9000px;
  top: -9000px;
}
/*-------------------------- Gallery Start ------------------------*/

/*-------------------------- jCarouselLite Start ------------------------*/
.jCarouselLite {
    float: left;
    visibility: visible;
    overflow: hidden;
    position: relative;
    z-index: 2;
}
.carousel .navigation {
    width: 70px;
    height: 115px;
    text-indent: -5000px;
    cursor: pointer;
    border: none;
}
.carousel .navigation.prev {
    float: left;
    background: url("/idea/features/../../styles2/../img/jquery/ad_prev.png") no-repeat center center;
}
.carousel .navigation.next {
    float: right;
    background: url("/idea/features/../../styles2/../img/jquery/ad_next.png") no-repeat center center;
}
.jCarouselLite ul {
    position: relative;
    list-style-type: none;
    z-index: 1;
    width: 2890px;
    left: -1870px;
}
.jCarouselLite ul li {
    overflow: hidden; float: left;
}
/*-------------------------- jCarouselLite End ------------------------*/


/*-------------------------- Bookmark Start ------------------------*/
.bookmark_popup {
	display: none;
	position: absolute;
	z-index: 100;
}
.bookmark_popup ul {
	float: left;
	width: 320px;
}
.bookmark_list {
    margin: 0;
    padding: 0;
	display: inline-block;
	float: left;
	list-style-type: none;
	font-size: 80%;
}
.bookmark_list li {
	float: left;
	width: 23%;
	margin: 0 1px;
	padding: 1px;
	/*border: 1px outset;*/
}
.bookmark_compact {
	/*background-color: #eee;
	border: 1px outset;*/
}
.bookmark_compact li {
    margin: 0;
    padding: 2px;
    width: 16px;
    height: 16px;
	background-color: transparent;
	border: none;
}
.bookmark_list a {
	width: 100%;
	text-decoration: none;
	cursor: pointer;
}
.bookmark_list span {
	display: inline-block;
	width: 16px;
	height: 16px;
}
.bookmark_list span.bookmark_icons {
	background: url("/idea/features/../../styles2/../img/jquery/bookmarks.gif") no-repeat center;
}
.bookmark_list img {
	border: none;
}
/*-------------------------- Bookmark End ------------------------*/

/*-------------------------- Carousel Start ------------------------*/
.carousel {
    position: relative;
}
#carousel {
    margin: 0 auto;
}
#ui-carousel-next, #ui-carousel-prev {
    margin-top: -20px;
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 50%;
    z-index: 10;
    text-decoration: none;
    text-align: center;
}
#ui-carousel-next {
    right: 2em;
}
#ui-carousel-prev {
    left: 2em;
}
#ui-carousel-next span, #ui-carousel-prev span {
    margin: 0 auto;
    display: block;
    width: 22px;
    height: 40px;
    text-indent: -50000px;
    background: url("/idea/features/../../styles2/../img/jquery/arrow_carousel.png") no-repeat 0 0;
}
#ui-carousel-next span {
    background-position: 0 -50px;
}
.slide {
    margin: 0;
    overflow: hidden;
    position: relative;
}
.slide img {
    border: solid 1px #d7d7d7;
}
#pages {
    margin: 0 auto;
    width: 150px;
}
.bullet {
    margin-top: 1.5em;
    margin-right: 1em;
    display: block;
    width: 10px;
    height: 10px;
    float: left;
    -moz-box-shadow: inset -3px -3px 5px 0 #cbd4d9, inset 0 0 3px 2px #b0bbc5, 1px 1px 0 0 #fff;
    -webkit-box-shadow: inset -3px -3px 5px 0 #cbd4d9, inset 0 0 3px 2px #b0bbc5, 1px 1px 0 0 #fff;
    box-shadow: inset -3px -3px 5px 0 #cbd4d9, inset 0 0 3px 2px #b0bbc5, 1px 1px 0 0 #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.bullet.on {
    -moz-box-shadow: inset 0 0 3px 4px #4763c3, 1px 1px white;
    -webkit-box-shadow: inset 0 0 3px 4px #4763c3, 1px 1px white;
    box-shadow: inset 0 0 3px 4px #4763c3, 1px 1px white;
}
.ui-carousel {
	height: 100px;
	margin: 0;
	overflow: auto;
	padding: 0;
	position: relative; /*for ie7 to work e.g in html carousels*/
	width: 300px
}
.ui-carousel > .wrapper {
    margin: 0;
    padding: 0;
    width: 9999px;
}
.ui-carousel > .wrapper > * {
	border: 0;
	display: block;
	float: left;
	height: 100px;
	overflow: hidden;
	width: 100px;
}
.slide .text {
    padding: .5em 1.2em;
	position: absolute;
    width: 95%;
    bottom: .4em;
    color: #fff;
    font-size: 130%;
    background-color: rgba(157,181,207,.9);
}
/*-------------------------- Carousel End ------------------------*/


/*-------------------------- Foobar Start ------------------------*/
#bart_wrapper{
    position:fixed;
    _position:absolute;
    z-index: 20;
    display:none;
    height:100px;
    opacity:.8;
    text-align:left;
}
#bart_text{

}
#bart_icon{
    float:left;
    margin:18px 18px 0 18px;
    height:100%;
    background-color: red;
}
#bart_title {
}
#bart_close{

}
#bart_icon img,#bart_close img {
    margin:0;
    border:0;
    padding: 0;
    width: 1px;
    height: 1px;
}
#bart_wrapper.bart_bubble{
    min-width:200px;
    max-width:50%;
    margin:5px
}
#bart_wrapper.bart_modal{
    min-width:200px;
    max-width:50%;
    min-height:70px;
    max-height:50%;
    z-index:999
}
#bart_wrapper.bart_bar{
    width:100%;
    height:70px
}
#bart_wrapper.bart_notice{
    background-color:#4ea5cd;
    border-color:#3b8eb5
}
#bart_wrapper.bart_error{
    background-color:#fc1111;border-color:#c43d3d
}
#bart_wrapper.bart_warning{
    background-color:#eaaf51;border-color:#d99a36
}
#bart_wrapper.bart_success{
    background-color:#61b832;
    border-color:#55a12c
}
/*for promotion Offer*/
#bart_title {
    margin: 0 auto;
    width: 783px;
    height: 108px;
    z-index: -1;
    cursor: pointer;
    background: url("/idea/features/../../styles2/../img/banners/jetbrainsday-foocafe.png") no-repeat 0 0;
}
#bart_wrapper.bart_success {
    height: 110px;
    display: block;
    background: none;

}
#bart_close {
    position: absolute;
    left: 50%;
    margin: -5px 0 0 365px;
    width: 30px;
    height: 30px;
    cursor: pointer;
}
#bart_wrapper img {
    display: none
}
#bart_wrapper.bart_info{
}
/*-------------------------- Foobar End ------------------------*/

/*-------------------------- Select Start ------------------------*/
.chzn-container {
    position: relative;
    display: inline-block;
    zoom: 1;
    *display: inline;
}
.chzn-container .chzn-drop {
    background: #fff;
    border: 1px solid #c8c8c8;
    border-top: 0;
    position: absolute;
    top: 29px;
    left: 0;
    z-index: 1010;
}
/* @group Single Chosen */
.chzn-container-single .chzn-single {
    padding: 0 0 0 8px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    height: 23px;
    line-height: 24px;
    color: #878686;
    text-decoration: none;
    background-color: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius   : 2px;
    border-radius        : 2px;
    -moz-background-clip   : padding;
    -webkit-background-clip: padding-box;
    background-clip        : padding-box;
    border: 1px solid #dadada;
}
.chzn-container-single .chzn-default {
    /*color: red;*/
}
.chzn-container-single .chzn-single span {
    margin-right: 26px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
.chzn-container-single .chzn-single abbr {
    display: block;
    position: absolute;
    right: 26px;
    top: 6px;
    width: 12px;
    height: 12px;
    font-size: 1px;
    /*background: red url("/idea/features/../../styles2/../../img/jquery/chosen-sprite.png") -42px 1px no-repeat;*/
    background: url("/idea/features/../../styles2/../img/icons/iconSearch.svg") no-repeat 0 -30px;
}
.chzn-container-single .chzn-single abbr:hover {
    /*background-position: -42px -10px;*/
}
.chzn-container-single.chzn-disabled .chzn-single abbr:hover {
    background-position: -42px -10px;
}
.chzn-container-single .chzn-single div {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    height: 100%;
    width: 18px;
}
.chzn-container-single .chzn-single div b {
    margin-top: 8px;
    margin-left: 2px;
    position: absolute;
    right: 7px;
    top: 2px;
    display: block;
    width: 0;
    height: 0;
    border-top: 5px solid #acabac;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    content: "";
}
.chzn-container-single .chzn-search {
    padding: 3px 4px;
    position: relative;
    margin: 0;
    white-space: nowrap;
    z-index: 1010;
}
.chzn-container-single .chzn-search input {
    margin: 1px 0;
    padding: 4px 20px 4px 5px;
    outline: 0;
    font-family: "GraublauSans-Regular", Helvetica, Arial, sans-serif;
    font-size: 100%;
    background: url("/idea/features/../../styles2/../img/icons/iconSearch.svg") no-repeat 98% 4px;
    border: 1px solid #aaa;
}
.chzn-container-single .chzn-drop {
    -webkit-border-radius: 0 0 2px 2px;
    -moz-border-radius   : 0 0 2px 2px;
    border-radius        : 0 0 2px 2px;
    -moz-background-clip   : padding;
    -webkit-background-clip: padding-box;
    background-clip        : padding-box;
}
.chzn-container-single-nosearch .chzn-search input {
    position: absolute;
    left: -9000px;
}

/* @group Multi Chosen */
.chzn-container-multi .chzn-choices {
  background-color: #fff;
  border: 1px solid #aaa;
  margin: 0;
  padding: 0;
  cursor: text;
  overflow: hidden;
  height: auto !important;
  height: 1%;
  position: relative;
  width: 100%;
  -moz-box-sizing   : border-box;
  -ms-box-sizing    : border-box;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing : border-box;
  box-sizing        : border-box;
}
.chzn-container-multi .chzn-choices li {
  float: left;
  list-style: none;
}
.chzn-container-multi .chzn-choices .search-field {
  white-space: nowrap;
  margin: 0;
  padding: 0;
}
.chzn-container-multi .chzn-choices .search-field input {
  color: #666;
  background: transparent !important;
  border: 0 !important;
  font-family: sans-serif;
  font-size: 100%;
  height: 15px;
  padding: 5px;
  margin: 1px 0;
  outline: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow   : none;
  box-shadow        : none;
}
.chzn-container-multi .chzn-choices .search-field .default {
  color: #999;
}
.chzn-container-multi .chzn-choices .search-choice {
  -webkit-border-radius: 3px;
  -moz-border-radius   : 3px;
  border-radius        : 3px;
  -moz-background-clip   : padding;
  -webkit-background-clip: padding-box;
  background-clip        : padding-box;
  background-color: #e4e4e4;
  -webkit-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);
  -moz-box-shadow   : 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);
  box-shadow        : 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);
  color: #333;
  border: 1px solid #aaaaaa;
  line-height: 13px;
  padding: 3px 20px 3px 5px;
  margin: 3px 0 3px 5px;
  position: relative;
  cursor: default;
}
.chzn-container-multi .chzn-choices .search-choice.search-choice-disabled {
  background-color: #e4e4e4;
  color: #666;
  border: 1px solid #cccccc;
  padding-right: 5px;
}
.chzn-container-multi .chzn-choices .search-choice-focus {
  background: #d4d4d4;
}
.chzn-container-multi .chzn-choices .search-choice .search-choice-close {
  display: block;
  position: absolute;
  right: 3px;
  top: 4px;
  width: 12px;
  height: 12px;
  font-size: 1px;
  /*background: url("/idea/features/../../styles2/chosen-sprite.png") -42px 1px no-repeat;*/
}
.chzn-container-multi .chzn-choices .search-choice .search-choice-close:hover {
  background-position: -42px -10px;
}
.chzn-container-multi .chzn-choices .search-choice-focus .search-choice-close {
  background-position: -42px -10px;
}

/* @group Results */
.chzn-container .chzn-results {
    margin: 0 4px 4px 0;
    max-height: 240px;
    padding: 0 0 0 4px;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
.chzn-container-multi .chzn-results {
    margin: -1px 0 0;
    padding: 0;
}
.chzn-container .chzn-results li {
    display: none;
    line-height: 15px;
    padding: 5px 6px;
    margin: 0;
    list-style: none;
}
.chzn-container .chzn-results .active-result {
cursor: pointer;
display: list-item;
}
.chzn-container .chzn-results .highlighted {
    background-color: #f4f4f4;
}
.chzn-container .chzn-results li em {
    background: #feffde;
    font-style: normal;
}
.chzn-container .chzn-results .highlighted em {
    background: transparent;
}
.chzn-container .chzn-results .no-results {
    background: #f4f4f4;
    display: list-item;
}
.chzn-container .chzn-results .group-result {
    cursor: default;
    color: #999;
    font-weight: bold;
}
.chzn-container .chzn-results .group-option {
    padding-left: 15px;
}
.chzn-container-multi .chzn-drop .result-selected {
    display: none;
}
.chzn-container .chzn-results-scroll {
    background: white;
    margin: 0 4px;
    position: absolute;
    text-align: center;
    width: 321px;
    z-index: 1;
}
.chzn-container .chzn-results-scroll span {
    display: inline-block;
    height: 17px;
    text-indent: -5000px;
    width: 9px;
}
.chzn-container .chzn-results-scroll-down {
    bottom: 0;
}
.chzn-container .chzn-results-scroll-down span {
    /*background: red url("/idea/features/../../styles2/chosen-sprite.png") no-repeat -4px -3px;*/
}
.chzn-container .chzn-results-scroll-up span {
    /*background: blue url("/idea/features/../../styles2/chosen-sprite.png") no-repeat -22px -3px;*/
}
/* @end */
/* @group Active  */
.chzn-container-active .chzn-single {

}
.chzn-container-active .chzn-single-with-drop {
    border: 1px solid #c8c8c8;
    -webkit-box-shadow: 0 1px 0 #fff inset;
    -moz-box-shadow   : 0 1px 0 #fff inset;
    box-shadow        : 0 1px 0 #fff inset;
    -webkit-border-bottom-left-radius : 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomleft : 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-left-radius : 0;
    border-bottom-right-radius: 0;
}
.chzn-container-active .chzn-single-with-drop div {
    background: transparent;
    border-left: none;
}
.chzn-container-active .chzn-single-with-drop div b {
    background-position: -18px 2px;
}
.chzn-container-active .chzn-choices {
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
    -moz-box-shadow   : 0 0 5px rgba(0,0,0,.3);
    box-shadow        : 0 0 5px rgba(0,0,0,.3);
    border: 1px solid #5897fb;
}
.chzn-container-active .chzn-choices .search-field input {
    /*color: #111 !important;*/
}
.chzn-disabled {
    cursor: default;
    opacity:0.5 !important;
}
.chzn-disabled .chzn-single {
    cursor: default;
}
.chzn-disabled .chzn-choices .search-choice .search-choice-close {
    cursor: default;
}
/*-------------------------- Select End ------------------------*/


.dhtmlwindow{
    position: absolute;
    visibility: hidden;
    background-color: white;
    border: 1px solid #a6a5a5;
    border-bottom-width: 2px;
    border-right-width: 2px;
}

.drag-handle{
    padding: 3px;
    text-indent: 3px;
    background-color: #e9e9e9;
    color: #000;
    font-weight: bold;
    cursor: move;
    overflow: hidden;
    width: auto;
    /*filter:progid:DXImageTransform.Microsoft.alpha(opacity=50);*/
    /*-moz-opacity: 1;*/
    /*opacity: 1;*/
    border-bottom: 1px solid #ccc;
    text-align: left;
    background: url("/idea/features/../../styles2/../img/newdesign/active2_bg.gif") repeat-x 0 center;
}

.drag-handle .drag-controls{
    position: absolute;
    right: 4px;
    top: 5px;
    cursor: hand;
    cursor: pointer;
}

* html .drag-handle{
    width: 100%;
}


.drag-contentarea{
    background-color: white;
    color: black;
    height: 150px;
    padding: 2px;
    overflow: auto;
}
.drag-contentarea iframe{
    border: none;
}

.drag-statusarea{
    border-top: 1px solid #ccc;
    background-color: #F8F8F8;
    height: 13px;
}


.drag-resizearea{
    float: right;
    width: 13px;
    height: 13px;
    cursor: nw-resize;
    font-size: 0;
}

#lightbox{
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 100;
    text-align: center;
    line-height: 0;
}
#lightbox img{
    width: auto;
    height: auto;
}
#lightbox a img{
    border: none;
    border-bottom: none;
}

#outerImageContainer{
    position: relative;
    background-color: #fff;
    width: 250px;
    height: 250px;
    margin: 0 auto;
}
#outerImageContainer #caption{
    margin: 0;
    padding: 1em 0;
    position1: relative;
    text-align: left;
    display: block;
    overflow1: visible;
    height1: 100%;
    font-size: 13px;
     /*font-weight: bold;*/
    /*border1: solid 1px red;*/
}
#imageContainer{
    padding: 10px;
}
#imageContainer img{
    border: solid 1px #ccc;
}

#loading{
    position: absolute;
    top: 40%;
    left: 0;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0;
}
#loading #loadingLink {
    padding: .5em 1em;
    background: url("/idea/features/../../styles2/../img/newdesign/js/loading.gif") no-repeat center 0;
    border-bottom: none;
}
#hoverNav{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
}
#imageContainer>#hoverNav{
    left: 0;
}
#hoverNav a{
    outline: none;
    border-bottom: none;
}

#prevLink, #nextLink{
    width: 49%;
    height: 100%;
    /*background-image: url("data:image/gif;base64,AAAA");*/
    /* Trick IE into showing hover */
    display: block;
}
#prevLink {
    left: 0;
    float: left;
}
#nextLink {
    right: 0;
    float: right;
}
#prevLink:hover, #prevLink:visited:hover {
    background: url("/idea/features/../../styles2/../img/newdesign/js/prevlabel.gif") left 15% no-repeat;
}
#nextLink:hover, #nextLink:visited:hover {
    background: url("/idea/features/../../styles2/../img/newdesign/js/nextlabel.gif") right 15% no-repeat;
}

#imageDataContainer{
    margin: 0 auto;
    background-color: #fff;
    line-height: 1.4em;
    overflow: auto;
    width: 100%	;
}

#imageData{
    padding:0 10px; color: #666;
}
#imageData #imageDetails{
    width: 70%; float: left; text-align: left;
}
/*#imageData #caption{
    font-weight: bold;
}*/
#imageData #numberDisplay{
    display: block;
    clear: left;
    padding-bottom: 1.0em;
}
#imageData #bottomNavClose{
    margin: 0;
    padding: .7em 0 1.5em 0;
    width: 66px;
    float: right;
    outline: none;
    border-bottom: none;
    background: url("/idea/features/../../styles2/../img/newdesign/js/closelabel.gif") 0 0 no-repeat;
}

#overlay{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    width: 100%;
    height: 500px;
    background-color: #000;
}



.lightPopup {
    position: relative;
    text-align: right;
}
.lightPopup .text-on-pic{
    position: absolute;
    left:12px;
    bottom:22px;
    z-index:1;
    padding: 0 5px;
    background-color: #ffffcc;
    font-size: 0.85em;
}
.lightPopup > img {
    border: 1px solid #ccc;
}
.lightPopup .enlargePic img{
    padding: 2px;
}
.lightPopup .enlargePic{
    position: absolute;
    background-color: white;
    top: auto;
    left: auto;
    bottom: 4px;
    right: 4px;
}

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

#content a.text-button{
    background: url("/idea/features/../../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: 14px 10px 12px 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.3em;
    display: block;
    font-weight: bold;
    font-size: 120%;
    color: #295bc9;
}
#subcontent .buttonDownloadNow a {
    color: #676767;
}
body #content .buttonDownloadNow {
    width: 194px;
    background: url("/idea/features/../../styles2/../img/buttons/buttonDownloadNow.gif") no-repeat 0 0;
}
body.TeamCity #content .buttonDownloadNow {
    width: 250px;
    background: url("/idea/features/../../styles2/../img/buttons/buttonDownloadNow_tc.gif") no-repeat 0 0;
}
body.yt #content .buttonDownloadNow {
    padding-top: 10px;
    height: 38px;
    padding-left: 70px;
    width: 245px;
    color: #333;
    background: url("/idea/features/../../styles2/../img/buttons/buttonDownloadNow_yt.png") no-repeat 0 0;
}
body.pycharm #content .buttonDownloadNow  {
    padding-left: 85px;
    width: 220px;
    background: url("/idea/features/../../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("/idea/features/../../styles2/../img/buttons/buttonDownloadNow_rs.gif") no-repeat 0 0;
}

body.decompiler #content .buttonDownloadNow {
    padding-left: 74px;
    width: 235px;
    background: url("/idea/features/../../styles2/../img/buttons/buttonDownloadNow_dp.gif") no-repeat 0 0;
}
body.phpstorm #content .buttonDownloadNow {
    width: 224px;
    background: url("/idea/features/../../styles2/../img/buttons/buttonDownloadNow_phpstorm.gif") no-repeat 0 0;
}
body.webstorm #content .buttonDownloadNow {
    width: 224px;
    background: url("/idea/features/../../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("/idea/features/../../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("/idea/features/../../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("/idea/features/../../styles2/../img/buttons/buttonDownloadNowLight_rs.gif") no-repeat 0 0;
}
body.idea #content .buttonDownloadNow.community {
    background-image: url("/idea/features/../../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.yt #content .buttonDownloadNow:hover {
    background-position: 0 0;
}
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, body.decompiler #content .buttonDownloadNow span {
    color: #7e255b;
}
body.rs #content .buttonDownloadNow span {
    font-size: 15px;
}
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.yt #content .buttonDownloadNow span {
    color: #333;
}

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


#content .buttonDownloadGreen {
    padding-left: 12px;
    float: left;
    width: 100%;
    font-size: 90%;
    background: url("/idea/features/../../styles2/../img/buttons/buttonDownloadGreeen.png") no-repeat 0 0;
    border: none;
}
#content .buttonDownloadGreen.big {
    padding-left: 12px;
    font-size: 100%;
    background: url("/idea/features/../../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("/idea/features/../../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("/idea/features/../../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;
}
body.pycharm #content .buttonDownloadGreen span {
    padding-left: 65px;
    font-size: 90%;
}
body.pycharm #content .buttonDownloadGreen span h3 {
    font-size: 160%;
}

#content .buttonDownload_text {
    padding: .9em .5em 1em 4em;
    display: block;
    width: 100%;
    color: #585858;
    font-size: 130%;
    font-weight: bold;
    cursor: pointer;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
    background: #f2f2f2 url("/idea/features/../../styles2/../img/buttons/bgButtonDownload.png") no-repeat .8em .3em;
    background: url("/idea/features/../../styles2/../img/buttons/bgButtonDownload.png") no-repeat .8em .3em, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2f2f2), color-stop(100%, #dadada));
    background: url("/idea/features/../../styles2/../img/buttons/bgButtonDownload.png") no-repeat .8em .3em, -webkit-linear-gradient(top, #f2f2f2 0%, #dadada 100%);
    background: url("/idea/features/../../styles2/../img/buttons/bgButtonDownload.png") no-repeat .8em .3em, -moz-linear-gradient(top, #f2f2f2 0%, #dadada 100%);
    background: url("/idea/features/../../styles2/../img/buttons/bgButtonDownload.png") no-repeat .8em .3em, -ms-linear-gradient(top, #f2f2f2 0%, #dadada 100%);
    background: url("/idea/features/../../styles2/../img/buttons/bgButtonDownload.png") no-repeat .8em .3em, -o-linear-gradient(top, #f2f2f2 0%, #dadada 100%);
    background: url("/idea/features/../../styles2/../img/buttons/bgButtonDownload.png") no-repeat .8em .3em, linear-gradient(top, #f2f2f2 0%, #dadada 100%);
    border: 1px solid #cdcdcd;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.6), 0 1px 2px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.6), 0 1px 2px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.6), 0 1px 2px rgba(0, 0, 0, 0.3);
}
#content .buttonDownload_text.green, #content .active .buttonDownload_text {
    color: #425821;
    background: #aed855 url("/idea/features/../../styles2/../img/buttons/bgButtonDownload.png") no-repeat .8em .3em;
    background: url("/idea/features/../../styles2/../img/buttons/bgButtonDownload.png") no-repeat .8em .3em, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c9ec56), color-stop(100%, #85b142));
    background: url("/idea/features/../../styles2/../img/buttons/bgButtonDownload.png") no-repeat .8em .3em, -webkit-linear-gradient(top, #c9ec56 0%, #85b142 100%);
    background: url("/idea/features/../../styles2/../img/buttons/bgButtonDownload.png") no-repeat .8em .3em, -moz-linear-gradient(top, #c9ec56 0%, #85b142 100%);
    background: url("/idea/features/../../styles2/../img/buttons/bgButtonDownload.png") no-repeat .8em .3em, -ms-linear-gradient(top, #c9ec56 0%, #85b142 100%);
    background: url("/idea/features/../../styles2/../img/buttons/bgButtonDownload.png") no-repeat .8em .3em, -o-linear-gradient(top, #c9ec56 0%, #85b142 100%);
    background: url("/idea/features/../../styles2/../img/buttons/bgButtonDownload.png") no-repeat .8em .3em, linear-gradient(top, #c9ec56 0%, #85b142 100%);
    border: 1px solid #acb68a;
    -webkit-box-shadow: inset 0 0 0 1px rgba(218, 229, 115, 0.6), 0 1px 2px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 0 0 1px rgba(218, 229, 115, 0.6), 0 1px 2px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 0 1px rgba(218, 229, 115, 0.6), 0 1px 2px rgba(0, 0, 0, 0.3);
}
#content .buttonDownload_text:hover {
    text-decoration: none;
}
#content .buttonDownloadNow_text {
    padding: .9em .4em 1em .4em;
    display: block;
    text-align: center;
    width: 100%;
    font-size: 130%;
    cursor: pointer;
    background-color: #f3f3f3;
    border: 1px solid #e0e0e0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 0 0 #fdfdfd;
    -moz-box-shadow: inset 0 1px 0 0 #fdfdfd;
    box-shadow: inset 0 1px 0 0 #fdfdfd;
}
#content .buttonDownloadNow_text:hover {
    text-decoration: none;
}


#content .buttonDownload {
    margin-top: 1.5em;
    padding: .5em 2em .55em;
    float: left;
	vertical-align: baseline;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 1px 1px rgba(0,0,0,.2);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;

	border: solid 1px #c9c9c9;
	border-top: solid 1px #d3d3d3;
	border-bottom: solid 1px #bdbdbd;
	background: #efefef;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e1e1e1));
	background: -moz-linear-gradient(top,  #fff,  #e1e1e1);
}
#content .buttonDownload:hover {
	background: #ebebeb;
	background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#dbdbdb));
	background: -moz-linear-gradient(top,  #fbfbfb,  #dbdbdb);
}




.downloadButtonYellow {
    margin-left: .5em;
    margin-top: 1.5em;
    padding: 9px 0 0 45px;
    display: block;
    cursor: pointer;
    width: 170px;
    height: 33px;
    color: #043dbc;
    font-weight: bold;
    font-size: 18px;
    letter-spacing:0;
    background: transparent url("/idea/features/../../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: 33px;
    color: #043dbc;
    font-size: 18px;
    font-weight: bold;
    letter-spacing:0;
    background: transparent url("/idea/features/../../styles2/../img/buttons/button_download_blue.png") no-repeat scroll 0 0;
}
.downloadButtonChB {
    margin-left: .5em;
    margin-top: 1.5em;
    padding: 9px 0 0 45px;
    display: block;
    cursor: pointer;
    width: 170px;
    height: 33px;
    color: #043dbc;
    font-weight: bold;
    font-size: 18px;
    background: transparent url("/idea/features/../../styles2/../img/buttons/button_download_chb.png") no-repeat scroll 0 0;
}
.downloadButtonYellow:hover, .downloadButtonBlue:hover, .downloadButtonChB: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, inset 0 0 0 1px #f4f4f4;
    -moz-box-shadow: inset 0 1px 0 0 #fdfdfd, inset 0 0 0 1px #f4f4f4;
    -ms-box-shadow: inset 0 1px 0 0 #fdfdfd, inset 0 0 0 1px #f4f4f4;
    -o-box-shadow: inset 0 1px 0 0 #fdfdfd, inset 0 0 0 1px #f4f4f4;
    box-shadow: inset 0 1px 0 0 #fdfdfd, inset 0 0 0 1px #f4f4f4;
    border: 1px solid #e0e0e0;
}
.button-link.orange {
    background-color: #f4b320;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f4b320), to(#ec7914));
    background-image: -webkit-linear-gradient(top, #f4b320, #ec7914);
    background-image: -moz-linear-gradient(top, #f4b320, #ec7914);
    background-image: -ms-linear-gradient(top, #f4b320, #ec7914);
    background-image: -o-linear-gradient(top, #f4b320, #ec7914);
    background-image: linear-gradient(top, #f4b320, #ec7914);
    -webkit-box-shadow: inset 0 1px 0 0 #f9d88c, inset 0 0 0 1px #f6bc86;
    -moz-box-shadow: inset 0 1px 0 0 #f9d88c, inset 0 0 0 1px #f6bc86;
    -ms-box-shadow: inset 0 1px 0 0 #f9d88c, inset 0 0 0 1px #f6bc86;
    -o-box-shadow: inset 0 1px 0 0 #f9d88c, inset 0 0 0 1px #f6bc86;
    box-shadow: inset 0 1px 0 0 #f9d88c, inset 0 0 0 1px #f6bc86;
    border: 1px solid #ca7d17;
}
.button-link.gray_dark {
    background-color: #ccc;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#aaa));
    background-image: -webkit-linear-gradient(top, #ccc, #aaa);
    background-image: -moz-linear-gradient(top, #ccc, #aaa);
    background-image: -ms-linear-gradient(top, #ccc, #aaa);
    background-image: -o-linear-gradient(top, #ccc, #aaa);
    background-image: linear-gradient(top, #ccc, #aaa);
    -webkit-box-shadow: inset 0 1px 0 0 #e3e3e3, inset 0 0 0 1px #d2d2d2;
    -moz-box-shadow: inset 0 1px 0 0 #e3e3e3, inset 0 0 0 1px #d2d2d2;
    -ms-box-shadow: inset 0 1px 0 0 #e3e3e3, inset 0 0 0 1px #d2d2d2;
    -o-box-shadow: inset 0 1px 0 0 #e3e3e3, inset 0 0 0 1px #d2d2d2;
    box-shadow: inset 0 1px 0 0 #e3e3e3, inset 0 0 0 1px #d2d2d2;
    border: 1px solid #686868;
}
.button-link a {
    margin-right: 15px;
    font-size: 130%;
    line-height: 25px;
    display: block;
    background: url("/idea/features/../../styles2/../img/buttons/bgButton-link.png") no-repeat right 10px;
}
.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.yellow a {
    color: #333;
    background-position: right -54px;
}
.button-link.orange a {
    color: #fff;
    font-weight: bold;
    font-size: 130%;
    text-shadow: 0 -1px 0 #bc7b14;
    background-position: right -88px;
}
.button-link.gray_dark a {
    color: #3a76da;
    font-weight: bold;
    font-size: 130%;
    text-shadow:0 1px 0 #fff;
    background-position: right -120px;
}
.button-link a:hover {
    text-decoration: none;
}
.button-link a span {
    margin: 1px 38px 1px 1px;
    padding: 8px .5em 11px;
    display: block;
    position: relative;
    box-shadow: 1px 0 0 0 #fafafa;
    border-right: solid 1px #e0e0e0;
}
.button-link.orange span {
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    box-shadow: 1px 0 0 0 #f9d88c;
    border-right: solid 1px #ca7d17;
}
.button-link.gray_dark span {
    box-shadow: 1px 0 0 0 #d4d4d4;
    border-right: solid 1px #686868;
}
.button-link.yellow span {
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    background-color: #ffd17c;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffd17c), to(#eebb69));
    background-image: -webkit-linear-gradient(top, #ffd17c, #eebb69);
    background-image: -moz-linear-gradient(top, #ffd17c, #eebb69);
    background-image: -ms-linear-gradient(top, #ffd17c, #eebb69);
    background-image: -o-linear-gradient(top, #ffd17c, #eebb69);
    background-image: linear-gradient(top, #ffd17c, #eebb69);
}
.button-link a span:before {
    bottom: 0;
    content: "";
    display: block;
    right: 0;
    position: absolute;
    width: 1px;
    height: 100%;
    background: none repeat scroll 0 0 #fff;
}
.button-link.orange a span:before {
    background: none repeat scroll 0 0 #f9d88c;
}
.button-link.gray_dark a span:before {
    background: none repeat scroll 0 0 #d4d4d4;
}


.button_link {
    margin-bottom: 1.5em;
    padding: .4em 1.5em;
    text-align: center;
    color: #0e4665;
    font-family: 'GraublauSans-Bold', Helvetica, Arial, sans-serif;
    font-size: 18px;
    text-shadow: 0 1px 0 rgba(255,255,255,0.3);
    -webkit-border-radius: 2px;
       -moz-border-radius: 2px;
            border-radius: 2px;
    background-color: #58d0ea;
    background: -moz-linear-gradient(top,  #58d0ea 40%, #4792b7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(40%,#58d0ea), color-stop(100%,#4792b7));
    background: -webkit-linear-gradient(top,  #58d0ea 40%,#4792b7 100%);
    background: -o-linear-gradient(top,  #58d0ea 40%,#4792b7 100%);
    background: -ms-linear-gradient(top,  #58d0ea 40%,#4792b7 100%);
    background: linear-gradient(to bottom,  #58d0ea 40%,#4792b7 100%);
    box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.4), inset 0 -1px 0 0 rgba(0,0,0,0.1), 1px 2px 3px 1px rgba(0,0,0,0.1);
    border: 1px solid #0c6086;
}
.button_link.green {
    color: #435928;
    background-color: #c6db57;
    background: -moz-linear-gradient(top,  #c6db57 40%, #87b342 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(40%,#c6db57), color-stop(100%,#87b342));
    background: -webkit-linear-gradient(top,  #c6db57 40%,#87b342 100%);
    background: -o-linear-gradient(top,  #c6db57 40%,#87b342 100%);
    background: -ms-linear-gradient(top,  #c6db57 40%,#87b342 100%);
    background: linear-gradient(to bottom,  #c6db57 40%,#87b342 100%);
    border: 1px solid #75963d;
}
.button_link:hover {
    color: #0e4665;
}
.button_link.green:hover {
    color: #435928;
}





#content a.button_download {
    margin-bottom: .4em;
    padding: 0 0 .1em 0;
    display: block;
    position: relative;
    min-height: 47px;
    z-index: 10;
    text-align: left;
    color: #626262;
    /*font-weight: bold;*/
    text-decoration: none;
    cursor: pointer;
    text-shadow: 0 1px 0 rgba(255,255,255,0.3);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #b7b7b7;
    background: -moz-linear-gradient(top,  #e4e4e4 30%, #b7b7b7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#e4e4e4), color-stop(100%,#b7b7b7));
    background: -webkit-linear-gradient(top,  #e4e4e4 30%,#b7b7b7 100%);
    background: -o-linear-gradient(top,  #e4e4e4 30%,#b7b7b7 100%);
    background: -ms-linear-gradient(top,  #e4e4e4 30%,#b7b7b7 100%);
    background: linear-gradient(to bottom,  #e4e4e4 30%,#b7b7b7 100%);
    -webkit-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.2), inset 0 0 0 1px rgba(255,255,255,0.2), 0 1px 3px 1px rgba(136,136,136,0.5);
    -moz-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.2), inset 0 0 0 1px rgba(255,255,255,0.2), 0 1px 3px 1px rgba(136,136,136,0.5);
    -ms-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.2), inset 0 0 0 1px rgba(255,255,255,0.2), 0 1px 3px 1px rgba(136,136,136,0.5);
    -o-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.2), inset 0 0 0 1px rgba(255,255,255,0.2), 0 1px 3px 1px rgba(136,136,136,0.5);
    box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.2), inset 0 0 0 1px rgba(255,255,255,0.2), 0 1px 3px 1px rgba(136,136,136,0.5);
    border: 1px solid #b6b6b6;
}
#content a.button_download.small {
    min-height: 38px;
}
#content a.button_download.ruby {
    color: #490000;
    background-color: #b34762;
    background: -webkit-gradient(linear, left top, left bottom, from(#de6b92), to(#b34762));
    background: -webkit-linear-gradient(top, #de6b92, #b34762);
    background: -moz-linear-gradient(top, #de6b92, #b34762);
    background: -ms-linear-gradient(top, #de6b92, #b34762);
    background: -o-linear-gradient(top, #de6b92, #b34762);
    background: linear-gradient(top, #de6b92, #b34762);
    border: 1px solid #ad002a;
}
#content a.button_download.rs {
    color: #490000;
    background-color: #dc7fb6;
    background: -webkit-gradient(linear, left top, left bottom, from(#dc7fb6), to(#b9638f));
    background: -webkit-linear-gradient(top, #dc7fb6, #b9638f);
    background: -moz-linear-gradient(top, #dc7fb6, #b9638f);
    background: -ms-linear-gradient(top, #dc7fb6, #b9638f);
    background: -o-linear-gradient(top, #dc7fb6, #b9638f);
    background: linear-gradient(top, #dc7fb6, #b9638f);
    border: 1px solid #ad2467;
}
#content a.button_download.yt {
    color: #244557;
    background-color: #4990b3;
    background: -moz-linear-gradient(top,  #5ed1e9 20%, #4990b3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#5ed1e9), color-stop(100%,#4990b3));
    background: -webkit-linear-gradient(top,  #5ed1e9 20%,#4990b3 100%);
    background: -o-linear-gradient(top,  #5ed1e9 20%,#4990b3 100%);
    background: -ms-linear-gradient(top,  #5ed1e9 20%,#4990b3 100%);
    background: linear-gradient(to bottom,  #5ed1e9 20%,#4990b3 100%);
    border: 1px solid #4c96b9;
}
#content a.button_download.ws {
    color: #153f59;
    background-color: #3e9ad2;
    background: -moz-linear-gradient(top,  #79b9e0 20%, #3e9ad2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#79b9e0), color-stop(100%,#3e9ad2));
    background: -webkit-linear-gradient(top,  #79b9e0 20%,#3e9ad2 100%);
    background: -o-linear-gradient(top,  #79b9e0 20%,#3e9ad2 100%);
    background: -ms-linear-gradient(top,  #79b9e0 20%,#3e9ad2 100%);
    background: linear-gradient(to bottom,  #79b9e0 20%,#3e9ad2 100%);
    border: 1px solid #2775a4;
}
#content a.button_download.ps {
    color: #454377;
    background-color: #7875b8;
    background: -moz-linear-gradient(top,  #a09dde 20%, #7875b8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#a09dde), color-stop(100%,#7875b8));
    background: -webkit-linear-gradient(top,  #a09dde 20%,#7875b8 100%);
    background: -o-linear-gradient(top,  #a09dde 20%,#7875b8 100%);
    background: -ms-linear-gradient(top,  #a09dde 20%,#7875b8 100%);
    background: linear-gradient(to bottom,  #a09dde 20%,#7875b8 100%);
    border: 1px solid #6a67b7;
}
#content a.button_download.mps {
    color: #535353;
    background-color: #c2c2c2;
    background: -moz-linear-gradient(top,  #cecece 20%, #a6a6a6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#cecece), color-stop(100%,#a6a6a6));
    background: -webkit-linear-gradient(top,  #cecece 20%,#a6a6a6 100%);
    background: -ms-linear-gradient(top,  #cecece 20%,#a6a6a6 100%);
    background: -o-linear-gradient(top,  #cecece 20%,#a6a6a6 100%);
    background: linear-gradient(to bottom,  #cecece 20%,#a6a6a6 100%);
    border: 1px solid #7b7b7b;
}
#content a.button_download.git {
    color: #963f00;
    background-color: #b44c00;
    background: -moz-linear-gradient(top,  #f3d26f 0%, #ff9000 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3d26f), color-stop(100%,#ff9000));
    background: -webkit-linear-gradient(top,  #f3d26f 0%,#ff9000 100%);
    background: -ms-linear-gradient(top,  #f3d26f 0%,#ff9000 100%);
    background: -o-linear-gradient(top,  #f3d26f 0%,#ff9000 100%);
    background: linear-gradient(to bottom,  #f3d26f 0%,#ff9000 100%);
    border: 1px solid #7b7b7b;
}
#content a.button_download.ideaUE {
    color: #233471;
    background-color: #5f73ba;
    background: -moz-linear-gradient(top,  #90a3e5 20%, #5f73ba 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#90a3e5), color-stop(100%,#5f73ba));
    background: -webkit-linear-gradient(top,  #90a3e5 20%,#5f73ba 100%);
    background: -o-linear-gradient(top,  #90a3e5 20%,#5f73ba 100%);
    background: -ms-linear-gradient(top,  #90a3e5 20%,#5f73ba 100%);
    background: linear-gradient(to bottom,  #90a3e5 20%,#5f73ba 100%);
    border: 1px solid #2d418e;
}
#content a.button_download.ideaCE {
    color: #183955;
    background-color: #4e7393;
    background: -moz-linear-gradient(top,  #8bb4d7 20%, #4e7393 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#8bb4d7), color-stop(100%,#4e7393));
    background: -webkit-linear-gradient(top,  #8bb4d7 20%,#4e7393 100%);
    background: -o-linear-gradient(top,  #8bb4d7 20%,#4e7393 100%);
    background: -ms-linear-gradient(top,  #8bb4d7 20%,#4e7393 100%);
    background: linear-gradient(to bottom,  #8bb4d7 20%,#4e7393 100%);
    border: 1px solid #2b4d6b;
}
#content a.button_download.pc {
    color: #195b1d;
    background-color: #6bb26f;
    background: -moz-linear-gradient(top,  #9adb8e 20%, #6bb26f 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#9adb8e), color-stop(100%,#6bb26f));
    background: -webkit-linear-gradient(top,  #9adb8e 20%,#6bb26f 100%);
    background: -o-linear-gradient(top,  #9adb8e 20%,#6bb26f 100%);
    background: -ms-linear-gradient(top,  #9adb8e 20%,#6bb26f 100%);
    background: linear-gradient(to bottom,  #9adb8e 20%,#6bb26f 100%);
    border: 1px solid #3d8c40;
}
#content a.button_download.objc {
    color: #6c3211;
    background-color: #e9b61d;
    background: -moz-linear-gradient(top,  #e9b61d 20%, #e3730e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#e9b61d), color-stop(100%,#e3730e));
    background: -webkit-linear-gradient(top,  #e9b61d 20%,#e3730e 100%);
    background: -o-linear-gradient(top,  #e9b61d 20%,#e3730e 100%);
    background: -ms-linear-gradient(top,  #e9b61d 20%,#e3730e 100%);
    background: linear-gradient(to bottom,  #e9b61d 20%,#e3730e 100%);
    border: 1px solid #b35908;
}
#content a.button_download.ruby.small {
    /*padding: 11px 0 10px 3.6em;
    font-size: 110%;*/
    background: -webkit-gradient(linear, left top, left bottom, from(#de6b92), to(#b34762));
    background: -webkit-linear-gradient(top, #de6b92, #b34762);
    background: -moz-linear-gradient(top, #de6b92, #b34762);
    background: -ms-linear-gradient(top, #de6b92, #b34762);
    background: -o-linear-gradient(top, #de6b92, #b34762);
    background: linear-gradient(top, #de6b92, #b34762);
}
#content a.button_download span {
    margin-bottom: -5px;
    padding: 12px .3em 10px 3.2em;
    display: block;
    font-family: "GraublauSlab-Semibold", Helvetica, Arial, sans-serif;
    font-size: 19.5px;
    line-height: 1.5;
    background: url("/idea/features/../../styles2/../img/buttons/bgButton_download.png") no-repeat 1.1em 10px;
}
#content a.button_download.yt span {
    background-position: 1.1em -78px;
}
#content a.button_download.ruby span {
    background-position: 1.1em -166px;
}
#content a.button_download.rs span {
    background-position: 1.1em -252px;
}
#content a.button_download.ws span {
    background-position: 1.1em -300px;
}
#content a.button_download.ps span {
    background-position: 1.1em -350px;
}
#content a.button_download.mps span {
    background-position: 1.1em -120px;
}
#content a.button_download.ideaUE span {
    background-position: 1.1em -441px;
}
#content a.button_download.ideaCE span {
    background-position: 1.1em -395px;
}
#content a.button_download.pc span {
    background-position: 1.1em -526px;
}
#content a.button_download.objc span {
    background-position: 1.1em -649px;
}
#content a.button_download.git span {
    background-position: 1.1em -788px;
}
#content a.button_download.small span {
    padding: 8px .3em 0 3.1em;
    font-family: "GraublauSans-Bold", Helvetica, Arial, sans-serif;
    font-size: 16.6px;
    line-height: 24.75px;
    background-position: 1.2em -42px;
}
#content a.button_download.ruby.small span {
    background-position: 1.2em -212px;
}
#content a.button_download.ideaUE.small span {
    background-position: 1.21em -486px;
}
#content a.button_download.ideaCE.small span {
    background-position: 1.21em -735px;
}
#content a.button_download.ps.small span {
    background-position: 1.2em -573px;
}
#content a.button_download.ws.small span {
    background-position: 1.2em -610px;
}
#content a.button_download.objc.small span {
    background-position: 1.2em -697px;
}




.button_download_selectOS {
    padding: 0 0 .1em 0;
    display: block;
    position: relative;
    min-height: 47px;
    z-index: 10;
    text-align: left;
    color: #626262;
    text-decoration: none;
    text-shadow: 0 1px 0 rgba(255,255,255,0.3);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #e4e4e4; /* Old browsers */
    background: -moz-linear-gradient(top,  #e4e4e4 0%, #b7b7b7 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e4e4e4), color-stop(100%,#b7b7b7)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #e4e4e4 0%,#b7b7b7 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #e4e4e4 0%,#b7b7b7 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #e4e4e4 0%,#b7b7b7 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #e4e4e4 0%,#b7b7b7 100%); /* W3C */

    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 -1px 0 rgba(0,0,0, 0.04), 0 2px 5px rgba(0, 0, 0, 0.15);
       -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 -1px 0 rgba(0,0,0, 0.04), 0 2px 5px rgba(0, 0, 0, 0.15);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 -1px 0 rgba(0,0,0, 0.04), 0 2px 5px rgba(0, 0, 0, 0.15);
    border: 1px solid #b6b6b6;
}
.button_download_selectOS.small {
    min-height: 38px;
}
.button_download_selectOS.yt {
    background-color: #58bdd8;
    background: -moz-linear-gradient(top,  #5ed1e9 20%, #4990b3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#5ed1e9), color-stop(100%,#4990b3));
    background: -webkit-linear-gradient(top,  #5ed1e9 20%,#4990b3 100%);
    background: -o-linear-gradient(top,  #5ed1e9 20%,#4990b3 100%);
    background: -ms-linear-gradient(top,  #5ed1e9 20%,#4990b3 100%);
    background: linear-gradient(to bottom,  #5ed1e9 20%,#4990b3 100%);
    border: 1px solid #4c96b9;
}
.button_download_selectOS a.download {
    padding: .8em 1.8em 1em 4em;
    position: relative;
    float: left;
    cursor: pointer;
    font-size: 125%;
    color: #626262;
    font-weight: bold;
    text-decoration: none;
}
.button_download_selectOS.small a.download {
    padding: .6em 1em 1em 3.5em;
    font-size: 100%;
}
.button_download_selectOS.yt a.download {
    color: #244557;
}
.button_download_selectOS a.download:before {
    content: '';
    position: absolute;
    top: 6px;
    left: 1.4em;
    width: 30px;
    height: 33px;
    background: url("/idea/features/../../styles2/../img/buttons/bgButton_download.png") no-repeat 0 0;
}
.button_download_selectOS.small a.download:before {
    left: 1.2em;
    background-position: 0 -44px;
}
.button_download_selectOS.yt a.download:before {
    background-position: 0 -83px;
}
.button_download_selectOS .menu_os {
    cursor: pointer;
    float: right;
    position: relative;
    border-left: solid 1px #4895bb;
}
.button_download_selectOS.small .menu_os {
    border-left: solid 1px #a5a5a5;
}
.button_download_selectOS .menu_os:after {
    content: '';
    width: 9px;
    height: 5px;
    position: absolute;
    top: 34px;
    left: 18px;
    background: url("/idea/features/../../styles2/../img/icons/icoDownload.png") no-repeat 0 0;
}
.button_download_selectOS.small .menu_os:after {
    left: 15px;
    top: 26px;
    background-position: -29px 0;
}
.button_download_selectOS .menu_os a.select_os {
    margin: 1px 1px 0 0;
    display: block;
    font-size: 0;
    min-height: 46px;
    width: 42px;
    border-left: 1px solid rgba(255,255,255,0.3);
}
.button_download_selectOS.small .menu_os a.select_os {
    width: 39px;
    min-height: 37px;
}
.button_download_selectOS.small .menu_os:hover a.select_os {
    background: #eaeaea; /* Old browsers */
    background: -moz-linear-gradient(top,  #eaeaea 0%, #c3c3c3 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaeaea), color-stop(100%,#c3c3c3)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #eaeaea 0%,#c3c3c3 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #eaeaea 0%,#c3c3c3 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #eaeaea 0%,#c3c3c3 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #eaeaea 0%,#c3c3c3 100%); /* W3C */
}
.button_download_selectOS .menu_os a.select_os:before {
    content: '';
    width: 20px;
    height: 26px;
    position: absolute;
    top: 9px;
    left: 13px;
    background: url("/idea/features/../../styles2/../img/icons/icoDownload.png") no-repeat 1px -30px;
}
.button_download_selectOS.small .menu_os a.select_os:before {
    top: 7px;
}
.button_download_selectOS.small .menu_os.active a.select_os {
    -moz-box-shadow: inset 0 5px 5px 0px rgba(58, 58, 58, 0.2);
    -webkit-box-shadow: inset 0 5px 5px 0px rgba(58, 58, 58, 0.2);
    box-shadow: inset 0 5px 5px 0px rgba(58, 58, 58, 0.2);
    border-left: 0;
    padding-left: 1px;
    background: #C6C6C6; /* Old browsers */
    background: -moz-linear-gradient(top,  #cacaca 0%, #cdcdcd 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cacaca), color-stop(100%,#cdcdcd)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #cacaca 0%,#cdcdcd 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #cacaca 0%,#cdcdcd 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #cacaca 0%,#cdcdcd 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #cacaca 0%,#cdcdcd 100%); /* W3C */

    -webkit-border-radius:0 3px 3px 0;
    -moz-border-radius:0 3px 3px 0;
    -ms-border-radius:0 3px 3px 0;
    -o-border-radius:0 3px 3px 0;
    border-radius:0 3px 3px 0;

    min-height: 39px;

    margin:0 -1px 0 0;
    padding:1px 1px 0 2px;
}

.button_download_selectOS.small .menu_os.active .oss {
    display:block;
}
.button_download_selectOS .menu_os a.select_os:before {
    background-position: 0 -30px;
}
.button_download_selectOS .menu_os a.select_os.mac:before {
    background-position: 1px -60px;
}
.button_download_selectOS .menu_os a.select_os.linux:before {
    background-position: 0 -90px;
}
.button_download_selectOS .menu_os a.select_os.javaEE:before {
    background-position: 0 -125px;
}
.button_download_selectOS .menu_os a.select_os.win:before {
    background-position: 0 -150px;
}
.button_download_selectOS .menu_os a.select_os.win64:before {
    background-position: 0 -180px;
}
.button_download_selectOS.small .menu_os a.select_os:before {
    width: 16px;
    height: 18px;
    background-position: -30px -30px;
}

.button_download_selectOS.small .menu_os a.select_os.mac:before {
    background-position: -29px -60px;
}
.button_download_selectOS.small .menu_os a.select_os.linux:before {
    background-position: -29px -90px;
}
.button_download_selectOS.small .menu_os a.select_os.javaEE:before {
    background-position: -29px -123px;
}
.button_download_selectOS .menu_os:hover a.select_os {
    background: #6addf5; /* Old browsers */
    background: -moz-linear-gradient(top, #6addf5 0%, #4d9fc3 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6addf5), color-stop(100%,#4d9fc3)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #6addf5 0%,#4d9fc3 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #6addf5 0%,#4d9fc3 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #6addf5 0%,#4d9fc3 100%); /* IE10+ */
    background: linear-gradient(to bottom, #6addf5 0%,#4d9fc3 100%); /* W3C */
}

.button_download_selectOS .menu_os.active a.select_os {
    -moz-box-shadow: inset 0 5px 5px 0px rgba(17, 70, 98, 0.4);
    -webkit-box-shadow: inset 0 5px 5px 0px rgba(17, 70, 98, 0.4);
    box-shadow: inset 0 5px 5px 0px rgba(17, 70, 98, 0.4);
    border-left: 0;
    padding-left: 1px;

    background: #49AACA; /* Old browsers */
    background: -moz-linear-gradient(top,  #5ac2e1 0%, #5cc2e0 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5ac2e1), color-stop(100%,#5cc2e0)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #5ac2e1 0%,#5cc2e0 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #5ac2e1 0%,#5cc2e0 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #5ac2e1 0%,#5cc2e0 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #5ac2e1 0%,#5cc2e0 100%); /* W3C */

    -webkit-border-radius:0 3px 3px 0;
    -moz-border-radius:0 3px 3px 0;
    -ms-border-radius:0 3px 3px 0;
    -o-border-radius:0 3px 3px 0;
    border-radius:0 3px 3px 0;

    min-height: 49px;

    margin:-1px -1px 0 0;
    padding:1px 1px 0 2px;
}

.button_download_selectOS .menu_os.active .oss {
    display:block;
}





#content a.bright_link {
    margin-bottom: 1.5em;
    padding: .4em 1em .4em 2.5em;
    display: block;
    position: relative;
    text-align: center;
    z-index: 10;
    color: #3358c0;
    font-weight: bold;
    font-size: 130%;
    text-decoration: none;
    cursor: pointer;
    text-shadow: 0 1px 0 rgba(255,255,255,0.3);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #c9eff4;
    background: -moz-linear-gradient(top,  #cdf2f8 50%, #c9eff4 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(40%,#cdf2f8), color-stop(100%,#c9eff4));
    background: -webkit-linear-gradient(top,  #cdf2f8 50%,#c9eff4 100%);
    background: -o-linear-gradient(top,  #cdf2f8 50%,#c9eff4 100%);
    background: -ms-linear-gradient(top,  #cdf2f8 50%,#c9eff4 100%);
    background: linear-gradient(to bottom,  #cdf2f8 50%,#c9eff4 100%);
    -webkit-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.7), 0 1px 3px 0 rgba(136,136,136,.5);
    -moz-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.7), 0 1px 3px 0 rgba(136,136,136,.5);
    -ms-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.7), 0 1px 3px 0 rgba(136,136,136,.5);
    -o-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.7), 0 1px 3px 0 rgba(136,136,136,.5);
    box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.7), 0 1px 3px 0 rgba(136,136,136,.5);
    border: 1px solid #a9dbee;
}
#content a.bright_link:before {
    margin-left: -40px;
    content: "";
    position: absolute;
    top: .2em;
    width: 29px;
    height: 28px;
    background: url("/idea/features/../../styles2/../img/buttons/bgBrightn_link.png") no-repeat 0 0;
}
#content a.bright_link.features:before {
    margin-left: -35px;
    width: 25px;
    height: 28px;
    background-position: 0 -43px;
}



.button_download_selectOS.yt-flat {
    display: inline-block;
    margin-bottom: 7px;
    padding: 0 30px 0 0;
    background: #92a43f;
    border: none;
    border-radius: 5px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    -webkit-box-shadow: 4px 4px 0 0 rgba(0,0,0,.08);
            box-shadow: 4px 4px 0 0 rgba(0,0,0,.08);
    -webkit-transition: .4;
        -ms-transition: .4;
            transition: .4;
    }
    .button_download_selectOS.yt-flat a.download {
        display: block;
        padding: 9px 68px 10px 46px;
        float: none;
        color: #fff;
        white-space: nowrap;
        text-align: center;
        font-size: 18px;
        font-weight: 400;
        }
        .button_download_selectOS.yt-flat a.download:before {
            display: none;
            }
    .button_download_selectOS.yt-flat .menu_os {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: 50px;
        border-left: 1px solid #fff;
        }
        .button_download_selectOS.yt-flat .menu_os a.select_os {
            margin: 0;
            width: 50px;
            height: 100%;
            min-height: 0;
            border: 0;
            border-radius: 0 5px 5px 0;
            }
        .button_download_selectOS.yt-flat .menu_os:hover a.select_os {
            background: #a1b546 !important;
            }
        .button_download_selectOS.yt-flat .menu_os a.select_os:before {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: -2px;
            margin: auto;
            width: 17px;
            height: 25px;
            /*margin-top: 3px;*/
            /*margin-left: 2px;*/
            background-image: url("/idea/features/../../styles2/../img/buttons/btn-download-sprite.png");
            }
        .button_download_selectOS.yt-flat .menu_os a.select_os.mac:before   { background-position: -150px -270px }
        .button_download_selectOS.yt-flat .menu_os a.select_os.linux:before { background-position: -150px -300px }
        .button_download_selectOS.yt-flat .menu_os a.select_os.javaEE:before{ background-position: -150px -330px }
        .button_download_selectOS.yt-flat .menu_os a.select_os.win:before   { background-position: -150px -390px }
        .button_download_selectOS.yt-flat .menu_os a.select_os.win64:before { background-position: -150px -360px }

        .button_download_selectOS.yt-flat .menu_os:after {
            display: none;
            background: url("/idea/features/../../styles2/../img/buttons/btn-download-sprite.png") -190px -240px;
            }

        .button_download_selectOS.yt-flat .menu_os.active a.select_os {
            margin: 0;
            padding: 0;
            min-height: 0;
            background: #92a43f;
            border-radius: 0 5px 5px 0;
            -webkit-box-shadow: inset 0 5px 5px 0 rgba(17,70,98,.4);
                    box-shadow: inset 0 5px 5px 0 rgba(17,70,98,.4);
            }


.button_download_selectOS.yt-flat._small {
    min-height: 0;
    }
    .button_download_selectOS.yt-flat._small a.download {
        padding: 8px 20px 8px 10px;
        font-size: 16px;
        }

.btn,
.btn-form,
.btn-product,
.btn-flat {
    position: relative;
    display: inline-block;
}
.ie7 .btn { display:inline; zoom:1 }

.btn + .btn,
.btn-product + .btn-product { margin-left: 7px }

.btn-note {
    margin: 0 0 5px;
    display: block;
    font-size: 12px;
    line-height: 16px;
}

.btn-product {
    margin-bottom: 5px;
    padding: 11px 30px;
    height: 51px;
    color: #666;
    font: 400 21px/27px "GraublauSlab-Semibold", Lucida, Georgia, serif;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255,255,255,0.32);
    vertical-align: middle;
    cursor: pointer;
    background-color: #f6f6f6;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e4e4e4), to(#b7b7b7));
    background-image: -webkit-linear-gradient(top, #e4e4e4, #b7b7b7);
    background-image:    -moz-linear-gradient(top, #e4e4e4, #b7b7b7);
    background-image:      -o-linear-gradient(top, #e4e4e4, #b7b7b7);
    background-image:   linear-gradient(to bottom, #e4e4e4, #b7b7b7);
    background-repeat: repeat-x;
    border: 1px solid #d3d3d3;
    border-color: rgba(0, 0, 0, 0.15);
    white-space: nowrap;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 -1px 0 rgba(0,0,0, 0.04), 0 2px 5px rgba(0, 0, 0, 0.15);
       -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 -1px 0 rgba(0,0,0, 0.04), 0 2px 5px rgba(0, 0, 0, 0.15);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 -1px 0 rgba(0,0,0, 0.04), 0 2px 5px rgba(0, 0, 0, 0.15);
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    -webkit-transition: 0.07s linear;
            transition: 0.07s linear;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

/*.btn-product:after {
    position: absolute;
    top:50%;
    left:0;
    right:0;
    height: 1px;
    background: red;
    content: '';
}*/

.btn-product:hover,
.btn-product.-hover,
.btn-select:hover,
.btn-select.-hover {
    background-color: #eaeaea;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaeaea), color-stop(100%,#c3c3c3));
    background-image: -webkit-linear-gradient(top, #eaeaea 0%,#c3c3c3 100%);
    background-image:    -moz-linear-gradient(top, #eaeaea 0%, #c3c3c3 100%);
    background-image:     -ms-linear-gradient(top, #eaeaea 0%,#c3c3c3 100%);
    background-image:      -o-linear-gradient(top, #eaeaea 0%,#c3c3c3 100%);
    background-image:         linear-gradient(to bottom,  #eaeaea 0%,#c3c3c3 100%);
    color: #666;
}
.btn-product:active,
.btn-product.-active,
.btn-product.-active:hover,
.btn-select:active,
.btn-select.-active,
.btn-select.-active:hover {
    background-color: #c6c6c6;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cacaca), color-stop(100%,#cdcdcd));
    background-image: -webkit-linear-gradient(top, #cacaca 0%, #cdcdcd 100%);
    background-image:    -moz-linear-gradient(top, #cacaca 0%, #cdcdcd 100%);
    background-image:     -ms-linear-gradient(top, #cacaca 0%, #cdcdcd 100%);
    background-image:      -o-linear-gradient(top, #cacaca 0%, #cdcdcd 100%);
    background-image:   linear-gradient(to bottom, #cacaca 0%, #cdcdcd 100%);
    color: #666;
    -webkit-box-shadow: inset 0 2px 5px rgba(0,0,0,0.27), 0 2px 5px rgba(0, 0, 0, 0.15);
       -moz-box-shadow: inset 0 2px 5px rgba(0,0,0,0.27), 0 2px 5px rgba(0, 0, 0, 0.15);
            box-shadow: inset 0 2px 5px rgba(0,0,0,0.27), 0 2px 5px rgba(0, 0, 0, 0.15);
}
.btn-product.-download:before,
.btn-product.-get:before {
    display: inline-block;
    margin: 1px 12px -2px 0;
    width: 30px;
    height: 27px;
    vertical-align: text-top;
    background: url("/idea/features/../../styles2/../img/buttons/btn-download-sprite.png") no-repeat -50px -300px;
    content: '';
}

/* Mac Graublau text fix */
.mac .btn-product,
.mac .btn-product:link {
    padding: 12px 17px 9px;
}
.mac .btn-product.-download:before {
    margin-top:-3px;
}
.btn-product.-download.-small:before,
.mac .btn-product.-download.-small:before {
    margin-top: 0;
}



/* Sizes of buttons */
.btn-product.-small,
.mac .btn-product.-small {
    padding: 9px 25px 11px 20px;
    height: 41px;
    font:700 15px/20px 'Open Sans', Arial, Helvetica, sans-serif;
    text-shadow: 0 1px 0 rgba(255,255,255,0.32);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 -1px 0 rgba(0,0,0, 0.04), 0 1px 3px rgba(0, 0, 0, 0.05);
       -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 -1px 0 rgba(0,0,0, 0.04), 0 1px 3px rgba(0, 0, 0, 0.05);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 -1px 0 rgba(0,0,0, 0.04), 0 1px 3px rgba(0, 0, 0, 0.05);
}
.btn-product.-small:active,
.btn-product.-small.-active,
.btn-product.-small.-active:hover {
    -webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.15), 0 1px 3px rgba(0, 0, 0, 0.04);
       -moz-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.15), 0 1px 3px rgba(0, 0, 0, 0.04);
            box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.15), 0 1px 3px rgba(0, 0, 0, 0.04);
}
.btn-product.-download.-small:before {
    width: 22px;
    height: 20px;
    background-position: 0 -300px;
}


.btn-product.-wide,
.btn-flat.-wide,
.btn-dropbox.-wide,
.btn-landing.-wide,
.btn-form.-wide {
    display: block;
}

.btn-product.-left {
    text-align: left;
}



/* Buttons group */
.btn-group {}

    .btn-group .btn-product:first-child { border-radius: 3px 0 0 3px }
    .btn-group .btn-product + .btn-product { margin-left: 0; margin-right: 0; border-radius: 0; border-left: none }
    .btn-group .btn-product:last-child { border-radius: 0 3px 3px 0 }


/* OS Selector */
.btn-group.-select-os {
    position: relative;
    display: block;
}
    .btn-group.-select-os .btn-product {
        display: block;
        margin-right: 44px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .btn-group.-select-os .btn-select {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: 44px;
    }
    .btn-select {
        -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.5);
           -moz-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.5);
                box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.5);
        cursor: pointer;
        background-color: #f6f6f6;
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e4e4e4), to(#b7b7b7));
        background-image: -webkit-linear-gradient(top, #e4e4e4, #b7b7b7);
        background-image:    -moz-linear-gradient(top, #e4e4e4, #b7b7b7);
        background-image:      -o-linear-gradient(top, #e4e4e4, #b7b7b7);
        background-image:   linear-gradient(to bottom, #e4e4e4, #b7b7b7);
        background-repeat: repeat-x;
        border: 1px solid #d3d3d3;
        border-color: rgba(0, 0, 0, 0.15);
        -webkit-border-radius: 0 3px 3px 0;
           -moz-border-radius: 0 3px 3px 0;
                border-radius: 0 3px 3px 0;
        -webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.5), inset 0 -1px 0 rgba(0,0,0, 0.04), 2px 2px 5px rgba(0, 0, 0, 0.15);
           -moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.5), inset 0 -1px 0 rgba(0,0,0, 0.04), 2px 2px 5px rgba(0, 0, 0, 0.15);
                box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.5), inset 0 -1px 0 rgba(0,0,0, 0.04), 2px 2px 5px rgba(0, 0, 0, 0.15);
    }

    .btn-select:after {
        position: absolute;
        top: 35px;
        left: 50%;
        margin-left: -5px;
        width: 9px;
        height: 6px;
        background: url("/idea/features/../../styles2/../img/buttons/btn-download-sprite.png") no-repeat -190px 0;
        content: '';
    }
    .btn-select:before {
        position:absolute;
        top: 11px;
        left: 50%;
        margin-left: -9px;
        width: 18px;
        height: 18px;
        background: url("/idea/features/../../styles2/../img/buttons/btn-download-sprite.png") no-repeat 50px 50px;
        content: '';
    }
    .btn-select.-win:before   { background-position: -150px 0 }
    .btn-select.-osx:before   { background-position: -150px -30px; height: 20px; top: 10px }
    .btn-select.-linux:before { background-position: -150px -60px; height: 21px; top: 9px }
    .btn-select.-java:before  { background-position: -150px -90px; height: 26px; top: 5px}

    .btn-select.-small:after { top: 27px }
    .btn-select.-small:before { top: 7px; width: 15px; height: 15px; margin-left: -7px; }
    .btn-select.-small.-win:before   { background-position: -100px 0 }
    .btn-select.-small.-osx:before   { background-position: -100px -30px }
    .btn-select.-small.-linux:before { background-position: -100px -60px }
    .btn-select.-small.-java:before  { background-position: -100px -90px; height: 18px; top: 5px }


/* Flat button */
.btn-flat {
    margin-bottom: 7px;
    padding: 6px 16px;
    background-color: #4a95c4;
    border: none;
    border-radius: 5px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    -webkit-box-shadow: 4px 4px 0 0 rgba(0,0,0,.08);
            box-shadow: 4px 4px 0 0 rgba(0,0,0,.08);
    -webkit-transition: .4;
        -ms-transition: .4;
            transition: .4;
    }
.btn-flat:hover {
    /*background-color:#5c9fca;*/
    color: #fff;
    }
    .btn-flat.-size1 {
        font-size: 15px;
        }
    .btn-flat.-size2,
    .btn-flat._size2 {
        padding: 5px 30px 7px;
        font-size: 18px;
        }
    .btn-flat.-size3,
    .btn-flat._size3 {
        padding: 5px 30px 7px;
        font-size: 22px;
        }


    /* flat -white */
    .btn-flat.-white {
        background-color: #fff;
        color: #0274bd;
        -webkit-box-shadow: 4px 4px 0 0 #ebebeb, inset 0 0 0 1px #4a95c4;
                box-shadow: 4px 4px 0 0 #ebebeb, inset 0 0 0 1px #4a95c4;
        }
    .btn-flat.-white:hover {
        color: #5c9fca;
        -webkit-box-shadow: 4px 4px 0 0 #ebebeb, inset 0 0 0 1px #5c9fca;
                box-shadow: 4px 4px 0 0 #ebebeb, inset 0 0 0 1px #5c9fca;
        }

    /* flat -orange */
    .btn-flat.-orange {
        background-color: #f5891f;
        -webkit-box-shadow: 4px 4px 0 0 rgba(0,0,0,.13);
                box-shadow: 4px 4px 0 0 rgba(0,0,0,.13);
        }
    .btn-flat.-orange:hover {
        color: rgba(255,255,255,.8);
        -webkit-box-shadow: 4px 4px 0 0 rgba(0,0,0,.13);
                box-shadow: 4px 4px 0 0 rgba(0,0,0,.13);
        }

    /* disabled */
    .btn-flat.-disabled,
    .btn-flat.-disabled:hover,
    .btn-flat.-disabled:active {
        background-color: #cdcdcd;
        border-color: #b9b9b9;
        color: #fff;
        -webkit-box-shadow: 4px 4px 0 0 #ebebeb, inset 0 0 0 1px #cdcdcd;
                box-shadow: 4px 4px 0 0 #ebebeb, inset 0 0 0 1px #cdcdcd;
        }


/* Dropbox button */
.btn-dropbox {
    position: relative;
    display: inline-block;
    padding: 5px 15px;
    background: #007ee5;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    text-align: center;
    -webkit-box-shadow: 1px 2px 0 #ebebeb;
            box-shadow: 1px 2px 0 #ebebeb;
    }
    .btn-dropbox:before {
        display: inline-block;
        margin: -0.2em 5px 0 0;
        width: 15px;
        height: 14px;
        background: url("/idea/features/../../styles2/../img/buttons/btn-download-sprite.png") no-repeat -200px 0;
        vertical-align: middle;
        content: '';
        }

    .btn-dropbox__select {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        /*z-index: -1;*/
        width: 100%;
        height: 100%;
        opacity: 0;
        cursor: inherit;
    }

    /* hover btn-dropbox*/
    .btn-dropbox:hover,
    .btn-dropbox:active {
        background: #007ee5;
        color: #fff;
        }

    /* product btn-dropbox*/
    .btn-dropbox.-product {
        margin: 10px 0;
        padding: 6px 15px 7px;
        }
    .btn-dropbox.-product:before {
        width: 21px;
        height: 20px;
        background-position: -200px -30px;
        }

    .btn-dropbox + .btn-note,
    .btn-dropbox + .smalltext {
        display: none;
    }


/* Form button */
.btn-form, #mktFrmSubmit,
form.lpeRegForm ul input[type=submit] {
    padding: 7px 30px 6px;
    height: 34px;
    background-color: #f0f0f0;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(50%,#f0f0f0), color-stop(100%,#e2e2e2));
    background-image: -webkit-linear-gradient(top, #f6f6f6 0%, #f0f0f0 50%, #e2e2e2 100%);
    background-image:    -moz-linear-gradient(top, #f6f6f6 0%, #f0f0f0 50%, #e2e2e2 100%);
    background-image:     -ms-linear-gradient(top, #f6f6f6 0%, #f0f0f0 50%, #e2e2e2 100%);
    background-image:      -o-linear-gradient(top, #f6f6f6 0%, #f0f0f0 50%, #e2e2e2 100%);
    background-image:   linear-gradient(to bottom, #f6f6f6 0%, #f0f0f0 50%, #e2e2e2 100%);
    border: 1px solid #d3d3d3;
    border-radius: 3px;
    color: #666;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 19px;
    text-align: center;
    cursor: pointer;
    -webkit-text-shadow: 0 1px 0 rgba(255,255,255,.8);
            text-shadow: 0 1px 0 rgba(255,255,255,.8);
    -webkit-box-shadow: inset 0 1px 0 0 rgba(255,255,255, .5), 0 1px 9px -4px rgba(0, 0, 0, .2);
       -moz-box-shadow: inset 0 1px 0 0 rgba(255,255,255, .5), 0 1px 9px -4px rgba(0, 0, 0, .2);
            box-shadow: inset 0 1px 0 0 rgba(255,255,255, .5), 0 1px 9px -4px rgba(0, 0, 0, .2);
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.btn-form::-moz-focus-inner, #mktFrmSubmit::-moz-focus-inner { border: none; padding: 0 1px }
.firefox .btn-form,
.firefox form.lpeRegForm ul input[type=submit],
.ie .btn-form,
.ie form.lpeRegForm ul input[type=submit] {
    padding-top: 6px;
}
.btn-form:hover,
.btn-form.-hover,
#mktFrmSubmit:hover,
#mktFrmSubmit.-hover,
form.lpeRegForm ul input[type=submit]:hover {
    background-color: #f3f3f3;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(50%,#f3f3f3), color-stop(100%,#eaeaea));
    background-image: -webkit-linear-gradient(top, #fff 0%, #f3f3f3 50%, #eaeaea 100%);
    background-image:    -moz-linear-gradient(top, #fff 0%, #f3f3f3 50%, #eaeaea 100%);
    background-image:     -ms-linear-gradient(top, #fff 0%, #f3f3f3 50%, #eaeaea 100%);
    background-image:      -o-linear-gradient(top, #fff 0%, #f3f3f3 50%, #eaeaea 100%);
    background-image:   linear-gradient(to bottom, #fff 0%, #f3f3f3 50%, #eaeaea 100%);
    color: #666;
}
.btn-form:active,
.btn-form.-active,
#mktFrmSubmit:active,
#mktFrmSubmit.-active,
form.lpeRegForm ul input[type=submit]:active {
    background-color: #e6e6e6;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e6e6e6), to(#f4f4f4));
    background-image: -webkit-linear-gradient(top, #e6e6e6, #f4f4f4);
    background-image:    -moz-linear-gradient(top, #e6e6e6, #f4f4f4);
    background-image:      -o-linear-gradient(top, #e6e6e6, #f4f4f4);
    background-image:   linear-gradient(to bottom, #e6e6e6, #f4f4f4);
    box-shadow: inset 0 2px 7px 0 rgba(0,0,0, .1);
    color: #666;
}

.btn-form.-big {
    padding: 9px 28px;
    height: 40px;
    font-size: 14px;
    line-height: 20px;
}

.btn-form.-landing {
    background: #929292;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#929292), color-stop(3%,#454545), color-stop(100%,#212121));
    background: -webkit-linear-gradient(top,  #929292 0%,#454545 3%,#212121 100%);
    background:    -moz-linear-gradient(top,  #929292 0%, #454545 3%, #212121 100%);
    background:      -o-linear-gradient(top,  #929292 0%,#454545 3%,#212121 100%);
    background:     -ms-linear-gradient(top,  #929292 0%,#454545 3%,#212121 100%);
    background:         linear-gradient(to bottom,  #929292 0%,#454545 3%,#212121 100%);
    border-color: #191919;
    box-shadow: inset 1px 1px 3px 0 rgba(0,0,0, .18);
    color: #fff;
    text-shadow: 0 -1px 1px rgba(0,0,0,.51);
}
.btn-form.-landing:hover {
    background: #929292;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9c9c9c), color-stop(3%,#5a5a5a), color-stop(100%,#2b2b2b));
    background: -webkit-linear-gradient(top,  #9c9c9c 0%,#5a5a5a 3%,#2b2b2b 100%);
    background:    -moz-linear-gradient(top,  #9c9c9c 0%, #5a5a5a 3%, #2b2b2b 100%);
    background:      -o-linear-gradient(top,  #9c9c9c 0%,#5a5a5a 3%,#2b2b2b 100%);
    background:     -ms-linear-gradient(top,  #9c9c9c 0%,#5a5a5a 3%,#2b2b2b 100%);
    background:         linear-gradient(to bottom, #9c9c9c 0%, #5a5a5a 3%, #2b2b2b 100%);
}
.btn-form.-landing:active,
.btn-form.-landing.-active {
    background-color: #e6e6e6;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2b2b2b), to(#5a5a5a));
    background-image: -webkit-linear-gradient(top, #2b2b2b, #5a5a5a);
    background-image:    -moz-linear-gradient(top, #2b2b2b, #5a5a5a);
    background-image:     -ms-linear-gradient(top, #2b2b2b, #5a5a5a);
    background-image:      -o-linear-gradient(top, #2b2b2b, #5a5a5a);
    background-image:   linear-gradient(to bottom, #2b2b2b, #5a5a5a);
    box-shadow: inset 0 2px 7px 0 rgba(0,0,0, .1);
    color: #fff;
}


.btn-landing {
    position: relative;
    display: inline-block;
    margin-bottom: 5px;
    padding: 22px 30px 20px;
    height: 70px;
    color: #fff;
    font: 600 20px/25px "Myriad Pro", "Open Sans";
    text-align: center;
    text-shadow: 0 -1px 1px rgba(139,87,5,0.51);
    vertical-align: middle;
    cursor: pointer;
    background-color: #ffc21c;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffc21c), to(#fda315));
    background-image: -webkit-linear-gradient(top, #ffc21c, #fda315);
    background-image:    -moz-linear-gradient(top, #ffc21c, #fda315);
    background-image:      -o-linear-gradient(top, #ffc21c, #fda315);
    background-image:   linear-gradient(to bottom, #ffc21c, #fda315);
    background-repeat: repeat-x;
    border: 1px solid #d18000;
    white-space: nowrap;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.18);
       -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.18);
            box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.18);
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    -webkit-transition: 0.07s linear;
            transition: 0.07s linear;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.btn-landing:hover {
    color: #fff;
    background-color: #ffc21c;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffcd1e), to(#ffae15));
    background-image: -webkit-linear-gradient(top, #ffcd1e, #ffae15);
    background-image:    -moz-linear-gradient(top, #ffcd1e, #ffae15);
    background-image:      -o-linear-gradient(top, #ffcd1e, #ffae15);
    background-image:   linear-gradient(to bottom, #ffcd1e, #ffae15);
    border-color: #e69300;
}

/* RETINA */
@media
(-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .btn-product.-download:before,
    .btn-product.-get:before,
    .btn-select.-download:before,
    .btn-select.download:after,
    .btn-select:before,
    .btn-dropbox:before {
        background-image: url("/idea/features/../../styles2/../img/buttons/btn-download-sprite@2x.png");
        background-size: 230px 420px;
    }
}


/* Idea UE */
.btn-idea-ue {
    background-color: #90a3e5;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#90a3e5), color-stop(100%,#5f73ba));
    background: -webkit-linear-gradient(top,  #90a3e5 20%, #5f73ba 100%);
    background:    -moz-linear-gradient(top,  #90a3e5 20%, #5f73ba 100%);
    background:     -ms-linear-gradient(top,  #90a3e5 20%, #5f73ba 100%);
    background:      -o-linear-gradient(top,  #90a3e5 20%, #5f73ba 100%);
    background:   linear-gradient(to bottom,  #90a3e5 20%, #5f73ba 100%);
    border-color: #2d418e;
    color: #233471;
}
.btn-idea-ue:hover,
.btn-idea-ue.-hover {
    background-color: #a0b5f8;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#a0b5f8), color-stop(100%,#6c82cd));
    background: -webkit-linear-gradient(top,  #a0b5f8 20%, #6c82cd 100%);
    background:    -moz-linear-gradient(top,  #a0b5f8 20%, #6c82cd 100%);
    background:     -ms-linear-gradient(top,  #a0b5f8 20%, #6c82cd 100%);
    background:      -o-linear-gradient(top,  #a0b5f8 20%, #6c82cd 100%);
    background:   linear-gradient(to bottom,  #a0b5f8 20%, #6c82cd 100%);
    color: #233471;
}
.btn-idea-ue:active,
.btn-idea-ue.-active,
.btn-idea-ue.-active:hover {
    background-color: #7086d1;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#7086d1), to(#92a6ef));
    background-image: -webkit-linear-gradient(top, #7086d1, #92a6ef);
    background-image:    -moz-linear-gradient(top, #7086d1, #92a6ef);
    background-image:      -o-linear-gradient(top, #7086d1, #92a6ef);
    background-image:   linear-gradient(to bottom, #7086d1, #92a6ef);
    color: #233471;
}
.btn-idea-ue.-download:before { background-position: -50px 0 }
.btn-idea-ue.-download.-small:before { background-position: 0 0 }

/* Idea CE */
.btn-idea-ce {
    background-color: #4e7393;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#8bb4d7), color-stop(100%,#4e7393));
    background: -webkit-linear-gradient(top,  #8bb4d7 20%, #4e7393 100%);
    background:    -moz-linear-gradient(top,  #8bb4d7 20%, #4e7393 100%);
    background:     -ms-linear-gradient(top,  #8bb4d7 20%, #4e7393 100%);
    background:      -o-linear-gradient(top,  #8bb4d7 20%, #4e7393 100%);
    background:   linear-gradient(to bottom,  #8bb4d7 20%, #4e7393 100%);
    border-color: #2b4d6b;
    color: #183955;
}
.btn-idea-ce:hover,
.btn-idea-ce.-hover {
    background-color: #9cc6ea;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#9cc6ea), color-stop(100%,#5a82a4));
    background: -webkit-linear-gradient(top,  #9cc6ea 20%, #5a82a4 100%);
    background:    -moz-linear-gradient(top,  #9cc6ea 20%, #5a82a4 100%);
    background:     -ms-linear-gradient(top,  #9cc6ea 20%, #5a82a4 100%);
    background:      -o-linear-gradient(top,  #9cc6ea 20%, #5a82a4 100%);
    background:   linear-gradient(to bottom,  #9cc6ea 20%, #5a82a4 100%);
    color: #183955;
}
.btn-idea-ce:active,
.btn-idea-ce.-active,
.btn-idea-ce.-active:hover {
    background-color: #5d85a7;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5d85a7), to(#79a1c4));
    background-image: -webkit-linear-gradient(top, #5d85a7, #79a1c4);
    background-image:    -moz-linear-gradient(top, #5d85a7, #79a1c4);
    background-image:      -o-linear-gradient(top, #5d85a7, #79a1c4);
    background-image:   linear-gradient(to bottom, #5d85a7, #79a1c4);
    color: #183955;
}
.btn-idea-ce.-download:before { background-position: -50px -30px }
.btn-idea-ce.-download.-small:before { background-position: 0 -30px }

/* Resharper */
.btn-resharper {
    background-color: #ca71a3;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d87db3), to(#bd6693));
    background-image: -webkit-linear-gradient(top, #d87db3, #bd6693);
    background-image:    -moz-linear-gradient(top, #d87db3, #bd6693);
    background-image:     -ms-linear-gradient(top, #d87db3, #bd6693);
    background-image:      -o-linear-gradient(top, #d87db3, #bd6693);
    background-image:   linear-gradient(to bottom, #d87db3, #bd6693);
    border-color: #942059;
    color: #61103f;
}
.btn-resharper:hover,
.btn-resharper.-hover {
    background-color: #eb8dc5;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eb8dc5), to(#d175a5));
    background-image: -webkit-linear-gradient(top, #eb8dc5, #d175a5);
    background-image:    -moz-linear-gradient(top, #eb8dc5, #d175a5);
    background-image:     -ms-linear-gradient(top, #eb8dc5, #d175a5);
    background-image:      -o-linear-gradient(top, #eb8dc5, #d175a5);
    background-image:   linear-gradient(to bottom, #eb8dc5, #d175a5);
    color: #61103f;
}
.btn-resharper:active,
.btn-resharper.-active,
.btn-resharper.-active:hover {
    background-color: #c56c9b;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#c56c9b), to(#dc80b2));
    background-image: -webkit-linear-gradient(top, #c56c9b, #dc80b2);
    background-image:    -moz-linear-gradient(top, #c56c9b, #dc80b2);
    background-image:     -ms-linear-gradient(top, #c56c9b, #dc80b2);
    background-image:      -o-linear-gradient(top, #c56c9b, #dc80b2);
    background-image:   linear-gradient(to bottom, #c56c9b, #dc80b2);
    color: #61103f;
}
.btn-resharper.-download:before { background-position: -50px -210px }
.btn-resharper.-download.-small:before { background-position: 0 -210px }

/* Rubymine */
.btn-rubymine {
    background-color: #dc698f;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dc698f), to(#b64965));
    background-image: -webkit-linear-gradient(top, #dc698f, #b64965);
    background-image:    -moz-linear-gradient(top, #dc698f, #b64965);
    background-image:     -ms-linear-gradient(top, #dc698f, #b64965);
    background-image:      -o-linear-gradient(top, #ca71a3, #b64965);
    background-image:   linear-gradient(to bottom, #dc698f, #b64965);
    border-color: #a10027;
    color: #490000;
}
.btn-rubymine:hover,
.btn-rubymine.-hover {
    background-color: #f0779f;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f0779f), to(#c85573));
    background-image: -webkit-linear-gradient(top, #f0779f, #c85573);
    background-image:    -moz-linear-gradient(top, #f0779f, #c85573);
    background-image:     -ms-linear-gradient(top, #f0779f, #c85573);
    background-image:      -o-linear-gradient(top, #f0779f, #c85573);
    background-image:   linear-gradient(to bottom, #f0779f, #c85573);
    color: #490000;
}
.btn-rubymine:active,
.btn-rubymine.-active,
.btn-rubymine.-active:hover {
    background-color: #cd5978;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#cd5978), to(#dd6a90));
    background-image: -webkit-linear-gradient(top, #cd5978, #dd6a90);
    background-image:    -moz-linear-gradient(top, #cd5978, #dd6a90);
    background-image:     -ms-linear-gradient(top, #cd5978, #dd6a90);
    background-image:      -o-linear-gradient(top, #cd5978, #dd6a90);
    background-image:   linear-gradient(to bottom, #cd5978, #dd6a90);
    color: #490000;
}
.btn-rubymine.-download:before { background-position: -50px -120px }
.btn-rubymine.-download.-small:before { background-position: 0 -120px }

/* PhpStorm */
.btn-phpstorm {
    background-color: #dc698f;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#9f9cdd), to(#7b78bb));
    background-image: -webkit-linear-gradient(top, #9f9cdd, #7b78bb);
    background-image:    -moz-linear-gradient(top, #9f9cdd, #7b78bb);
    background-image:     -ms-linear-gradient(top, #9f9cdd, #7b78bb);
    background-image:      -o-linear-gradient(top, #9f9cdd, #7b78bb);
    background-image:   linear-gradient(to bottom, #9f9cdd, #7b78bb);
    border-color: #575397;
    color: #454377;
}
.btn-phpstorm:hover,
.btn-phpstorm.-hover {
    background-color: #b1adf1;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b1adf1), to(#8a87ce));
    background-image: -webkit-linear-gradient(top, #b1adf1, #8a87ce);
    background-image:    -moz-linear-gradient(top, #b1adf1, #8a87ce);
    background-image:     -ms-linear-gradient(top, #b1adf1, #8a87ce);
    background-image:      -o-linear-gradient(top, #b1adf1, #8a87ce);
    background-image:   linear-gradient(to bottom, #b1adf1, #8a87ce);
    color: #454377;
}
.btn-phpstorm:active,
.btn-phpstorm.-active,
.btn-phpstorm.-active:hover {
    background-color: #827fc2;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#827fc2), to(#9592d4));
    background-image: -webkit-linear-gradient(top, #827fc2, #9592d4);
    background-image:    -moz-linear-gradient(top, #827fc2, #9592d4);
    background-image:     -ms-linear-gradient(top, #827fc2, #9592d4);
    background-image:      -o-linear-gradient(top, #827fc2, #9592d4);
    background-image:   linear-gradient(to bottom, #827fc2, #9592d4);
    color: #454377;
}
.btn-phpstorm.-download:before { background-position: -50px -60px }
.btn-phpstorm.-download.-small:before { background-position: 0 -60px }

/* WebStorm */
.btn-webstorm {
    background-color: #abdefa;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#abdefa), to(#5b97d2));
    background-image: -webkit-linear-gradient(top, #abdefa, #5b97d2);
    background-image:    -moz-linear-gradient(top, #abdefa, #5b97d2);
    background-image:     -ms-linear-gradient(top, #abdefa, #5b97d2);
    background-image:      -o-linear-gradient(top, #abdefa, #5b97d2);
    background-image:   linear-gradient(to bottom, #abdefa, #5b97d2);
    border-color: #3077bb;
    color: #1d577b;
}
.btn-webstorm:hover,
.btn-webstorm.-hover {
    background-color: #bef3ff;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#bef3ff), to(#68a8e5));
    background-image: -webkit-linear-gradient(top, #bef3ff, #68a8e5);
    background-image:    -moz-linear-gradient(top, #bef3ff, #68a8e5);
    background-image:     -ms-linear-gradient(top, #bef3ff, #68a8e5);
    background-image:      -o-linear-gradient(top, #bef3ff, #68a8e5);
    background-image:   linear-gradient(to bottom, #bef3ff, #68a8e5);
    color: #1d577b;
}
.btn-webstorm:active,
.btn-webstorm.-active,
.btn-webstorm.-active:hover {
    background-color: #6babe2;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6babe2), to(#80c2f2));
    background-image: -webkit-linear-gradient(top, #6babe2, #80c2f2);
    background-image:    -moz-linear-gradient(top, #6babe2, #80c2f2);
    background-image:     -ms-linear-gradient(top, #6babe2, #80c2f2);
    background-image:      -o-linear-gradient(top, #6babe2, #80c2f2);
    background-image:   linear-gradient(to bottom, #6babe2, #80c2f2);
    color: #1d577b;
}
.btn-webstorm.-download:before { background-position: -50px -150px }
.btn-webstorm.-download.-small:before { background-position: 0 -150px }

/* PyCharm */
.btn-pycharm {
    background-color: #9adb8e;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#9adb8e), color-stop(100%,#6bb26f));
    background: -webkit-linear-gradient(top,  #9adb8e 20%, #6bb26f 100%);
    background:    -moz-linear-gradient(top,  #9adb8e 20%, #6bb26f 100%);
    background:     -ms-linear-gradient(top,  #9adb8e 20%, #6bb26f 100%);
    background:      -o-linear-gradient(top,  #9adb8e 20%, #6bb26f 100%);
    background:   linear-gradient(to bottom,  #9adb8e 20%, #6bb26f 100%);
    border-color: #3d8c40;
    color: #195b1d;
}
.btn-pycharm:hover,
.btn-pycharm.-hover {
    background-color: #abef9e;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#abef9e), color-stop(100%,#79c47d));
    background: -webkit-linear-gradient(top,  #abef9e 20%, #79c47d 100%);
    background:    -moz-linear-gradient(top,  #abef9e 20%, #79c47d 100%);
    background:     -ms-linear-gradient(top,  #abef9e 20%, #79c47d 100%);
    background:      -o-linear-gradient(top,  #abef9e 20%, #79c47d 100%);
    background:   linear-gradient(to bottom,  #abef9e 20%, #79c47d 100%);
    color: #195b1d;
}
.btn-pycharm:active,
.btn-pycharm.-active,
.btn-pycharm.-active:hover {
    background-color: #7bca80;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#7bca80), to(#80ce84));
    background-image: -webkit-linear-gradient(top, #7bca80, #80ce84);
    background-image:    -moz-linear-gradient(top, #7bca80, #80ce84);
    background-image:      -o-linear-gradient(top, #7bca80, #80ce84);
    background-image:   linear-gradient(to bottom, #7bca80, #80ce84);
    color: #195b1d;
}
.btn-pycharm.-download:before { background-position: -50px -90px }
.btn-pycharm.-download.-small:before { background-position: 0 -90px }

.btn-pycharm-ce {
    background-color: #b5d3cb;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#b5d3cb), color-stop(100%,#86b6aa));
    background: -webkit-linear-gradient(top,  #b5d3cb 20%, #86b6aa 100%);
    background:    -moz-linear-gradient(top,  #b5d3cb 20%, #86b6aa 100%);
    background:     -ms-linear-gradient(top,  #b5d3cb 20%, #86b6aa 100%);
    background:      -o-linear-gradient(top,  #b5d3cb 20%, #86b6aa 100%);
    background:   linear-gradient(to bottom,  #b5d3cb 20%, #86b6aa 100%);
    border-color: #629977;
    color: #40704b;
}
.btn-pycharm-ce:hover,
.btn-pycharm-ce.-hover {
    background-color: #c4ebe1;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#c4ebe1), color-stop(100%,#96cfc1));
    background: -webkit-linear-gradient(top,  #c4ebe1 20%, #96cfc1 100%);
    background:    -moz-linear-gradient(top,  #c4ebe1 20%, #96cfc1 100%);
    background:     -ms-linear-gradient(top,  #c4ebe1 20%, #96cfc1 100%);
    background:      -o-linear-gradient(top,  #c4ebe1 20%, #96cfc1 100%);
    background:   linear-gradient(to bottom,  #c4ebe1 20%, #96cfc1 100%);
    color: #195b1d;
}
.btn-pycharm-ce:active,
.btn-pycharm-ce.-active,
.btn-pycharm-ce.-active:hover {
    background-color: #789991;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#789991), to(#a1c5bb));
    background-image: -webkit-linear-gradient(top, #789991, #a1c5bb);
    background-image:    -moz-linear-gradient(top, #789991, #a1c5bb);
    background-image:      -o-linear-gradient(top, #789991, #a1c5bb);
    background-image:   linear-gradient(to bottom, #789991, #a1c5bb);
    color: #195b1d;
}
.btn-pycharm-ce.-download:before { background-position: -50px -90px }
.btn-pycharm-ce.-download.-small:before { background-position: 0 -90px }

/* MPS */
.btn-mps {
    background-color: #f3d26f;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3d26f), color-stop(100%,#ff9000));
    background: -webkit-linear-gradient(top,  #f3d26f 0%, #ff9000 100%);
    background:    -moz-linear-gradient(top,  #f3d26f 0%, #ff9000 100%);
    background:     -ms-linear-gradient(top,  #f3d26f 0%, #ff9000 100%);
    background:      -o-linear-gradient(top,  #f3d26f 0%, #ff9000 100%);
    background:   linear-gradient(to bottom,  #f3d26f 0%, #ff9000 100%);
    border-color: #b44c00;
    color: #963f00;
}
.btn-mps:hover,
.btn-mps.-hover {
    background-color: #ffe47a;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#ffe47a), color-stop(100%,#ffa205));
    background: -webkit-linear-gradient(top,  #ffe47a 20%, #ffa205 100%);
    background:    -moz-linear-gradient(top,  #ffe47a 20%, #ffa205 100%);
    background:     -ms-linear-gradient(top,  #ffe47a 20%, #ffa205 100%);
    background:      -o-linear-gradient(top,  #ffe47a 20%, #ffa205 100%);
    background:   linear-gradient(to bottom,  #ffe47a 20%, #ffa205 100%);
    color: #963f00;
}
.btn-mps:active,
.btn-mps.-active,
.btn-mps.-active:hover {
    background-color: #ef8904;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ef8904), to(#e99f21));
    background-image: -webkit-linear-gradient(top, #ef8904, #e99f21);
    background-image:    -moz-linear-gradient(top, #ef8904, #e99f21);
    background-image:      -o-linear-gradient(top, #ef8904, #e99f21);
    background-image:   linear-gradient(to bottom, #ef8904, #e99f21);
    color: #963f00;
}
.btn-mps.-download:before { background-position: -50px -180px }
.btn-mps.-download.-small:before { background-position: 0 -180px }

/* AppCode */
.btn-appcode {
    background-color: #e9b61d;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#e9b61d), color-stop(100%,#e3730e));
    background: -webkit-linear-gradient(top,  #e9b61d 20%, #e3730e 100%);
    background:    -moz-linear-gradient(top,  #e9b61d 20%, #e3730e 100%);
    background:     -ms-linear-gradient(top,  #e9b61d 20%, #e3730e 100%);
    background:      -o-linear-gradient(top,  #e9b61d 20%, #e3730e 100%);
    background:   linear-gradient(to bottom,  #e9b61d 20%, #e3730e 100%);
    border-color: #b35908;
    color: #6c3211;
}
.btn-appcode:hover,
.btn-appcode.-hover {
    background-color: #fdc622;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#fdc622), color-stop(100%,#f78513));
    background: -webkit-linear-gradient(top,  #fdc622 20%, #f78513 100%);
    background:    -moz-linear-gradient(top,  #fdc622 20%, #f78513 100%);
    background:     -ms-linear-gradient(top,  #fdc622 20%, #f78513 100%);
    background:      -o-linear-gradient(top,  #fdc622 20%, #f78513 100%);
    background:   linear-gradient(to bottom,  #fdc622 20%, #f78513 100%);
    color: #6c3211;
}
.btn-appcode:active,
.btn-appcode.-active,
.btn-appcode.-active:hover {
    background-color: #f78513;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f78513), to(#fdc622));
    background-image: -webkit-linear-gradient(top, #f78513, #fdc622);
    background-image:    -moz-linear-gradient(top, #f78513, #fdc622);
    background-image:      -o-linear-gradient(top, #f78513, #fdc622);
    background-image:   linear-gradient(to bottom, #f78513, #fdc622);
    color: #6c3211;
}
.btn-appcode.-download:before { background-position: -50px -180px }
.btn-appcode.-download.-small:before { background-position: 0 -180px }

/* YouTrack */
.btn-youtrack {
    background-color: #4a9bc0;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#60cae5), to(#478fb5));
    background-image: -webkit-linear-gradient(top, #60cae5, #478fb5);
    background-image:    -moz-linear-gradient(top, #60cae5, #478fb5);
    background-image:     -ms-linear-gradient(top, #60cae5, #478fb5);
    background-image:      -o-linear-gradient(top, #60cae5, #478fb5);
    background-image:   linear-gradient(to bottom, #60cae5, #478fb5);
    border-color: #317aa0;
    color: #234558;
}
.btn-youtrack:hover,
.btn-youtrack.-hover {
    background-color: #6dddf8;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6dddf8), to(#4893b8));
    background-image: -webkit-linear-gradient(top, #6dddf8, #4893b8);
    background-image:    -moz-linear-gradient(top, #6dddf8, #4893b8);
    background-image:     -ms-linear-gradient(top, #6dddf8, #4893b8);
    background-image:      -o-linear-gradient(top, #6dddf8, #4893b8);
    background-image:   linear-gradient(to bottom, #6dddf8, #4893b8);
    color: #234558;
}
.btn-youtrack:active,
.btn-youtrack.-active,
.btn-youtrack.-active:hover {
    background-color: #50a7cb;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#50a7cb), to(#5dc5e3));
    background-image: -webkit-linear-gradient(top, #50a7cb, #5dc5e3);
    background-image:    -moz-linear-gradient(top, #50a7cb, #5dc5e3);
    background-image:     -ms-linear-gradient(top, #50a7cb, #5dc5e3);
    background-image:      -o-linear-gradient(top, #50a7cb, #5dc5e3);
    background-image:   linear-gradient(to bottom, #50a7cb, #5dc5e3);
    color: #234558;
}
.btn-youtrack.-download:before { background-position: -50px -240px }
.btn-youtrack.-download.-small:before { background-position: 0 -240px }

.btn-youtrack.btn-select.-win:before   { background-position: -150px -120px }
.btn-youtrack.btn-select.-osx:before   { background-position: -150px -150px }
.btn-youtrack.btn-select.-linux:before { background-position: -150px -180px }
.btn-youtrack.btn-select.-java:before  { background-position: -150px -210px }
.btn-youtrack.btn-select.-small.-win:before   { background-position: -100px -120px }
.btn-youtrack.btn-select.-small.-osx:before   { background-position: -100px -150px }
.btn-youtrack.btn-select.-small.-linux:before { background-position: -100px -180px }
.btn-youtrack.btn-select.-small.-java:before  { background-position: -100px -210px }

.btn-youtrack.btn-select:after { background-position: -190px -120px }


/* InCloud and YouTrack Get */
.btn-incloud,
.btn-youtrack.-get {
    background-color: #add254;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#c8dc57), to(#82af40));
    background-image: -webkit-linear-gradient(top, #c8dc57, #82af40);
    background-image:    -moz-linear-gradient(top, #c8dc57, #82af40);
    background-image:     -ms-linear-gradient(top, #c8dc57, #82af40);
    background-image:      -o-linear-gradient(top, #c8dc57, #82af40);
    background-image:   linear-gradient(to bottom, #c8dc57, #82af40);
    border-color: #75963d;
    color: #435928;
}
.btn-incloud:hover,
.btn-incloud.-hover,
.btn-youtrack.-get:hover,
.btn-youtrack.-get.-hover {
    background-color: #daef63;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#daef63), to(#96c44d));
    background-image: -webkit-linear-gradient(top, #daef63, #96c44d);
    background-image:    -moz-linear-gradient(top, #daef63, #96c44d);
    background-image:     -ms-linear-gradient(top, #daef63, #96c44d);
    background-image:      -o-linear-gradient(top, #daef63, #96c44d);
    background-image:   linear-gradient(to bottom, #daef63, #96c44d);
    color: #435928;
}
.btn-incloud:active,
.btn-incloud.-active,
.btn-incloud.-active:hover,
.btn-youtrack.-get:active,
.btn-youtrack.-get.-active,
.btn-youtrack.-get.-active:hover {
    background-color: #87b342;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#87b342), to(#b1d455));
    background-image: -webkit-linear-gradient(top, #87b342, #b1d455);
    background-image:    -moz-linear-gradient(top, #87b342, #b1d455);
    background-image:     -ms-linear-gradient(top, #87b342, #b1d455);
    background-image:      -o-linear-gradient(top, #87b342, #b1d455);
    background-image:   linear-gradient(to bottom, #87b342, #b1d455);
    color: #435928;
}
.btn-incloud.-download:before { width: 34px; height: 23px; background-position: -50px -330px; margin-top: 2px  }
.btn-incloud.-download.-small:before { width: 26px; height: 18px; background-position: 0 -330px }
.btn-youtrack.-get:before { width: 27px; height: 27px; background-position: -50px -390px }
.btn-youtrack.-get.-small:before { width: 21px; height: 21px; background-position: 0 -390px }


/* GitHub */
.btn-github,
.btn-free {
    background-color: #f3d26f;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3d26f), color-stop(100%,#ff9000));
    background: -webkit-linear-gradient(top,  #f3d26f 0%, #ff9000 100%);
    background:    -moz-linear-gradient(top,  #f3d26f 0%, #ff9000 100%);
    background:     -ms-linear-gradient(top,  #f3d26f 0%, #ff9000 100%);
    background:      -o-linear-gradient(top,  #f3d26f 0%, #ff9000 100%);
    background:   linear-gradient(to bottom,  #f3d26f 0%, #ff9000 100%);
    border-color: #b44c00;
    color: #963f00;

}
.btn-github:hover,
.btn-github.-hover,
.btn-free:hover,
.btn-free.-hover {
    background-color: #ffe47a;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#ffe47a), color-stop(100%,#ffa205));
    background: -webkit-linear-gradient(top,  #ffe47a 20%, #ffa205 100%);
    background:    -moz-linear-gradient(top,  #ffe47a 20%, #ffa205 100%);
    background:     -ms-linear-gradient(top,  #ffe47a 20%, #ffa205 100%);
    background:      -o-linear-gradient(top,  #ffe47a 20%, #ffa205 100%);
    background:   linear-gradient(to bottom,  #ffe47a 20%, #ffa205 100%);
    color: #963f00;
}
.btn-github:active,
.btn-github.-active,
.btn-github.-active:hover,
.btn-free:active,
.btn-free.-active,
.btn-free.-active:hover {
    background-color: #ef8904;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ef8904), to(#e99f21));
    background-image: -webkit-linear-gradient(top, #ef8904, #e99f21);
    background-image:    -moz-linear-gradient(top, #ef8904, #e99f21);
    background-image:      -o-linear-gradient(top, #ef8904, #e99f21);
    background-image:   linear-gradient(to bottom, #ef8904, #e99f21);
    color: #963f00;
}
.btn-github.-download:before { width: 31px; height: 24px; background-position: -50px -360px }
.btn-github.-download.-small:before { width: 23px; height: 19px; background-position: 0 -360px; margin-top: 2px }

/* TeamCity */
.btn-teamcity {
    background-color: #bdc7e8;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#bdc7e8), to(#7a8ac7));
    background-image: -webkit-linear-gradient(top, #bdc7e8, #7a8ac7);
    background-image:    -moz-linear-gradient(top, #bdc7e8, #7a8ac7);
    background-image:     -ms-linear-gradient(top, #bdc7e8, #7a8ac7);
    background-image:      -o-linear-gradient(top, #bdc7e8, #7a8ac7);
    background-image:   linear-gradient(to bottom, #bdc7e8, #7a8ac7);
    border-color: #5c6ba7;
    color: #233471;
}
.btn-teamcity:hover,
.btn-teamcity.-hover {
    background-color: #d2d9f2;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d2d9f2), to(#8f9ed4));
    background-image: -webkit-linear-gradient(top, #d2d9f2, #8f9ed4);
    background-image:    -moz-linear-gradient(top, #d2d9f2, #8f9ed4);
    background-image:     -ms-linear-gradient(top, #d2d9f2, #8f9ed4);
    background-image:      -o-linear-gradient(top, #d2d9f2, #8f9ed4);
    background-image:   linear-gradient(to bottom, #d2d9f2, #8f9ed4);
    color: #233471;
}
.btn-teamcity:active,
.btn-teamcity.-active,
.btn-teamcity.-active:hover {
    background-color: #7a8ac7;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#7a8ac7), to(#98a6d6));
    background-image: -webkit-linear-gradient(top, #7a8ac7, #98a6d6);
    background-image:    -moz-linear-gradient(top, #7a8ac7, #98a6d6);
    background-image:     -ms-linear-gradient(top, #7a8ac7, #98a6d6);
    background-image:      -o-linear-gradient(top, #7a8ac7, #98a6d6);
    background-image:   linear-gradient(to bottom, #7a8ac7, #98a6d6);
    color: #233471;
}
.btn-teamcity.-download:before { background-position: -50px -270px }
.btn-teamcity.-download.-small:before { background-position: 0 -270px }

/* Student */
.btn-student {
    background-color: #839943;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#99af5a), to(#708630));
    background-image: -webkit-linear-gradient(top, #99af5a, #708630);
    background-image:    -moz-linear-gradient(top, #99af5a, #708630);
    background-image:     -ms-linear-gradient(top, #99af5a, #708630);
    background-image:      -o-linear-gradient(top, #99af5a, #708630);
    background-image:   linear-gradient(to bottom, #99af5a, #708630);
    border-color: #596d20;
    color: #fff;
    text-shadow: 0 1px 1px rgba(0,0,0,0.32);
}
.btn-student:hover,
.btn-student.-hover {
    background-color: #9eb657;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#aec56f), to(#8ea941));
    background-image: -webkit-linear-gradient(top, #aec56f, #8ea941);
    background-image:    -moz-linear-gradient(top, #aec56f, #8ea941);
    background-image:     -ms-linear-gradient(top, #aec56f, #8ea941);
    background-image:      -o-linear-gradient(top, #aec56f, #8ea941);
    background-image:   linear-gradient(to bottom, #aec56f, #8ea941);
    color: #fff;
}
.btn-student:active,
.btn-student.-active,
.btn-student.-active:hover {
    background-color: #91a752;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#718240), to(#90a651));
    background-image: -webkit-linear-gradient(top, #718240, #90a651);
    background-image:    -moz-linear-gradient(top, #718240, #90a651);
    background-image:     -ms-linear-gradient(top, #718240, #90a651);
    background-image:      -o-linear-gradient(top, #718240, #90a651);
    background-image:   linear-gradient(to bottom, #718240, #90a651);
    color: #fff;
}


/* Disabled buttons */
.btn:disabled,
.btn.-disabled,
.btn.-disabled:hover,
.btn.-disabled:active,
.btn:disabled,
.btn-product.-disabled,
.btn-product.-disabled:hover,
.btn-product.-disabled:active,
.btn-form.-disabled,
.btn-form.-disabled:hover,
.btn-form.-disabled:active {
    color: #d0d0d0 !important;
    background: #f0f0f0 !important;
    border: 1px solid #d3d3d3 !important;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), inset 0 -1px 0 rgba(0,0,0,0.04), 0 1px 3px rgba(0, 0, 0, 0.04) !important;
       -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), inset 0 -1px 0 rgba(0,0,0,0.04), 0 1px 3px rgba(0, 0, 0, 0.04) !important;
            box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), inset 0 -1px 0 rgba(0,0,0,0.04), 0 1px 3px rgba(0, 0, 0, 0.04) !important;
    cursor: default !important;
}

.btn-form.-landing:disabled,
.btn-form.-landing.-disabled,
.btn-form.-landing.-disabled:hover,
.btn-form.-landing.-disabled:active {
    color: #5f5f5f !important;
    background: #4b4b4b !important;
    border: 1px solid #696969 !important;
    text-shadow: 0 -1px 1px rgba(0,0,0,.1);
}

.btn-product.-download:disabled:before,
.btn-product.-download.-disabled:before { opacity: 0.3 }

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("/idea/features/../../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("/idea/features/../../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;
}
.screenshot.shadow.gallery {
    position: relative;
    display: block;
    margin-top: 1em;
}
.screenshot.shadow.gallery .action {
    display: block;
    position: absolute;
    text-indent: -999em;
    z-index: 1;
}
.screenshot.shadow.gallery .action.enlarge {
    height: 27px;
    width: 27px;
    left: -13px;
    top: -13px;
    background: url("/idea/features/../../styles2/../img/jquery/boximage/enlarge.png") no-repeat 0 0;
}
.screenshot.shadow.gallery img {
    -webkit-box-shadow: 3px 3px 0 0 #f3f3f3, 4px 4px 0 0 #ccc, 2px 3px 0 0 #ccc, 3px 2px 0 0 #ccc, 5px 5px 4px #e1e1e1;
    -moz-box-shadow: 3px 3px 0 0 #f3f3f3, 4px 4px 0 0 #ccc, 2px 3px 0 0 #ccc, 3px 2px 0 0 #ccc, 5px 5px 4px #e1e1e1;
    box-shadow: 3px 3px 0 0 #f3f3f3, 4px 4px 0 0 #ccc, 2px 3px 0 0 #ccc, 3px 2px 0 0 #ccc, 5px 5px 4px #e1e1e1;
}
.screenshot.video a {
    margin: 0;
    padding: 0;
}
.screenshot.video a:after {
    margin-left: -24px;
    margin-top: -24px;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 48px;
    height: 48px;
    content: "play";
    text-indent: -50000px;
    background: url("/idea/features/../../styles2/../img/jquery/boximage/play.png") no-repeat 0 0;
}
.screenshot.enlarge a {
    margin: 0;
    padding: 0;
}
.screenshot.enlarge a:after {
    position: absolute;
    top: -11px;
    left: -11px;
    width: 27px;
    height: 27px;
    content: "";
    text-indent: -50000px;
    background: url("/idea/features/../../styles2/../img/jquery/boximage/enlarge.png") no-repeat 0 0;
}


div.img {
    margin-bottom: 10px;
    position: relative;
}
.img.shadow img {
    padding: 3px;
    background-color: #fff;
    -webkit-box-shadow: 1px 0 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 1px 0 1px rgba(0, 0, 0, 0.1);
    box-shadow: 1px 0 1px rgba(0, 0, 0, 0.1);
    filter:	progid:DXImageTransform.Microsoft.Shadow(color='#e8e8e8', Direction=135, Strength=6);
    border: solid 1px #ccc;
}
@media only screen and (-Webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
    .img.shadow img {
        /*height: 100%;
        width: 100%;*/
    }
}
.img.gallery img {
    padding: 0;
}
/*TODO search and replay*/
.img.shadow.gallery img {
    -webkit-box-shadow: 3px 3px 0 0 #f3f3f3, 4px 4px 0 0 #ccc, 2px 3px 0 0 #ccc, 3px 2px 0 0 #ccc, 5px 5px 4px rgba(0, 0, 0, 0.1);
       -moz-box-shadow: 3px 3px 0 0 #f3f3f3, 4px 4px 0 0 #ccc, 2px 3px 0 0 #ccc, 3px 2px 0 0 #ccc, 5px 5px 4px rgba(0, 0, 0, 0.1);
            box-shadow: 3px 3px 0 0 #f3f3f3, 4px 4px 0 0 #ccc, 2px 3px 0 0 #ccc, 3px 2px 0 0 #ccc, 5px 5px 4px rgba(0, 0, 0, 0.1);
}


/* enlarge */
.img.enlarge a:after,
.img.video a:after {
    margin-left: -16px;
    margin-top: -16px;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 32px;
    height: 32px;
    content: "";
    text-indent: -50000px;
    opacity: .5;
    background: url("/idea/features/../../styles2/../img/icons/icoScreenshot.png") no-repeat 0 0;
    /*-webkit-transition: opacity 2s;
       -moz-transition: opacity 2s;
            transition: opacity 2s;*/
    }
.img.enlarge a:after { background-position: -975px 0 }
.img.video a:after   { background-position: -1010px 0 }
.img.replay a:after   { background-position: -540px 0 }

    .img.enlarge a:hover:after,
    .img.video a:hover:after { opacity: .7 }

    /* enlarge large */
    .img.enlarge.large a:after,
    .img.video.large a:after {
        margin-left: -25px;
        margin-top: -25px;
        width: 50px;
        height: 50px;
        }
    .img.enlarge.large a:after { background-position: -823px 0 }
    .img.video.large a:after   { background-position: -878px 0 }
    .img.video.white.large a:after   { background-position: -270px -100px }

    /* enlarge xlarge */
    .img.enlarge.xlarge a:after,
    .img.video.xlarge a:after {
        margin-left: -33px;
        margin-top: -33px;
        width: 66px;
        height: 66px;
        }
    .img.enlarge.xlarge a:after { background-position: -637px 0 }
    .img.video.xlarge a:after   { background-position: -708px 0 }

    /* enlarge darcula */
    .img.enlarge.darcula a:after {
        opacity: .8;
    }
    .img.enlarge.darcula a:hover:after {
        opacity: 1;
    }
    /* enlarge light */
    .img.enlarge.-light a:after {
        opacity: .4;
    }
    .img.enlarge.-light a:hover:after {
        opacity: .6;
    }
    /* replay */
    .img.replay a:after {
        margin-left: -26px;
        margin-top: -26px;
        width: 53px;
        height: 53px;
        cursor: pointer;
        }




body #product .container {padding: 0;}
body.overview {
    overflow-x: hidden;
}
@media (max-width: 980px) {
    body.overview {
        overflow-x: scroll;
    }
}

body.overview h1 {
    font-size: 60px;
    color: #fff;
    font-family: "GraublauSlab-Regular", Helvetica, Arial, sans-serif;
}
body.overview h2 {
    font-size: 40px;
}
body.overview h2.more {
    font-size: 50px;
    font-weight: 100;
    font-family: "GraublauSlab-Light", Helvetica, Arial, sans-serif;
    margin-bottom: 10px;
}

body.overview #main {
    margin: 0;
}



body#products.idea.overview #product {
    display: none;
    }
    body.overview nav {
        margin-top: 15px;
        position: absolute;
        }
        body.overview nav .nav-logo {
            display: none;
        }
nav.fixed-menu {

}
body.overview nav.fixed-menu {
    display: none;
    }
    body.overview nav.fixed-menu.overview-menu {
        display: block;
    }
    body.overview nav.fixed-menu.overview-menu {
        margin-top: 0;
    }
    body.overview nav.fixed-menu.overview-menu .nav-logo {
        display: block;
    }



body.overview #banners {
    margin: 0;
    padding: 0;
    height: 480px;
    position: relative;
    overflow: hidden;
    background: none;
    }
    body.overview #banners .main-bg-image {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        min-height: 480px;
        background: url("/idea/features/../img/version14/bgBanners.jpg") no-repeat 0 0;
        background-size: cover;
        -moz-background-size: cover;
        background-position: center;
        z-index: -1;
    }
    body.overview #banners .main-bg-image-overlay {
        position: absolute;
        opacity: 0;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000;
    }
    body.overview #banners .jb-logo._logo-idea {
        margin: 100px 0 35px 0;
        position: relative;
        display: inline-block;
        text-indent: 0;
    }
    body.overview #banners h1 {
        margin-bottom: 25px;
    }
    body.overview #banners h3 {
        margin-bottom: 45px;
        color: #fff;
    }
    body.overview #banners .whatsnew {
        margin-left: 35px;
        font-size: 22px;
        color: #fff;
        font-weight: 100;
        line-height: .5;
        border-bottom: solid 1px #fff;
        }
        /*body.overview #banners .whatsnew:hover {
            border-bottom: solid 1px #fff;
        }*/


body.overview #create {
    padding: 50px 0 30px 0;
    background-color: #eee;
    }
    body.overview #create h2.logo {
        font-size: 32px;
        padding-top: 90px;
        position: relative;
        }
        body.overview #create h2.logo:before {
            margin-top: -90px;
            content: "";
            position: absolute;
            width: 455px;
            height: 70px;
            background: url("/idea/features/../img/version14/logos_features_sprite.png") no-repeat 0 0;
            background-size: 450px auto;
        }
        body.overview #create h2.logo.-frameworks:before {
            background-position: 0 10px;
        }
        body.overview #create h2.logo.-mobile:before {
            background-position: 0 -93px;
        }
        body.overview #create h2.logo.-web:before {
            background-position: 0 -293px;
        }
        body.overview #create h2.logo.-built-in:before {
            background-position: 0 -193px;
        }
    body.overview #create p {
        font-size: 16px;
    }
    body.overview #create p strong {
        font-weight: 600;
    }


body.overview #main {
    margin: 0;
    overflow: hidden;
}
body.overview #content {
    padding: 50px 0 20px 0;
}
body.overview #content #why {
    position: relative;
    height: 470px;
    }
        body.overview #content #why .img-gif {
            position: absolute;
            top: 0;
            left: 350px;
            }
            body.overview #content #why .img-gif:before {
                position: absolute;
                margin: -24px 0 0 -2px;
                width: 825px;
                height: 508px;
                background: url("/idea/features/../img/version13/bg_gif.png") no-repeat 0 0;
                content: "";
                }
        body.overview #content #why .accordionHeader {
            margin-left: -20px;
            margin-bottom: 21px;
            font-size: 24px;
            line-height: 1.9;
            color: #808080;
            cursor: pointer;
            }
        body.overview #content #why .accordionHeader.ui-state-active{
            color: #404041;
            }
            body.overview #content #why .accordionHeader .circle {
                position: relative;
                display: inline-block;
                margin-top: -4px;
                margin-right: 5px;
                padding: 0;
                width: 55px;
                height: 55px;
                background-color: #fff;
                border: solid 1px #999;
                border-radius: 50%;
                color: #999;
                font-size: 30px;
                line-height: 53px;
                font-family: 'Open Sans', Arial, Geneva, Helvetica, sans-serif;
                font-style: normal;
                font-weight: 400;
                text-align: center;
                white-space: nowrap;
                vertical-align: top;
                }
            body.overview #content #why .accordionHeader.ui-state-active .circle {
                background-color: #404041;
                border: solid 1px #404041;
                color: #fff;
                }
    body.overview .accordionContent,
    body.overview .hidden-content .accordionContent__img {
        display: none;
        }
    body.overview .accordionContent {
        margin-top: -25px;
        margin-bottom: 80px;
        padding-left: 50px;
        font-size: 16px;
        font-weight: 300;
        line-height: 24px;
        }
    body.overview .accordionContent.ui-accordion-content-active {
        display: block;
        }
        body.overview #content #why .accordionContent p {
            margin-bottom: 50px;
            }
        body.overview #content #why .accordionContent .readytoWork {
            position: absolute;
            top: -37px;
            left: 380px;
            }

body.overview .animation-img {}
    body.overview .animation-img.enlarge .anim,
    body.overview .animation-img._active .gif { display: none }

    body.overview .animation-img.enlarge .gif,
    body.overview .animation-img._active .anim { display: block }


body.overview #more-new-features .feature {
    margin: 0 30px 20px 0;
    float: left;
    position: relative;
    display: none;
    z-index: 2;
    width: 308px;
    box-shadow: 0 0 10px 10px rgba(0,0,0,0.03);
    background-color: #fff;
    color: #404041;
    text-align: center;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    }
body.overview #more-new-features .feature:nth-of-type(3n+0) {
    margin-right: 0;
    }
body.overview #more-new-features .feature:nth-of-type(1), body.overview #more-new-features .feature:nth-of-type(2), body.overview #more-new-features .feature:nth-of-type(3) {
    display: block;
    }
    body.overview .feature .text-content {
        padding: 20px;
        text-align: left;
        }
        body.overview .feature .text-content p {
            margin-bottom: 10px;
        }


body.overview .content-strips {
    position: relative;
    padding: 30px 0;
    background-color: #f9f9f9;
}
body.overview .content-strips:nth-of-type(3) {
    background: #ececec;
    /*background: -moz-linear-gradient(-45deg,  #ececec 0%, #ececec 50%, #e3e3e3 50.001%, #e3e3e3 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ececec), color-stop(50%,#ececec), color-stop(50.001%,#e3e3e3), color-stop(100%,#e3e3e3));
    background: -webkit-linear-gradient(-45deg,  #ececec 0%,#ececec 50%,#e3e3e3 50.001%,#e3e3e3 100%);
    background: -o-linear-gradient(-45deg,  #ececec 0%,#ececec 50%,#e3e3e3 50.001%,#e3e3e3 100%);
    background: -ms-linear-gradient(-45deg,  #ececec 0%,#ececec 50%,#e3e3e3 50.001%,#e3e3e3 100%);*/
    background: linear-gradient(105deg,  #d9d9d9 0%,#d9d9d9 50%,#d0d0d0 50.001%,#d3d3d0 100%);
}
body.overview .content-strips:nth-of-type(4) {
    background-color: #fff;
}
body.overview .content-strips .compare {
    margin-top: -10px;
    margin-bottom: 10px;
}
body.overview .content-strips p {
    font-size: 16px;
}


.customer {
    margin-bottom: 35px;
    padding: 20px 20px 0;
    border-radius: 5px;
    position: relative;
    border: solid 1px #d2d2d2;
    box-shadow: 3px 3px 0 0 #f2f2f2;
    }
    .customer:after {
        content: "";
        position: absolute;
        z-index: 0;
        bottom: -31px;
        display: block;
        width: 0;
        border-style: solid;
        right: 81px;
        border-width: 0 25px 30px 0;
        border-color:transparent #f2f2f2;
    }
    .customer p {
        font-style: italic;
        position: relative;
        z-index: 1;
        }
        .customer p:before, .customer p:after {
            content: "";
            position: absolute;
            bottom: -50px;
            display: block;
            width: 0;
            border-style: solid;
        }
        .customer p:before {
            right: 64px;
            border-width: 0 25px 30px 0;
            border-color:transparent #d2d2d2;
        }
        .customer p:after {
            bottom: -48px;
            right: 65px;
            border-width: 0 23px 29px 0;
            border-color:transparent #fff;
        }
    .customer-author {
        padding-top: 20px;
        padding-right: 130px;
        text-align: right;
        position: relative;
        color: #666;
        }
        .customer-author:after {
            margin-left: 10px;
            content: "";
            position: absolute;
            top: 0;
            width: 120px;
            height: 130px;
            background: url("/idea/features/../img/version14/customers_sprite.png") no-repeat;
        }
        .customer-author.-Kratz:after {
            background-position: 0 0;
        }
        .customer-author.-Rocher:after {
            background-position: -200px 0;
        }
        .customer-author.-Watts:after {
            background-position: -400px 0;
        }



#pseudo-footer {
    padding: 25px 0;
    background-color: #949499;
}




body.whatsnew #content sup, body.features #content sup, body.nextversion #content sup {
    position: relative;
    top: -2px;
    left: 3px;
    padding: 1px 4px 2px;
    display: inline-block;
    background: #e9eef0;
    border: 1px solid #d8dcdf;
    color: #4f5152;
    font-family: Verdana, 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 10px;
    line-height: 10px !important;
    text-decoration: none;
    white-space: nowrap;
    vertical-align: baseline;
    text-transform: uppercase;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
}


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




/*---------------------------------------------------- Start Missing Feature ---------------------------------------------------------*/

#InnerContent {
    border: 0;
}
#InnerContent form {
    border: 0;
    text-align: left;
}
#InnerContent form dd {
    padding-bottom: 0.5em;
    margin-left: 0;
}
#InnerContent form dt.buttons {
    margin-top: .5em;
    display: block;
}

#InnerContent {
    padding: .5em;
}

#InnerContent iframe div{
    border: 0;
}

.community .edition_panel {
    margin-top: -.5em;
    background: #f6fbff url("/idea/features/../../img/arrow_mask.gif") no-repeat 100% 47.5%;
    padding: 10px 3em .5em 1.3em;
    font-size: 80%;
}
.edition_panel {
    background: #fff8ee url("/idea/features/../../img/arrow_mask.gif") no-repeat 100% 47.5%;
}
/*---------------------------------------------------- End Missing Feature ---------------------------------------------------------*/


/*Community Edition overview page*/


.community .intro,
.ultimate .intro 
{
    color: #666;
    font-size: 1.3em;
    line-height: 1.8em;
    font-style:italic;
    font-family:Georgia, serif;
    float:left;
    width:17.5em !important;
    width:16em;
    margin-top:1.5em;
    margin-right:2em;
    margin-left:1em;
    text-align:justify;

}

.community .info-h {
    /*float: left;*/
    /*width: 380px;*/
    /*border: 1px solid red;*/
}



.community .demo,
.ultimate .demo    
{
    /*float: right;*/
    display:block;
    margin-top: 0;
    border:0;
    position:relative;
    top: -8px;

}

.community .demo_wrapper,
.ultimate .demo_wrapper
{
    border: 0;
}

.community .info li,
.ultimate .info li
{
    margin-bottom:0.5em;
    margin-left:1em;
    background: url("/idea/features/../../img/blt_square_blue.png") no-repeat 0 1px;
    padding-left:25px;
    padding-right:10px;
}

.ultimate .info li {
    background: url("/idea/features/../../img/blt_square.png") no-repeat 0 1px;    
}

.feature .plainlist li {
    line-height: 1.4em;
    margin-left: 18px;
    margin-top: 0.4em;
    padding-bottom: 0.4em;
    background: url("/idea/features/../../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 45px;
    margin-bottom: -12px;
}

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

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

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

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

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

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

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

.code-editing {
    background: url("/idea/features/../../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 45px;
    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("/idea/features/../../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("/idea/features/../../styles2/../img/buttons/bgButtonRight.gif") no-repeat right top;
}
#content ul#featuresGroups li a.pushed {
    background: url("/idea/features/../../styles2/../img/buttons/bgButton_hovLeft.gif") no-repeat 0 0;
}
#content ul#featuresGroups li a.pushed span {
    background: url("/idea/features/../../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("/idea/features/../../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("/idea/features/../../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("/idea/features/../../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;
}

*: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("/idea/features/../../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("/idea/features/../../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("/idea/features/../../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("/idea/features/../../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:0;
    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("/idea/features/../../styles2/../idea/img/bullBracketUE.gif") no-repeat 0 3px;
}

#container #subcontent dl.edition-legend dd.edition.ce {
    padding: 0 5px 0 16px;
    background: url("/idea/features/../../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 .6em 1.5em !important;
    display: block;
    border: none;
    line-height: 1.1;
}
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("/idea/features/../../styles2/../img/icons/icoDemo.gif") no-repeat 0 3px;
}
dl.seealso dd a.blog {
    background: url("/idea/features/../../styles2/../img/icons/icoBlog.gif") no-repeat 0 4px;
}
dl.seealso dd a.pdf {
    background: url("/idea/features/../../styles2/../img/icons/icoPDF.gif") no-repeat 0 2px;
}
dl.seealso dd a.help, ul.seealso li a.help {
    background: url("/idea/features/../../styles2/../img/icons/icoHelp.gif") no-repeat 1px 0px;
}
dl.seealso dd a.download, ul.seealso li a.download {
    background: url("/idea/features/../../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-------*/


.featureTree ul.tree {
    margin: 0;
    padding: 0 0 0 5px;
    line-height: 1.4em;
    font-size: 0.85em;
}
.featureTree ul.tree span {
    cursor: pointer;
    margin-left: 0;
    display: block;
}
.featureTree ul.tree span.active_node {
    font-weight: bold;
}

.featureTree ul.tree li {
    list-style: none;
    list-style-position: outside;
    margin-top: 0.2em;
    display: block;
}

.featureTree ul.tree ul{
    padding-left: 15px;
}

.featureTree ul.tree li.closed ul {
    display: none;
}

.featureTree ul.tree span.a  {
    color: #0158bc; /*new*/
    /*background: url("/idea/features/../../styles2/../img/tree/t2.gif") no-repeat 7px 8px;*/
}

.featureTree ul.tree li {
    /*background: url("/idea/features/../../styles2/../img/tree/i-repeater.gif") repeat-y 8px 1px;*/
    margin-left: 0;
}

.featureTree ul.tree span.a.last span.b{
    /*background: white url("/idea/features/../../styles2/../img/tree/l.gif") no-repeat 2px 0;*/
}

.featureTree ul.tree li.last ul li{
    background-color: white;
}

.featureTree ul.tree li.last{
    /*background: url("/idea/features/../../styles2/../img/tree/i-repeater_last.gif") no-repeat 8px 0;*/
}

/* node icon */

.featureTree ul.tree li ul li {
    margin-left: 0;
}
.featureTree ul.tree li ul li a {
    color: #000;
    border-bottom: none;
}
.featureTree ul.tree li ul li a.dependence {
    text-decoration: underline;
}
.featureTree ul.tree li ul li a:hover {
    color: #0158bc;
    border-bottom: none;
}

.featureTree ul.tree li.closed span.a.children span.b {
    background: url("/idea/features/../../styles2/../img/tree/plus_.gif") 2px 3px no-repeat;
    /*font-weight: bold;*/
    padding-left: 15px;

}
.featureTree ul.tree li span.a.children span.b {
    background: url("/idea/features/../../styles2/../img/tree/minus_.gif") 2px 3px no-repeat;
    padding-left: 15px;

/*font-weight: bold;*/
}

.featureTree {
    margin-left: 5px;
}
.tree .rs-features a{
    border:0;
}
.rs-features strong{
    background: url("/idea/features/../../styles2/../img/tree/arrow_tree_closed.gif") 2px 3px no-repeat;
    padding-left: 12px;
}








ul.notJS li a{
    border:0;
}
ul.notJS li a strong{
    background: url("/idea/features/../../styles2/../../img/tree/arrow_tree_closed.gif") no-repeat 1px 4px;
    padding-left: 10px;
    *padding-left: 11px;
    margin-left: -10px;
}
ul.notJS li{
    list-style: outside;
    list-style: none;
    font-weight: bold;
    font-size: 11px;
    line-height: 1.6em;
}
ul.notJS ul {
    margin-left: 5px;
}
ul.notJS ul li{
    margin-left: 0;
    /*padding-left: 10px;*/
    font-weight: normal;
}




body.features #content h1 {
    margin-bottom: 60px;
}
body.features #content ul.breadcrumbs {
    margin-top: 55px;
    position: absolute;
    width: 960px;
    font-size: 90%;
}
body.features #content ul.breadcrumbs li {
    display: inline;
}
body.features #content ul.breadcrumbs li:after {
    margin-left: .8em;
    margin-right: .4em;
    content: "\003E";
    font-family: Tahoma, "Lucida Grande", Lucida, sans-serif;
    font-size: 90%;
    font-stretch: extra-condensed;
    color: #b9b9b9;
}
body.features #content ul.breadcrumbs li:last-child:after {
    margin-left: 0;
    margin-right: 0;
    content: "";
}
body.features #content ul.breadcrumbs li a {
    padding-bottom: 1em;
    text-decoration: none;
}
body.features #content ul.breadcrumbs li ul.menu {
    display:none;
/*
    -webkit-transition:visibility 0s 0.15s linear, opacity 0.15s linear;
    -moz-transition:visibility 0s 0.15s linear, opacity 0.15s linear;
    -ms-transition:visibility 0s 0.15s linear, opacity 0.15s linear;
    -o-transition:visibility 0s 0.15s linear, opacity 0.15s linear;
    transition:visibility 0s 0.15s linear, opacity 0.15s linear;
    */
}

body.features #content ul.breadcrumbs li:hover ul.menu {
/*
    visibility:visible;
    opacity:1;
    -webkit-transition-delay:0;
    -moz-transition-delay:0;
    -ms-transition-delay:0;
    -o-transition-delay:0;
    transition-delay:0;
    */
}
body.features #content ul.breadcrumbs li ul.menu {
    margin-top: .3em;
    padding: 0.5em 1.4em;
    position: absolute;
    width: 100%;
    z-index: 10;
    background-image: linear-gradient(bottom, rgba(254, 254, 254, 1) 0, rgba(230, 230, 230, 1) 100%);
    background-image: -o-linear-gradient(bottom, rgba(254, 254, 254, 1) 0, rgba(230, 230, 230, 1) 100%);
    background-image: -moz-linear-gradient(bottom, rgba(254, 254, 254, 1) 0, rgba(230, 230, 230, 1) 100%);
    background-image: -webkit-linear-gradient(bottom, rgba(254, 254, 254, 1) 0, rgba(230, 230, 230, 1) 100%);
    background-image: -ms-linear-gradient(bottom, rgba(254, 254, 254, 1) 0, rgba(230, 230, 230, 1) 100%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(254, 254, 254, 1)), color-stop(1, rgba(230, 230, 230, 1)));
    border: solid 1px #dcdcdc;
    border-top: solid 1px #d5d5d5;
    border-bottom: solid 1px #ddd;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}
.ua-IE body.features #content ul.breadcrumbs li ul.menu {background-color:#F7F7F7;}
body.features #content ul.breadcrumbs li ul.menu:before {
    content:"";
	position:absolute;
	top:-1px;
	left:150px;
    border-width:7px 7px 0;
	border-style:solid;
    border-color:#d5d5d5 transparent;
    display:block;
    width:0;
}
body.features #content ul.breadcrumbs li ul.menu:after {
    content:"";
	position:absolute;
	top:-2px;
	left:151px;
	border-width:6px 6px 0;
	border-style:solid;
	border-color:#fff transparent;
    /* reduce the damage in FF3.0 */
    display:block;
    width:0;
}
body.features #content ul.breadcrumbs li ul.menu li {
    margin-bottom: .2em;
    width: 24%;
    display: inline-block;
}
body.features #content ul.breadcrumbs li ul.menu li:after {
    margin: 0;
    content: "";
}
body.features #content ul.breadcrumbs li ul.menu li a {
    padding: .2em .8em;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
body.features #content ul.breadcrumbs li ul.menu li a.menu-selected-item, body.features #content ul.breadcrumbs li ul.menu li a:hover {
    color: #333;
    background-color: #d9d9d9;
}

#lightbox{
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 100;
    text-align: center;
    line-height: 0;
}
#lightbox img{
    width: auto;
    height: auto;
}
#lightbox a img{
    border: none;
    border-bottom: none;
}

#outerImageContainer{
    position: relative;
    background-color: #fff;
    width: 250px;
    height: 250px;
    margin: 0 auto;
}
#outerImageContainer #caption{
    margin: 0;
    padding: 1em 0;
    position1: relative;
    text-align: left;
    display: block;
    overflow1: visible;
    height1: 100%;
    font-size: 13px;
     /*font-weight: bold;*/
    /*border1: solid 1px red;*/
}
#imageContainer{
    padding: 10px;
}
#imageContainer img{
    border: solid 1px #ccc;
}

#loading{
    position: absolute;
    top: 40%;
    left: 0;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0;
}
#loading #loadingLink {
    padding: .5em 1em;
    background: url("/idea/features/../../styles2/../img/newdesign/js/loading.gif") no-repeat center 0;
    border-bottom: none;
}
#hoverNav{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
}
#imageContainer>#hoverNav{
    left: 0;
}
#hoverNav a{
    outline: none;
    border-bottom: none;
}

#prevLink, #nextLink{
    width: 49%;
    height: 100%;
    /*background-image: url("data:image/gif;base64,AAAA");*/
    /* Trick IE into showing hover */
    display: block;
}
#prevLink {
    left: 0;
    float: left;
}
#nextLink {
    right: 0;
    float: right;
}
#prevLink:hover, #prevLink:visited:hover {
    background: url("/idea/features/../../styles2/../img/newdesign/js/prevlabel.gif") left 15% no-repeat;
}
#nextLink:hover, #nextLink:visited:hover {
    background: url("/idea/features/../../styles2/../img/newdesign/js/nextlabel.gif") right 15% no-repeat;
}

#imageDataContainer{
    margin: 0 auto;
    background-color: #fff;
    line-height: 1.4em;
    overflow: auto;
    width: 100%	;
}

#imageData{
    padding:0 10px; color: #666;
}
#imageData #imageDetails{
    width: 70%; float: left; text-align: left;
}
/*#imageData #caption{
    font-weight: bold;
}*/
#imageData #numberDisplay{
    display: block;
    clear: left;
    padding-bottom: 1.0em;
}
#imageData #bottomNavClose{
    margin: 0;
    padding: .7em 0 1.5em 0;
    width: 66px;
    float: right;
    outline: none;
    border-bottom: none;
    background: url("/idea/features/../../styles2/../img/newdesign/js/closelabel.gif") 0 0 no-repeat;
}

#overlay{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    width: 100%;
    height: 500px;
    background-color: #000;
}



.lightPopup {
    position: relative;
    text-align: right;
}
.lightPopup .text-on-pic{
    position: absolute;
    left:12px;
    bottom:22px;
    z-index:1;
    padding: 0 5px;
    background-color: #ffffcc;
    font-size: 0.85em;
}
.lightPopup > img {
    border: 1px solid #ccc;
}
.lightPopup .enlargePic img{
    padding: 2px;
}
.lightPopup .enlargePic{
    position: absolute;
    background-color: white;
    top: auto;
    left: auto;
    bottom: 4px;
    right: 4px;
}

#lightwindow_overlay {
	/* REQUIRED */
	display: none;
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100px;
	z-index: 500;
	/* REQUIRED */
    background: url("/idea/features/../../styles2/../img/newdesign/js/black-70.png") repeat center 0;
}
#lightwindow {
	/* REQUIRED */
	/* Of Note - The height and width of this element are set to 0px */
	display: none;
	visibility: hidden;
	position: absolute;
	z-index: 999;
	line-height: 0;
	/* REQUIRED */
}
#lightwindow_container {
    /* REQUIRED */
    display: none;
    visibility: hidden;
    position: absolute;
    /* REQUIRED */
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}
/* IE6 needs this or it messes with our positioning */
* html #lightwindow_container {
    overflow: hidden;
}
#lightwindow_container a {
    border-bottom: none;
}
#lightwindow_contents {
    overflow: hidden;
    z-index: 0;
    text-align: left;
    position: relative;
    border: 10px solid #ffffff;
    background-color: #ffffff;
}
#lightwindow_loading {
	/* REQUIRED */
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 9999;
	position: absolute;
	/* REQUIRED */
	/*background-color: #f0f0f0;*/
	padding: 10px;
    background: #f0f0f0 url("/idea/features/../../styles2/../img/newdesign/js/loading.gif") no-repeat .5em .5em;
}

#lightwindow_loading_shim {
    display: none;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
}

#lightwindow_loading span {
    font-size: 12px;
    line-height: 32px;
    color: #444444;
    float: left;
    padding: 0 10px 0 3em;
}

#lightwindow_loading span a,
#lightwindow_loading span a:link,
#lightwindow_loading span a:visited {
    color: #09F;
    text-decoration: none;
    cursor: pointer;
}

#lightwindow_loading span a:hover,
#lightwindow_loading span a:active {
    text-decoration: underline;
}


/*#lightwindow_loading img {
    float: left;
    margin: 0 10px 0 0;
}*/


/*-----------------------------------------------------------------------------------------------
	I liked the Navigation so much from http://www.huddletogether.com/projects/lightbox2/
	I mean let's face it, it works really well and is very easy to figure out.
-----------------------------------------------------------------------------------------------*/

#lightwindow_navigation {
	/* REQUIRED */
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
	/* REQUIRED */
}
/* We need to shim the navigation for IE, though its more of a sub-floor */
#lightwindow_navigation_shim {
    /* REQUIRED */
    display: none;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
    /* REQUIRED */
}

	#lightwindow_navigation a,
	#lightwindow_navigation a:link,
	#lightwindow_navigation a:visited,
	#lightwindow_navigation a:hover,
	#lightwindow_navigation a:active {
		/* REQUIRED */
		outline: none;
		/* REQUIRED */
	}

	#lightwindow_previous,
	#lightwindow_next {
		width: 49%;
		height: 100%;
		/*background: transparent url("/idea/features/../../styles2/../../img/newdesign/js/blank.gif") no-repeat; */
    /* Trick IE into showing hover */
		display: block;
	}

	#lightwindow_previous {
		float: left;
		left: 0px;
	}

	#lightwindow_next {
		float: right;
		right: 0px;
	}

	#lightwindow_previous:hover,
	#lightwindow_previous:active {
		/*background: url("/idea/features/../../styles2/../images/prevlabel.gif") left 15% no-repeat;*/
	}

	#lightwindow_next:hover,
	#lightwindow_next:active {
		/*background: url("/idea/features/../../styles2/../images/nextlabel.gif") right 15% no-repeat;*/
	}

	#lightwindow_previous_title,
	#lightwindow_next_title {
		display: none;
	}

#lightwindow_galleries {
	width: 100%;
	position: absolute;
	z-index: 50;
	display: none;
	overflow: hidden;
	margin: 0 0 0 10px;
	bottom: 0px;
	left: 0px;
}

	#lightwindow_galleries_tab_container {
		width: 100%;
		height: 0px;
		overflow: hidden;
	}

	a#lightwindow_galleries_tab,
	a:link#lightwindow_galleries_tab,
	a:visited#lightwindow_galleries_tab {
		display: block;
		height: 20px;
		width: 77px;
		float: right;
		line-height: 22px;
		color: #ffffff;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		font-size: 11px;
		color: #ffffbe;
		/*background: url("/idea/features/../../styles2/../../img/newdesign/js/black-70.png") repeat 0 0 transparent;*/
	}

	* html a#lightwindow_galleries_tab,
	* html a:link#lightwindow_galleries_tab,
	* html a:visited#lightwindow_galleries_tab {
		background: none;
		background-color: #000000;
		opacity: .70;
		filter: alpha(opacity=70);
	}

	a:hover#lightwindow_galleries_tab,
	a:active#lightwindow_galleries_tab {
		color: #ffffbe;

	}

	#lightwindow_galleries_tab_span {
		display: block;
		height: 20px;
		width: 63px;
		padding: 0 7px 0 7px;
	}

	#lightwindow_galleries_tab .up	{
		/*background: url("/idea/features/../../styles2/../images/arrow-up.gif") no-repeat 60px 5px transparent;*/
	}

	#lightwindow_galleries_tab .down {
		/*background: url("/idea/features/../../styles2/../images/arrow-down.gif") no-repeat 60px 6px transparent;*/
	}

	#lightwindow_galleries_list {
		/*background: url("/idea/features/../../styles2/../../img/newdesign/js/black-70.png") repeat 0 0 transparent;*/
		overflow: hidden;
		height: 0px;
	}

	* html #lightwindow_galleries_list {
		background: none;
		background-color: #000000;
		opacity: .70;
		filter: alpha(opacity=70);
	}

	.lightwindow_galleries_list {
		width: 200px;
		float: left;
		margin: 0 0 10px 0;
		padding: 10px;
	}

	.lightwindow_galleries_list h1 {
		color: #09F;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		padding: 10px 0 5px 0;
		font-size: 16px;
	}

	.lightwindow_galleries_list li {
		margin: 5px 0 5px 0;
		list-style-type: none;
	}

	.lightwindow_galleries_list a,
	.lightwindow_galleries_list a:link,
	.lightwindow_galleries_list a:visited {
		display: block;
		line-height: 22px;
		color: #ffffff;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		padding: 0 0 0 10px;
		font-size: 11px;
	}

	.lightwindow_galleries_list a:hover,
	.lightwindow_galleries_list a:active {
		background: #000000;
		color: #ffffbe;
		border-left: 3px solid #ffffbe;
		padding: 0 0 0 7px;
	}

#lightwindow_data {
	/* REQUIRED */
	position: absolute;
	/* REQUIRED */
}

	#lightwindow_data_slide {
		/* REQUIRED */
		position: relative;
		/* REQUIRED */
	}

	#lightwindow_data_slide_inner {
		background-color: #ffffff;
		padding: 0 10px 10px 10px;
        width: auto!important;
	}

	#lightwindow_data_caption {
		padding: 10px 0 0 0;
		color: #666666;
		line-height: 25px;
		background-color: #ffffff;
		clear: both;
	}

	#lightwindow_data_details {
		background-color: #f0f0f0;
		padding: 0 10px 0 10px;
		height: 20px;
	}

	#lightwindow_data_author_container {
		width: 40%;
		text-align: right;
		color: #666666;
	 	font-style: italic;
		font-size: 10px;
		line-height: 20px;
		float: right;
		overflow: hidden;
	}

	#lightwindow_data_gallery_container {
		font-size: 10px;
		width: 40%;
		text-align: left;
		color: #666666;
		line-height: 20px;
		float: left;
		overflow: hidden;
	}

#lightwindow_title_bar {
	height: 25px;
	overflow: hidden;
}

#lightwindow_title_bar_title {
    color: #ffffbe;
    font-size: 14px;
    line-height: 25px;
    text-align: left;
    float: left;
}

	a#lightwindow_title_bar_close_link,
	a:link#lightwindow_title_bar_close_link,
	a:visited#lightwindow_title_bar_close_link {
		float: right;
		text-align: right;
		cursor: pointer;
		color: #ffffbe;
		line-height: 25px;
		padding: 0;
		margin: 0;
	}

	a:hover#lightwindow_title_bar_close_link,
	a:active#lightwindow_title_bar_close_link {
		/*color: #ffffff;*/
        text-decoration: underline;
	}

/*-----------------------------------------------------------------------------------------------
	Theme styling stuff
-----------------------------------------------------------------------------------------------*/

#lightwindow p {
	color: #000000;
	padding-right: 10px;
}

#lightwindow_contents p {
	margin: 0 0 20px 0;
	line-height: 140%;
}
#lightwindow_contents {
    overflow-y1: visible!important;
    overflow-x: hidden!important;
}
#lightwindow_contents li {line-height: 140%;}
#lightwindow_contents h4 {line-height: 100%}
#lightwindow_contents h5 {line-height: 100%}
#lightwindow_contents ul.starlist {width: 100%; margin: 0; line-height: 140%;}
#lightwindow_contents ul.starlist li { margin: 0;padding: 0 0 5px 10px; display: block;}
#lightwindow_contents img {
    display: block;
    float: none;
    border: solid 1px #ccc;
    margin: 0;
}
#lightwindow_title_bar_inner {
    text-align: right;
}

#lightwindow_title_bar_inner #lightwindow_title_bar_title {
    letter-spacing: 0.04em;
}
#lightwindow_title_bar_inner #lightwindow_title_bar_title a {
    color: #ffffbe;
    padding-right: 17px;
    margin-right: 10px;
    border-right: 1px solid #99997b;
}
#lightwindow_title_bar_inner a#lightwindow_title_bar_close_link {
    margin-left: .5em;
    float: none;
}
#lightwindow_galleries {
    display: none!important;
}
#lightwindow_data_details {
    background-color: #666;
}
#lightwindow_navigation #lightwindow_previous {
    margin: 0;
    padding: .5em 0;
    position: relative;
    text-align: left;
    top: -1.8em;
    left: 1em;
    font-size: 90%;
    width: 3em;
    height: auto;
    color: #ffffbe;
}
#lightwindow_navigation #lightwindow_next {
    margin: 0;
    padding: .5em 0;
    position: relative;
    text-align: right;
    top: -1.8em;
    right: 1.1em;
    font-size: 90%;
    width: 3em;
    height: auto;
    color: #ffffbe;
}
#lightwindow_navigation a:hover{
    color: #ffffff;
    text-decoration: underline;
}
*html #lightwindow_navigation #lightwindow_next {
    right: -2.2em;
}
#lightwindow_data_gallery_container {
    font-size: 90%;
    width: auto;
    text-align: center;
    color: #ffffbe;
    line-height: 20px;
    float: none;
    overflow: hidden;
}

body.linklogos #container {
    width: 73em;
    padding: 0;

}
body.linklogos.bottom #container #content {
    margin: 4em .5em 0 -.5em;
    padding: 1em 0 4.5em 0;
}
*html body.linklogos.bottom #container #content {
    margin: 4em .5em 5em -.5em;
    padding: 1em 0 4.5em 0;
}


body.linklogos #container #content{
    margin-top: 0;
}

body.linklogos.toper #container{
    padding-top: 0;
    margin-top: 0;
}

body.linklogos.toper #container #content{
    text-align: center!important;
    margin: auto!important;
}

.ctr {
    text-align: center;
}

.banner_constructor {
    margin-bottom: -4em;
    margin-top: 2em;
}

.banner_constructor h5 {
    border-bottom: dashed 1px #ddd;
    margin-bottom: 1em;
    font-size: 1.2em;
    letter-spacing: -0.05em;
    padding-bottom: 0;
}

.banner_constructor h5 em{
    font-weight:normal;
    font-style:normal;
    font-size:0.7em;
    color:#777;
    letter-spacing:normal;
}


body.linklogos .text_content {
    padding-bottom: 32em;
}
body.linklogos #footpanel {
    margin: 0 -2em;
    padding: 2em;
	position: fixed;
	bottom: 0;
    height: 9em;
	z-index: 9999;
	background: #f8f8f8;
	border: 1px solid #c3c3c3;
	border-bottom: none;
	width: 69em;
}
*html body.linklogos #footpanel {
	margin-top: -1px;
	position: absolute;
	top:expression(eval(document.compatMode &&document.compatMode=='CSS1Compat') ?documentElement.scrollTop+(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop +(document.body.clientHeight-this.clientHeight));
}
body.linklogos .banner_constructor textarea {
    width: 100%;
    height: 60px;
    resize: none;
}

body.linklogos .banner_constructor .output a:hover {
    text-decoration: none;
}


.banner_constructor .banner_color input {
    margin: 0;
    padding: 0;
    float: left;
}
.banner_constructor .banner_color label.color {
    margin: 0 2em 0 .5em;
    padding: .2em 1em;
    float: left;
    text-indent: -50000px;
    width: 40px!important;
}
body.idea .banner_constructor .banner_color label.color.livid, body.yt .banner_constructor .banner_color label.color.livid {
    color: #0d3a9e;
    background-color: #0d3a9e;
    border: solid 1px #0d3a9e;
}
body.idea .banner_constructor .banner_color label.color.white, body.yt .banner_constructor .banner_color label.color.white {
    color: #fff;
    background-color: #fff;
    border: solid 1px #0d3a9e!important;
}
body.rs .banner_constructor .banner_color label.color.violet, body.dt .banner_constructor .banner_color label.color.violet , body.dotcover .banner_constructor .banner_color label.color.violet {
    color: #7d255b;
    background-color: #7d255b;
    border: solid 1px #7d255b;
}
body.rs .banner_constructor .banner_color label.color.white, body.dt .banner_constructor .banner_color label.color.white , body.dotcover .banner_constructor .banner_color label.color.white {
    color: #fff;
    background-color: #fff;
    border: solid 1px #7d255b!important;
}
body.ruby .banner_constructor .banner_color label.color.rubin {
    color: #ab0022;
    background-color: #ab0022;
    border: solid 1px #ab0022;
}
body.ruby .banner_constructor .banner_color label.color.white {
    color: #fff;
    background-color: #fff;
    border: solid 1px #ab0022!important;
}
body.phpstorm .banner_constructor .banner_color label.color.violet {
    color: #5854b5;
    background-color: #5854b5;
    border: solid 1px #5854b5;
}
body.phpstorm .banner_constructor .banner_color label.color.white {
    color: #fff;
    background-color: #fff;
    border: solid 1px #5854b5!important;
}
body.webstorm .banner_constructor .banner_color label.color.turquoise {
    color: #0281b6;
    background-color: #0281b6;
    border: solid 1px #0281b6;
}
body.webstorm .banner_constructor .banner_color label.color.white {
    color: #fff;
    background-color: #fff;
    border: solid 1px #0281b6!important;
}
body.objc .banner_constructor .banner_color label.color.gray {
    color: #435571;
    background-color: #435571;
    border: solid 1px #435571;
}
body.objc .banner_constructor .banner_color label.color.white {
    color: #fff;
    background-color: #fff;
    border: solid 1px #435571!important;
}


.banner_constructor .text_content {
    margin-bottom: 0;
    margin-top: 1em;
    clear: both;
}
body.idea .banner_constructor .text_content {
    margin-bottom: 2em;
}
body.ruby .banner_constructor .text_content {
    margin-bottom: 2em;
}
body.phpstorm .banner_constructor .text_content {
    margin-bottom: 2em;
}
body.webstorm .banner_constructor .text_content {
    margin-bottom: 2em;
}
body.objc .banner_constructor .text_content {
    margin-bottom: 2em;
}
.banner_constructor .text_content ul li {
    margin-bottom: .8em;
    clear: both;
}
.banner_constructor .text_content ul li input {
    margin: .6em .3em 0 0;
    padding: 0;
    float: left;
    font-size: 11px;
}

.banner_constructor .banner_size ul li {
    clear: both;
}
.banner_constructor .banner_size ul li input {
    margin: .6em .3em 0 0;
    padding: 0;
    float: left;
    font-size: 11px;
}

.banner_constructor .output .button_pan {
    background-color: #F2F8FF;
    padding-top: 1em;
    padding-bottom: 1em;
    text-align: left;
}

.banner_constructor .output .button_pan input {
    float: none;
    margin: 10px 10px 20px 50px;

}

.banner_constructor .output .button_pan input.clear {
    margin-left: 10px;
}

.banner_constructor .output .button_pan input.copy {
    float: right;
    margin-top: -3em;
    margin-right: 44px;
}

.banner_constructor textarea {
    font-size: 12px;
    color: #555;
    width: 50em;
    margin-left: 0;
    margin-bottom: 4em;
    border: solid 1px #aaa;
    background-color: #F2F8FF;
}
.banner_constructor textarea {
    display: block;
    width: 72em;
}

.banner_constructor .banner_visualization {
    margin: -4em 0 0 0;
}
.banner_constructor .banner_visualization .banner_image input {
    float: left;
    margin: 1.7em 0 0 17px;
    padding: 0 0 0 0;

}

.banner_constructor .banner_visualization .banner_image {
    margin-bottom: 0;
}

.banner_constructor .banner_visualization img {
    display: block;
    margin-left: 30px;
}


.banner_constructor .IJ_banner a {
    height: 60px;
    width: 468px;
    margin-left: 10px;
    border: 0;
}



.banner_image #banner_blue, .banner_image #banner_violet, .banner_image #banner_turquoise, .banner_image #banner_white {
    margin: 0;
    padding: 0;
    height: 65px;
}
.banner_constructor .blue_120x60 a em,
.banner_constructor .violet_120x60 a em,
.banner_constructor .turquoise_120x60 a em,
.banner_constructor .white_120x60 a em {
    margin: 0;
    padding: 0;
}
.banner_constructor .blue_88x31 a em,
.banner_constructor .violet_88x31 a em,
.banner_constructor .turquoise_88x31 a em,
.banner_constructor .white_88x31 a em,
.banner_constructor .blue_125x37 a em,
.banner_constructor .violet_125x37 a em,
.banner_constructor .turquoise_125x37 a em,
.banner_constructor .white_125x37 a em,
.banner_constructor .blue_230x33 a em,
.banner_constructor .violet_230x33 a em,
.banner_constructor .turquoise_230x33 a em,
.banner_constructor .white_230x33 a em,
.banner_constructor .blue_120x30 a em,
.banner_constructor .violet_120x30 a em,
.banner_constructor .turquoise_120x30 a em,
.banner_constructor .white_120x30 a em {
    display: block;
    margin: 1em 0 0 0;
    padding: 0 0 0 0;
}

#exBannerSize {
    margin: -1em 0 0 0;
    padding: 10px 0 0 0;
    width: 468px;
    height: 50px;
    text-align: center;
    font-weight: bold;
    color: #999;
    background-color: #eee;
    border: solid 1px #ccc;
}


/*-----------------------------------to Frame Start------------------------------------*/
.banner_constructor #banner {
    margin: 0;
    padding: 0;
    font-size: 90%;
}
body.rs .banner_constructor .violet a, body.dt .banner_constructor .violet a , body.dotcover .banner_constructor .violet a {
    color: #e9d5e1;
    border: solid 1px #7d255b;
}
body.rs .banner_constructor .white a, body.dt .banner_constructor .white a , body.dotcover .banner_constructor .white a {
    color: #7d255b;
    border: solid 1px #7d255b;
}
body.idea .banner_constructor .livid a, body.yt .banner_constructor .livid a {
    color: #acc4f9;
    border: solid 1px #0d3a9e;
}
body.idea .banner_constructor .white a, body.yt .banner_constructor .white a {
    color: #0d3a9e;
    border: solid 1px #0d3a9e;
}
body.ruby .banner_constructor .rubin a {
    color: #efcedc;
    border: solid 1px #ab0022;
}
body.ruby .banner_constructor .white a {
    color: #ab0022;
    border: solid 1px #ab0022;
}
body.phpstorm .banner_constructor .violet a {
    color: #fff;
    border: solid 1px #5854b5;
}
body.phpstorm .banner_constructor .white a {
    color: #5854b5;
    border: solid 1px #5854b5;
}
body.webstorm .banner_constructor .turquoise a {
    color: #88d5f4;
    border: solid 1px #0281b6;
}
body.webstorm .banner_constructor .white a {
    color: #0281b6;
    border: solid 1px #0281b6;
}
body.objc .banner_constructor .gray a {
    color: #fff;
    border: solid 1px #435571;
}
body.objc .banner_constructor .white a {
    color: #435571;
    border: solid 1px #435571;
}
.banner_constructor #banner a#size_banner {
    margin: 0;
    padding: 0;
    display: block;
    position: relative;
}
body.rs .banner_constructor .violet a#size_banner:hover, body.dt .banner_constructor .violet a#size_banner:hover , body.dotcover .banner_constructor .violet a#size_banner:hover {
    color: #e9d5e1;
}
body.rs .banner_constructor .white a#size_banner:hover, body.dt .banner_constructor .white a#size_banner:hover , body.dotcover .banner_constructor .white a#size_banner:hover {
    color: #7d255b;
}
body.idea .banner_constructor .livid a#size_banner:hover, body.yt .banner_constructor .livid a#size_banner:hover {
    color: #acc4f9;
}
body.idea .banner_constructor .white a#size_banner:hover, body.yt .banner_constructor .white a#size_banner:hover {
    color: #0d3a9e;
}
body.ruby .banner_constructor .rubin a#size_banner:hover {
    color: #efcedc;
}
body.ruby .banner_constructor .white a#size_banner:hover {
    color: #ab0022;
}
body.phpstorm .banner_constructor .violet a#size_banner:hover {
    color: #fff;
}
body.phpstorm .banner_constructor .white a#size_banner:hover {
    color: #5854b5;
}
body.webstorm .banner_constructor .turquoise a#size_banner:hover {
    color: #88d5f4;
}
body.webstorm .banner_constructor .white a#size_banner:hover {
    color: #0281b6;
}
body.objc .banner_constructor .gray a#size_banner:hover {
    color: #fff;
}
body.objc .banner_constructor .white a#size_banner:hover {
    color: #435571;
}
.banner_constructor #banner a.size_468x60 {
    width: 468px;
    height: 60px;
}
.banner_constructor #banner a.size_234x60 {
    width: 234px;
    height: 60px;
}
.banner_constructor #banner a.size_210x60 {
    width: 215px;
    height: 60px;
}
.banner_constructor #banner a.size_88x31 {
    width: 86px;
    height: 29px;
}
.banner_constructor #banner a.size_125x37 {
    width: 123px;
    height: 35px;
}
.banner_constructor #banner a.size_230x33 {
    width: 228px;
    height: 31px;
}
.banner_constructor #banner a.size_120x60 {
    width: 118px;
    height: 58px;
}
.banner_constructor #banner a.size_120x30 {
    width: 118px;
    height: 28px;
}
body.idea .banner_constructor .livid a.size_468x60 {
    background: #0d3a9e url("/idea/features/../../styles2/../idea/opensource/img/all/idea468x60_blue.gif") no-repeat 0 7px;
}
body.idea .banner_constructor .white a.size_468x60 {
    background: #fff url("/idea/features/../../styles2/../idea/opensource/img/all/idea468x60_white.gif") no-repeat 0 7px;
}
body.idea .banner_constructor .livid a.size_234x60 {
    background: #0d3a9e url("/idea/features/../../styles2/../idea/opensource/img/all/idea234x60_blue.gif") no-repeat 0 0;
}
body.idea .banner_constructor .white a.size_234x60 {
    background: #fff url("/idea/features/../../styles2/../idea/opensource/img/all/idea234x60_white.gif") no-repeat 0 0;
}
body.idea .banner_constructor .livid a.size_210x60 {
    background: #0d3a9e url("/idea/features/../../styles2/../idea/opensource/img/all/idea210x60_blue.gif") no-repeat 0 0;
}
body.idea .banner_constructor .white a.size_210x60 {
    background: #fff url("/idea/features/../../styles2/../idea/opensource/img/all/idea210x60_white.gif") no-repeat 0 0;
}
body.idea .banner_constructor .livid a.size_88x31 {
    background: #0d3a9e url("/idea/features/../../styles2/../idea/opensource/img/all/idea88x31_blue.gif") no-repeat 0 0;
}
body.idea .banner_constructor .white a.size_88x31 {
    background: #fff url("/idea/features/../../styles2/../idea/opensource/img/all/idea88x31_white.gif") no-repeat 0 0;
}
body.idea .banner_constructor .livid a.size_125x37 {
    background: #0d3a9e url("/idea/features/../../styles2/../idea/opensource/img/all/idea125x37_blue.gif") no-repeat 0 0;
}
body.idea .banner_constructor .white a.size_125x37 {
    background: #fff url("/idea/features/../../styles2/../idea/opensource/img/all/idea125x37_white.gif") no-repeat 0 0;
}
body.idea .banner_constructor .livid a.size_230x33 {
    background: #0d3a9e url("/idea/features/../../styles2/../idea/opensource/img/all/idea230x33_blue.gif") no-repeat 0 0;
}
body.idea .banner_constructor .white a.size_230x33 {
    background: #fff url("/idea/features/../../styles2/../idea/opensource/img/all/idea230x33_white.gif") no-repeat 0 0;
}
body.idea .banner_constructor .livid a.size_120x60 {
    background: #0d3a9e url("/idea/features/../../styles2/../idea/opensource/img/all/idea120x60_blue.gif") no-repeat 0 0;
}
body.idea .banner_constructor .white a.size_120x60 {
    background: #fff url("/idea/features/../../styles2/../idea/opensource/img/all/idea120x60_white.gif") no-repeat 0 0;
}
body.idea .banner_constructor .livid a.size_120x30 {
    background: #0d3a9e url("/idea/features/../../styles2/../idea/opensource/img/all/idea120x30_blue.gif") no-repeat 0 0;
}
body.idea .banner_constructor .white a.size_120x30 {
    background: #fff url("/idea/features/../../styles2/../idea/opensource/img/all/idea120x30_white.gif") no-repeat 0 0;
}
body.rs .banner_constructor .violet a.size_468x60 {
    background: #7d255b url("/idea/features/../../styles2/../resharper/features/rs/rs468x60_violet.gif") no-repeat 0 0;
}
body.rs .banner_constructor .white a.size_468x60 {
    background: #fff url("/idea/features/../../styles2/../resharper/features/rs/rs468x60_white.gif") no-repeat 0 0;
}
body.rs .banner_constructor .violet a.size_234x60 {
    background: #7d255b url("/idea/features/../../styles2/../resharper/features/rs/rs234x60_violet.gif") no-repeat 0 0;
}
body.rs .banner_constructor .white a.size_234x60 {
    background: #fff url("/idea/features/../../styles2/../resharper/features/rs/rs234x60_white.gif") no-repeat 0 0;
}
body.rs .banner_constructor .violet a.size_210x60 {
    background: #7d255b url("/idea/features/../../styles2/../resharper/features/rs/rs210x60_violet.gif") no-repeat 0 0;
}
body.rs .banner_constructor .white a.size_210x60 {
    background: #fff url("/idea/features/../../styles2/../resharper/features/rs/rs210x60_white.gif") no-repeat 0 0;
}
body.rs .banner_constructor .violet a.size_88x31 {
    background: #7d255b url("/idea/features/../../styles2/../resharper/features/rs/rs88x31_violet.gif") no-repeat 0 0;
}
body.rs .banner_constructor .white a.size_88x31 {
    background: #fff url("/idea/features/../../styles2/../resharper/features/rs/rs88x31_white.gif") no-repeat 0 0;
}
body.rs .banner_constructor .violet a.size_125x37 {
    background: #7d255b url("/idea/features/../../styles2/../resharper/features/rs/rs125x37_violet.gif") no-repeat 0 0;
}
body.rs .banner_constructor .white a.size_125x37 {
    background: #fff url("/idea/features/../../styles2/../resharper/features/rs/rs125x37_white.gif") no-repeat 0 0;
}
body.rs .banner_constructor .violet a.size_230x33 {
    background: #7d255b url("/idea/features/../../styles2/../resharper/features/rs/rs230x33_violet.gif") no-repeat 0 0;
}
body.rs .banner_constructor .white a.size_230x33 {
    background: #fff url("/idea/features/../../styles2/../resharper/features/rs/rs230x33_white.gif") no-repeat 0 0;
}
body.rs .banner_constructor .violet a.size_120x60 {
    background: #7d255b url("/idea/features/../../styles2/../resharper/features/rs/rs120x60_violet.gif") no-repeat 0 0;
}
body.rs .banner_constructor .white a.size_120x60 {
    background: #fff url("/idea/features/../../styles2/../resharper/features/rs/rs120x60_white.gif") no-repeat 0 0;
}
body.rs .banner_constructor .violet a.size_120x30 {
    background: #7d255b url("/idea/features/../../styles2/../resharper/features/rs/rs120x30_violet.gif") no-repeat 0 0;
}
body.rs .banner_constructor .white a.size_120x30 {
    background: #fff url("/idea/features/../../styles2/../resharper/features/rs/rs120x30_white.gif") no-repeat 0 0;
}



body.dt .banner_constructor .violet a.size_468x60 {
    background: #7d255b url("/idea/features/../../styles2/../profiler/features/dt/dt468x60_violet.gif") no-repeat 0 0;
}
body.dt .banner_constructor .white a.size_468x60 {
    background: #fff url("/idea/features/../../styles2/../profiler/features/dt/dt468x60_white.gif") no-repeat 0 0;
}
body.dt .banner_constructor .violet a.size_234x60 {
    background: #7d255b url("/idea/features/../../styles2/../profiler/features/dt/dt234x60_violet.gif") no-repeat 0 0;
}
body.dt .banner_constructor .white a.size_234x60 {
    background: #fff url("/idea/features/../../styles2/../profiler/features/dt/dt234x60_white.gif") no-repeat 0 0;
}
body.dt .banner_constructor .violet a.size_210x60 {
    background: #7d255b url("/idea/features/../../styles2/../profiler/features/dt/dt210x60_violet.gif") no-repeat 0 0;
}
body.dt .banner_constructor .white a.size_210x60 {
    background: #fff url("/idea/features/../../styles2/../profiler/features/dt/dt210x60_white.gif") no-repeat 0 0;
}
body.dt .banner_constructor .violet a.size_88x31 {
    background: #7d255b url("/idea/features/../../styles2/../profiler/features/dt/dt88x31_violet.gif") no-repeat 0 0;
}
body.dt .banner_constructor .white a.size_88x31 {
    background: #fff url("/idea/features/../../styles2/../profiler/features/dt/dt88x31_white.gif") no-repeat 0 0;
}
body.dt .banner_constructor .violet a.size_125x37 {
    background: #7d255b url("/idea/features/../../styles2/../profiler/features/dt/dt125x37_violet.gif") no-repeat 0 0;
}
body.dt .banner_constructor .white a.size_125x37 {
    background: #fff url("/idea/features/../../styles2/../profiler/features/dt/dt125x37_white.gif") no-repeat 0 0;
}
body.dt .banner_constructor .violet a.size_230x33 {
    background: #7d255b url("/idea/features/../../styles2/../profiler/features/dt/dt230x33_violet.gif") no-repeat 0 0;
}
body.dt .banner_constructor .white a.size_230x33 {
    background: #fff url("/idea/features/../../styles2/../profiler/features/dt/dt230x33_white.gif") no-repeat 0 0;
}
body.dt .banner_constructor .violet a.size_120x60 {
    background: #7d255b url("/idea/features/../../styles2/../profiler/features/dt/dt120x60_violet.gif") no-repeat 0 0;
}
body.dt .banner_constructor .white a.size_120x60 {
    background: #fff url("/idea/features/../../styles2/../profiler/features/dt/dt120x60_white.gif") no-repeat 0 0;
}
body.dt .banner_constructor .violet a.size_120x30 {
    background: #7d255b url("/idea/features/../../styles2/../profiler/features/dt/dt120x30_violet.gif") no-repeat 0 0;
}
body.dt .banner_constructor .white a.size_120x30 {
    background: #fff url("/idea/features/../../styles2/../profiler/features/dt/dt120x30_white.gif") no-repeat 0 0;
}


body.dotcover .banner_constructor .violet a.size_468x60 {
    background: #7d255b url("/idea/features/../../styles2/../dotcover/features/dc/dc468x60_violet.gif") no-repeat 0 0;
}
body.dotcover .banner_constructor .white a.size_468x60 {
    background: #fff url("/idea/features/../../styles2/../dotcover/features/dc/dc468x60_white.gif") no-repeat 0 0;
}
body.dotcover .banner_constructor .violet a.size_234x60 {
    background: #7d255b url("/idea/features/../../styles2/../dotcover/features/dc/dc234x60_violet.gif") no-repeat 0 0;
}
body.dotcover .banner_constructor .white a.size_234x60 {
    background: #fff url("/idea/features/../../styles2/../dotcover/features/dc/dc234x60_white.gif") no-repeat 0 0;
}
body.dotcover .banner_constructor .violet a.size_210x60 {
    background: #7d255b url("/idea/features/../../styles2/../dotcover/features/dc/dc210x60_violet.gif") no-repeat 0 0;
}
body.dotcover .banner_constructor .white a.size_210x60 {
    background: #fff url("/idea/features/../../styles2/../dotcover/features/dc/dc210x60_white.gif") no-repeat 0 0;
}
body.dotcover .banner_constructor .violet a.size_88x31 {
    background: #7d255b url("/idea/features/../../styles2/../dotcover/features/dc/dc88x31_violet.gif") no-repeat 0 0;
}
body.dotcover .banner_constructor .white a.size_88x31 {
    background: #fff url("/idea/features/../../styles2/../dotcover/features/dc/dc88x31_white.gif") no-repeat 0 0;
}
body.dotcover .banner_constructor .violet a.size_125x37 {
    background: #7d255b url("/idea/features/../../styles2/../dotcover/features/dc/dc125x37_violet.gif") no-repeat 0 0;
}
body.dotcover .banner_constructor .white a.size_125x37 {
    background: #fff url("/idea/features/../../styles2/../dotcover/features/dc/dc125x37_white.gif") no-repeat 0 0;
}
body.dotcover .banner_constructor .violet a.size_230x33 {
    background: #7d255b url("/idea/features/../../styles2/../dotcover/features/dc/dc230x33_violet.gif") no-repeat 0 0;
}
body.dotcover .banner_constructor .white a.size_230x33 {
    background: #fff url("/idea/features/../../styles2/../dotcover/features/dc/dc230x33_white.gif") no-repeat 0 0;
}
body.dotcover .banner_constructor .violet a.size_120x60 {
    background: #7d255b url("/idea/features/../../styles2/../dotcover/features/dc/dc120x60_violet.gif") no-repeat 0 0;
}
body.dotcover .banner_constructor .white a.size_120x60 {
    background: #fff url("/idea/features/../../styles2/../dotcover/features/dc/dc120x60_white.gif") no-repeat 0 0;
}
body.dotcover .banner_constructor .violet a.size_120x30 {
    background: #7d255b url("/idea/features/../../styles2/../dotcover/features/dc/dc120x30_violet.gif") no-repeat 0 0;
}
body.dotcover .banner_constructor .white a.size_120x30 {
    background: #fff url("/idea/features/../../styles2/../dotcover/features/dc/dc120x30_white.gif") no-repeat 0 0;
}




body.ruby .banner_constructor .rubin a.size_468x60 {
    background: #ab0022 url("/idea/features/../../styles2/../ruby/features/ruby_banners/ruby468x60_rubin.gif") no-repeat 0 0;
}
body.ruby .banner_constructor .white a.size_468x60 {
    background: #fff url("/idea/features/../../styles2/../ruby/features/ruby_banners/ruby468x60_white.gif") no-repeat 0 0;
}
body.ruby .banner_constructor .rubin a.size_234x60 {
    background: #ab0022 url("/idea/features/../../styles2/../ruby/features/ruby_banners/ruby234x60_rubin.gif") no-repeat 0 0;
}
body.ruby .banner_constructor .white a.size_234x60 {
    background: #fff url("/idea/features/../../styles2/../ruby/features/ruby_banners/ruby234x60_white.gif") no-repeat 0 0;
}
body.ruby .banner_constructor .rubin a.size_210x60 {
    background: #ab0022 url("/idea/features/../../styles2/../ruby/features/ruby_banners/ruby210x60_rubin.gif") no-repeat 0 0;
}
body.ruby .banner_constructor .white a.size_210x60 {
    background: #fff url("/idea/features/../../styles2/../ruby/features/ruby_banners/ruby210x60_white.gif") no-repeat 0 0;
}
body.ruby .banner_constructor .rubin a.size_88x31 {
    background: #ab0022 url("/idea/features/../../styles2/../ruby/features/ruby_banners/ruby88x31_rubin.gif") no-repeat 0 0;
}
body.ruby .banner_constructor .white a.size_88x31 {
    background: #fff url("/idea/features/../../styles2/../ruby/features/ruby_banners/ruby88x31_white.gif") no-repeat 0 0;
}
body.ruby .banner_constructor .rubin a.size_125x37 {
    background: #ab0022 url("/idea/features/../../styles2/../ruby/features/ruby_banners/ruby125x37_rubin.gif") no-repeat 0 0;
}
body.ruby .banner_constructor .white a.size_125x37 {
    background: #fff url("/idea/features/../../styles2/../ruby/features/ruby_banners/ruby125x37_white.gif") no-repeat 0 0;
}
body.ruby .banner_constructor .rubin a.size_230x33 {
    background: #ab0022 url("/idea/features/../../styles2/../ruby/features/ruby_banners/ruby230x33_rubin.gif") no-repeat 0 0;
}
body.ruby .banner_constructor .white a.size_230x33 {
    background: #fff url("/idea/features/../../styles2/../ruby/features/ruby_banners/ruby230x33_white.gif") no-repeat 0 0;
}
body.ruby .banner_constructor .rubin a.size_120x60 {
    background: #ab0022 url("/idea/features/../../styles2/../ruby/features/ruby_banners/ruby120x60_rubin.gif") no-repeat 0 0;
}
body.ruby .banner_constructor .white a.size_120x60 {
    background: #fff url("/idea/features/../../styles2/../ruby/features/ruby_banners/ruby120x60_white.gif") no-repeat 0 0;
}
body.ruby .banner_constructor .rubin a.size_120x30 {
    background: #ab0022 url("/idea/features/../../styles2/../ruby/features/ruby_banners/ruby120x30_rubin.gif") no-repeat 0 0;
}
body.ruby .banner_constructor .white a.size_120x30 {
    background: #fff url("/idea/features/../../styles2/../ruby/features/ruby_banners/ruby120x30_white.gif") no-repeat 0 0;
}


body.yt .banner_constructor .livid a.size_468x60 {
    background: #0d3a9e url("/idea/features/../../styles2/../youtrack/features/youtrack_banners/youtrack468x60_blue.gif") no-repeat 0 0;
}
body.yt .banner_constructor .white a.size_468x60 {
    background: #fff url("/idea/features/../../styles2/../youtrack/features/youtrack_banners/youtrack468x60_white.gif") no-repeat 0 0;
}
body.yt .banner_constructor .livid a.size_234x60 {
    background: #0d3a9e url("/idea/features/../../styles2/../youtrack/features/youtrack_banners/youtrack234x60_blue.gif") no-repeat 0 0;
}
body.yt .banner_constructor .white a.size_234x60 {
    background: #fff url("/idea/features/../../styles2/../youtrack/features/youtrack_banners/youtrack234x60_white.gif") no-repeat 0 0;
}
body.yt .banner_constructor .livid a.size_210x60 {
    background: #0d3a9e url("/idea/features/../../styles2/../youtrack/features/youtrack_banners/youtrack210x60_blue.gif") no-repeat 0 0;
}
body.yt .banner_constructor .white a.size_210x60 {
    background: #fff url("/idea/features/../../styles2/../youtrack/features/youtrack_banners/youtrack210x60_white.gif") no-repeat 0 0;
}
body.yt .banner_constructor .livid a.size_88x31 {
    background: #0d3a9e url("/idea/features/../../styles2/../youtrack/features/youtrack_banners/youtrack88x31_blue.gif") no-repeat 0 0;
}
body.yt .banner_constructor .white a.size_88x31 {
    background: #fff url("/idea/features/../../styles2/../youtrack/features/youtrack_banners/youtrack88x31_white.gif") no-repeat 0 0;
}
body.yt .banner_constructor .livid a.size_125x37 {
    background: #0d3a9e url("/idea/features/../../styles2/../youtrack/features/youtrack_banners/youtrack125x37_blue.gif") no-repeat 0 0;
}
body.yt .banner_constructor .white a.size_125x37 {
    background: #fff url("/idea/features/../../styles2/../youtrack/features/youtrack_banners/youtrack125x37_white.gif") no-repeat 0 0;
}
body.yt .banner_constructor .livid a.size_230x33 {
    background: #0d3a9e url("/idea/features/../../styles2/../youtrack/features/youtrack_banners/youtrack230x33_blue.gif") no-repeat 0 0;
}
body.yt .banner_constructor .white a.size_230x33 {
    background: #fff url("/idea/features/../../styles2/../youtrack/features/youtrack_banners/youtrack230x33_white.gif") no-repeat 0 0;
}
body.yt .banner_constructor .livid a.size_120x60 {
    background: #0d3a9e url("/idea/features/../../styles2/../youtrack/features/youtrack_banners/youtrack120x60_blue.gif") no-repeat 0 0;
}
body.yt .banner_constructor .white a.size_120x60 {
    background: #fff url("/idea/features/../../styles2/../youtrack/features/youtrack_banners/youtrack120x60_white.gif") no-repeat 0 0;
}
body.yt .banner_constructor .livid a.size_120x30 {
    background: #0d3a9e url("/idea/features/../../styles2/../youtrack/features/youtrack_banners/youtrack120x30_blue.gif") no-repeat 0 0;
}
body.yt .banner_constructor .white a.size_120x30 {
    background: #fff url("/idea/features/../../styles2/../youtrack/features/youtrack_banners/youtrack120x30_white.gif") no-repeat 0 0;
}


body.phpstorm .banner_constructor .violet a.size_468x60 {
    background: #5854b5 url("/idea/features/../../styles2/../phpstorm/documentation/phpstorm_banners/phpstorm468x60_violet.gif") no-repeat 0 0;
}
body.phpstorm .banner_constructor .white a.size_468x60 {
    background: #fff url("/idea/features/../../styles2/../phpstorm/documentation/phpstorm_banners/phpstorm468x60_white.gif") no-repeat 0 0;
}
body.phpstorm .banner_constructor .violet a.size_234x60 {
    background: #5854b5 url("/idea/features/../../styles2/../phpstorm/documentation/phpstorm_banners/phpstorm234x60_violet.gif") no-repeat 0 0;
}
body.phpstorm .banner_constructor .white a.size_234x60 {
    background: #fff url("/idea/features/../../styles2/../phpstorm/documentation/phpstorm_banners/phpstorm234x60_white.gif") no-repeat 0 0;
}
body.phpstorm .banner_constructor .violet a.size_210x60 {
    background: #5854b5 url("/idea/features/../../styles2/../phpstorm/documentation/phpstorm_banners/phpstorm210x60_violet.gif") no-repeat 0 0;
}
body.phpstorm .banner_constructor .white a.size_210x60 {
    background: #fff url("/idea/features/../../styles2/../phpstorm/documentation/phpstorm_banners/phpstorm210x60_white.gif") no-repeat 0 0;
}
body.phpstorm .banner_constructor .violet a.size_230x33 {
    background: #5854b5 url("/idea/features/../../styles2/../phpstorm/documentation/phpstorm_banners/phpstorm230x33_violet.gif") no-repeat 0 0;
}
body.phpstorm .banner_constructor .white a.size_230x33 {
    background: #fff url("/idea/features/../../styles2/../phpstorm/documentation/phpstorm_banners/phpstorm230x33_white.gif") no-repeat 0 0;
}
body.phpstorm .banner_constructor .violet a.size_120x60 {
    background: #5854b5 url("/idea/features/../../styles2/../phpstorm/documentation/phpstorm_banners/phpstorm120x60_violet.gif") no-repeat 0 0;
}
body.phpstorm .banner_constructor .white a.size_120x60 {
    background: #fff url("/idea/features/../../styles2/../phpstorm/documentation/phpstorm_banners/phpstorm120x60_white.gif") no-repeat 0 0;
}
body.phpstorm .banner_constructor .violet a.size_125x37 {
    background: #5854b5 url("/idea/features/../../styles2/../phpstorm/documentation/phpstorm_banners/phpstorm125x37_violet.gif") no-repeat 0 0;
}
body.phpstorm .banner_constructor .white a.size_125x37 {
    background: #fff url("/idea/features/../../styles2/../phpstorm/documentation/phpstorm_banners/phpstorm125x37_white.gif") no-repeat 0 0;
}
body.phpstorm .banner_constructor .violet a.size_120x30 {
    background: #5854b5 url("/idea/features/../../styles2/../phpstorm/documentation/phpstorm_banners/phpstorm120x30_violet.gif") no-repeat 0 0;
}
body.phpstorm .banner_constructor .white a.size_120x30 {
    background: #fff url("/idea/features/../../styles2/../phpstorm/documentation/phpstorm_banners/phpstorm120x30_white.gif") no-repeat 0 0;
}
body.phpstorm .banner_constructor .violet a.size_88x31 {
    background: #5854b5 url("/idea/features/../../styles2/../phpstorm/documentation/phpstorm_banners/phpstorm88x31_violet.gif") no-repeat 0 0;
}
body.phpstorm .banner_constructor .white a.size_88x31 {
    background: #fff url("/idea/features/../../styles2/../phpstorm/documentation/phpstorm_banners/phpstorm88x31_white.gif") no-repeat 0 0;
}



body.webstorm .banner_constructor .turquoise a.size_468x60 {
    background: #0281b6 url("/idea/features/../../styles2/../webstorm/documentation/webstorm_banners/webstorm468x60_turquoise.gif") no-repeat 0 0;
}
body.webstorm .banner_constructor .white a.size_468x60 {
    background: #fff url("/idea/features/../../styles2/../webstorm/documentation/webstorm_banners/webstorm468x60_white.gif") no-repeat 0 0;
}
body.webstorm .banner_constructor .turquoise a.size_234x60 {
    background: #0281b6 url("/idea/features/../../styles2/../webstorm/documentation/webstorm_banners/webstorm234x60_turquoise.gif") no-repeat 0 0;
}
body.webstorm .banner_constructor .white a.size_234x60 {
    background: #fff url("/idea/features/../../styles2/../webstorm/documentation/webstorm_banners/webstorm234x60_white.gif") no-repeat 0 0;
}
body.webstorm .banner_constructor .turquoise a.size_210x60 {
    background: #0281b6 url("/idea/features/../../styles2/../webstorm/documentation/webstorm_banners/webstorm210x60_turquoise.gif") no-repeat 0 0;
}
body.webstorm .banner_constructor .white a.size_210x60 {
    background: #fff url("/idea/features/../../styles2/../webstorm/documentation/webstorm_banners/webstorm210x60_white.gif") no-repeat 0 0;
}
body.webstorm .banner_constructor .turquoise a.size_230x33 {
    background: #0281b6 url("/idea/features/../../styles2/../webstorm/documentation/webstorm_banners/webstorm230x33_turquoise.gif") no-repeat 0 0;
}
body.webstorm .banner_constructor .white a.size_230x33 {
    background: #fff url("/idea/features/../../styles2/../webstorm/documentation/webstorm_banners/webstorm230x33_white.gif") no-repeat 0 0;
}
body.webstorm .banner_constructor .turquoise a.size_120x60 {
    background: #0281b6 url("/idea/features/../../styles2/../webstorm/documentation/webstorm_banners/webstorm120x60_turquoise.gif") no-repeat 0 0;
}
body.webstorm .banner_constructor .white a.size_120x60 {
    background: #fff url("/idea/features/../../styles2/../webstorm/documentation/webstorm_banners/webstorm120x60_white.gif") no-repeat 0 0;
}
body.webstorm .banner_constructor .turquoise a.size_125x37 {
    background: #0281b6 url("/idea/features/../../styles2/../webstorm/documentation/webstorm_banners/webstorm125x37_turquoise.gif") no-repeat 0 0;
}
body.webstorm .banner_constructor .white a.size_125x37 {
    background: #fff url("/idea/features/../../styles2/../webstorm/documentation/webstorm_banners/webstorm125x37_white.gif") no-repeat 0 0;
}
body.webstorm .banner_constructor .turquoise a.size_120x30 {
    background: #0281b6 url("/idea/features/../../styles2/../webstorm/documentation/webstorm_banners/webstorm120x30_turquoise.gif") no-repeat 0 0;
}
body.webstorm .banner_constructor .white a.size_120x30 {
    background: #fff url("/idea/features/../../styles2/../webstorm/documentation/webstorm_banners/webstorm120x30_white.gif") no-repeat 0 0;
}
body.webstorm .banner_constructor .turquoise a.size_88x31 {
    background: #0281b6 url("/idea/features/../../styles2/../webstorm/documentation/webstorm_banners/webstorm88x31_turquoise.gif") no-repeat 0 0;
}
body.webstorm .banner_constructor .white a.size_88x31 {
    background: #fff url("/idea/features/../../styles2/../webstorm/documentation/webstorm_banners/webstorm88x31_white.gif") no-repeat 0 0;
}


body.objc .banner_constructor .gray a.size_468x60 {
    background: #435571 url("/idea/features/../../styles2/../objc/features/objc_banners/objc468x60_gray.gif") no-repeat 0 0;
}
body.objc .banner_constructor .white a.size_468x60 {
    background: #fff url("/idea/features/../../styles2/../objc/features/objc_banners/objc468x60_white.gif") no-repeat 0 0;
}
body.objc .banner_constructor .gray a.size_234x60 {
    background: #435571 url("/idea/features/../../styles2/../objc/features/objc_banners/objc234x60_gray.gif") no-repeat 0 0;
}
body.objc .banner_constructor .white a.size_234x60 {
    background: #fff url("/idea/features/../../styles2/../objc/features/objc_banners/objc234x60_white.gif") no-repeat 0 0;
}
body.objc .banner_constructor .gray a.size_210x60 {
    background: #435571 url("/idea/features/../../styles2/../objc/features/objc_banners/objc210x60_gray.gif") no-repeat 0 0;
}
body.objc .banner_constructor .white a.size_210x60 {
    background: #fff url("/idea/features/../../styles2/../objc/features/objc_banners/objc210x60_white.gif") no-repeat 0 0;
}
body.objc .banner_constructor .gray a.size_230x33 {
    background: #435571 url("/idea/features/../../styles2/../objc/features/objc_banners/objc230x33_gray.gif") no-repeat 0 0;
}
body.objc .banner_constructor .white a.size_230x33 {
    background: #fff url("/idea/features/../../styles2/../objc/features/objc_banners/objc230x33_white.gif") no-repeat 0 0;
}
body.objc .banner_constructor .gray a.size_120x60 {
    background: #435571 url("/idea/features/../../styles2/../objc/features/objc_banners/objc120x60_gray.gif") no-repeat 0 0;
}
body.objc .banner_constructor .white a.size_120x60 {
    background: #fff url("/idea/features/../../styles2/../objc/features/objc_banners/objc120x60_white.gif") no-repeat 0 0;
}
body.objc .banner_constructor .gray a.size_125x37 {
    background: #435571 url("/idea/features/../../styles2/../objc/features/objc_banners/objc125x37_gray.gif") no-repeat 0 0;
}
body.objc .banner_constructor .white a.size_125x37 {
    background: #fff url("/idea/features/../../styles2/../objc/features/objc_banners/objc125x37_white.gif") no-repeat 0 0;
}
body.objc .banner_constructor .gray a.size_120x30 {
    background: #435571 url("/idea/features/../../styles2/../objc/features/objc_banners/objc120x30_gray.gif") no-repeat 0 0;
}
body.objc .banner_constructor .white a.size_120x30 {
    background: #fff url("/idea/features/../../styles2/../objc/features/objc_banners/objc120x30_white.gif") no-repeat 0 0;
}
body.objc .banner_constructor .gray a.size_88x31 {
    background: #435571 url("/idea/features/../../styles2/../objc/features/objc_banners/objc88x31_gray.gif") no-repeat 0 0;
}
body.objc .banner_constructor .white a.size_88x31 {
    background: #fff url("/idea/features/../../styles2/../objc/features/objc_banners/objc88x31_white.gif") no-repeat 0 0;
}





/*-----------------------------------------------------------------------------------------------------------------------------------------*/


.banner_constructor #banner a#size_banner em {
    margin: 0;
    padding: 0;
    display: block;
    font-style: normal;
}
.banner_constructor #banner a#size_banner.size_468x60 em {
    padding-bottom: 10px;
    line-height: 13px;
    padding-top: 18px;
}
body.rs .banner_constructor #banner a#size_banner.size_468x60 em {
    margin-left: 190px;
    width: 274px;
}
body.dt .banner_constructor #banner a#size_banner.size_468x60 em {
    padding-top: 24px;
    margin-left: 200px;
    width: 274px;
    font-size: 14px;
}
body.dotcover .banner_constructor #banner a#size_banner.size_468x60 em {
    padding-top: 22px;
    margin-left: 200px;
    width: 270px;
    font-size: 14px;
}
body.idea .banner_constructor #banner a#size_banner.size_468x60 em {
    margin-left: 198px;
    width: 269px;
    font-size: 11px;
    line-height: 14px;
    text-indent: -1px;
}
body.ruby .banner_constructor #banner a#size_banner.size_468x60 em {
    margin-left: 200px;
    width: 264px;
}
body.yt .banner_constructor #banner a#size_banner.size_468x60 em {
    padding-top: 22px;
    font-size: 15px;
    line-height: 14px;
    margin-left: 180px;
    width: 280px;
}
body.phpstorm .banner_constructor #banner a#size_banner.size_468x60 em {
    margin-left: 185px;
    width: 275px;
    font-size: 90%;
}
body.webstorm .banner_constructor #banner a#size_banner.size_468x60 em {
    margin-left: 190px;
    width: 270px;
    font-size: 90%;
}
body.objc .banner_constructor #banner a#size_banner.size_468x60 em {
    margin-left: 190px;
    width: 275px;
    font-size: 15px;
    line-height: 15px;
}

.banner_constructor #banner a#size_banner.size_234x60 em {
    padding-top: 33px;
    margin-right:10px;
}
body.rs .banner_constructor #banner a#size_banner.size_234x60 em {
    margin-left: 10px;
    line-height: 12px;
    font-size: 11px;
}
body.dt .banner_constructor #banner a#size_banner.size_234x60 em {
    padding-top: 42px;
    margin-left: 11px;
    line-height: 12px;
    font-size: 11px;
}
body.dotcover .banner_constructor #banner a#size_banner.size_234x60 em {
    padding-top: 39px;
    margin-left: 11px;
    line-height: 10px;
    font-size: 11px;
}
body.idea .banner_constructor #banner a#size_banner.size_234x60 em {
    margin-left: 7px;
    margin-right: 7px;
    line-height: 11px;
    font-size: 12px;
    letter-spacing: -1px;
}
body.ruby .banner_constructor #banner a#size_banner.size_234x60 em {
    margin-left: 10px;
    line-height: 11px;
}
body.yt .banner_constructor #banner a#size_banner.size_234x60 em {
    margin-left: 9px;
    margin-right:5px;
    padding-top: 36px;
    line-height: 11px;
    font-size: 11px;
}
body.phpstorm .banner_constructor #banner a#size_banner.size_234x60 em {
    padding-top: 35px;
    margin-left: 10px;
    line-height: 11px;
}
body.webstorm .banner_constructor #banner a#size_banner.size_234x60 em {
    padding-top: 36px;
    margin-left: 10px;
    margin-right: 0;
    line-height: 11px;
}
body.objc .banner_constructor #banner a#size_banner.size_234x60 em {
    padding-top: 34px;
    margin-left: 10px;
    margin-right: 0;
    line-height: 11px;
}



.banner_constructor #banner a#size_banner.size_210x60 em {
    margin-left: 3px;
    padding-top: 33px;
    margin-right: 1px;
    line-height: 12px;
    font-size: 9px;
    font-family: trebuchet ms,arial,sans-serif;
}
body.rs .banner_constructor #banner a#size_banner.size_210x60 em {
    line-height: 12px;
    margin-left: 8px;
}
body.dt .banner_constructor #banner a#size_banner.size_210x60 em {
    padding-top: 40px;
    line-height: 12px;
    margin-left: 9px;
    font-size: 11px;
}
body.dotcover .banner_constructor #banner a#size_banner.size_210x60 em {
    padding-top: 38px;
    line-height: 10px;
    margin-left: 9px;
    font-size: 11px;
}
body.idea .banner_constructor #banner a#size_banner.size_210x60 em {
    line-height: 11px;
    margin-left: 6px;
}
body.ruby .banner_constructor #banner a#size_banner.size_210x60 em {
    padding-top: 35px;
    line-height: 11px;
    margin-left: 9px;
}
body.yt .banner_constructor #banner a#size_banner.size_210x60 em {
    padding-top: 41px;
    font-size: 10px;
    line-height: 11px;
    word-spacing: -1px;
}
body.phpstorm .banner_constructor #banner a#size_banner.size_210x60 em {
    margin-left: 8px;
    padding-top: 36px;
    line-height: 11px;
}
body.webstorm .banner_constructor #banner a#size_banner.size_210x60 em {
    margin-left: 5px;
    margin-right: 0;
    padding-top: 36px;
    line-height: 11px;
    word-spacing: -2px;
}
body.objc .banner_constructor #banner a#size_banner.size_210x60 em {
    margin-left: 8px;
    margin-right: 0;
    padding-top: 37px;
    line-height: 10px;
}



body.rs .banner_constructor #banner a#size_banner.size_120x60 em {
    margin-left: 5px;
    padding-top: 25px;
    margin-right:10px;
    line-height: 10px;
    font-size: 9px;
}
body.dt .banner_constructor #banner a#size_banner.size_120x60 em {
    margin-left: 4px;
    padding-top: 32px;
    margin-right:10px;
    line-height: 10px;
    font-size: 11px!important;
}
body.dotcover .banner_constructor #banner a#size_banner.size_120x60 em {
    margin-left: 4px;
    padding-top: 32px;
    margin-right:10px;
    line-height: 10px;
    font-size: 11px!important;
}

body.rs .banner_constructor #banner a#size_banner span#text_small,
body.dt .banner_constructor #banner a#size_banner span#text_small,
body.dotcover .banner_constructor #banner a#size_banner span#text_small,
body.idea.all .banner_constructor #banner a#size_banner span#text_small,
body.ruby .banner_constructor #banner a#size_banner span#text_small,
body.yt .banner_constructor #banner a#size_banner span#text_small,
body.phpstorm .banner_constructor #banner a#size_banner span#text_small,
body.webstorm .banner_constructor #banner a#size_banner span#text_small,
body.objc .banner_constructor #banner a#size_banner span#text_small {
    margin: 0;
    padding: 0;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    font-weight: normal;
}
body.rs .banner_constructor #banner a#size_banner.size_468x60 span#text_small {
    top: 7px;
    left: 69px;
    width: 107px;
    font-size: 11px;
}
body.rs .banner_constructor #banner a#size_banner.size_234x60 span#text_small {
    top: -4px;
    left: 63px;
    font-size: 10px;
}
body.rs .banner_constructor #banner a#size_banner.size_210x60 span#text_small {
    top: -3px;
    left: 63px;
    font-size: 10px;
}
body.rs .banner_constructor #banner a#size_banner.size_88x31 span#text_small {
    top: -5px;
    left: 4px;
    font-size: 9px;
}
body.rs .banner_constructor #banner a#size_banner.size_125x37 span#text_small {
    top: -3px;
    left: 37px;
    font-size: 9px;
}
body.rs .banner_constructor #banner a#size_banner.size_230x33 span#text_small {
    top: 5px;
    left: 1px;
    font-size: 10px;
}
body.rs .banner_constructor #banner a#size_banner.size_120x60 span#text_small {
    top: -7px;
    left: 34px;
    font-size: 9px;
    letter-spacing: -.1px;
}
body.rs .banner_constructor #banner a#size_banner.size_120x30 span#text_small {
    top: -6px;
    left: 34px;
    font-size: 9px;
    letter-spacing: -.1px;
}

body.dt .banner_constructor #banner a#size_banner.size_468x60 span#text_small {
    top: 4px;
    left: 69px;
    width: 105px;
    font-size: 12px;
}
body.dt .banner_constructor #banner a#size_banner.size_234x60 span#text_small {
    top: -2px;
    left: 64px;
    font-size: 11px;
}
body.dt .banner_constructor #banner a#size_banner.size_210x60 span#text_small {
    top: -3px;
    left: 63px;
    font-size: 11px;
}
body.dt .banner_constructor #banner a#size_banner.size_88x31 span#text_small {
    top: -5px;
    left: 3px;
    font-size: 9px;
}
body.dt .banner_constructor #banner a#size_banner.size_125x37 span#text_small {
    top: -4px;
    left: 36px;
    font-size: 10px;
}
body.dt .banner_constructor #banner a#size_banner.size_230x33 span#text_small {
    top: 6px;
    left: 2px;
    width: 94px;
    text-align: right;
    font-size: 11px;
}
body.dt .banner_constructor #banner a#size_banner.size_120x60 span#text_small {
    top: -4px;
    left: 36px;
    font-size: 9px;
    letter-spacing: -.1px;
}
body.dt .banner_constructor #banner a#size_banner.size_120x30 span#text_small {
    top: -5px;
    left: 34px;
    font-size: 9px;
}

body.dotcover .banner_constructor #banner a#size_banner.size_468x60 span#text_small {
    top: 4px;
    left: 69px;
    width: 105px;
    font-size: 12px;
}
body.dotcover .banner_constructor #banner a#size_banner.size_234x60 span#text_small {
    top: -2px;
    left: 64px;
    font-size: 11px;
}
body.dotcover .banner_constructor #banner a#size_banner.size_210x60 span#text_small {
    top: -3px;
    left: 63px;
    font-size: 11px;
}
body.dotcover .banner_constructor #banner a#size_banner.size_88x31 span#text_small {
    top: -5px;
    left: 3px;
    font-size: 9px;
}
body.dotcover .banner_constructor #banner a#size_banner.size_125x37 span#text_small {
    top: -4px;
    left: 36px;
    font-size: 10px;
}
body.dotcover .banner_constructor #banner a#size_banner.size_230x33 span#text_small {
    top: 6px;
    left: 2px;
    width: 94px;
    text-align: right;
    font-size: 11px;
}
body.dotcover .banner_constructor #banner a#size_banner.size_120x60 span#text_small {
    top: -4px;
    left: 36px;
    font-size: 9px;
    letter-spacing: -.1px;
}
body.dotcover .banner_constructor #banner a#size_banner.size_120x30 span#text_small {
    top: -5px;
    left: 34px;
    font-size: 9px;
}

body.idea.all .banner_constructor #banner a#size_banner.size_468x60 span#text_small {
    top: 4px;
    left: 41px;
    width: 110px;
    font-size: 11px;
    line-height: 12px;
}
body.idea.all .banner_constructor #banner a#size_banner.size_234x60 span#text_small {
    top: -1px;
    left: 42px;
    font-size: 10px;
    line-height: 11px;
}
body.idea.all .banner_constructor #banner a#size_banner.size_210x60 span#text_small {
    top: -6px;
    left: 41px;
    font-size: 10px;
}
body.idea.all .banner_constructor #banner a#size_banner.size_88x31 span#text_small {
    top: -1px;
    left: 3px;
    font-size: 9px;
    line-height: 10px;
    letter-spacing: -1px;
    word-spacing: 1px;

}
body.idea.all .banner_constructor #banner a#size_banner.size_125x37 span#text_small {
    top: -4px;
    left: 32px;
    font-size: 9px;
    word-spacing: -1px;
}
body.idea.all .banner_constructor #banner a#size_banner.size_230x33 span#text_small {
    top: 0;
    left: 2px;
    font-size: 10px;
    letter-spacing: -1px;
}
body.idea.all .banner_constructor #banner a#size_banner.size_120x60 span#text_small {
    top: 0;
    left: 26px;
    font-size: 9px;
    word-spacing: -1px;
}
body.idea.all .banner_constructor #banner a#size_banner.size_120x30 span#text_small {
    top: -6px;
    left: 27px;
    font-size: 9px;
    word-spacing: -1px;
}

body.ruby .banner_constructor #banner a#size_banner.size_468x60 span#text_small {
    top: 4px;
    left: 62px;
    width: 110px;
    font-size: 11px;
}
body.ruby .banner_constructor #banner a#size_banner.size_234x60 span#text_small {
    top: -5px;
    left: 56px;
    font-size: 10px;
}
body.ruby .banner_constructor #banner a#size_banner.size_210x60 span#text_small {
    top: -5px;
    left: 56px;
    font-size: 10px;
}
body.ruby .banner_constructor #banner a#size_banner.size_88x31 span#text_small {
    top: -6px;
    left: 3px;
    font-size: 9px;
}
body.ruby .banner_constructor #banner a#size_banner.size_125x37 span#text_small {
    top: -5px;
    left: 33px;
    font-size: 9px;
}
body.ruby .banner_constructor #banner a#size_banner.size_230x33 span#text_small {
    top: 4px;
    left: 4px;
    font-size: 9px;
}
body.ruby .banner_constructor #banner a#size_banner.size_120x60 span#text_small {
    top: 28px;
    left: 6px;
    font-size: 11px;
}
body.ruby .banner_constructor #banner a#size_banner.size_120x30 span#text_small {
    top: -6px;
    left: 34px;
    font-size: 9px;
    letter-spacing: -.1px;
}



body.yt .banner_constructor #banner a#size_banner.size_468x60 span#text_small {
    top: 6px;
    left: 54px;
    width: 130px;
    font-size: 9px;
    line-height: 10px;
    word-spacing: -1px;
}
body.yt .banner_constructor #banner a#size_banner.size_234x60 span#text_small {

    line-height: 12px;
    left: 53px;
    font-size: 10px;
}
body.yt .banner_constructor #banner a#size_banner.size_210x60 span#text_small {

    left: 53px;
    font-size: 10px;
    line-height: 11px;
}
body.yt .banner_constructor #banner a#size_banner.size_88x31 span#text_small {

    left: 3px;
    font-size: 9px;
    line-height: 11px;
    letter-spacing: -1px;
}
body.yt .banner_constructor #banner a#size_banner.size_125x37 span#text_small {

    left: 32px;
    font-size: 9px;
    line-height: 10px;
}
body.yt .banner_constructor #banner a#size_banner.size_230x33 span#text_small {
    top: 12px;
    left: 7px;
    font-size: 11px;
    line-height: 12px;
    letter-spacing: -1px;
}
body.yt .banner_constructor #banner a#size_banner.size_120x60 span#text_small {
    top: 6px;
    left: 4px;
    font-size: 1px;
    line-height: 12px;

}
body.yt .banner_constructor #banner a#size_banner.size_120x30 span#text_small {
    top: -1px;
    left: 33px;
    font-size: 9px;
    line-height: 9px;
    letter-spacing: -1px;
}

body.phpstorm .banner_constructor #banner a#size_banner.size_468x60 span#text_small {
    top: 4px;
    left: 62px;
    width: 110px;
    font-size: 11px;
}
body.phpstorm .banner_constructor #banner a#size_banner.size_234x60 span#text_small {
    top: -4px;
    left: 63px;
    font-size: 10px;
}
body.phpstorm .banner_constructor #banner a#size_banner.size_210x60 span#text_small {
    top: -4px;
    left: 60px;
    font-size: 10px;
}
body.phpstorm .banner_constructor #banner a#size_banner.size_88x31 span#text_small {
    top: -5px;
    left: 3px;
    font-size: 9px;
}
body.phpstorm .banner_constructor #banner a#size_banner.size_125x37 span#text_small {
    top: -2px;
    left: 35px;
    font-size: 9px;
}
body.phpstorm .banner_constructor #banner a#size_banner.size_230x33 span#text_small {
    top: 7px;
    left: 4px;
    font-size: 11px;
}
body.phpstorm .banner_constructor #banner a#size_banner.size_120x60 span#text_small {
    top: 31px;
    left: 4px;
    font-size: 12px;
}
body.phpstorm .banner_constructor #banner a#size_banner.size_120x30 span#text_small {
    top: -5px;
    left: 34px;
    font-size: 9px;
}

body.webstorm .banner_constructor #banner a#size_banner.size_468x60 span#text_small {
    top: 4px;
    left: 57px;
    width: 110px;
    font-size: 11px;
}
body.webstorm .banner_constructor #banner a#size_banner.size_234x60 span#text_small {
    top: -4px;
    left: 58px;
    font-size: 10px;
}
body.webstorm .banner_constructor #banner a#size_banner.size_210x60 span#text_small {
    top: -4px;
    left: 55px;
    font-size: 10px;
}
body.webstorm .banner_constructor #banner a#size_banner.size_88x31 span#text_small {
    top: -5px;
    left: 2px;
    font-size: 9px;
}
body.webstorm .banner_constructor #banner a#size_banner.size_125x37 span#text_small {
    top: -3px;
    left: 32px;
    font-size: 9px;
}
body.webstorm .banner_constructor #banner a#size_banner.size_230x33 span#text_small {
    top: 7px;
    left: 3px;
    font-size: 11px;
}
body.webstorm .banner_constructor #banner a#size_banner.size_120x60 span#text_small {
    top: 32px;
    left: 5px;
    font-size: 12px;
}
body.webstorm .banner_constructor #banner a#size_banner.size_120x30 span#text_small {
    top: -5px;
    left: 30px;
    font-size: 9px;
}


body.objc .banner_constructor #banner a#size_banner.size_468x60 span#text_small {
    top: 1px;
    left: 57px;
    width: 150px;
    font-size: 11px;
}
body.objc .banner_constructor #banner a#size_banner.size_234x60 span#text_small {
    top: -6px;
    left: 56px;
    font-size: 10px;
}
body.objc .banner_constructor #banner a#size_banner.size_210x60 span#text_small {
    top: -7px;
    left: 49px;
    font-size: 10px;
}
body.objc .banner_constructor #banner a#size_banner.size_88x31 span#text_small {
    top: -6px;
    left: 0;
    font-size: 9px;
    letter-spacing: -.07em;
}
body.objc .banner_constructor #banner a#size_banner.size_125x37 span#text_small {
    top: -6px;
    left: 30px;
    font-size: 9px;
    word-spacing: -1px;
}
body.objc .banner_constructor #banner a#size_banner.size_230x33 span#text_small {
    top: 3px;
    left: 2px;
    font-size: 10px;
}
body.objc .banner_constructor #banner a#size_banner.size_120x60 span#text_small {
    top: 32px;
    left: 5px;
    font-size: 11px;
}
body.objc .banner_constructor #banner a#size_banner.size_120x30 span#text_small {
    top: -8px;
    left: 25px;
    font-size: 9px;
    word-spacing: -1px;
}

/*-----------------------------------to Frame End------------------------------------*/

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

#content a.text-button{
    background: url("/idea/features/../../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: 14px 10px 12px 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.3em;
    display: block;
    font-weight: bold;
    font-size: 120%;
    color: #295bc9;
}
#subcontent .buttonDownloadNow a {
    color: #676767;
}
body #content .buttonDownloadNow {
    width: 194px;
    background: url("/idea/features/../../styles2/../img/buttons/buttonDownloadNow.gif") no-repeat 0 0;
}
body.TeamCity #content .buttonDownloadNow {
    width: 250px;
    background: url("/idea/features/../../styles2/../img/buttons/buttonDownloadNow_tc.gif") no-repeat 0 0;
}
body.yt #content .buttonDownloadNow {
    padding-top: 10px;
    height: 38px;
    padding-left: 70px;
    width: 245px;
    color: #333;
    background: url("/idea/features/../../styles2/../img/buttons/buttonDownloadNow_yt.png") no-repeat 0 0;
}
body.pycharm #content .buttonDownloadNow  {
    padding-left: 85px;
    width: 220px;
    background: url("/idea/features/../../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("/idea/features/../../styles2/../img/buttons/buttonDownloadNow_rs.gif") no-repeat 0 0;
}

body.decompiler #content .buttonDownloadNow {
    padding-left: 74px;
    width: 235px;
    background: url("/idea/features/../../styles2/../img/buttons/buttonDownloadNow_dp.gif") no-repeat 0 0;
}
body.phpstorm #content .buttonDownloadNow {
    width: 224px;
    background: url("/idea/features/../../styles2/../img/buttons/buttonDownloadNow_phpstorm.gif") no-repeat 0 0;
}
body.webstorm #content .buttonDownloadNow {
    width: 224px;
    background: url("/idea/features/../../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("/idea/features/../../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("/idea/features/../../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("/idea/features/../../styles2/../img/buttons/buttonDownloadNowLight_rs.gif") no-repeat 0 0;
}
body.idea #content .buttonDownloadNow.community {
    background-image: url("/idea/features/../../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.yt #content .buttonDownloadNow:hover {
    background-position: 0 0;
}
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, body.decompiler #content .buttonDownloadNow span {
    color: #7e255b;
}
body.rs #content .buttonDownloadNow span {
    font-size: 15px;
}
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.yt #content .buttonDownloadNow span {
    color: #333;
}

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


#content .buttonDownloadGreen {
    padding-left: 12px;
    float: left;
    width: 100%;
    font-size: 90%;
    background: url("/idea/features/../../styles2/../img/buttons/buttonDownloadGreeen.png") no-repeat 0 0;
    border: none;
}
#content .buttonDownloadGreen.big {
    padding-left: 12px;
    font-size: 100%;
    background: url("/idea/features/../../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("/idea/features/../../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("/idea/features/../../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;
}
body.pycharm #content .buttonDownloadGreen span {
    padding-left: 65px;
    font-size: 90%;
}
body.pycharm #content .buttonDownloadGreen span h3 {
    font-size: 160%;
}

#content .buttonDownload_text {
    padding: .9em .5em 1em 4em;
    display: block;
    width: 100%;
    color: #585858;
    font-size: 130%;
    font-weight: bold;
    cursor: pointer;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
    background: #f2f2f2 url("/idea/features/../../styles2/../img/buttons/bgButtonDownload.png") no-repeat .8em .3em;
    background: url("/idea/features/../../styles2/../img/buttons/bgButtonDownload.png") no-repeat .8em .3em, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2f2f2), color-stop(100%, #dadada));
    background: url("/idea/features/../../styles2/../img/buttons/bgButtonDownload.png") no-repeat .8em .3em, -webkit-linear-gradient(top, #f2f2f2 0%, #dadada 100%);
    background: url("/idea/features/../../styles2/../img/buttons/bgButtonDownload.png") no-repeat .8em .3em, -moz-linear-gradient(top, #f2f2f2 0%, #dadada 100%);
    background: url("/idea/features/../../styles2/../img/buttons/bgButtonDownload.png") no-repeat .8em .3em, -ms-linear-gradient(top, #f2f2f2 0%, #dadada 100%);
    background: url("/idea/features/../../styles2/../img/buttons/bgButtonDownload.png") no-repeat .8em .3em, -o-linear-gradient(top, #f2f2f2 0%, #dadada 100%);
    background: url("/idea/features/../../styles2/../img/buttons/bgButtonDownload.png") no-repeat .8em .3em, linear-gradient(top, #f2f2f2 0%, #dadada 100%);
    border: 1px solid #cdcdcd;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.6), 0 1px 2px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.6), 0 1px 2px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.6), 0 1px 2px rgba(0, 0, 0, 0.3);
}
#content .buttonDownload_text.green, #content .active .buttonDownload_text {
    color: #425821;
    background: #aed855 url("/idea/features/../../styles2/../img/buttons/bgButtonDownload.png") no-repeat .8em .3em;
    background: url("/idea/features/../../styles2/../img/buttons/bgButtonDownload.png") no-repeat .8em .3em, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c9ec56), color-stop(100%, #85b142));
    background: url("/idea/features/../../styles2/../img/buttons/bgButtonDownload.png") no-repeat .8em .3em, -webkit-linear-gradient(top, #c9ec56 0%, #85b142 100%);
    background: url("/idea/features/../../styles2/../img/buttons/bgButtonDownload.png") no-repeat .8em .3em, -moz-linear-gradient(top, #c9ec56 0%, #85b142 100%);
    background: url("/idea/features/../../styles2/../img/buttons/bgButtonDownload.png") no-repeat .8em .3em, -ms-linear-gradient(top, #c9ec56 0%, #85b142 100%);
    background: url("/idea/features/../../styles2/../img/buttons/bgButtonDownload.png") no-repeat .8em .3em, -o-linear-gradient(top, #c9ec56 0%, #85b142 100%);
    background: url("/idea/features/../../styles2/../img/buttons/bgButtonDownload.png") no-repeat .8em .3em, linear-gradient(top, #c9ec56 0%, #85b142 100%);
    border: 1px solid #acb68a;
    -webkit-box-shadow: inset 0 0 0 1px rgba(218, 229, 115, 0.6), 0 1px 2px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 0 0 1px rgba(218, 229, 115, 0.6), 0 1px 2px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 0 1px rgba(218, 229, 115, 0.6), 0 1px 2px rgba(0, 0, 0, 0.3);
}
#content .buttonDownload_text:hover {
    text-decoration: none;
}
#content .buttonDownloadNow_text {
    padding: .9em .4em 1em .4em;
    display: block;
    text-align: center;
    width: 100%;
    font-size: 130%;
    cursor: pointer;
    background-color: #f3f3f3;
    border: 1px solid #e0e0e0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 0 0 #fdfdfd;
    -moz-box-shadow: inset 0 1px 0 0 #fdfdfd;
    box-shadow: inset 0 1px 0 0 #fdfdfd;
}
#content .buttonDownloadNow_text:hover {
    text-decoration: none;
}


#content .buttonDownload {
    margin-top: 1.5em;
    padding: .5em 2em .55em;
    float: left;
	vertical-align: baseline;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 1px 1px rgba(0,0,0,.2);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;

	border: solid 1px #c9c9c9;
	border-top: solid 1px #d3d3d3;
	border-bottom: solid 1px #bdbdbd;
	background: #efefef;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e1e1e1));
	background: -moz-linear-gradient(top,  #fff,  #e1e1e1);
}
#content .buttonDownload:hover {
	background: #ebebeb;
	background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#dbdbdb));
	background: -moz-linear-gradient(top,  #fbfbfb,  #dbdbdb);
}




.downloadButtonYellow {
    margin-left: .5em;
    margin-top: 1.5em;
    padding: 9px 0 0 45px;
    display: block;
    cursor: pointer;
    width: 170px;
    height: 33px;
    color: #043dbc;
    font-weight: bold;
    font-size: 18px;
    letter-spacing:0;
    background: transparent url("/idea/features/../../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: 33px;
    color: #043dbc;
    font-size: 18px;
    font-weight: bold;
    letter-spacing:0;
    background: transparent url("/idea/features/../../styles2/../img/buttons/button_download_blue.png") no-repeat scroll 0 0;
}
.downloadButtonChB {
    margin-left: .5em;
    margin-top: 1.5em;
    padding: 9px 0 0 45px;
    display: block;
    cursor: pointer;
    width: 170px;
    height: 33px;
    color: #043dbc;
    font-weight: bold;
    font-size: 18px;
    background: transparent url("/idea/features/../../styles2/../img/buttons/button_download_chb.png") no-repeat scroll 0 0;
}
.downloadButtonYellow:hover, .downloadButtonBlue:hover, .downloadButtonChB: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, inset 0 0 0 1px #f4f4f4;
    -moz-box-shadow: inset 0 1px 0 0 #fdfdfd, inset 0 0 0 1px #f4f4f4;
    -ms-box-shadow: inset 0 1px 0 0 #fdfdfd, inset 0 0 0 1px #f4f4f4;
    -o-box-shadow: inset 0 1px 0 0 #fdfdfd, inset 0 0 0 1px #f4f4f4;
    box-shadow: inset 0 1px 0 0 #fdfdfd, inset 0 0 0 1px #f4f4f4;
    border: 1px solid #e0e0e0;
}
.button-link.orange {
    background-color: #f4b320;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f4b320), to(#ec7914));
    background-image: -webkit-linear-gradient(top, #f4b320, #ec7914);
    background-image: -moz-linear-gradient(top, #f4b320, #ec7914);
    background-image: -ms-linear-gradient(top, #f4b320, #ec7914);
    background-image: -o-linear-gradient(top, #f4b320, #ec7914);
    background-image: linear-gradient(top, #f4b320, #ec7914);
    -webkit-box-shadow: inset 0 1px 0 0 #f9d88c, inset 0 0 0 1px #f6bc86;
    -moz-box-shadow: inset 0 1px 0 0 #f9d88c, inset 0 0 0 1px #f6bc86;
    -ms-box-shadow: inset 0 1px 0 0 #f9d88c, inset 0 0 0 1px #f6bc86;
    -o-box-shadow: inset 0 1px 0 0 #f9d88c, inset 0 0 0 1px #f6bc86;
    box-shadow: inset 0 1px 0 0 #f9d88c, inset 0 0 0 1px #f6bc86;
    border: 1px solid #ca7d17;
}
.button-link.gray_dark {
    background-color: #ccc;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#aaa));
    background-image: -webkit-linear-gradient(top, #ccc, #aaa);
    background-image: -moz-linear-gradient(top, #ccc, #aaa);
    background-image: -ms-linear-gradient(top, #ccc, #aaa);
    background-image: -o-linear-gradient(top, #ccc, #aaa);
    background-image: linear-gradient(top, #ccc, #aaa);
    -webkit-box-shadow: inset 0 1px 0 0 #e3e3e3, inset 0 0 0 1px #d2d2d2;
    -moz-box-shadow: inset 0 1px 0 0 #e3e3e3, inset 0 0 0 1px #d2d2d2;
    -ms-box-shadow: inset 0 1px 0 0 #e3e3e3, inset 0 0 0 1px #d2d2d2;
    -o-box-shadow: inset 0 1px 0 0 #e3e3e3, inset 0 0 0 1px #d2d2d2;
    box-shadow: inset 0 1px 0 0 #e3e3e3, inset 0 0 0 1px #d2d2d2;
    border: 1px solid #686868;
}
.button-link a {
    margin-right: 15px;
    font-size: 130%;
    line-height: 25px;
    display: block;
    background: url("/idea/features/../../styles2/../img/buttons/bgButton-link.png") no-repeat right 10px;
}
.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.yellow a {
    color: #333;
    background-position: right -54px;
}
.button-link.orange a {
    color: #fff;
    font-weight: bold;
    font-size: 130%;
    text-shadow: 0 -1px 0 #bc7b14;
    background-position: right -88px;
}
.button-link.gray_dark a {
    color: #3a76da;
    font-weight: bold;
    font-size: 130%;
    text-shadow:0 1px 0 #fff;
    background-position: right -120px;
}
.button-link a:hover {
    text-decoration: none;
}
.button-link a span {
    margin: 1px 38px 1px 1px;
    padding: 8px .5em 11px;
    display: block;
    position: relative;
    box-shadow: 1px 0 0 0 #fafafa;
    border-right: solid 1px #e0e0e0;
}
.button-link.orange span {
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    box-shadow: 1px 0 0 0 #f9d88c;
    border-right: solid 1px #ca7d17;
}
.button-link.gray_dark span {
    box-shadow: 1px 0 0 0 #d4d4d4;
    border-right: solid 1px #686868;
}
.button-link.yellow span {
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    background-color: #ffd17c;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffd17c), to(#eebb69));
    background-image: -webkit-linear-gradient(top, #ffd17c, #eebb69);
    background-image: -moz-linear-gradient(top, #ffd17c, #eebb69);
    background-image: -ms-linear-gradient(top, #ffd17c, #eebb69);
    background-image: -o-linear-gradient(top, #ffd17c, #eebb69);
    background-image: linear-gradient(top, #ffd17c, #eebb69);
}
.button-link a span:before {
    bottom: 0;
    content: "";
    display: block;
    right: 0;
    position: absolute;
    width: 1px;
    height: 100%;
    background: none repeat scroll 0 0 #fff;
}
.button-link.orange a span:before {
    background: none repeat scroll 0 0 #f9d88c;
}
.button-link.gray_dark a span:before {
    background: none repeat scroll 0 0 #d4d4d4;
}


.button_link {
    margin-bottom: 1.5em;
    padding: .4em 1.5em;
    text-align: center;
    color: #0e4665;
    font-family: 'GraublauSans-Bold', Helvetica, Arial, sans-serif;
    font-size: 18px;
    text-shadow: 0 1px 0 rgba(255,255,255,0.3);
    -webkit-border-radius: 2px;
       -moz-border-radius: 2px;
            border-radius: 2px;
    background-color: #58d0ea;
    background: -moz-linear-gradient(top,  #58d0ea 40%, #4792b7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(40%,#58d0ea), color-stop(100%,#4792b7));
    background: -webkit-linear-gradient(top,  #58d0ea 40%,#4792b7 100%);
    background: -o-linear-gradient(top,  #58d0ea 40%,#4792b7 100%);
    background: -ms-linear-gradient(top,  #58d0ea 40%,#4792b7 100%);
    background: linear-gradient(to bottom,  #58d0ea 40%,#4792b7 100%);
    box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.4), inset 0 -1px 0 0 rgba(0,0,0,0.1), 1px 2px 3px 1px rgba(0,0,0,0.1);
    border: 1px solid #0c6086;
}
.button_link.green {
    color: #435928;
    background-color: #c6db57;
    background: -moz-linear-gradient(top,  #c6db57 40%, #87b342 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(40%,#c6db57), color-stop(100%,#87b342));
    background: -webkit-linear-gradient(top,  #c6db57 40%,#87b342 100%);
    background: -o-linear-gradient(top,  #c6db57 40%,#87b342 100%);
    background: -ms-linear-gradient(top,  #c6db57 40%,#87b342 100%);
    background: linear-gradient(to bottom,  #c6db57 40%,#87b342 100%);
    border: 1px solid #75963d;
}
.button_link:hover {
    color: #0e4665;
}
.button_link.green:hover {
    color: #435928;
}





#content a.button_download {
    margin-bottom: .4em;
    padding: 0 0 .1em 0;
    display: block;
    position: relative;
    min-height: 47px;
    z-index: 10;
    text-align: left;
    color: #626262;
    /*font-weight: bold;*/
    text-decoration: none;
    cursor: pointer;
    text-shadow: 0 1px 0 rgba(255,255,255,0.3);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #b7b7b7;
    background: -moz-linear-gradient(top,  #e4e4e4 30%, #b7b7b7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#e4e4e4), color-stop(100%,#b7b7b7));
    background: -webkit-linear-gradient(top,  #e4e4e4 30%,#b7b7b7 100%);
    background: -o-linear-gradient(top,  #e4e4e4 30%,#b7b7b7 100%);
    background: -ms-linear-gradient(top,  #e4e4e4 30%,#b7b7b7 100%);
    background: linear-gradient(to bottom,  #e4e4e4 30%,#b7b7b7 100%);
    -webkit-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.2), inset 0 0 0 1px rgba(255,255,255,0.2), 0 1px 3px 1px rgba(136,136,136,0.5);
    -moz-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.2), inset 0 0 0 1px rgba(255,255,255,0.2), 0 1px 3px 1px rgba(136,136,136,0.5);
    -ms-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.2), inset 0 0 0 1px rgba(255,255,255,0.2), 0 1px 3px 1px rgba(136,136,136,0.5);
    -o-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.2), inset 0 0 0 1px rgba(255,255,255,0.2), 0 1px 3px 1px rgba(136,136,136,0.5);
    box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.2), inset 0 0 0 1px rgba(255,255,255,0.2), 0 1px 3px 1px rgba(136,136,136,0.5);
    border: 1px solid #b6b6b6;
}
#content a.button_download.small {
    min-height: 38px;
}
#content a.button_download.ruby {
    color: #490000;
    background-color: #b34762;
    background: -webkit-gradient(linear, left top, left bottom, from(#de6b92), to(#b34762));
    background: -webkit-linear-gradient(top, #de6b92, #b34762);
    background: -moz-linear-gradient(top, #de6b92, #b34762);
    background: -ms-linear-gradient(top, #de6b92, #b34762);
    background: -o-linear-gradient(top, #de6b92, #b34762);
    background: linear-gradient(top, #de6b92, #b34762);
    border: 1px solid #ad002a;
}
#content a.button_download.rs {
    color: #490000;
    background-color: #dc7fb6;
    background: -webkit-gradient(linear, left top, left bottom, from(#dc7fb6), to(#b9638f));
    background: -webkit-linear-gradient(top, #dc7fb6, #b9638f);
    background: -moz-linear-gradient(top, #dc7fb6, #b9638f);
    background: -ms-linear-gradient(top, #dc7fb6, #b9638f);
    background: -o-linear-gradient(top, #dc7fb6, #b9638f);
    background: linear-gradient(top, #dc7fb6, #b9638f);
    border: 1px solid #ad2467;
}
#content a.button_download.yt {
    color: #244557;
    background-color: #4990b3;
    background: -moz-linear-gradient(top,  #5ed1e9 20%, #4990b3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#5ed1e9), color-stop(100%,#4990b3));
    background: -webkit-linear-gradient(top,  #5ed1e9 20%,#4990b3 100%);
    background: -o-linear-gradient(top,  #5ed1e9 20%,#4990b3 100%);
    background: -ms-linear-gradient(top,  #5ed1e9 20%,#4990b3 100%);
    background: linear-gradient(to bottom,  #5ed1e9 20%,#4990b3 100%);
    border: 1px solid #4c96b9;
}
#content a.button_download.ws {
    color: #153f59;
    background-color: #3e9ad2;
    background: -moz-linear-gradient(top,  #79b9e0 20%, #3e9ad2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#79b9e0), color-stop(100%,#3e9ad2));
    background: -webkit-linear-gradient(top,  #79b9e0 20%,#3e9ad2 100%);
    background: -o-linear-gradient(top,  #79b9e0 20%,#3e9ad2 100%);
    background: -ms-linear-gradient(top,  #79b9e0 20%,#3e9ad2 100%);
    background: linear-gradient(to bottom,  #79b9e0 20%,#3e9ad2 100%);
    border: 1px solid #2775a4;
}
#content a.button_download.ps {
    color: #454377;
    background-color: #7875b8;
    background: -moz-linear-gradient(top,  #a09dde 20%, #7875b8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#a09dde), color-stop(100%,#7875b8));
    background: -webkit-linear-gradient(top,  #a09dde 20%,#7875b8 100%);
    background: -o-linear-gradient(top,  #a09dde 20%,#7875b8 100%);
    background: -ms-linear-gradient(top,  #a09dde 20%,#7875b8 100%);
    background: linear-gradient(to bottom,  #a09dde 20%,#7875b8 100%);
    border: 1px solid #6a67b7;
}
#content a.button_download.mps {
    color: #535353;
    background-color: #c2c2c2;
    background: -moz-linear-gradient(top,  #cecece 20%, #a6a6a6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#cecece), color-stop(100%,#a6a6a6));
    background: -webkit-linear-gradient(top,  #cecece 20%,#a6a6a6 100%);
    background: -ms-linear-gradient(top,  #cecece 20%,#a6a6a6 100%);
    background: -o-linear-gradient(top,  #cecece 20%,#a6a6a6 100%);
    background: linear-gradient(to bottom,  #cecece 20%,#a6a6a6 100%);
    border: 1px solid #7b7b7b;
}
#content a.button_download.git {
    color: #963f00;
    background-color: #b44c00;
    background: -moz-linear-gradient(top,  #f3d26f 0%, #ff9000 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3d26f), color-stop(100%,#ff9000));
    background: -webkit-linear-gradient(top,  #f3d26f 0%,#ff9000 100%);
    background: -ms-linear-gradient(top,  #f3d26f 0%,#ff9000 100%);
    background: -o-linear-gradient(top,  #f3d26f 0%,#ff9000 100%);
    background: linear-gradient(to bottom,  #f3d26f 0%,#ff9000 100%);
    border: 1px solid #7b7b7b;
}
#content a.button_download.ideaUE {
    color: #233471;
    background-color: #5f73ba;
    background: -moz-linear-gradient(top,  #90a3e5 20%, #5f73ba 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#90a3e5), color-stop(100%,#5f73ba));
    background: -webkit-linear-gradient(top,  #90a3e5 20%,#5f73ba 100%);
    background: -o-linear-gradient(top,  #90a3e5 20%,#5f73ba 100%);
    background: -ms-linear-gradient(top,  #90a3e5 20%,#5f73ba 100%);
    background: linear-gradient(to bottom,  #90a3e5 20%,#5f73ba 100%);
    border: 1px solid #2d418e;
}
#content a.button_download.ideaCE {
    color: #183955;
    background-color: #4e7393;
    background: -moz-linear-gradient(top,  #8bb4d7 20%, #4e7393 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#8bb4d7), color-stop(100%,#4e7393));
    background: -webkit-linear-gradient(top,  #8bb4d7 20%,#4e7393 100%);
    background: -o-linear-gradient(top,  #8bb4d7 20%,#4e7393 100%);
    background: -ms-linear-gradient(top,  #8bb4d7 20%,#4e7393 100%);
    background: linear-gradient(to bottom,  #8bb4d7 20%,#4e7393 100%);
    border: 1px solid #2b4d6b;
}
#content a.button_download.pc {
    color: #195b1d;
    background-color: #6bb26f;
    background: -moz-linear-gradient(top,  #9adb8e 20%, #6bb26f 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#9adb8e), color-stop(100%,#6bb26f));
    background: -webkit-linear-gradient(top,  #9adb8e 20%,#6bb26f 100%);
    background: -o-linear-gradient(top,  #9adb8e 20%,#6bb26f 100%);
    background: -ms-linear-gradient(top,  #9adb8e 20%,#6bb26f 100%);
    background: linear-gradient(to bottom,  #9adb8e 20%,#6bb26f 100%);
    border: 1px solid #3d8c40;
}
#content a.button_download.objc {
    color: #6c3211;
    background-color: #e9b61d;
    background: -moz-linear-gradient(top,  #e9b61d 20%, #e3730e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#e9b61d), color-stop(100%,#e3730e));
    background: -webkit-linear-gradient(top,  #e9b61d 20%,#e3730e 100%);
    background: -o-linear-gradient(top,  #e9b61d 20%,#e3730e 100%);
    background: -ms-linear-gradient(top,  #e9b61d 20%,#e3730e 100%);
    background: linear-gradient(to bottom,  #e9b61d 20%,#e3730e 100%);
    border: 1px solid #b35908;
}
#content a.button_download.ruby.small {
    /*padding: 11px 0 10px 3.6em;
    font-size: 110%;*/
    background: -webkit-gradient(linear, left top, left bottom, from(#de6b92), to(#b34762));
    background: -webkit-linear-gradient(top, #de6b92, #b34762);
    background: -moz-linear-gradient(top, #de6b92, #b34762);
    background: -ms-linear-gradient(top, #de6b92, #b34762);
    background: -o-linear-gradient(top, #de6b92, #b34762);
    background: linear-gradient(top, #de6b92, #b34762);
}
#content a.button_download span {
    margin-bottom: -5px;
    padding: 12px .3em 10px 3.2em;
    display: block;
    font-family: "GraublauSlab-Semibold", Helvetica, Arial, sans-serif;
    font-size: 19.5px;
    line-height: 1.5;
    background: url("/idea/features/../../styles2/../img/buttons/bgButton_download.png") no-repeat 1.1em 10px;
}
#content a.button_download.yt span {
    background-position: 1.1em -78px;
}
#content a.button_download.ruby span {
    background-position: 1.1em -166px;
}
#content a.button_download.rs span {
    background-position: 1.1em -252px;
}
#content a.button_download.ws span {
    background-position: 1.1em -300px;
}
#content a.button_download.ps span {
    background-position: 1.1em -350px;
}
#content a.button_download.mps span {
    background-position: 1.1em -120px;
}
#content a.button_download.ideaUE span {
    background-position: 1.1em -441px;
}
#content a.button_download.ideaCE span {
    background-position: 1.1em -395px;
}
#content a.button_download.pc span {
    background-position: 1.1em -526px;
}
#content a.button_download.objc span {
    background-position: 1.1em -649px;
}
#content a.button_download.git span {
    background-position: 1.1em -788px;
}
#content a.button_download.small span {
    padding: 8px .3em 0 3.1em;
    font-family: "GraublauSans-Bold", Helvetica, Arial, sans-serif;
    font-size: 16.6px;
    line-height: 24.75px;
    background-position: 1.2em -42px;
}
#content a.button_download.ruby.small span {
    background-position: 1.2em -212px;
}
#content a.button_download.ideaUE.small span {
    background-position: 1.21em -486px;
}
#content a.button_download.ideaCE.small span {
    background-position: 1.21em -735px;
}
#content a.button_download.ps.small span {
    background-position: 1.2em -573px;
}
#content a.button_download.ws.small span {
    background-position: 1.2em -610px;
}
#content a.button_download.objc.small span {
    background-position: 1.2em -697px;
}




.button_download_selectOS {
    padding: 0 0 .1em 0;
    display: block;
    position: relative;
    min-height: 47px;
    z-index: 10;
    text-align: left;
    color: #626262;
    text-decoration: none;
    text-shadow: 0 1px 0 rgba(255,255,255,0.3);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #e4e4e4; /* Old browsers */
    background: -moz-linear-gradient(top,  #e4e4e4 0%, #b7b7b7 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e4e4e4), color-stop(100%,#b7b7b7)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #e4e4e4 0%,#b7b7b7 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #e4e4e4 0%,#b7b7b7 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #e4e4e4 0%,#b7b7b7 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #e4e4e4 0%,#b7b7b7 100%); /* W3C */

    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 -1px 0 rgba(0,0,0, 0.04), 0 2px 5px rgba(0, 0, 0, 0.15);
       -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 -1px 0 rgba(0,0,0, 0.04), 0 2px 5px rgba(0, 0, 0, 0.15);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 -1px 0 rgba(0,0,0, 0.04), 0 2px 5px rgba(0, 0, 0, 0.15);
    border: 1px solid #b6b6b6;
}
.button_download_selectOS.small {
    min-height: 38px;
}
.button_download_selectOS.yt {
    background-color: #58bdd8;
    background: -moz-linear-gradient(top,  #5ed1e9 20%, #4990b3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#5ed1e9), color-stop(100%,#4990b3));
    background: -webkit-linear-gradient(top,  #5ed1e9 20%,#4990b3 100%);
    background: -o-linear-gradient(top,  #5ed1e9 20%,#4990b3 100%);
    background: -ms-linear-gradient(top,  #5ed1e9 20%,#4990b3 100%);
    background: linear-gradient(to bottom,  #5ed1e9 20%,#4990b3 100%);
    border: 1px solid #4c96b9;
}
.button_download_selectOS a.download {
    padding: .8em 1.8em 1em 4em;
    position: relative;
    float: left;
    cursor: pointer;
    font-size: 125%;
    color: #626262;
    font-weight: bold;
    text-decoration: none;
}
.button_download_selectOS.small a.download {
    padding: .6em 1em 1em 3.5em;
    font-size: 100%;
}
.button_download_selectOS.yt a.download {
    color: #244557;
}
.button_download_selectOS a.download:before {
    content: '';
    position: absolute;
    top: 6px;
    left: 1.4em;
    width: 30px;
    height: 33px;
    background: url("/idea/features/../../styles2/../img/buttons/bgButton_download.png") no-repeat 0 0;
}
.button_download_selectOS.small a.download:before {
    left: 1.2em;
    background-position: 0 -44px;
}
.button_download_selectOS.yt a.download:before {
    background-position: 0 -83px;
}
.button_download_selectOS .menu_os {
    cursor: pointer;
    float: right;
    position: relative;
    border-left: solid 1px #4895bb;
}
.button_download_selectOS.small .menu_os {
    border-left: solid 1px #a5a5a5;
}
.button_download_selectOS .menu_os:after {
    content: '';
    width: 9px;
    height: 5px;
    position: absolute;
    top: 34px;
    left: 18px;
    background: url("/idea/features/../../styles2/../img/icons/icoDownload.png") no-repeat 0 0;
}
.button_download_selectOS.small .menu_os:after {
    left: 15px;
    top: 26px;
    background-position: -29px 0;
}
.button_download_selectOS .menu_os a.select_os {
    margin: 1px 1px 0 0;
    display: block;
    font-size: 0;
    min-height: 46px;
    width: 42px;
    border-left: 1px solid rgba(255,255,255,0.3);
}
.button_download_selectOS.small .menu_os a.select_os {
    width: 39px;
    min-height: 37px;
}
.button_download_selectOS.small .menu_os:hover a.select_os {
    background: #eaeaea; /* Old browsers */
    background: -moz-linear-gradient(top,  #eaeaea 0%, #c3c3c3 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaeaea), color-stop(100%,#c3c3c3)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #eaeaea 0%,#c3c3c3 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #eaeaea 0%,#c3c3c3 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #eaeaea 0%,#c3c3c3 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #eaeaea 0%,#c3c3c3 100%); /* W3C */
}
.button_download_selectOS .menu_os a.select_os:before {
    content: '';
    width: 20px;
    height: 26px;
    position: absolute;
    top: 9px;
    left: 13px;
    background: url("/idea/features/../../styles2/../img/icons/icoDownload.png") no-repeat 1px -30px;
}
.button_download_selectOS.small .menu_os a.select_os:before {
    top: 7px;
}
.button_download_selectOS.small .menu_os.active a.select_os {
    -moz-box-shadow: inset 0 5px 5px 0px rgba(58, 58, 58, 0.2);
    -webkit-box-shadow: inset 0 5px 5px 0px rgba(58, 58, 58, 0.2);
    box-shadow: inset 0 5px 5px 0px rgba(58, 58, 58, 0.2);
    border-left: 0;
    padding-left: 1px;
    background: #C6C6C6; /* Old browsers */
    background: -moz-linear-gradient(top,  #cacaca 0%, #cdcdcd 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cacaca), color-stop(100%,#cdcdcd)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #cacaca 0%,#cdcdcd 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #cacaca 0%,#cdcdcd 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #cacaca 0%,#cdcdcd 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #cacaca 0%,#cdcdcd 100%); /* W3C */

    -webkit-border-radius:0 3px 3px 0;
    -moz-border-radius:0 3px 3px 0;
    -ms-border-radius:0 3px 3px 0;
    -o-border-radius:0 3px 3px 0;
    border-radius:0 3px 3px 0;

    min-height: 39px;

    margin:0 -1px 0 0;
    padding:1px 1px 0 2px;
}

.button_download_selectOS.small .menu_os.active .oss {
    display:block;
}
.button_download_selectOS .menu_os a.select_os:before {
    background-position: 0 -30px;
}
.button_download_selectOS .menu_os a.select_os.mac:before {
    background-position: 1px -60px;
}
.button_download_selectOS .menu_os a.select_os.linux:before {
    background-position: 0 -90px;
}
.button_download_selectOS .menu_os a.select_os.javaEE:before {
    background-position: 0 -125px;
}
.button_download_selectOS .menu_os a.select_os.win:before {
    background-position: 0 -150px;
}
.button_download_selectOS .menu_os a.select_os.win64:before {
    background-position: 0 -180px;
}
.button_download_selectOS.small .menu_os a.select_os:before {
    width: 16px;
    height: 18px;
    background-position: -30px -30px;
}

.button_download_selectOS.small .menu_os a.select_os.mac:before {
    background-position: -29px -60px;
}
.button_download_selectOS.small .menu_os a.select_os.linux:before {
    background-position: -29px -90px;
}
.button_download_selectOS.small .menu_os a.select_os.javaEE:before {
    background-position: -29px -123px;
}
.button_download_selectOS .menu_os:hover a.select_os {
    background: #6addf5; /* Old browsers */
    background: -moz-linear-gradient(top, #6addf5 0%, #4d9fc3 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6addf5), color-stop(100%,#4d9fc3)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #6addf5 0%,#4d9fc3 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #6addf5 0%,#4d9fc3 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #6addf5 0%,#4d9fc3 100%); /* IE10+ */
    background: linear-gradient(to bottom, #6addf5 0%,#4d9fc3 100%); /* W3C */
}

.button_download_selectOS .menu_os.active a.select_os {
    -moz-box-shadow: inset 0 5px 5px 0px rgba(17, 70, 98, 0.4);
    -webkit-box-shadow: inset 0 5px 5px 0px rgba(17, 70, 98, 0.4);
    box-shadow: inset 0 5px 5px 0px rgba(17, 70, 98, 0.4);
    border-left: 0;
    padding-left: 1px;

    background: #49AACA; /* Old browsers */
    background: -moz-linear-gradient(top,  #5ac2e1 0%, #5cc2e0 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5ac2e1), color-stop(100%,#5cc2e0)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #5ac2e1 0%,#5cc2e0 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #5ac2e1 0%,#5cc2e0 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #5ac2e1 0%,#5cc2e0 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #5ac2e1 0%,#5cc2e0 100%); /* W3C */

    -webkit-border-radius:0 3px 3px 0;
    -moz-border-radius:0 3px 3px 0;
    -ms-border-radius:0 3px 3px 0;
    -o-border-radius:0 3px 3px 0;
    border-radius:0 3px 3px 0;

    min-height: 49px;

    margin:-1px -1px 0 0;
    padding:1px 1px 0 2px;
}

.button_download_selectOS .menu_os.active .oss {
    display:block;
}





#content a.bright_link {
    margin-bottom: 1.5em;
    padding: .4em 1em .4em 2.5em;
    display: block;
    position: relative;
    text-align: center;
    z-index: 10;
    color: #3358c0;
    font-weight: bold;
    font-size: 130%;
    text-decoration: none;
    cursor: pointer;
    text-shadow: 0 1px 0 rgba(255,255,255,0.3);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #c9eff4;
    background: -moz-linear-gradient(top,  #cdf2f8 50%, #c9eff4 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(40%,#cdf2f8), color-stop(100%,#c9eff4));
    background: -webkit-linear-gradient(top,  #cdf2f8 50%,#c9eff4 100%);
    background: -o-linear-gradient(top,  #cdf2f8 50%,#c9eff4 100%);
    background: -ms-linear-gradient(top,  #cdf2f8 50%,#c9eff4 100%);
    background: linear-gradient(to bottom,  #cdf2f8 50%,#c9eff4 100%);
    -webkit-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.7), 0 1px 3px 0 rgba(136,136,136,.5);
    -moz-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.7), 0 1px 3px 0 rgba(136,136,136,.5);
    -ms-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.7), 0 1px 3px 0 rgba(136,136,136,.5);
    -o-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.7), 0 1px 3px 0 rgba(136,136,136,.5);
    box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.7), 0 1px 3px 0 rgba(136,136,136,.5);
    border: 1px solid #a9dbee;
}
#content a.bright_link:before {
    margin-left: -40px;
    content: "";
    position: absolute;
    top: .2em;
    width: 29px;
    height: 28px;
    background: url("/idea/features/../../styles2/../img/buttons/bgBrightn_link.png") no-repeat 0 0;
}
#content a.bright_link.features:before {
    margin-left: -35px;
    width: 25px;
    height: 28px;
    background-position: 0 -43px;
}



.button_download_selectOS.yt-flat {
    display: inline-block;
    margin-bottom: 7px;
    padding: 0 30px 0 0;
    background: #92a43f;
    border: none;
    border-radius: 5px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    -webkit-box-shadow: 4px 4px 0 0 rgba(0,0,0,.08);
            box-shadow: 4px 4px 0 0 rgba(0,0,0,.08);
    -webkit-transition: .4;
        -ms-transition: .4;
            transition: .4;
    }
    .button_download_selectOS.yt-flat a.download {
        display: block;
        padding: 9px 68px 10px 46px;
        float: none;
        color: #fff;
        white-space: nowrap;
        text-align: center;
        font-size: 18px;
        font-weight: 400;
        }
        .button_download_selectOS.yt-flat a.download:before {
            display: none;
            }
    .button_download_selectOS.yt-flat .menu_os {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: 50px;
        border-left: 1px solid #fff;
        }
        .button_download_selectOS.yt-flat .menu_os a.select_os {
            margin: 0;
            width: 50px;
            height: 100%;
            min-height: 0;
            border: 0;
            border-radius: 0 5px 5px 0;
            }
        .button_download_selectOS.yt-flat .menu_os:hover a.select_os {
            background: #a1b546 !important;
            }
        .button_download_selectOS.yt-flat .menu_os a.select_os:before {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: -2px;
            margin: auto;
            width: 17px;
            height: 25px;
            /*margin-top: 3px;*/
            /*margin-left: 2px;*/
            background-image: url("/idea/features/../../styles2/../img/buttons/btn-download-sprite.png");
            }
        .button_download_selectOS.yt-flat .menu_os a.select_os.mac:before   { background-position: -150px -270px }
        .button_download_selectOS.yt-flat .menu_os a.select_os.linux:before { background-position: -150px -300px }
        .button_download_selectOS.yt-flat .menu_os a.select_os.javaEE:before{ background-position: -150px -330px }
        .button_download_selectOS.yt-flat .menu_os a.select_os.win:before   { background-position: -150px -390px }
        .button_download_selectOS.yt-flat .menu_os a.select_os.win64:before { background-position: -150px -360px }

        .button_download_selectOS.yt-flat .menu_os:after {
            display: none;
            background: url("/idea/features/../../styles2/../img/buttons/btn-download-sprite.png") -190px -240px;
            }

        .button_download_selectOS.yt-flat .menu_os.active a.select_os {
            margin: 0;
            padding: 0;
            min-height: 0;
            background: #92a43f;
            border-radius: 0 5px 5px 0;
            -webkit-box-shadow: inset 0 5px 5px 0 rgba(17,70,98,.4);
                    box-shadow: inset 0 5px 5px 0 rgba(17,70,98,.4);
            }


.button_download_selectOS.yt-flat._small {
    min-height: 0;
    }
    .button_download_selectOS.yt-flat._small a.download {
        padding: 8px 20px 8px 10px;
        font-size: 16px;
        }

div > .tooltip, li > .tooltip, a > .tooltip, span > .tooltip {
	opacity: 0;
	margin-top: -10px;
	visibility: hidden;
	margin-left: -65px;

	-webkit-transition-property:opacity, margin-top, visibility, margin-left;
	-webkit-transition-duration:0.5s, 0.3s, 0.5s, 0.3s;
	-webkit-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;

	-moz-transition-property:opacity, margin-top, visibility, margin-left;
	-moz-transition-duration:0.5s, 0.3s, 0.5s, 0.3s;
	-moz-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;

	-o-transition-property:opacity, margin-top, visibility, margin-left;
	-o-transition-duration:0.5s, 0.3s, 0.5s, 0.3s;
	-o-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;

	transition-property:opacity, margin-top, visibility, margin-left;
	transition-duration:0.5s, 0.3s, 0.5s, 0.3s;
	transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in;
}

	div:hover > .tooltip, li:hover > .tooltip, a:hover > .tooltip, span:hover > .tooltip,
	a .tooltip:hover, span .tooltip:hover, li .tooltip:hover, div .tooltip:hover {
		opacity: 1;
		visibility: visible;
		overflow: visible;
		margin-top: 30px;
		display: inline;
		margin-left: -40px;

		-webkit-transition-property:opacity, margin-top, visibility, margin-left;
		-webkit-transition-duration:0.5s, 0.3s, 0.5s, 0.3s;
		-webkit-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;

		-moz-transition-property:opacity, margin-top, visibility, margin-left;
		-moz-transition-duration:0.5s, 0.3s, 0.5s, 0.3s;
		-moz-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;

		-o-transition-property:opacity, margin-top, margin-left;
		-o-transition-duration:0.5s, 0.3s, 0.3s;
		-o-transition-timing-function: ease-in-out, ease-in-out, ease-in-out;

		transition-property:opacity, margin-top, visibility, margin-left;
		transition-duration:0.5s, 0.3s, 0.5s;
		transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;
	}

.tooltip {
	background: #FFFBCF;
	background: -moz-linear-gradient(top, #FFFBCF 0%, #FFFCDF 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFBCF), color-stop(100%,#FFFCDF));
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFBCF', endColorstr='#FFFCDF',GradientType=0 );

	border: 1px solid #EFE795;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;

	padding: 10px;
	margin-left: -40px;

	position: absolute;
	text-decoration: none;
	font-style: normal;
	color: #777;
    font-size: 90%;
	text-shadow: 1px 1px 0 rgba(255,255,255,0.75);

	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1), inset 0 1px 0 #fff;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1), inset 0 1px 0 #fff;
	-o-box-shadow: 0 1px 3px rgba(0,0,0,0.1), inset 0 1px 0 #fff;
	box-shadow: 0 1px 3px rgba(0,0,0,0.1), inset 0 1px 0 #fff;

	z-index: 10;
}
.videopopup .tooltip {
	margin: 0;
    left: 50%;
    top: 50%;
    white-space: nowrap;
}

.tooltip span { /* Triangle */
    background: #FFFBCF;

    border: 0;
    border-top: 1px solid #EFE795;
    border-right: 1px solid #EFE795;

    width: 10px;
    height: 10px;
    margin-left: 15px;
    margin-top: -16px;

    display: block;
    position: absolute;

    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);

    -webkit-box-shadow: inset -1px 1px 0 #fff;
    -moz-box-shadow: inset 0 1px 0 #fff;
    -o-box-shadow: inset 0 1px 0 #fff;
    box-shadow: inset 0 1px 0 #fff;

    display /*\**/: none\9;
    *display: none !important;
    *display: none;
}

.form.small {
    margin: 0 auto;
    width: 80%;
}
.form .red {
    margin: 0 .2em;
}
.form dl dt, .form dl dd {

}
.form.line dl dt {
    padding-top: .1em;
    float: left;
    width: 18em;
}
.form.small dl dt {
    text-align: right;
}
.form.line dl dd {
    margin: 0 0 1em 18.5em;
}
.form dl dd .comment, .form dl dd input, .form dl dd textarea {
    width: 90%;
}
.form dl dd input.checkbox {
    margin-right: .4em;
    width: auto;
    float: left;
}
.form dl dd input.submit {
    width: auto;
}
.form dl dd select {
    width: 91%;
}

.form dl dd label.checkbox {
    display: block;
}


.form.small label.error {
    display: none!important;
}

#subcontent .devoxx {
    margin-top: 63px;
    *margin-top: 54px;
    margin-bottom: 15px;
    height: 230px;
    background-color: #f4f4f4;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
#subcontent .devoxx {margin-top: 43px;}
}
#subcontent .devoxx .title {
    margin: 1px;
    padding: .4em .5em .4em 117px;
    display: block;
    color: #fff;
    font-size: 90%;
    line-height: 1.2em;
    background: #272526 url("/idea/features/../../styles2/../img/logos/conf/logoDevoxxNeg.png") no-repeat 15px .1em;
    border: none;
}
#subcontent form {
    margin: 20px 10px 0 10px;
}
#subcontent form .field {
    margin-bottom: 1em;
    padding: 2px;
    display: block;
    width: 95%;
    font-size: 90%;
    color: #444;
    border-radius: 2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    resize:none;
    border: 1px solid #8e8e8e;
    border-right-color: #e1e1e1;
    border-bottom-color: #e1e1e1;
    background-color: #fefefe;
}
#subcontent form .button {
    padding: .1em .5em;
    border-radius: 3px;
    display: block;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    color: #716f6f;
    font-weight: bold;
    /*background: url("/idea/features/../../styles2/../img/buttons/button.gif") no-repeat 0 0;*/
    background-color: #e3e3e3;
    border: 1px solid #e1e1e1;
    border-right-color: #8e8e8e;
    border-bottom-color: #8e8e8e;
}
#subcontent form label.error {
    font-size: 90%;
    color: #ff0000;
}


#content .registration {
    margin-right: 2em;
}
#content .registration .description {
    margin: 0 0 .1em .1em;
    padding: .4em .8em 0 0;
    display: block;
}
#content .registration .description.leftfloated {
    text-align: right;
}
#content .registration sup, #content .registration sub {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
#content .registration sup {
    top: -0.5em;
}
#content .registration .field {
    margin: 0 0 1em 0;
    display: block;
}
#content .registration .field input[type=text],
#content .registration .field input[type=password],
#content .registration .field input[type=search],
#content .registration .field input[type=email],
#content .registration .field input[type=number],
#content .registration .field input[type=date],
#content .registration .field textarea,
#content .registration .field select {
    margin-bottom: 1em;
    padding: 6px;
    color: #424242;
    font-size: 110%;
    display: block;
    width: 98%;
    background: #fff;
    border: 1px solid #e4e4e4;
    box-shadow: inset 0 2px 1px rgba(0,0,0,0.06),
        0 1px 0 rgba(255,255,255,1);
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.06),
        0 1px 0 rgba(255,255,255,1);
    -moz-box-shadow: inset 0 0 2px rgba(0,0,0,0.15),
        0 1px 0 rgba(255,255,255,1);
    -o-box-shadow: inset 0 0 2px rgba(0,0,0,0.15),
        0 1px 0 rgba(255,255,255,1);
    transition: 0.2s;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}
#content .registration .field input[type=checkbox],
#content .registration .field input[type=radio] {
    padding: 0 !important;
    width: 16px;
    height: 16px;
}

#content .registration .field select {
    width: 100%;
}
#content .registration .field input[type="text"]:focus, #content .registration .field textarea:focus, #content .registration .field select:checked {
    background: #fff;
    outline: none;
    border: 1px solid #d1dfe9;
    box-shadow: 0 0 5px rgba(209,223,233,0.8);
    -webkit-box-shadow: 0 0 5px rgba(209,223,233,0.8);
    -moz-box-shadow:0 0 5px rgba(209,223,233,0.8);
}
#content .registration .field textarea:disabled {
    background-color: #f9f9f9;
}
#content .registration .field input.blur {
    color: #777;
    font-style: italic;
}
#content .registration .field.checkbox {
    margin-top: .7em;
    margin-bottom: 0;
}
.mac #content .registration .field.checkbox {
    margin-top: .55em;
}
#content .registration .field.checkbox input {
    margin: 0 .3em 0 .2em;
    padding: 0;
    float: left;
    width: auto;
    color: #444;
    border: none;
}
#content .registration .button, .form.popup .button {
    padding: 5px 10px 6px;
    display: inline-block;
    width: auto;
    overflow: visible;
    position: relative;
    color: #fff;
    font-size: 90%;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    background: #222 url("/idea/features/../../styles2/../img/buttons/overlay.png") repeat-x scroll 0 0;
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
}
#content .registration #file_input {
    position: absolute;
    cursor: default;
    z-index: 2;
    filter: alpha(opacity: 0);
    opacity: 0;
    margin-left: -125px;
    height: 35px;
    width: 210px;
}
#content .registration .customFile {

}
#content .registration .blocker {
    position: absolute;
    z-index: 3;
    margin-left: -125px;
    width: 125px;
    height: 21px;
    background: url("/idea/features/../../styles2/../img/buttons/overlay.png");
}
#fileName {
    position: absolute;
    height: 15px;
    font-size: 90%;
}
#content .registration .button_fake {
    position: absolute;
    z-index: 1;
    float: left;

    padding: 2px 10px 3px;
    display: inline-block;
    width: auto;
    overflow: visible;
    position: absolute;
    color: #fff;
    font-size: 90%;
    cursor: pointer;
    text-decoration: none;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    background: #777 url("/idea/features/../../styles2/../img/buttons/overlay.png") repeat-x scroll 0 0;
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
}
#content .registration .error {
    color: #dc143c;
}
#content .registration input[type="text"].error, #content .registration textarea.error, #content .registration select.error {
    background: #fff;
    outline: none;
    border-color: #dc143c;
    box-shadow: 0 0 5px rgba(220,20,60,0.5);
    -webkit-box-shadow: 0 0 5px rgba(220,20,60,0.5);
    -moz-box-shadow:0 0 5px rgba(220,20,60,0.5);
}
#content .registration .checkboxs {
    padding-top: .5em;
    padding-bottom: 1.5em;
    position: relative;
}
#content .registration .checkboxs label.error {
    position: absolute;
    bottom: 0;
}
#content .registration .placeholder {color: #aaa!important;}
#content .registration textarea:-moz-placeholder { color: #aaa!important; }
#content .registration textarea::-webkit-input-placeholder { color: #aaa!important; }



#content .box-form {
    padding: 2em 2em .5em;
    background-color: #f4f4f4;
    -webkit-box-shadow: inset -1px 1px 0 1px rgba(255, 255, 255, 1);
    -moz-box-shadow: inset -1px 1px 0 1px rgba(255, 255, 255, 1);
    box-shadow: inset -1px 1px 0 0 rgba(255, 255, 255, 1), 0 -1px 1px 1px rgba(0,0,0, 0.1);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;

    position: relative;
}
#content .box-form:before, #content .box-form:after {
    z-index: -1;
    position: absolute;
    content: "";
    bottom: 15px;
    left: 10px;
    width: 50%;
    top: 70%;
    max-width: 300px;
    background: rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 15px 10px rgba(0,0,0, 0.3);
    -moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.3);
    box-shadow: 0 15px 10px rgba(0, 0, 0, 0.3);
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);

}
#content .box-form:after {
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    transform: rotate(3deg);
    right: 10px;
    left: auto;
}
#content .box-form hr {
    margin-left: -2em;
    margin-right: -2em;
    background: #e0e0e0;
}
#content .box-form .smallertext {
    color: #aaa;
}
#content .box-form input[type="checkbox"] {
    margin: .5em .5em 0 0;
    float: left;
}
#content .box-form input[type="text"] {
    padding: 3px 4px;
    width: 98%;
    font-size: 100%;
    display: block;
    background: #fff;
    border: 1px solid #acacac;
    -webkit-box-shadow: 0 15px 10px rgba(0,0,0, 0.3);
    -moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 1px 1px 1px rgba(0, 0, 0, 0.1);
}
#content .box-form label.description {
    margin-bottom: .5em;
    display: block;
}
#content .box-form label.description.leftfloated {
    margin-top: 1px;
    margin-right: .5em;
}
#content .box-form input {
    color: #333;
}
#content .box-form input::-webkit-input-placeholder {
   color: #b7b7b7;
}
#content .box-form input:-moz-placeholder {
   color: #b7b7b7;
}
.box-form .button {
    padding: .5em 1.1em;
    display: block;
    text-align: center;
    color: #666;
    font-weight: bold;
    font-size: 90%;
    text-decoration: none;
    cursor: pointer;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #dadada;
    background: -moz-linear-gradient(top,  #f1f1f1 30%, #dadada 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#f1f1f1), color-stop(100%,#dadada));
    background: -webkit-linear-gradient(top,  #f1f1f1 30%,#dadada 100%);
    background: -o-linear-gradient(top,  #f1f1f1 30%,#dadada 100%);
    background: -ms-linear-gradient(top,  #f1f1f1 30%,#dadada 100%);
    background: linear-gradient(to bottom,  #f1f1f1 30%,#dadada 100%);
    border: solid 1px #cdcdcd;
}



.form.popup {
    margin-top: 1em;
    text-align: left;
}
.form.popup textarea {
    margin-bottom: .5em;
    padding: 6px 9px 5px;
    color: #444;
    width: 450px;
    height: 70px;
    outline: 0 none;
    background-image:url("/idea/features/../../styles2/../img/bgInput.png");
    border: 1px solid #b0b0b0;
}


form.searchConfluence {
    padding-bottom: 1em;
}
form.searchConfluence input {
    margin-top: 0;
    margin-right: 6px;
    padding: 7px 5px 6px 5px;
    float: left;
    color: #999;
    font-size: 90%;
    width: 270px;
    border-style: solid;
    border-width: 1px;
    border-color: #c4c4c4 #e9e9e9 #e9e9e9 #c4c4c4;
}
form.searchConfluence input.idleField {
    color: #999;
}
form.searchConfluence input.focusField {
    color: #333;
}
form.searchConfluence .button {
    margin-top: 0;
    padding: 4px 12px;
    float: left;
    min-width: 60px;
    text-align: center;
    color: #555;
    font-size: 12px;
    font-weight: bold;
    text-shadow: 0 1px rgba(255, 255, 255, 0.75);
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    background: #dbdbdb url("/idea/features/../../styles2/../img/buttons/btn-shader.png") repeat-x 0 0;
    border: 1px solid #d4d4d4;
    border-right-color: #b4b4b4;
    border-bottom-color: #b4b4b4;
}
form.searchConfluence input.button {
    padding-top: 7px;
    padding-bottom: 7px;
    width: auto!important;
}






#content .plain .field {
    margin-bottom: .5em;
    display: block;
    resize: none;
}
#content .plain .field.line {
    margin-right: 2.5%;
}
#content .plain .field input, #content .plain .field textarea, #content .plain .field select {
    padding: 2px;
    display: block;
    width: 98%;
}
#content .plain .field select {
    width: 100%;
}
#content .plain .field.phone input {
    text-align: right;
}
#content .plain .description {
    margin: 0 0 .1em .1em;
    padding: .2em .8em 0 0;
    display: block;
}

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("/idea/features/../../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("/idea/features/../../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;
}
.screenshot.shadow.gallery {
    position: relative;
    display: block;
    margin-top: 1em;
}
.screenshot.shadow.gallery .action {
    display: block;
    position: absolute;
    text-indent: -999em;
    z-index: 1;
}
.screenshot.shadow.gallery .action.enlarge {
    height: 27px;
    width: 27px;
    left: -13px;
    top: -13px;
    background: url("/idea/features/../../styles2/../img/jquery/boximage/enlarge.png") no-repeat 0 0;
}
.screenshot.shadow.gallery img {
    -webkit-box-shadow: 3px 3px 0 0 #f3f3f3, 4px 4px 0 0 #ccc, 2px 3px 0 0 #ccc, 3px 2px 0 0 #ccc, 5px 5px 4px #e1e1e1;
    -moz-box-shadow: 3px 3px 0 0 #f3f3f3, 4px 4px 0 0 #ccc, 2px 3px 0 0 #ccc, 3px 2px 0 0 #ccc, 5px 5px 4px #e1e1e1;
    box-shadow: 3px 3px 0 0 #f3f3f3, 4px 4px 0 0 #ccc, 2px 3px 0 0 #ccc, 3px 2px 0 0 #ccc, 5px 5px 4px #e1e1e1;
}
.screenshot.video a {
    margin: 0;
    padding: 0;
}
.screenshot.video a:after {
    margin-left: -24px;
    margin-top: -24px;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 48px;
    height: 48px;
    content: "play";
    text-indent: -50000px;
    background: url("/idea/features/../../styles2/../img/jquery/boximage/play.png") no-repeat 0 0;
}
.screenshot.enlarge a {
    margin: 0;
    padding: 0;
}
.screenshot.enlarge a:after {
    position: absolute;
    top: -11px;
    left: -11px;
    width: 27px;
    height: 27px;
    content: "";
    text-indent: -50000px;
    background: url("/idea/features/../../styles2/../img/jquery/boximage/enlarge.png") no-repeat 0 0;
}


div.img {
    margin-bottom: 10px;
    position: relative;
}
.img.shadow img {
    padding: 3px;
    background-color: #fff;
    -webkit-box-shadow: 1px 0 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 1px 0 1px rgba(0, 0, 0, 0.1);
    box-shadow: 1px 0 1px rgba(0, 0, 0, 0.1);
    filter:	progid:DXImageTransform.Microsoft.Shadow(color='#e8e8e8', Direction=135, Strength=6);
    border: solid 1px #ccc;
}
@media only screen and (-Webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
    .img.shadow img {
        /*height: 100%;
        width: 100%;*/
    }
}
.img.gallery img {
    padding: 0;
}
/*TODO search and replay*/
.img.shadow.gallery img {
    -webkit-box-shadow: 3px 3px 0 0 #f3f3f3, 4px 4px 0 0 #ccc, 2px 3px 0 0 #ccc, 3px 2px 0 0 #ccc, 5px 5px 4px rgba(0, 0, 0, 0.1);
       -moz-box-shadow: 3px 3px 0 0 #f3f3f3, 4px 4px 0 0 #ccc, 2px 3px 0 0 #ccc, 3px 2px 0 0 #ccc, 5px 5px 4px rgba(0, 0, 0, 0.1);
            box-shadow: 3px 3px 0 0 #f3f3f3, 4px 4px 0 0 #ccc, 2px 3px 0 0 #ccc, 3px 2px 0 0 #ccc, 5px 5px 4px rgba(0, 0, 0, 0.1);
}


/* enlarge */
.img.enlarge a:after,
.img.video a:after {
    margin-left: -16px;
    margin-top: -16px;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 32px;
    height: 32px;
    content: "";
    text-indent: -50000px;
    opacity: .5;
    background: url("/idea/features/../../styles2/../img/icons/icoScreenshot.png") no-repeat 0 0;
    /*-webkit-transition: opacity 2s;
       -moz-transition: opacity 2s;
            transition: opacity 2s;*/
    }
.img.enlarge a:after { background-position: -975px 0 }
.img.video a:after   { background-position: -1010px 0 }
.img.replay a:after   { background-position: -540px 0 }

    .img.enlarge a:hover:after,
    .img.video a:hover:after { opacity: .7 }

    /* enlarge large */
    .img.enlarge.large a:after,
    .img.video.large a:after {
        margin-left: -25px;
        margin-top: -25px;
        width: 50px;
        height: 50px;
        }
    .img.enlarge.large a:after { background-position: -823px 0 }
    .img.video.large a:after   { background-position: -878px 0 }
    .img.video.white.large a:after   { background-position: -270px -100px }

    /* enlarge xlarge */
    .img.enlarge.xlarge a:after,
    .img.video.xlarge a:after {
        margin-left: -33px;
        margin-top: -33px;
        width: 66px;
        height: 66px;
        }
    .img.enlarge.xlarge a:after { background-position: -637px 0 }
    .img.video.xlarge a:after   { background-position: -708px 0 }

    /* enlarge darcula */
    .img.enlarge.darcula a:after {
        opacity: .8;
    }
    .img.enlarge.darcula a:hover:after {
        opacity: 1;
    }
    /* enlarge light */
    .img.enlarge.-light a:after {
        opacity: .4;
    }
    .img.enlarge.-light a:hover:after {
        opacity: .6;
    }
    /* replay */
    .img.replay a:after {
        margin-left: -26px;
        margin-top: -26px;
        width: 53px;
        height: 53px;
        cursor: pointer;
        }




body.features #content .demo_ico_color {
    position: relative;
    display: block;
}
body.features #content .demo_ico_color:after {
    margin-top: -32px;
    margin-left: -32px;
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 50%;
    width: 65px;
    height: 65px;
    content: "enlarge";
    text-indent: -50000px;
    opacity: .5;
    background: url("../img/icons.png") no-repeat 0 0;
}
body.features #content .demo_ico_color:before {
    content: attr(title);
    position: absolute;
    top: 70px;
    left: 62px;
    color: #fff;
    font-size: 150%;
    font-weight: bold;
    opacity: .9;
}
@-webkit-keyframes play_animation {
	0%   { opacity: .5; }
	100% { opacity: .7; }
}
@-moz-keyframes play_animation {
	0%   { opacity: .5; }
	100% { opacity: .7; }
}
@-ms-keyframes play_animation {
	0%   { opacity: .5; }
	100% { opacity: .7; }
}
body.features #content .demo_ico_color:hover:after {
    -webkit-animation: play_animation 2s infinite;
     -moz-animation:    play_animation 2s infinite;
     -ms-animation:     play_animation 2s infinite;
}
body.features #content .demo_ico_color span {
    margin: 0 30%;
    padding: .3em 0;
    position: absolute;
    top: 65%;
    left: 0;
    width: 40%;
    text-align: center;
    color: #fff;
    font-weight: bold;
    background-color: #5d71b8;
    opacity: .5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
body.features #content ul.seealso_features li {
    margin-bottom: .3em;
    float: left;
    width: 33%;
}
body.features #content .whatsnew .bigtext  {
    margin-bottom: .4em;
}
body.features #content .whatsnew ul.arrowlist {
    margin-bottom: -.5em;
}



body.features.main #content h2 {
    margin-bottom: .2em;
}
body.features.main #content .compare_editions {
    margin-top: .3em;
}
body.features.main #content .compare_editions a {
    padding: .25em 0 .2em 1.45em;
    font-size: 180%;
    background: url("img/bgCompareEditions.png") no-repeat 0 0;
}

body.features.main #content ul.logos {

}
body.features.main #content ul.logos li {
    float: left;
    width: 25%;
}
body.features.main #content ul.logos li a {
    display: block;
    height: 67px;
    text-indent: -50000px;
    /*-webkit-filter: grayscale(100%);*/
    opacity: .5;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: gray;
    -webkit-filter: grayscale(100%);
    -webkit-transition: all .6s ease;
    -webkit-backface-visibility: hidden;
    background-size: 471px 201px;
}
body.features.main #content ul.logos li a:hover {
    filter: none;
    -webkit-filter: grayscale(0%);
    opacity: 1;
}
body.features.main #content ul.logos.web li a {
    background: url("img/spriteLogosWeb.png") no-repeat 0 0;
}
body.features.main #content ul.logos.enterprise li a {
    background: url("img/spriteLogosEnterprise.png") no-repeat 0 0;
}
body.features.main #content ul.logos.mobile li a {
    background: url("img/spriteLogosMobile.png") no-repeat 0 0;
}
body.features.main #content ul.logos.agile li a {
    background: url("img/spriteLogosAgile.png") no-repeat 0 0;
}
body.features.main #content ul.logos.languages li a {
    background: url("img/spriteLogosLanguages.png") no-repeat 0 0;
}
body.features.main #content ul.logos li:nth-child(1) a {
    background-position: 0 0;
}
body.features.main #content ul.logos li:nth-child(2) a {
    background-position: -118px 0;
}
body.features.main #content ul.logos li:nth-child(3) a {
    background-position: -236px 0;
}
body.features.main #content ul.logos li:nth-child(4) a {
    background-position: -354px 0;
}
body.features.main #content ul.logos li:nth-child(5) a {
    background-position: 0 -67px;
}
body.features.main #content ul.logos li:nth-child(6) a {
    background-position: -118px -67px;
}
body.features.main #content ul.logos li:nth-child(7) a {
    background-position: -236px -67px;
}
body.features.main #content ul.logos li:nth-child(8) a {
    background-position: -354px -67px;
}
body.features.main #content ul.logos li:nth-child(9) a {
    background-position: 0 -134px;
}
body.features.main #content ul.logos li:nth-child(10) a {
    background-position: -118px -134px;
}
body.features.main #content ul.logos li:nth-child(11) a {
    background-position: -236px -134px;
}
body.features.main #content ul.logos li:nth-child(12) a {
    background-position: -354px -134px;
}
/*body.features.main #content ul.logos li:nth-child(4n+1) a {
    background-position: 0 0;
}
body.features.main #content ul.logos li:nth-child(4n+2) a {
    background-position: -117px 0;
}
body.features.main #content ul.logos li:nth-child(4n+3) a {
    background-position: -234px 0;
}
body.features.main #content ul.logos li:nth-child(4n+4) a {
    background-position: -351px 0;
}*/


body.white #content #support .field {
    margin-bottom: 0;
}
body.white #content #support label.error {
    display: none!important;
}
body.features #content dl.featuregroup .button {
    padding: 0 .2em;
    font-size: 90%;
    border: none;
}


.slider ul li {
    margin-bottom: -1px;
    margin-left: 1em;
    padding-bottom: .3em;
    float: left;
    font-size: 180%;
    cursor: pointer;
    color: #adadad;
}
.slider ul li.select {
    color: #404041;
    background: url("img/12/arrow.png") no-repeat 49% bottom;
}


body.features.main a {
    white-space: nowrap;
}

body.features #content ul.version_controls {
    display: table;
    width: 100%;
}
body.features #content ul.version_controls li {
    padding: 1em 0 .7em .7em;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

body.features #subcontent .objc {
    padding: 1em;
    background-color: #FFFCCC;
    font-size: 90%;
    border: none
}
body.features #subcontent .objc a {
    background: none;
}
body.features #content dl.featuregroup dd {
    font-size: 100%;
}
body.features #content .box.rightfloated {
    margin: -1em 6em 1em 0;
}

body.features.main #content .downloadLink, body.linklogos #content .downloadLink, body.matrix #content .downloadLink, body.darcula #content .downloadLink {
    display: none;
}
body.features.main #content .breadcrumbs, body.linklogos #content .breadcrumbs, body.matrix #content .breadcrumbs, body.darcula #content .breadcrumbs {
    display: none;
}
body.features.main #content h1, body.linklogos #content h1, body.matrix #content h1 {
    margin-bottom: .5em;
}

.video2 {
    margin-left: 1.5em;
}

.minus{
    background:url(../../teamcity/img/minus.gif) no-repeat 50% 60%;
}

.flexSupport .rightfloated {
    margin-top: .3em;
    font-weight: bold;
    font-size: 170%;
}

.flexSupport img {
    margin-left: .5em;
}

.refactor-j a {
    background: url(../../img/banners/refactor-j.gif) no-repeat 0 0;
}

.refactor-j a:hover {
    background-position: left -169px;
}

#subcontent img.sb_banner {
    display: block;
    margin-top: 2em;
}

dl.table_of_content {
    margin-bottom: 1em;
    background-color: #F7F8FC;
    padding-bottom: 20px;
}

dl.table_of_content dt {
    font-weight: bold;
    margin-left: 10px;
    padding-top: 10px;
    font-size: 0.9em;
}

dl.table_of_content dd {
    margin-left: 0;
    margin-top: 6px;
}

dl.table_of_content dl#toc1 {
    float: right;
    margin-right: 40px;
}

dl.table_of_content dl#toc2 {
    margin-top: 10px;
    margin-left: 20px;
    margin-right: 250px;

}

dl.table_of_content dl dd a {
    background: url(../../img/on_page_a.gif) no-repeat 100% 6px;
    padding-right: 15px;
    border: solid 1px #F7F8FC;
    font-size: 0.9em;
}

dl.table_of_content dl dd a:visited {
    background-image: url(../../img/on_page.gif);
    border: solid 1px #F7F8FC;

}

dl.table_of_content dl dd a:hover {
    background-image: url(../../img/on_page_hov.gif);
}

#container #itemsGroups .firstcol {
    border: 0;

}

.clear {
    display: none;
}

.feature {
    clear: left;

}

body.newfeatures #subcontent ul#contnav li {
    margin-left: 0 !important;
}

body.newfeatures #subcontent ul#contnav {
    border-top: 0;
    padding: 0 5px 5px 5px !important;
    margin: 0 15px 10px 15px !important;
    border: 0;
}

body.newfeatures #subcontent h5 {
    display: none;
}

/*---------------------------------------------------------------------------------------------
   custom lightwindow styles
---------------------------------------------------------------------------------------------*/
body.idea.newfeatures #lightwindow_container, body.idea.newfeatures #lightwindow_contents {
    *min-width: 570px !important;
}

#lightwindow_title_bar_inner #lightwindow_title_bar_title {
    float: none;
}


#lightwindow_title_bar_inner #lightwindow_title_bar_title {
    float: none;
}

.thumbs {
    float: right;
    margin-right: -20px;
    padding-left: 10px;
}

.thumbs img {
    border: 1px solid #aaa;
}

#content .accordeon .col1, #content .accordeon .col2 {
    float: left;
    width: 47%;
    *margin-bottom: 2em;
}

#content .accordeon h4 {
    background: transparent;
    border-bottom: 0;
    font-size: 1em;
    font-weight: normal;
    padding: 0;
    line-height: 1.2em;
}

#content .accordeon .closed {
    padding-left: 14px;
    background: url(../../img/tree/plus.gif) no-repeat 0 0.25em;
}

#content .accordeon .opened {
    padding-left: 14px;
    background: url(../../img/tree/minus.gif) no-repeat 0 0.25em;
}
.features #content .threeColonText h4 {font-size:18px;}
.features #content .threeColonText {font-size:100%;}
body.features #content h4 sup {text-transform:uppercase; font-weight:bold; font-size:8px;}


body.matrix #content table.editions_matrix {
    margin-bottom: 2em;
    border-collapse: collapse;
    width: 100%;
}
body.matrix #content table.editions_matrix tr.community {
    background: none;
}
body.matrix #content table.editions_matrix td, body.matrix #content table.editions_matrix td {
    padding: 0;
    vertical-align: top;
    border-bottom: solid .8em #fff;
}
body.matrix #content table.editions_matrix tr:last-child td, body.matrix #content table.editions_matrix tr:last-child td {
    border-bottom: none;
}
body.matrix #content table.editions_matrix td {
    padding: .8em 3em;
    background-color: #f3f6ff;
}
body.matrix #content table.editions_matrix tr.free td {
    background-color: #f4faef;
}
body.matrix #content table.editions_matrix tr.community td {
    background-color: #f4faef;
}
body.matrix #content table.editions_matrix th {
    padding-right: 1em;
    border-right: solid .6em #7f93d9;
}
body.matrix #content table.editions_matrix tr.free th {
    border-right: solid .6em #afd58b;
}
body.matrix #content table.editions_matrix tr.community th {
    border-right: solid .6em #6498b6;
}
body.matrix #content table.editions_matrix th h4, body.matrix #content table.editions_matrix th strong {
    color: #7f93d9;
}

body.matrix #content table.editions_matrix th h5 {
    color: #7f93d9;
    font-size: 120%;
    font-family: "GraublauSans-Bold", Helvetica, Arial, sans-serif;
    text-transform: none;
    font-weight: 400;
    padding-top: 10px;
    letter-spacing: 0;
}

body.matrix #content table.editions_matrix tr.free th h4 {
    font-size: 140%;
    padding-top: 10px;
}

body.matrix #content table.editions_matrix tr.free th h4, body.matrix #content table.editions_matrix tr.free th strong {
    color: #80a260;
}
body.matrix #content table.editions_matrix tr.community th h4, body.matrix #content table.editions_matrix tr.community th strong {
    color: #78afd0;
}
body.matrix #content table.editions_matrix th strong {
    padding-top: .8em;
    display: block;
}
body.matrix #content table.editions_matrix td ul {
    margin: 0;
}
body.matrix #content table.editions_matrix td ul li {
    margin-bottom: .5em;
}
body.matrix #content table.editions_matrix td ul li:last-child {
    margin-bottom: 0;
}

body.matrix #content .footer .border_top {
    padding-top: 1em;
    border-top: solid .4em #f4f4f4;
}


body.darcula #main {
    margin: 0 0 -3em 0;
    padding: 1.5em 0 0 0;
    background: #323232 url("img/bg_banners.png") repeat scroll 0 0;
    border-top: solid 1px #5b5b5b;
}
body.darcula #main:before {
    background: url("../img/bg_banners_top.png") repeat-x 0 0;
}
body.darcula #banners {
    background: none;
}
body.darcula #banners h1 {
    padding-top: 1em;
}

body.darcula .carousel {
    margin: auto;
    width: 950px;
    -moz-box-shadow: 0 .5em 1em .5em rgba(0, 0, 0, .3);
    -webkit-box-shadow: 0 .5em 1em .5em rgba(0, 0, 0, .3);
    box-shadow: 0 .5em 1em .5em rgba(0, 0, 0, .3);
}
body.darcula .carousel .slide img {
    border: none;

}
body.darcula .slide-lens {
    z-index:15;
    margin-top: -130px;
    margin-left: -134px;
    cursor:none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
body.darcula .slide-lens:before {
    margin: -20px 0 0 -20px;
    content: "";
    display: block;
    width: 309px;
    height: 331px;
    background: url("../img/lens.png") no-repeat 0 0;
}
#ui-carousel-prev {left:-47px; margin-left:0}
#ui-carousel-next {right:-50px; margin-right:0;}

#ui-carousel-next span, #ui-carousel-prev span {
    width:28px;
    height:44px;
    background:url('img/arrow_carousel.png');
}
#ui-carousel-next span {
    background-position:0 -50px;
}
body.darcula .socials-in {
    text-align: center;
}
body.darcula .socials-in .item {
    display: inline-block;
}


.objc-developer {
    font-size: 15px;
    line-height: 1.5;
    }
    .objc-developer h4 {
        margin: 0 0 5px !important;
        text-align: center;
        font-size: 18px;
        }

    .objc-developer__text {
        position: relative;
        padding: 0 6px 0 50px;
        }
        .objc-developer__text:before {
            position: absolute;
            top: 0;
            left: 6px;
            width: 34px;
            height: 41px;
            background: url(img/icon-apple.png) no-repeat 0 0;
            content: '';
            }
        @media
        (-webkit-min-device-pixel-ratio: 2),
        (min-resolution: 192dpi) {
            .objc-developer__text:before {
                background-image: url(img/icon-apple@2x.png);
                background-size: 34px 41px;
                }
            }


.logo-db {
    display: inline-block;
    background: url(../../img/logos/sprite-db.svg) 0 50px;
    }
.ie7 .logo-db,
.ie8 .logo-db {
    background-image: url(../../img/logos/sprite-db.png);
    }
.logo-db._oracle    { width: 77px;  height: 11px; background-position: 0 0 }
.logo-db._mysql     { width: 63px;  height: 33px; background-position: -100px 0 }
.logo-db._postgre   { width: 89px;  height: 30px; background-position: -200px 0 }
.logo-db._sqlserver { width: 85px;  height: 22px; background-position: -300px 0 }
.logo-db._derby     { width: 108px; height: 24px; background-position: -400px 0 }
.logo-db._sybase    { width: 69px;  height: 20px; background-position: 0 -50px }
.logo-db._hypersql  { width: 65px;  height: 14px; background-position: -100px -50px }
.logo-db._sqlite    { width: 58px;  height: 26px; background-position: -200px -50px }
.logo-db._db2       { width: 72px;  height: 23px; background-position: -300px -50px }
.logo-db._odbc      { width: 44px;  height: 13px; background-position: -400px -50px }
.logo-db._h2        { width: 32px;  height: 18px; background-position: 0 -100px }


.db-list {
    margin: 15px 0 30px;
    padding: 10px 0;
    background-color: #f5f7f8;
    list-style: none;
    text-align: center;
    }
    .db-list li {
        margin: 0 7px;
        vertical-align: middle;
        }
    .db-list .logo-db._oracle  { margin-top: 10px }
    .db-list .logo-db._mysql   { margin-top: -7px }
    .db-list .logo-db._postgre { margin-top: 4px }

.feature-section {
    margin: 0 0 40px;
    }
    .feature-section:after {
        clear: both;
        display: block;
        height: 0;
        font-size: 0;
        content: '';
        }


.feature-section__image {
    position: relative;
    overflow: hidden;
    width: 600px;
    }
.animation-container {
    display: none;
    }
.animation-container._visible {
    display: block;
    }
    .animation-container__placeholder:before {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 49px;
        height: 49px;
        background: url(../../img/icons/icoScreenshot.png) no-repeat -877px 0;
        margin: auto;
        opacity: .5;
        cursor: pointer;
        -webkit-transition: .2s;
                transition: .2s;
        content: '';
        }
    .animation-container__placeholder:hover:before {
        opacity: .7;
        }

    .animation-container._stopped .animation-container__placeholder,
    .animation-container._started .animation-container__animation {
        display: block;
        }
    .animation-container._started .animation-container__placeholder,
    .animation-container._stopped .animation-container__animation {
        display: none;
        }

.animation-link {
    color: #0274bd;
    cursor: pointer;
    }
/*
.animation-link:hover {
    color: #00a2ff;
}*/