/*----- 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;
	
}

/* @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 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("./img/ndash.png") no-repeat;
}

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



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

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

h4.new {
    background: url("./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;
}


/*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*/


/*progress bar*/
#progress {
    /*background: url("/resharper/./styles2/./img/loading.gif") no-repeat -10px -4px;*/
    background: url("./img/newdesign/js/loading.gif") no-repeat 0 0;
    padding-left: 40px;
    padding-top: 5px;
    height: 32px !important;
    width: 100px!important;
}
#container .nofloat{
    float: none!important;
}

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

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

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

/* @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;
}


/* @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 }


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, header, hgroup, menu, nav, section {
    display:block;
}

:focus {
    outline: 0;
}

body {
    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: 1em;
}
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}
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:before, blockquote:after,
q:before, q:after {
    content: "";
    display: block;
    width: 42px;
    height: 32px;
    background: url("./img/design/bgBlockquote.png");
}
blockquote:before, q:before {
    margin-bottom: -1.5em;
    background-position: 0 -42px;
}
blockquote:after, q:after {
    margin-top: -1em;
    float: right;
    background-position: 0 0;
}
blockquote, q {
    padding: 0 0 0 0;
    quotes: "" "";
    position: relative;
    /*font-size: 110%;*/
    color: #797C80;
    font: italic 1.15em/1.67em Georgia,"Times New Roman",Times,serif;
    text-indent: 3em;
}
blockquote p, q p {
    margin-bottom: 0;
}
blockquote a, q a {
    position: absolute;
    right: 3.5em;
    bottom: -1.5em;
    color: #797C80;
    font-size: 85%;
}
blockquote .author {
    margin-bottom: -1.5em;
    padding-top: 1em;
    padding-right: 3em;
    display: block;
    text-align: right;
}
blockquote .author a {
    position: static;
    font-size: 100%;
    text-decoration: underline;
}
blockquote .author a:hover {
    text-decoration: none;
}
#content .new_version {
    position: relative;
    /*display: block;*/
}
#content .new_version:after {
    position: relative;
    top: -5px;
    margin: 0 -30px 0 5px;
    padding: 1px 4px 2px;
    display: inline-block;
    border: solid 1px #fd9204;
    color: #fd9204;
    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;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    content: '';
}

h1,
h2,
h3,
h4,
h5 {
    font-family: "Alegreya Sans", 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: "Alegreya Sans SC", Helvetica, Arial, sans-serif;
}
h2 {
    margin-bottom: .5em;
    font-size: 200%;
    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;
}
ul, ol, p, blockquote, .block {
    margin-bottom: 20px;
}
ul.starlist li {
    margin-bottom: 0.533em;
    padding-left: 17px;
    background: url("./img/design/bullet_small.gif") no-repeat 0 .5em;
}
ul.starlist.range li {
    padding-left: 2.2em;
    background: url("./img/design/bulletRange.png") no-repeat 0 .4em;
}
ul.ndashlist li {
    margin-bottom: .3em;
}
ul.ndashlist li:before {
    margin-left: -.73em;
    content: "-";
    position: absolute;
}
ul.mdashlist li {
    position: relative;
    margin-bottom: .3em;
}
ul.mdashlist li:before {
    position: absolute;
    margin-left: -1.3em;
    color: #bfbdb7;
    content: "\2014";
}
ul.arrowlist li {
    margin-left: 18px;
    margin-bottom: 5px;
}
ul.arrowlist li:before {
    margin-top: .35em;
    margin-left: -1.2em;
    content: "";
    position: absolute;
    width: 8px;
    height: 12px;
    background: url("./img/design/bulletarrow.png") no-repeat 0 0;
}
ul.arrowlist li.back:before {
    margin-left: -.9em;
    background-position: 0 -40px;
}

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

ol li {
    margin-left: 1.5em;
    margin-bottom: .6em;
    list-style: decimal;
}
ol li ul li {
    list-style: none;
}
.comment {color: #777; font-size: 90%;}
.red {color: #c00e28;}
.gray {color: #777;}
.gold {color: #c98a39;}
.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;}
#content .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;
    -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;
}
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
 {
    margin: 0 auto;
    width: 984px;
    min-width: 800px;
    text-align: left;
}
#content nav ul {
    margin: 0px auto;
    width: 800px;
    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: 45px;
	background-color:#EFEFEF;
    border-bottom: solid 0px #efefef;
}
header.state_fixed {
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
}
header.state_bottom {
    position: absolute;
    z-index: 10;
    left: 0;
    width: 100%;
}
body#index header {
    height: 85px;
    border-bottom: 0;
}


header ul#menu {
    margin-top: .6em;
    margin-bottom: -1em;
    float: right;
}

body#index header ul#menu {
    margin-top: 1.6em;
    margin-bottom: 0;
}

body#index header ul#menu li.search form input.send {
    background-position: 0 .2em;
}

header ul#menu li a {
    display: block;
    padding: 4px 14px;
    height: 22px;
    color: rgb(117, 117, 116);
    font-size: 14px;
    line-height: 22.4px;
    text-decoration: none;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

header ul#menu li.search a:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow:  none;
}


header ul#menu li.active a {
    color: #fff;
    background-color: #b5b2ad;
    -webkit-box-shadow:  inset 1px 1px 1px 0 rgba(0, 0, 0, 0.1);
    -moz-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#menu li a:hover, header ul#menu li.open a {
    color: #0274bd;
}

#menu_products {
    display: none;
    box-sizing: border-box;
    position: relative;
    z-index: 10;
    background-color: rgba(0,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: 5.8em;
}
#menu_products ul li {
    margin-bottom: .5em;
}
#menu_products ul li a {
    padding-left: 1.5em;
    position: relative;
}
#menu_products ul li.menu-products-active-item a {
    color: #333;
    cursor: default;
}
#menu_products ul li a .icon {
    position: absolute;
    top: 4px;
    left: 0;
}
.mac #menu_products ul li a .icon {
    top: 2px;
}



#banners {
    background-color: #efefef;
}
#banners {
    margin-top: -2.5em;
    margin-bottom: 1.5em;
    padding-top: 2.5em;
    padding-bottom: 1em;
}
body#index #banners {
    margin: 0;
    padding: 0;
    height: 350px;
    border-bottom: solid 2px #bdbbbc;
  /*  background-image: url("./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("./img/bg_main_lab.jpg"); */
    border-bottom: solid 2px #bdbbbc;
}
#customers {
    padding-top: 1.5em;
    padding-bottom: 1em;
    background: #f7f0da url("./img/bg_main_customers.jpg");
    border-bottom: solid 2px #bdbbbc;
}
#menu_products {
    padding-bottom: .5em;
}
#product {
	margin: 0 auto;
    width: 984px;
    min-width: 800px;
    text-align: left;

}
#product {
    background-color: #ffffff;
}
#product .container {
    /*min-height: 153px;*/
    background: /*url("./img/design/bgHeader.png")*/ no-repeat right 0;;

}
.yt #product .container,
.idea #product .container {
    background-image: none;
}
body#spec #product, body#why #product,
body#spec nav, body#why nav.fixed-menu {
    background-color: #eea545;
}
/*mktEditable for marketo*/
body#products.rs #product, body#products.rs nav, body.mktEditable.rs  #product,
body#products.dt #product, body#products.dt nav,
body#products.dotcover #product, body#products.dotcover nav,
body#products.decompiler #product, body#products.decompiler nav,

body#products.dotnet #product, body#products.dotnet nav.fixed-menu {
   background-color: #ffffff;
}
body#products.dtm #product, body#products.dtm nav.fixed-menu {
    background-color: #eaa343;
}


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-color: red;*/
}
nav {

    margin-top:10px;
	height: 47px;
    z-index: 100;

	background-color: rgb(137, 73, 106);

    margin: 0 auto;
    width: 100%;
    min-width: 800px;
    text-align: left;

}

nav .container {
    position: relative;
    height: 50px;
}
nav.fixed-menu .container {
    padding: 0 0 0 0;
  /*  background-image: url("./img/design/bgHeader.png"); */
    background-repeat: no-repeat;
    background-position: right -106px;
}
.yt nav.fixed-menu .container {background-image:none;}

.nav-logo {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 10px;
    right: 100%;
    width: 32px;
    height: 24px;
    margin-top: 1px;
    margin-right: 10px;
    content: "";
    background: url("") -600px -4200px;
    -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;
}
.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;
}


nav ul {
    padding-top: 8px;
    margin-bottom: 0;
    white-space: nowrap;
}
nav ul li {
    margin-right: 3px;
    margin-bottom: 0;
    padding: 4px 8px;
    display: inline;
    font-size: 16px;

    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
nav ul li.current {
    background-color: rgba(255,255,255,0.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 {

}
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;
}

#content {
    overflow: none;
}

#content .float_left {
    margin-right: 3.5em;
}

#content h3.underline {
    padding-bottom: 10px;
    border-bottom: solid 6px #f4f4f4;
}

#content ul, #content ul li {
    margin: 0 0 .6em 0;
    padding: 0;
}

#content ul.arrowlist li {
    margin-left: 1.2em;
}

#content .download {
    margin-bottom: 1em;
    padding: .5em 1em;
    font-size: 130%;
    display: block;
    background: #f4f4f4 url("./img/icon_arrowContentFooter.png") no-repeat 95% 50%;
}

#content .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("./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("./img/icons/ico_twitter_bird_new.png") no-repeat .2em .1em;
}
#content .feedback .forum {
    padding-bottom: .2em;
    background: url("./img/icons/ico_forum.gif") no-repeat .4em .1em;
}
#content .feedback .facebook {
    padding-bottom: .2em;
    background: url("./img/icons/ico_facebook.gif") no-repeat .4em .1em;
}
#content .feedback .eap {
    padding-bottom: .2em;
    background: url("./img/icons/ico_EAP.gif") no-repeat .4em .1em;
}
#content .feedback .bugtracker {
    padding-bottom: .2em;
    background: url("./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("./img/icons/ico_help.gif") no-repeat .4em .1em;
}
#content .feedback .demo {
    padding-bottom: .2em;
    background: url("./img/icons/ico_demo.gif") no-repeat .4em .1em;
}
#content .feedback .editions {
    padding-bottom: .2em;
    background: url("./img/icons/ico_editions.png") no-repeat .4em .1em;
}
#content .feedback .question {
    padding-bottom: .2em;
    background: url("./img/icons/ico_question.png") no-repeat .4em .1em;
}
#content .feedback .tv, #content .tv {
    padding-left: 31px;
    padding-bottom: .2em;
    background: url("./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("./img/icons/ico_pdf.png") no-repeat 0 .1em;
}

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

#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;
    float: left;
}
#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("./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 .information {
    padding-left: 4.5em;
    min-height: 3em;
    background: #f4f6fc url("./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("./img/icons/info_small.png") no-repeat 1em 1em;
}
#content .importance {
    padding-left: 4.5em;
    min-height: 3em;
    background: #fffccc url("./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("./img/icons/attention_small.png") no-repeat 1em .9em;
}

/*--------------------- New Tabs End ---------------------*/

table.full_table {
    margin-bottom: 2em;
    width: 100%;
}
table.full_table th, table.full_table td {
    padding: .4em 1em;
    text-align: center;
    border-left: solid 1px #e7e7e7;
}
table.full_table th:first-child, table.full_table td:first-child {
    border-left: none;
}
table.full_table  tr.color th, table.full_table tr.color td {
    background-color: #f4f4f4;
}
table.full_table  tr.last th, table.full_table tr.last td {
    border-bottom: solid 2px #e4e4e4;
}
table.full_table  th {
    font-weight: bold;
    border: none;
}
table.full_table td.cheked span, table.full_table td.minus span, table.full_table td.better span {
    display: none;
}


table.compare {
    margin-bottom: 2em;
    width: 100%;
    border-bottom: solid 1px #ddd;
}
table.compare td, table.compare th {
    padding: 0 2em .8em 0;
}
table.compare tr.border td, table.compare tr.border th {
    padding-top: .8em;
    border-top: solid 1px #ddd;
}
table.compare tr.last td, table.compare tr.last th {
    padding-bottom: 1.5em;
}
table.compare th.feature {
    width: 26%;
}
table.compare td.supported {
    padding-left: 1.7em;
    position: relative;
    text-align: left;
    background: none;
}
table.compare td.supported:before {
    margin-left: -1.7em;
    content: "";
    display: block;
    width: 19px;
    height: 19px;
    position: absolute;
    background: url("../img/icons/ico_table.png") no-repeat 3px 3px;
}
table.compare td.supported.better:before {
    background-position: 0 -30px;
}
table.compare th.version {
    width: 35%;
}
table.compare th.version:after {
    margin: -1px 0 0 5px;
    position: absolute;
    content: "6";
    color: #f68b1f;
    font-size: 160%;
    font-weight: bold;
}
table.compare th.version.rs_6:after {
    content: "6";
}
table.compare th.version.rs_7:after {
    content: "7";
}

table.compare th.version.rs_8:after {
    content: "8";
}
table.compare p.comment {
    margin-top: -.4em;
    margin-bottom: 0;
}
table.compare h3 {
    line-height: 1.3em;
    /*color: #454545;*/
}


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("../teamcity/img/ok.gif") no-repeat 50% 50%;
    padding:5px;
    text-align: center;
}
.minus{
    background:url("../teamcity/img/none.gif") no-repeat 50% 50%;
    padding:5px;
    text-align: center;
}
.better{
    background:url("../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("./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;
}



#content .feature {
    margin-bottom: 1.5em;
}
#content .feature img {
    border: solid 1px #ccc;
}
#content #toc1, #content .toc1, #content #toc2, #content .toc2, #toc3 {
    margin-left: 0;
    padding: 0 0 1.5em;
    float: left;
    display: block;
    width: 45%;
}
#content #toc1 ul.manual, #content .toc1  ul.manual, #content #toc2  ul.manual, #content .toc2  ul.manual, #toc3  ul.manual {
    margin-bottom: -.5em;
}
#content #toc1 li, #content #toc2 li, #content .toc1 li, #content .toc2 li, #toc3 li, .toc li {
    margin-bottom: 0.3em;
    margin-left: 1em;
    color: #ccc; /*list-style-position: outside;*/
    list-style: disc outside;
}
#content .gray-backgr {
    background-color: #f4f4f4;
}
#content .radius, #subcontent .radius {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
#content .strong {
    font-weight: bold;
}
#subcontent ul#contnav li {
    margin-left: 0;
}
#subcontent #contnav li, #subcontent #contnav dd {
    background: url("./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("./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 ul.learns {
    padding: 0 150px 5px 0;
    position: absolute;
    top: 1.6em;
    right: 0;
    background: url("./img/design/header_net_tools.png") no-repeat right 2px;
}
#product ul.learns li {
    color: #fff;
}
#product ul.learns li a {
    color: #ff9404;
    border-bottom: solid 1px #ff9404;
}
#product ul.learns li a:hover {
    border-bottom: none;
}
.learnMore {
    position: absolute;
    top: 0;
    right: 0;
    height: 150px;
    width: 350px;
}
a.learnMore:hover {
    text-decoration: none;
}
body.yt .learnMore.whatsnew {
    text-indent: -5000px;
    background: url("../youtrack/img/youtrack5_header_lang.png") no-repeat 40px 0;
}
body.TeamCity .learnMore {
    text-indent: -5000px;
    background: url("./img/banners/header_TC_free.png") no-repeat 0 20px;
}
body.idea .learnMore {
    width:250px;
    text-indent: -5000px;
    background: url("../idea/img/personal-offer_header.png") no-repeat 30px 15px;
}




#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;
}

#feedControl .gf-snippet,#feedControl .gfc-resultsHeader, #feedControl .gf-author,
#feedControl .gf-spacer, #feedControl .gf-relativePublishedDate {
    display : none;
}
#feedControl .gfc-result{
    width: 173px;
    /*background: url("/resharper/./styles2/./img/readmore_link.gif") no-repeat 155px 75%;*/
    /*line-height: 1.2em;*/
}
#feedControl .gfc-result div.gf-title{
    background: url("./img/bullet_star_bw.gif") no-repeat 0 5px;
    padding-left: 10px;
}
#feedControl .gfc-result div.gf-title a.gf-title{
    border: 0;
}

ul.talk {
    margin: 0;
    list-style: none;
}
ul.talk li {
    margin: 0 0 .1em -.3em;
    padding: 0;
}
ul.talk li a, ul.talk .link {
    padding: 6px 0 7px 43px;
    display: block;
}
ul.talk .link {color:#0274bd; text-decoration:none; cursor:pointer;}
ul.talk .link:hover {text-decoration:underline;}
ul.talk li.community a {
    background: url("./img/icons/icoCommunity_ChB.gif") no-repeat 0 0;
}
ul.talk li.twitterProduct a, ul.talk li.twitterProduct span {
    background: url("./img/icons/icoTwitter_ChB.gif") no-repeat 0 0;
}
ul.talk li.blogProduct a {
    background: url("./img/icons/icoBlog_ChB.gif") no-repeat 5px 0;
}
ul.talk li.issueTracker a {
    background: url("./img/icons/icoIssuetracker_ChB.gif") no-repeat 3px 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("./img/icons/icoPlus.png") no-repeat 0 .3em;
}
#content ul.starlist.plus li ul.starlist li {
    padding-left: 1.1em;
    background: url("./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("./img/icons/movie.png") no-repeat 0 0;
}
#content .threeColonText a.video:hover {
    background: url("./img/icons/movie.png") no-repeat 0 -90px;
}
#content .gray-round {
    padding: 15px 30px 0;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    background-color: #f4f4f4;
}
#content .gray-round h4 {
    margin-bottom: .3em;
}
#content ul.features-list {
    list-style: none;
}
#content ul.features-list li {
    margin: 0;
    padding-left: 1em;
    font-size: 16.5px;
    line-height: 1.5;
}
#content ul.features-list li a {
    border: none;
}

#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: 2em;
    box-sizing: border-box;
	background-color:#ffffff;

}
#main #content {
    float: left;
    width: 100%;


padding:15px

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


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;
}
h6 {
    margin-bottom: .2em;
    font-size: 110%;
}

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



/* redefine default menu styles */
/*
nav ul li {position:relative; z-index:2;}
nav ul li a, nav ul li.current .text {position:relative; z-index:2;}
body.yt nav ul li:nth-child(4):before {
    z-index:1;
    content:'';
    display:block;
    top:-7px;
    left:-14px;
    width:24px;
    height:26px;
    position:absolute;
    background:url("/resharper/./styles2/'/youtrack/agile_project_management/img/eap-attract-decor.png'") no-repeat;
}
*/
.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;
    background-color: #fede00;
    font-size: 11px;
    font-family: "Kozuka Gothic Pr6n", "GraublauSans-Regular", Helvetica, Arial, sans-serif;
    color: #000;
}
    .phpstorm.buy .country-offer,
    .pycharm.buy .country-offer,
    .webstorm.buy .country-offer,
    .objc.buy .country-offer,
    .TeamCity.buy .country-offer {
        margin-top: 35px;
        margin-bottom: 0;
    }
    .webstorm.buy .country-offer {
        margin-bottom: 20px;
    }
    .dotcover.buy .country-offer {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .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;
}

.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("./img/country_offer_close.png") no-repeat left bottom;
}


/* @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;
}

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

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


/* + 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
}

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

#content a.text-button{
    background: url("./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: 500px;
    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: 300px;
    background: url("./img/buttons/buttonDownloadNow.gif") no-repeat 0 0;
}

body #content .buttonDownloadNow:hover {
    background-position: 0 -66px;
}


#content .buttonDownloadGreen {
    padding-left: 12px;
    float: left;
    width: 100%;
    font-size: 90%;
    background: url("./img/buttons/buttonDownloadGreeen.png") no-repeat 0 0;
    border: none;
}
#content .buttonDownloadGreen.big {
    padding-left: 12px;
    font-size: 100%;
    background: url("./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("./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("./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;
}
#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("./img/buttons/bgButtonDownload.png") no-repeat .8em .3em;
    background: url("./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("./img/buttons/bgButtonDownload.png") no-repeat .8em .3em, -webkit-linear-gradient(top, #f2f2f2 0%, #dadada 100%);
    background: url("./img/buttons/bgButtonDownload.png") no-repeat .8em .3em, -moz-linear-gradient(top, #f2f2f2 0%, #dadada 100%);
    background: url("./img/buttons/bgButtonDownload.png") no-repeat .8em .3em, -ms-linear-gradient(top, #f2f2f2 0%, #dadada 100%);
    background: url("./img/buttons/bgButtonDownload.png") no-repeat .8em .3em, -o-linear-gradient(top, #f2f2f2 0%, #dadada 100%);
    background: url("./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("./img/buttons/bgButtonDownload.png") no-repeat .8em .3em;
    background: url("./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("./img/buttons/bgButtonDownload.png") no-repeat .8em .3em, -webkit-linear-gradient(top, #c9ec56 0%, #85b142 100%);
    background: url("./img/buttons/bgButtonDownload.png") no-repeat .8em .3em, -moz-linear-gradient(top, #c9ec56 0%, #85b142 100%);
    background: url("./img/buttons/bgButtonDownload.png") no-repeat .8em .3em, -ms-linear-gradient(top, #c9ec56 0%, #85b142 100%);
    background: url("./img/buttons/bgButtonDownload.png") no-repeat .8em .3em, -o-linear-gradient(top, #c9ec56 0%, #85b142 100%);
    background: url("./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("./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("./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("./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("./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: #ffffff;
    /*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: #348525;
    -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 span {
    margin-bottom: -5px;
    padding: 12px .3em 10px 2.5em;
    display: block;
    font-family: "GraublauSlab-Semibold", Helvetica, Arial, sans-serif;
    font-size: 19.5px;
    line-height: 1.5;
    background: url("") no-repeat 1.1em 10px;
}
#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;
}




/*-------Available products Start-------*/
.products_available {
    margin-top: .5em;
    border-top: dashed 1px #ddd;
}
.products_available h6 {
    margin-top: -1.2em;
    text-align: center;
    color: #9d9d9d;
    font-weight: normal;
    font-size: 85%;
}
.products_available h6 span {
    padding: 0 .3em;
    background-color: #fff;
}
.products_available ul li {
    margin-right: 1.2em;
    list-style: none;
    display: inline-block;
    text-align: center;
    width: 52px;
    height: 52px;
    background: url("./img/buttons/bgProducts_available.png") no-repeat 0 0;
}
.products_available ul li:last-child {
    margin-right: 0;
}
.products_available ul li:hover {
    background-position: 0 -58px;
}
.products_available ul li a.ico {
    padding-top: 10px;
    padding-bottom: 3px;
    text-align: center;
    width: 29px;
    height: 26px;
    text-indent: -50000px;
    display: inline-block;
    position: relative;
}

.products_available ul li .tooltip {
    margin-top: 55px;
    margin-left: -16px;
    padding: .4em .7em;
    color: #333;
    font-size: 90%;
    background: #fff;
    border: solid 1px #ccc;
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}
.products_available ul li .tooltip:before {
	content: "";
	position: absolute;
	z-index: 10;
	top: -10px;
	left: 25px;
	width: 10px;
	height: 9px;
	border-style: solid;
	border-width: 0 0 1px 1px;
	border-color: #ccc;
	background: #fff;
    -webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-bottomleft: 8px;
	border-bottom-left-radius: 8px;
    display:block;
}
.products_available ul li .tooltip:after {
	content: "";
	position: absolute;
	z-index: 10;
	top: -10px;
	left: 15px;
	width: 10px;
	height: 9px;
	border-style: solid;
	border-width: 0 1px 1px 0;
	border-color: #ccc;
	background: #fff;
    -webkit-border-bottom-right-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	border-bottom-right-radius: 8px;
    display:block;
}
.products_available ul li .tooltip > :first-child:after {
	content: "";
	position: absolute;
	top: -3px;
	left: 16px;
	width: 18px;
	height: 5px;
	background: #fff;
}

.products_available ul li .tooltip a.product {
    margin-bottom: -.4em;
    display: block;
    text-align: left;
    font-size: 130%;
}

/*-------Available products End-------*/

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



.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 "Helvetica Neue", Lucida, Georgia, serif;
    text-align: center;
    text-shadow: 0px 1px 1px rgba(255,255,255,0.32);
    vertical-align: middle;
    cursor: pointer;
    background-color: #f5f5f5;
    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("./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 {
    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("./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("./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 }


/* Form button */
.btn-form,
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 { 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,
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,
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;
}


/* RETINA */
@media (-webkit-min-device-pixel-ratio: 2) {
    .btn-product.-download:before,
    .btn-select.-download:before,
    .btn-select.download:after {
        background-image: url("./img/buttons/btn-download-sprite%402x.png");
        background-size: 200px 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: rgba(51,105,22,1);
    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 }

/* cppdepend */
.btn-cpp {
    background-color: #ED9C28;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#399836), to(#399836));
    background-image: -webkit-linear-gradient(top, #399836, #399836);
    background-image:    -moz-linear-gradient(top, #399836, #399836);
    background-image:     -ms-linear-gradient(top, #399836, #399836);
    background-image:      -o-linear-gradient(top, #399836, #399836);
    background-image:   linear-gradient(to bottom, #399836, #399836);
    border-color: #ffffff;
    color: #ffffff;
}
.btn-cpp:hover,
.btn-cpp.-hover {
    background-color: #399836;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#399836), to(#399836));
    background-image: -webkit-linear-gradient(top, #399836, #399836 0%);
    background-image:    -moz-linear-gradient(top, #399836, #399836);
    background-image:     -ms-linear-gradient(top, #399836, #399836);
    background-image:      -o-linear-gradient(top, #399836, #399836);
    background-image:   linear-gradient(to bottom, #399836, #399836);
    color: #efefef;
}
.btn-cpp:active,
.btn-cpp.-active,
.btn-cpp.-active:hover {
    background-color: #2C4154;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2C4154), to(#2C4154));
    background-image: -webkit-linear-gradient(top, #2C4154, #2C4154);
    background-image:    -moz-linear-gradient(top, #2C4154, #2C4154);
    background-image:     -ms-linear-gradient(top, #2C4154, #2C4154);
    background-image:      -o-linear-gradient(top, #2C4154, #2C4154);
    background-image:   linear-gradient(to bottom, #2C4154, #2C4154);
    color: #efefef;
}
.btn-cpp.-download:before { background-position: -50px -210px }
.btn-cpp.-download.-small:before { background-position: 0 -210px }


/* 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-product.-download:disabled:before,
.btn-product.-download.-disabled:before { opacity: 0.3 }

#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("./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;
}
.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("./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("./img/jquery/bgTabRight.png") no-repeat right 0;
    border-bottom: solid 1px #c4c9cf;
}
.regular.ui-tabs.minTabs .ui-tabs-nav li a {
    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("./img/jquery/bgTabLeftSelect.png") no-repeat 0 0;
}
.regular.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
    background: url("./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("./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 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("./img/jquery/bgTabBullets.gif") no-repeat 0 0;
    border: none;
}
.bullets.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
    background: url("./img/jquery/bgTabBulletsSelect.gif") no-repeat 0 0;
}
.screenshots.ui-tabs .ui-tabs-nav {
    margin: 1em 0;
    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;
}
body.phpstorm .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;
}
.pullout.light.enlarge a:after {
    padding: 0;
    top: auto;
    left: auto;
    bottom: 15px;
    right: 15px;
    width: 32px;
    height: 33px;
}
.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("./img/jquery/boximage/playe7ea.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("./img/jquery/boximage/enlarge.png") no-repeat 0 0;
}
body.yt .boximage .action.enlarge, body.yt .screenshot .action.enlarge {
    background: url("./img/jquery/boximage/enlarge_yt.png") no-repeat 0 0;
}
.boximage .boximageTop {
    text-align: right;
    background: url("./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("./img/jquery/boximage/bgTopRight.gif") no-repeat right 0;
}
.boximage .boximageBottom {
    text-align: right;
    background: url("./img/jquery/boximage/bgBottomLeft.gif") no-repeat 0 0;
}
.boximage.small .boximageBottom {
    background: url("./img/jquery/boximage/bgBottomLeft_small.gif") no-repeat 0 0;
}
.boximage .boximageBottom span {
    height: 21px;
    padding-left: 167px;
    background: url("./img/jquery/boximage/bgBottomRight.gif") no-repeat right 0;
}
.boximage.small .boximageBottom span {
    padding-left: 102px;
    background: url("./img/jquery/boximage/bgBottomRight_small.gif") no-repeat right 0;
}
.boximage .boximageContent {
    padding-left: 22px;
    display: block;
    text-align: center;
    background: url("./img/jquery/boximage/bgLeft.gif") repeat-y 0 0;
    border: none;
}
.boximage .boximageContent a {
    padding-right: 23px;
    display: block;
    line-height: 1em;
    background: url("./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("./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("./img/closeicon.png") -30px 0;
    cursor: pointer;
    z-index: 1103;
    display: none;
    border: none;
}
#fancybox-close {
    top: -10px;
    right: -15px;
    background-position: -10px -95px;
    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("./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("./img/jquery/fancybox.png") no-repeat -40px -90px;
}

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

#fancybox-title-right {
    padding-left: 15px;
    background: url("./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("./img/jquery/fancybox.png") -40px -30px;
}
#fancybox-right-ico {
    background: url("./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("./img/jquery/fancybox-x.png");
}
#fancy-bg-ne {
    top: -20px;
    right: -20px;
    background: url("./img/jquery/fancybox.png") -40px -162px;
}
#fancy-bg-e {
    top: 0;
    right: -20px;
    height: 100%;
    background: url("./img/jquery/fancybox-y.png") -20px 0;
}
#fancy-bg-se {
    bottom: -20px;
    right: -20px;
    background: url("./img/jquery/fancybox.png") -40px -182px;
}
#fancy-bg-s {
    bottom: -20px;
    left: 0;
    width: 100%;
    background: url("./img/jquery/fancybox-x.png") 0 -20px;
}
#fancy-bg-sw {
    bottom: -20px;
    left: -20px;
    background: url("./img/jquery/fancybox.png") -40px -142px;
}
#fancy-bg-w {
    top: 0;
    left: -20px;
    height: 100%;
    background-image: url("./img/jquery/fancybox-y.png");
}
#fancy-bg-nw {
    top: -20px;
    left: -20px;
    background: url("./img/jquery/fancybox.png") -40px -122px;

}


/*-------------------------- Gallery Start ------------------------*/
.ad-gallery {
    margin: 0;
    padding: 0;
    width: 900px;
    background: url("./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;
}
.ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
    width: 30px;
    height: 30px;
    right: 0;
    left: auto;
}
.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("/resharper/./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("./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("./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("./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("./img/jquery/galleryPrev.gif") no-repeat center 1em;
}
.ad-gallery .ad-forward {
    right: 0;
    background: url("./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("img/jquery/ad_prev.png") no-repeat center center;
}
.carousel .navigation.next {
    float: right;
    background: url("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("./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: -130px;
    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("./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
}
/*-------------------------- Foobar End ------------------------*/



#content .customers {
    margin: 1em 0 0 0;
    padding: 0;
}
#content .customers li {
    margin: 0 2.6em 0 2em;
    padding: 0;
    min-height: 4em;
    list-style: none;
    float: left;
    vertical-align: middle;
}

body.overview #content h2 {
    font-size: 265%;
}
body.overview #content .overview_video {
    padding-bottom: .1em;
    width: 450px;
    height: 200px;
    background: url("img/v4Trend.png");
}
body.overview #content .overview_video a {
    padding-top: 80px;
    display: block;
    height: 150px;
    text-align: center;
    width: 450px;
}
body.overview #content .overview_video a img {
    opacity: .7;
}
body.overview #content .overview_video a:hover img {
    opacity: 1;
}
body.overview #content .intro {
    margin-top: -.6em;
}

body.overview #content .help {
    background: #fff;
    background: -moz-linear-gradient(top,  #f3f3f3 0%, #fff 20%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f3f3), color-stop(20%,#fff));
    background: -webkit-linear-gradient(top,  #f3f3f3 0%,#fff 20%);
    background: -o-linear-gradient(top,  #f3f3f3 0%,#fff 20%);
    background: -ms-linear-gradient(top,  #f3f3f3 0%, #fff 20%);
    background: linear-gradient(to bottom,  #f3f3f3 0%, #fff 20%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#fff',GradientType=0 );
    border-top: solid 1px #ececec;
}
body.overview #content .help .help_wrap {
    padding-top: 1.8em;
    background: transparent;
    background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 10%, rgba(255,255,255,0) 90%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(10%,rgba(255,255,255,0)), color-stop(90%,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) 10%, rgba(255,255,255,0) 90%,rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 10%, rgba(255,255,255,0) 90%,rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 10%, rgba(255,255,255,0) 90%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 10%, rgba(255,255,255,0) 90%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 );
}

body.overview #content .seven {
    margin-bottom: 2em;
    padding: 1.5em .5em .5em 1em;
    background-color: #f3ecf0;
    border: solid 1px #e0e0e0;
}
body.overview #content .seven p {
    padding-left: 50px;
    margin-bottom: 2em;
    display: block;
    clear: both;
    }
body.overview #content .seven p span.num {
    margin-top: 5px;
    margin-left: -40px;
    float: left;
    display: block;
    font-size: 500%;
    line-height: 20px;
    font-family: "GraublauSlab-Semibold", Helvetica, Arial, sans-serif;
    color: #e1dbdf;
}
body.overview #content .seven .banner {
    margin: .5em 2em 2em 0;
    display: block;
}
body.overview #content .seven .learn_more {
    margin: -.5em 0 0 .3em;

}


#content div.intro p.text {
    margin-bottom: 0;
}
#content div.intro p.text:before { content: open-quote }
#content div.intro p.text:after  { content: close-quote }
#content div.intro p.author {
    line-height: 1.2em;
    font-style: normal;
}


body.overview #content .customers {
    margin-top: 1.6em;
    text-align: center;
}

body.overview #content .apparelStore {
    margin-top: -1.5em;
    margin-left: 2em;
}

body.overview #content #buttonDownload {
    margin-top: .5em;
}
body.overview #content #buttonDownload p.comment {
    margin-left: -.9em;
    margin-top: .5em;
}

body.overview #content .howReSharperHelps {
    margin-top: 1em;
    margin-left: -1.9em;
    margin-right: -2.1em;
    padding: 1.3em 2.1em .2em 1.9em;
    background-color: #f4f4f4;
}
body.overview #content .resharper6 {
    margin: 1em -2.1em 1em -1.9em;
    padding: 1.3em 2.1em .2em 1.9em;
    background-color: #f3ecf0;
}
body.overview #content .features {
    margin-left: 3%;
    float: left;
    width: 30%;
    list-style: none;
}

body.overview #content .features1 {
    margin-left: 3%;
    float: left;
    width: 100%;
    list-style: none;
}

body.overview #content .features1 li {
    margin-bottom: .5em;
    padding-left: 1.6em;
    list-style-position: outside;
    background: url("./img/dot.png") no-repeat scroll 4px 5px;
}

body.overview #content .features.first {
    margin-left: 0;
}
body.overview #content div.features.first {
    margin-left: 0;
}
body.overview #content .features li {
    margin-bottom: .5em;
    padding-left: 1.6em;
    list-style-position: outside;
    background: url("./img/dot.png") no-repeat scroll 4px 5px;
}
body.overview #content .features li.video {
    margin-top: .6em;
    margin-bottom: 1em;
}


 .product-link {
        position:relative;
        display:block;
        margin:0 0 0 0px;
        padding:10px 15px 7px 46px;
        border:1px solid transparent;
        border-radius:0px;
        color:#919191;
        font-size:13.5px;
        white-space:nowrap;
        text-decoration:none;
        transition:border-color .2s, background-color .3s;
        }
        
    .product-link_inline {
        display:inline-block;
        *zoom:1;
        }
    .product-link .product-logo {
            position:absolute;
            top:13px;
            left:9px;
            width:35px;
            height:35px;
        }
    .product-link__name {
            display:block;
            color:#3e3e3f;
            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:#fffbee;
        border-color:#d4ebfe;
        color:#3b91cd
        }
        .product-link:hover .product-link__name {
            color:#2488c5;
        }

    /* product-label */
    .product-name sup {
        position:relative;
        top:10px;
        display:inline-block;
        margin-left:14px;
        padding:5px 8px;
        border:solid 1px #ddd;
        background:#fff;
        color:#4f5152;
        font-size:14px;
        font-weight:normal;
        line-height:1em;
        text-decoration:none;
        vertical-align:text-top;
        white-space:nowrap;
        -webkit-border-radius:4px;
           -moz-border-radius:4px;
                border-radius:4px;
        -webkit-box-shadow:1px 1px 3px #f8f8f8;
           -moz-box-shadow:1px 1px 3px #f8f8f8;
                box-shadow:4px 4px 0 0 #f0f0f0;
    }
    .product-name sup:before,
    .product-name sup:after {
        position:absolute;
        bottom:auto;
        display:block;
        width:0;
        border-style:solid;
        content:'';
    }
    .product-name sup:before {
        top:6px;
        left:-6px;
        border-width:5px 6px 5px 0;
        border-color:transparent #ddd;
    }
    .product-name sup:after {
        top:7px;
        left:-5px;
        border-width:4px 6px 4px 0;
        border-color:transparent #fff;
    }

    /* buttons */
    .products-block .button {
        margin:-8px 14px 55px 0;
        padding:6px 16px;
        background-color:#4a95c4;
        color:#fff;
        -webkit-box-shadow:4px 4px 0 0 #ebebeb;
                box-shadow:4px 4px 0 0 #ebebeb;
        }
    .products-block .button:hover {background-color:#5c9fca}

/* - Products */
    
    .download_info{
    color: #555;
    margin: 0;
    margin-bottom: 1.5em;
    padding-top: 10px;
    padding-left: 75px;
    background: no-repeat 28px 12px;
}
.download_info dd {
    margin: 0;
    padding: 0;
    float: left;
    width: 75px;
}
.DownloadButton{
    position:absolute;
    z-index:2;
    margin-top: 15px;
    margin-left: 255px;
    border: 0!important;
    cursor: pointer;
}
.mps .DownloadButton{
    margin-left: 285px;

}
#content .download_info.win {
    background-image: url("./img/logowindows81.png");
}
#content .download_info.linux{
    background-image: url("./img/linux.png");
}
#content .download_info.mac{
    background-image: url("./img/mac.png");
}

#content .download_info.mps-plugin_idea .logo-idea {
    float:left;
    margin:9px 0 0 -42px;
}


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

body.feature #subcontent ul.tree {
    margin-left: 0;
    margin-right: 1em;
}
body.feature #subcontent ul.tree li {
    margin-bottom: -1px;
    border-left: solid 1px #fff;
    border-top: solid 1px #e0e0e0;
    border-bottom: solid 1px #e0e0e0;
}
body.feature #subcontent ul.tree li:first-child {
    border-top: solid 1px transparent;
}
body.feature #subcontent ul.tree li.open {
    /*margin-left: -.6em;
    padding-left: .6em;*/
    color: #454545;
    background: #f4f4f4; /* Old browsers */
    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%);

    position: relative;
	border: solid 1px #dbdfe4;
    border-right: none;
    margin-right: -14px;
}

body.feature #subcontent ul.tree li:hover {
    position: relative;
	border: solid 1px #dbdfe4;
}

body.feature #subcontent ul.tree li.open:before, body.feature #subcontent ul.tree li:hover:before {
	border-color:transparent #dbdfe4;
}

body.feature #subcontent ul.tree li.open:after, body.feature #subcontent ul.tree li:hover:after {
    content:"";
	position:absolute;
	border-style:solid;

    display:block;
    width:0;

    top:1px;
	bottom:auto;
    left:auto;
	right:-12px;
	border-width:21px 0 22px 12px;
	border-color: transparent #fafafa;
}
body.feature #subcontent ul.tree li:hover:after {
	border-color: transparent #fff;
}
body.feature #subcontent ul.tree li a {
    padding-left: 3.2em;
    padding-top: 11px;
    height: 34px;
    text-align: left;
    font-weight: normal;
    font-size: 110%;
    text-decoration: none;
    display: block;
    background: url("features/ico_features.png") no-repeat 2px 10px;
}
body.feature #subcontent ul.tree li.open a, body.feature #subcontent ul.tree li:hover a {
    color: #454545;
}

body.feature #subcontent ul.tree li.cqlinq a {
    background-position: 2px 7px;    
}
body.feature #subcontent ul.tree li.trend a {
    background-position: 2px -134px;    
}
body.feature #subcontent ul.tree li.buildcomparison a {
    background-position: 2px -37px;
}
body.feature #subcontent ul.tree li.dependenciesview a {
    background-position: 2px -86px;
}
body.feature #subcontent ul.tree li.dependencycycle a {
    background-position: 2px -179px;
}
body.feature #subcontent ul.tree li.metricsFeature a {
    background-position: 2px -316px;
}
body.feature #subcontent ul.tree li.buildprocess a {
    background-position: 2px -366px;
}
body.feature #subcontent ul.tree li.immutable a {
    background-position: 2px -411px;
}
body.feature #subcontent ul.tree li.diagrams a {
    background-position: 2px -456px;
}
body.feature #subcontent ul.tree li.plugin a {
    background-position: 2px -505px;
}


body.feature #subcontent #toc1, body.feature #subcontent #toc2 {
    margin-bottom: 0;
}
body.feature #subcontent .toc {
    font-size: 90%;
    color: #999;
}
body.feature #subcontent .toc {
    background: #fff;
    background: -moz-linear-gradient(top,  #f4f4f4 0%, #fff 15px);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(15px,#fff));
    background: -webkit-linear-gradient(top,  #f4f4f4 0%,#fff 15px);
    background: -o-linear-gradient(top,  #f4f4f4 0%,#fff 15px);
    background: -ms-linear-gradient(top,  #f4f4f4 0%, #fff 15px);
    background: linear-gradient(to bottom,  #f4f4f4 0%, #fff 15px);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#fff',GradientType=0 );
    border-top: solid 1px #e0e0e0;
}
body.feature #subcontent .toc .toc_wrap {
    padding-top: 2em;
    background: transparent;
    background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 10%, rgba(255,255,255,0) 90%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(10%,rgba(255,255,255,0)), color-stop(90%,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) 10%, rgba(255,255,255,0) 90%,rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 10%, rgba(255,255,255,0) 90%,rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 10%, rgba(255,255,255,0) 90%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 10%, rgba(255,255,255,0) 90%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 );
}
body.feature #subcontent .toc ul {
    margin-bottom: 0;
}
body.feature #subcontent .toc ul li {
    margin-left: .4em;
    margin-bottom: .2em;
    list-style: none;
    font-size: 90%;
    line-height: 1.4em;
}

body.feature #subcontent .toc ul li a {
    color: #999;
}

.featureTree {
    margin-left: 5px;
}

#header ul.projects {
border-left: none;
margin-top:5px;

}

#header ul {
text-align: left;
display: inline;
float: left;
margin: 0;
list-style: none;
border-right: 1px solid rgba(255, 255, 255, 0.0976562);

}

#header ul.projects li.jarchitect {
background-position: 0 bottom;
width: 52px;
position: relative;
margin-top: 1px;

}

#header ul.projects li.project {
width: 42px;
padding: 0;
height: 33px;
text-indent: -9999px;
z-index: 10;
}

#header ul li {
font: bold 13px/17px "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
display: inline-block;
float: left;
position: relative;
cursor: pointer;
-webkit-transition: all 0.2s;
transition: all 0.2s;
border-left: 1px solid rgba(255, 255, 255, 0.0976562);
border-right: 1px solid rgba(0, 0, 0, 0.347656);
}

#header ul.projects li.cppdepend {
border-left: none;
background-position: -59px 0;
}

#header ul.projects li.ocdepend {
background-position: -107px 0px;
}

#header ul.projects li.vbdepend {
background-position: -155px 0px;
}

#header ul.links {
float: right;
}

.marginFeature{
margin-right:20px
}

/* Style Features */

body.feature #content .language_selector.size img {
    width: 290px;
    height: 180px;
}




.shadow {
box-shadow: 0px 0px 12px 5px rgba(228, 218, 193, 0.6);
-moz-box-shadow: 0px 0px 12px 5px rgba(228, 218, 193, 0.6);
-webkit-box-shadow: 0px 0px 12px 5px rgba(228, 218, 193, 0.6);
}

@font-face {
  font-family: 'Alegreya Sans SC';
  font-style: normal;
  font-weight: 400;
  src: local('Alegreya Sans SC'), local('AlegreyaSansSC-Regular'), url(styles2/fonts/6kgb6ZvOagoVIRZyl8XV-KisNWI8qEu_hw_BXmaMF84.css) format('woff');
}
@font-face {
  font-family: 'Alegreya Sans SC';
  font-style: normal;
  font-weight: 800;
  src: local('Alegreya Sans SC ExtraBold'), local('AlegreyaSansSC-ExtraBold'), url(styles2/fonts/AjAmkoP1y0Vaad0UPPR468y6vRMepCMP8fwNNQqXFDo.css) format('woff');
}

@font-face {
  font-family: 'Cantata One';
  font-style: normal;
  font-weight: 400;
  src: local('Cantata One'), local('CantataOne-Regular'), url(styles2/fonts/Ur66QXTDfN1RjqAm41DRZYbN6UDyHWBl620a-IRfuBk.css) format('woff');
}

@font-face {
  font-family: 'Alegreya Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Alegreya Sans'), local('AlegreyaSans-Regular'), url(styles2/fonts/KYNzioYhDai7mTMnx_gDgtUFqmyT-Ih543PWa_C0ig4.css) format('woff');
}

.main .box input[type="text"],.main .box input[type="email"],.main .box input[type="password"],.main .box select,.main .box textarea
{
color:#999;
background:#fff;
width:460px;
padding:10px;
}

input[type=text], input[type=email], input[type=password], select, textarea {
border: none;
background: #fff;
text-color: #efefef;
}

#search {
overflow: hidden;
position: relative;
display: none;
}

#search form {
float: left;
margin-left: 4%;
width: 92%;
}

#search input[type=text], .main form input[type=text] {
padding: 2px 8px;
height: 18px;
width: 150px;
border: solid 1px #bdbbbc;
border-radius: 0px;
-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);
-webkit-transition: all 0.2s;
transition: all 0.2s;
}

#search input[type=submit], .main form input[type=submit], a.button {
margin-left: 5px;
text-indent: -50000px;
width: 26px;
height: 30px;
border: none;
cursor: pointer;
background: url('./img/icon-search2.png') no-repeat center left;
background-size: 22px;
}

#google_search {
width: 0px;
overflow: hidden;
height: 0px;
}

.carousel {
background-color: #5B3B5B;
background-image: url(/img/bg.png);
min-width: 960px;
height:250px;
}