#footer {
    position: relative;
    padding-bottom: 12em;
    clear:both;
    margin-top: 7em;
    height:60px;
    border:solid 1px #fff;
    border-top: solid 1px #ccc;
}

#footer #inner {
    width: 865px;
    position: relative;
    padding-top: 1.5em;
    margin: 0 auto 40px auto;
    padding-bottom: 2em;
    font-family: verdana, arial;
	font-size: 75%;
    letter-spacing: -0.01em;
    color: #999;
	text-align: left;
    line-height: 1.3em;
}

#footer #inner dl{
    margin: 0;
    padding: 0;
    padding-bottom: 1.8em;
    clear: both;
}
#footer #inner dl dl{
    margin-top: 0;
}
#footer #inner dl dt{
    font-weight: bold;
    display: block;
    width: 70px;
    float: left;
}
#footer #inner dl dd{
    margin: 0;
    padding: 0 5px 0 5px;
    float: left;
    border-right: 1px solid #d0d0d0;
}
#footer #inner dd.rightfloated{
    float: right;
}
#footer #inner dl dd.last{
    border: none;
    padding-right: 0;
}
#footer #inner dl dd a{
    border-bottom: 1px solid transparent;
}

#footer #inner dl dd a:hover{
    border-bottom: 1px solid #2C8AF7;
}




/*=================================JetBrains color scheme=======================================*/
/*General plain text color */
 html body {
  color: #333;
  background-color: #fff;
 }

/*Pages on pop-ups with suppressed colors*/
body.white {
    background: #fff;
}

/*Pages without headers */
body.offwhite {
    background: #FFFFF0;
}

#container {
    border:0;
    border-top:solid 1px #fff;
    background-color: #fff;
    border-left: solid 5px #fff;
    border-right: solid 5px #fff;
    }

#page_header {
    background-color: #2947AC;

}
/*-- -------- start: PRODUCT COLOR SCHEMES -------- --*/
/*----------------------------------------------------*/
/*----------------------------------------------------*/


body.index #page_header, body#support #page_header, body#company #page_header {
    background-color: #4e79c8;
    /*border-color: #4e79c8;*/
    /*color: #fff;*/
}

body#spec #page_header{
    background-color: #f59720;

}

/*-- -------- start: IDEA & TeamCity Colors -------- --*/
    body.idea #page_header, body.TeamCity #page_header {
    background-color: #203da3;
}
body.idea #header .nav, body.TeamCity #header .nav {
    background-color: #2947AC;
}

body.idea #header .nav li a, body.TeamCity #header .nav li a {
    border-color: #2947AC;
}
body.idea #header .nav li a:hover, body.TeamCity #header .nav li a:hover {
    background-color: #546BB7;
    border-color: #546BB7;
    color: #fff;
}
/*--  --------- end: IDEA & TeamCity Colors --------- --*/

            /*-- -------- start: .NET Colors -------- --*/
            body.rs #page_header, body.dt #page_header , body.ur #page_header {
                background-color: #7d255b;
            }
            body.rs #header .nav, body.dt #header .nav, body.ur #header .nav {
                background-color: #7D255B;
            }
            body.rs #header .nav li a, body.dt #header .nav li a, body.ur #header .nav li a {
                border-color: #7D255B;
            }

            body.rs #header .nav li a:hover, body.dt #header .nav li a:hover, body.ur #header .nav li a:hover {
                background-color: #A05583;
                border-color: #A05583;
                color: #fff;
            }
            /*--  --------- end: .NET Colors --------- --*/

/*-- -------- start: OMEA Colors -------- --*/
body.om #page_header {
    background-color: #7262a3;
}
body.om #header .nav {
    background-color: #7166A7;
}

body.om #header .nav li a {
    border-color: #7166A7;
}

body.om #header .nav li a:hover {
    background-color: #9D95C2;
    border-color: #9D95C2;
    color: #fff;
}
/*--  --------- end: OMEA Colors --------- --*/

/*-- -------- start: MPS Colors -------- --*/
body.mps #page_header {
    background-color: #008f8c;
    border-color: #008f8c;
}
body.mps #header .nav{
    background-color: #008F8C;
}
body.mps #header .nav li a{
    border-color:  #008F8C;
}

body.mps #header .nav li a:hover {
	background-color: #66BCBA;
    border-color: #66BCBA;
    color: #fff;
}
/*--  --------- end: MPS Colors --------- --*/

/*--  --------- end: PRODUCT COLOR SCHEMES --------- --*/
/*----------------------------------------------------*/
/*----------------------------------------------------*/



a:link {
	color: #043DBC;
    border-bottom: 1px dashed #3D7DC7;
	text-decoration: none;
	}

a:visited {
	color: #2277D9;
	border-bottom: 1px dashed #3D7DC7;
	text-decoration: none;
	}

a:hover {
	color: #51A2FF;
	border-bottom: 1px solid #2C8AF7;
	text-decoration: none;
	}

a:focus {
outline: none;
}

a:link.nol, a:visited.nol, a:hover.nol {
	border-bottom: 0;
    background-image: none;
    padding-right: 0;
    }

a.noborder {
	border: none;
}

a.noborder:hover  {
	border: none;
}

#logo a {
    border: 0;
}

#subcontent h5 a{
    color: #fff;
    text-decoration: none;
    border-bottom: #2947AC;
	}

#subcontent h5.main a{
    color: #fff;
    text-decoration: none;
    border-bottom: #4E7AC8;
	}

#contnav a {
	color: #0158BC;
	text-decoration: none;
    border-bottom: #fff;
    }

#contnav a:hover {
    color: #2C8AF7;
	text-decoration: none;
    border-bottom: #fff;
	}

#features .featurelist li a{
         text-decoration: none;
         border-bottom: 1px solid #fff;
         display: block;
         padding: 0.5em 0 0 40px;
         height: 3em;
         }

.feature .enlarge a, .feature .enlargeright a {
    border: 1px solid #fff;
}


#content p.top{
    font-size: 95%;
	text-align: right;
    margin-top: 1em;
    margin-bottom: 2em;
    }
#content p.top a{
    font-size: 95%;
    background: url("/idea/training/demos/../../../02_css/../img/button_top.gif") no-repeat right top;
	padding: 0.5em 35px 0.7em 0;
	border: 0;
    }

#training .column2 a, #training .column3 a, #documents .column2 a, #documents .column3 a{
    border-bottom: 1px solid #fff;
    }

#bc a {
    border-bottom: 1px solid #fff;
}


.linkscol li a{
    padding: 0;
}
/*

#idea p a{
    font-weight: bold;
    border: 0;
    }

#picaward a{
    margin: 0px;
	padding: 0px;
	height: 35px;
	border: 0;
}
#picaward a{
    background: url("/idea/training/demos/../../../02_css/../img/logos/logo_jw_bw.gif") no-repeat;
}
#picaward a:hover {
    background: url("/idea/training/demos/../../../02_css/../img/logos/logo_jw_color.gif") no-repeat;
}
*/

#greybox a{
    border: 0;
}


#smallaw a{
    text-decoration: none;
    border-bottom: 1px solid #fff;
    }

#smallaw a:hover{
    float: left;
    background: url("/idea/training/demos/../../../02_css/../img/logos/logo_jw_color.gif") no-repeat;
    width: 95px;
    height: 35px;
    }

#newwinicons li a {
    border-bottom: 1px solid #fff;
    padding-bottom: 20px;
    }


#spec #content a{
    font-weight: bold;
    }

body#spec #content p a{
    font-weight: normal;
    }

/*------ external link style ------*/

a.external {
    background: url("/idea/training/demos/../../../02_css/../img/ext1_link.gif") no-repeat 100% 2px;
    padding-right: 15px;
}

a.external:hover {
    background-image: url("/idea/training/demos/../../../02_css/../img/ext1_link_hov.gif");
    padding-right: 15px;
}
/*------ popup link style ------*/

a.popup {
    background: url("/idea/training/demos/../../../02_css/../img/ext2_link.gif") no-repeat 100% 3px;
    padding-right: 15px;
    display:inline-block;
}

a.popup:hover {
    background-image: url("/idea/training/demos/../../../02_css/../img/ext2_link_hov.gif");
    padding-right: 15px;
}
/*--- zip link style end ---*/

a.zip {
    background: url("/idea/training/demos/../../../02_css/../img/icon_zip.gif") no-repeat 0 3px;
    padding-left: 20px;
    border: 0;
}

a.zip:hover {
    border-bottom: 1px solid;
}

/*--- new link style for subcontent navigation ---*/

a.newinside, a.newinside:hover {
    background: url("/idea/training/demos/../../../02_css/../img/small_bullet_new2.gif") no-repeat right 4px;
    padding-right: 19px;
    border: 0;
}

a.newinside:hover {
    border-bottom: 1px solid;
}
#content a.live_demo{
    font-weight:bold;
    font-size: 0.85em;
    border: 1px solid #ccc;
    background:url("/idea/training/demos/../../../02_css/../idea/img/live_demo.gif") no-repeat 0 50%;
    padding: 1px 5px 2px 19px;
}

#content a.live_demo:hover{
    background:url("/idea/training/demos/../../../02_css/../idea/img/live_demo_hov.gif") no-repeat 0 50%;
    border: 1px solid #ccc;
}

#content a.attention_button{
    font-weight:bold;
    font-size: 1.2em;
    line-height: 1.3em;
    border: 1px solid #ccc;
    border-bottom: 2px solid #bbb;
    border-right: 2px solid #bbb;
    background: url("/idea/training/demos/../../../02_css/../img/buttons/button_bg.gif") repeat-x 0 bottom;
    padding: 7px 15px 10px 15px;
    display: block;
    color: #2742a5;
}

#content a.attention_button:hover{
    background: url("/idea/training/demos/../../../02_css/../img/buttons/button_bg-hover.gif") repeat-x 0 -20px;
    border: 1px solid #ccc;
    border-top: 2px solid #bbb;
    border-left: 2px solid #bbb;
}

a.word{
    background: url("/idea/training/demos/../../../02_css/../img/icon_word2.gif") no-repeat 100% 0;
    padding-right:15px;

}
a.pdf{
    background: url("/idea/training/demos/../../../02_css/../img/icon_pdf2.gif") no-repeat 100% 3px;
    padding-right:14px;

}

a.html{
    background: url("/idea/training/demos/../../../02_css/../img/html_new.gif") no-repeat 100% 3px;
    padding-right: 14px;

}

a.flash, a.flash:hover{
    background: url("/idea/training/demos/../../../02_css/../img/icon_onlineview.gif") no-repeat 0 0;
    padding-left:20px;
    padding-bottom: 5px;
    border: 0;
}

a.wmv, a.wmv:hover{
    background: url("/idea/training/demos/../../../02_css/../img/icon_wmv.gif") no-repeat 0 0;
    padding-left:20px;
    padding-bottom: 5px;
    border: 0;
}


a.zip{
    background: url("/idea/training/demos/../../../02_css/../img/icon_zip.gif") no-repeat 0 0;
    padding-left:20px;
    padding-top: 2px;
    padding-bottom: 3px;
    border: 0;
}

a.active{
    font-weight: bold;
    border: 0;
    background: url("/idea/training/demos/../../../02_css/../img/tree/arrow_tree_closed.gif") no-repeat 0 50%;
    padding-left: 9px;
    margin-left: -8px;
    line-height: 1.4em;
}

a.child {
    background: url("/idea/training/demos/../../../02_css/../img/tree/child.gif") no-repeat 0 7px;
    padding-left: 8px;
    line-height: 1.4em;
}

html body {
    font-family: trebuchet ms, verdana, tahoma, arial, sans-serif;
    font-size: 82%;
    line-height: 1.5em;
    background: #fff url("/idea/training/demos/../../../02_css/../img/bg.gif") repeat-x left top;
    margin: 0px;
    padding: 0px;
    text-align: center;
}

#container {
    position: relative;
    width: 865px;    /* TODO: Container Size General */
    text-align: left;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    background-color: #fff;
}

/* logo --------------------------------------------------------------------------------- */

#logo {
    float: left;
    margin-top: 6px;
}
/* -----------------| content |------------------------------------------------------- */

#content {
    width: 670px;   /* TODO: Content Size General */
    margin-left: 3px;
}

html body.form #content {
    width: 865px;  /* TODO: Form Content Size General */
}

#content p.desc {
    line-height: 1.8em;
    margin-bottom: 1em;
}

#banner span {
    display: none;
}

#content sup {
    font-size: 80%;
    padding-left: 1px;
    padding-right: 1px;
}

/* ------------------| context nav |------------------------------------------------ */

#subcontent {
    position:absolute;
    right:0;
    top: 222px;
    width: 170px;   /* TODO: Subcontent Size General */
}

.idea #subcontent {
    top: 240px;

}

.TeamCity #subcontent{
    top: 240px;
    /**top: 248px;*/
    _top: 240px;

}
.index #subcontent {
    top: 217px;
    *top: 219px;
    _top: 215px;
}
#company #subcontent {
    top: 240px;
    *top: 242px;
    _top: 240px;
}

.dt #subcontent, .om #subcontent, .mps #subcontent {
    top: 242px;
}
/*.TeamCity #subcontent {
    top: 250px;
}*/

.rs #subcontent {
    top: 159px;
    *top: 140px;
}

#subcontent h5 {
    font-size: 86%;
    font-weight: bold;
    color: #fff;
    margin-bottom: 1em;
    padding: 6px 8px 6px 8px;
    background-color: #2947AC;
}

#subcontent h5.main {
    background-color: #4E7AC8;
}

#contnav li {
    border: 0;
    font-size: 86%;
    font-weight: bold;
    color: #4D4D4D;
    line-height: 1.2em;
    padding: 5px 0 0.5em 15px;
    margin-left: 7px;
    list-style: none;
    list-style-position: outside;
    background: url("/idea/training/demos/../../../02_css/../img/arrow_grey.gif") no-repeat 0 0;
}

#contnav li.act {
    background: url("/idea/training/demos/../../../02_css/../img/arrow_black.gif") no-repeat 0 0;
}


/* features & IDEA index ----------------------------------------- */
.new {
    /*font-size: 100%;*/
    background: url("/idea/training/demos/../../../02_css/../img/new.gif") no-repeat 0 0;
    padding: 3px 0 5px 45px;
}

/* commnon feature layout ----------------------------------------- */
#features {
    height: 350px;
}

.featurelist li {
    font-family: trebuchet ms, verdana, arial, sans-serif;
    font-size: 86%;
    padding: 5px 0px 5px 0px;
    list-style-type: none;
}

/* end of commnon feature layout ----------------------------------------- */




body.features .intro {
    margin-bottom:2em;

}


.feature_group h3{
    background:url("/idea/training/demos/../../../02_css/../img/bullet_f500.gif") no-repeat 0 4px;
    padding-left:17px;
    position:relative;
    left:-17px;
    z-index:30;

}

.feature {
    clear: both;
    line-height: 1.7em;
    margin-bottom: 2.5em;
    padding-top: 0.8em;
}

.feature.clearedL{
    clear:left;
}

.feature.clearedR{
    clear:right;

}

.feature .new {
    background: url("/idea/training/demos/../../../02_css/../img/newH3.gif") no-repeat top left;
    background-color: #F0F0F0;
    padding-top: 10px;
    padding-left: 45px;
}

.feature li.new {
    font-size: 100%;
    background: url("/idea/training/demos/../../../02_css/../img/star_bullet_new.gif") no-repeat 0 2px;
    padding: 0 0 0 45px;
    font-weight: normal;
}


.feature .new20 {
    background: url("/idea/training/demos/../../../02_css/../img/new20f.gif") no-repeat top left;
    background-color: #F0F0F0;
    padding-top: 20px;
    padding-left: 55px;
    padding-bottom: 18px;
}
.feature .new25 {
    background: url("/idea/training/demos/../../../02_css/../img/new25r.gif") no-repeat top left;
    /*background-color: #F0F0F0;*/
    padding-top: 20px;
    padding-left: 55px;
    padding-bottom: 18px;
}

.feature .new30 {
    background: url("/idea/training/demos/../../../02_css/../img/new30f.gif") no-repeat top left;
    background-color: #F0F0F0;
    padding-top: 20px;
    padding-left: 55px;
    padding-bottom: 18px;
}

.feature .new50 {
    background: url("/idea/training/demos/../../../02_css/../img/new50.gif") no-repeat 0 0;
    /*background-color: #F0F0F0;*/
    padding-top: 20px;
    padding-bottom:18px;
    padding-left: 53px;
    margin:0;
}

.feature .new51 {
    background: url("/idea/training/demos/../../../02_css/../img/new51.gif") no-repeat 0 0;
    /*background-color: #F0F0F0;*/
    padding-top: 20px;
    padding-bottom:18px;
    padding-left: 53px;
    margin:0;
}


.feature span {
    display: none;
}

.feature h4 {
    font-size: 86%;
    font-weight: bold;
    letter-spacing: 1px;
    padding: 0.3em 0.3em 0.3em 2.2em;
    margin-bottom: 1em;
    background: #F0F0F0 url("/idea/training/demos/../../../02_css/../img/bullet.gif") no-repeat 0.5em 0.4em;
    border:0;
}


.feature.new51 h4{
    background: url("/idea/training/demos/../../../02_css/../img/new51.gif") no-repeat 0 0;
    /*background-color: #F0F0F0;*/
    padding-top: 20px;
    padding-bottom:18px;
    padding-left: 53px;
    margin:0;
}

.feature.new60 h4{
    background: url("/idea/training/demos/../../../02_css/../img/new60.gif") no-repeat 0 0;
    padding-top: 20px;
    padding-bottom:20px;
    padding-left: 53px;
    margin:0;
}

.feature img {
    border: 1px solid #555;
    margin-bottom: 5px;
}

.feature img.nobottom {
    border: 1px solid #555;
    margin: 0px 3px 0px 3px;
}

.feature img.screenshot {
    float: left;
    margin: 5px 20px 10px 0px;
}

.feature img.centered {
    display:block;
    float: none;
    margin: 5px auto 10px auto;
}

.feature img.righted {
    display:block;
    float: right;
    margin: 5px 0 0 10px;
}


/*----------------------------------------------------------------------------*/
.feature dl {
    margin-top:-6px;
}

.feature dl dt{
    font-weight:bold;
    margin-left:9px;
    margin-bottom:0;
    padding: 0.4em 0 0.2em 16px;
    list-style: none;
    list-style-position: outside;
    background: url("/idea/training/demos/../../../02_css/../img/bullet_star_bw.gif") no-repeat 0 1em;
}

.feature dl dd{
    padding-top:0;
    margin-top:0;
    margin-left:25px;
}

.feature img.signed {
    margin: 10px 25px 3px 0px;
}

.feature ul {
    margin: 0 0 1em 10px;
    padding: 0;
}

.enlarge {
    border: 0;
    float: left;
    margin: 0px 20px 15px 0px;
}


.enlarge span.btnka{
    margin-top:10px;
    display:block;
    background: url("/idea/training/demos/../../../02_css/../img/button_enlarge_dt.gif") left top no-repeat;
    height:21px;
    color:red;
    text-indent:-5000px;
    width: 138px;
    margin-left:63px;

}

.enlargeright {
    font-size: 95%;
    border: 0;
    float: right;
    margin: 0px 0 0px 20px;
    text-align: right;
}

.feature img.noborder {
    border: 1px solid #fff;
}
#content .noborder, #subcontent .noborder {
    border: none;
}

p.opennewwin {
    text-align: right;
    border: 0;
}

.ideatext {
    padding-left: 320px;
}

/* second pages intro text block layout ------------------------- */

#indent p {
    margin-left: 34px;
}

.overview #content p {
    margin-bottom: 1.4em;
    line-height: 1.5em;
}

.overview h6 {
    margin-bottom: 0.8em;
}

#intro {
    line-height: 1.7em;
    padding-bottom: 0.5em;
}

#intro img {
    float: left;
    margin: 0 0 10px 0;
}

#introtext {
    padding-left: 150px;
}

#price {
    font-family: trebuchet ms, verdana, arial, sans-serif;
    font-weight: bold;
    font-size: 140%;
    color: #888;
    margin-top: 1em;
    margin-bottom: 0px;
}

#price img {
    float: right;
    margin-right: 60px;
}

#buttons {
    position: absolute;
    left: 150px;
    margin-top: -1em;
}

/* FAQ styles ----------------------------------------*/
.faq {
    margin-bottom: 1.5em;
    border-bottom: dashed 1px #ccc;
}

#faqcontainer p {
    padding-left: 5px;
    margin-top: 0.5em;
}

#faqcontainer ul li {
    font-family: trebuchet ms, verdana, arial, sans-serif;
    line-height: 1.4em;
    padding: 0 0 0.8em 17px;
    margin-left: 0px;
    margin-bottom: 0.3em;
    list-style: none;
    list-style-position: outside;
    background: url("/idea/training/demos/../../../02_css/../img/bullet_star_blue.gif") no-repeat 0 0.5em;
}

#faqcontainer .faq ul li{
    margin-left:40px;
    background: url("/idea/training/demos/../../../02_css/../img/dash.gif") no-repeat 5px 10px;
}

#content .key {
    color: #963d10;
    font-style: italic;
}

code {
    color: #005555;
    font-family: courier new, courier, monospace;
    font-weight: bold;
}

strong.lib {
    color: #005555;
    font-family: courier new, courier, monospace;
}

strong.menu{
    color: #005555;
    background-color: #F4F3E9;
    font-size: 11px;
    padding: 2px 10px 2px 10px;
    font-family: tahoma, arial, sans-serif;
    font-weight: normal;
}

strong.item {
    color: #005555;
    font-size:95%;

        font-family: tahoma, arial, sans-serif;
    font-weight: normal;

}

strong.item {
    font-weight: bold;
}

strong.key {
    color: #005555;
    border: solid 1px #ccc;
    padding: 2px 10px 2px 10px;
    font-family: tahoma, arial, sans-serif;
    font-size: 11px;
    white-space:nowrap;
}
/* 3-column layout ---------------------------------- */

    /*
    .maincol1 {
        float: left;
        width: 180px;
        padding-right: 15px
        }

    .maincol3 {
        float: right;
        width: 180px;
        }

    .maincol4 {
        float: right;
        width: 180px;
        padding-right: 15px;

        }
    */

.column1, .column2, .column3 {
    float: left;
    width: 200px;
    padding-right: 20px
}

/* 3-cols layout -------------------------------------------  */
/*.column1 {
    float: left;
    width: 500px;
    margin-right: 10px;
}
.column2 {
    float: left;
    padding: 0px;
}*/

.column1 img {
    float: left;
    padding: 10px;
    border: 0;
}

/* 2-column layout ------------------------------- */
.firstcol {
    width: 46%;
    float: left;
}

.secondcol {
    width: 46%;
    float: right;
}

#product .firstcol {
    width: 66%;
    float: left;
}

#product .secondcol {
    width: 32%;
    float: right;
    line-height: 1.7em;
}

#product p.moredownload, #product p.morebuy, #product p.moreupgrade, #product p.moretour, p.morelicense {
    margin-left: 12px;
}

/* cover -----------------------------------------  */
img.cover {
    float: left;
    margin: 5px 20px 15px 0;
}

h4.pic {
    margin-bottom: 0.5em;
}

/* resources & documentation ------------------------------- */

#download p {
    padding-bottom: 2.5em;
    margin-left: 36px;
}

.documents h4, .recommend h4, #jobs h6 {
    font-size: 86%;
    font-weight: bold;
    letter-spacing: 1px;
    padding: 0.3em 0 0.3em 2.2em;
    margin-bottom: 1em;
    background: #F0F0F0 url("/idea/training/demos/../../../02_css/../img/bullet.gif") no-repeat 0.5em 0.4em;

}

#training h4 {
    font-size: 140%;
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
    padding-top: 5px;
}

p.header {
    line-height: 1.4em;
}

p.header .size {
    font-size: 85%;
    color: #888;
}

.headerlogo {
    color: #777;
    font-size: 96%;
    padding-top: 2em;
}

.colspacer {
    font-size: 1px;
    margin: 0px;
    padding: 5px 0 7px 0;
    border-bottom: 1px dashed #B8B8B8;
    clear: left;
    width: 100%;
    height: 1px;
    overflow:hidden;
}

#training .column1, #training .column2, #training .column3 {
    padding: 5px 0 5px 0;
}

.documents .column1, .documents .column2, .documents .column3 {
    padding: 20px 0 5px 0;
}

#training .column3, #training .column2, .documents .column3, .documents .column2 {
    font-size: 86%;
}

.documents p.size, #training p.size {
    font-size: 100%;
}

p.size {
    font-size: 95%;
    color: #888;
    margin: 0px;
    padding: 0px;
}

.dotted {
    border: dashed 1px #ccc;
    padding: 10px;
    padding-left: 16px;
    margin-bottom: 0.7em;
}

p.dotted {
    border: dashed 1px #ccc;
    line-height: 2em;
    padding: 1.3em 1.3em 1.3em 2em;
    margin-bottom: 1em;
    background-color: #F5F5F5;
}

/*div.importance {
    font-size: 94%;
    border: dashed 1px #ccc;
    line-height: 1.4em;
    padding: 1em 1.5em 0.6em 0.8em;
    margin-bottom: 1.5em;
    background-color: #fafafa;
}

div.importance strong{
    font-size: 100%;
    padding-left:25px;
    background:url("/idea/training/demos/../../../02_css/../img/importance.gif") no-repeat 0 -1px;
}*/

#content .importance{
    background: url("/idea/training/demos/../../../02_css/../img/icons/attention.gif") no-repeat 15px 0.8em;
    border: 1px solid #faf3bd;
    margin-bottom: 2em;
    font-size: 0.85em;
    padding: 10px 10px 12px 55px;
    display: block;
}
#content .importance h5{
    padding-top: 0.3em;
    font-size: 120%;
    line-height: 1.3em;
    word-spacing: -0.1em;
    font-weight: bold;
}
#content .information {
    background-image: url("/idea/training/demos/../../../02_css/../img/icons/info.gif");
    border-color: #c4d7ee;
}
#content .importance p, #content .information p{
    padding-top: 5px;
}

/* bread crumbs ---------------------------------------------- */

#bc {
    clear: both;
    font-size: 86%;
    color: #999;
    margin: 0;
    padding: 0.5em 0 0 4px;
    *margin-top: 2em;
    _margin-top: 0;
    display: block;
}

.index #bc {
    margin-top: 0;
}
#company #bc {
    *margin-top: 2em;
    _margin-top: 0;
}

#spec #bc {
    margin-top: 0;
}

.comment {
    color: #777;
    font-size: 86%;
    line-height: 1.4em;
    padding-top: 0.7em;

}

/* contact ------------------------------------------------------ */

h4.cont {
    padding: 0px;
    margin-bottom: 10px;
}

/* --------- shortcuts --------------- */

h5.readmore {
    color: #999;
    font-size: 86%;
    font-weight: normal;
}

#subcontent h5.readmore {
    color: #999;
    background-color: transparent;
    font-weight: normal;
    padding: 1em 0 0 0;
}

ul.linkscol {
    margin-bottom: 1em;
    margin-top: 0.3em;
}

.linkscol li {
    padding: 5px 0 5px 0;
    font-size: 86%;
    list-style-type: none;
}

#linkscol1, #linkscol2, #linkscol3, #linksleft, #linksright {
    font-family: trebuchet ms, tahoma, verdana, arial, sans-serif;
    font-size: 86%;
    font-weight: bold;
    line-height: 1.2em;
}

#linkscol1 {
    width: 170px;
    float: right;
}

#linkscol3 {
    width: 170px;
    float: left;
}

#linkscol2 {
    margin-right: 90px;
    margin-left: 190px;
    width: 175px;
}

.box {
    border: #DADADA solid 1px;
    padding: 0.8em 0.5em 0.8em 1em;
    margin-bottom: 10px;
}

.box h5 {
    padding-bottom: 0.5em;
}

.box #extend {
    margin: 0 0 275px 0;
}

.box img {
    padding-right: 1em;
}

#fabrbox {
    font-size: 86%;
    background: #fff;
    padding: 0.8em 0.5em 0.8em 1em;
    margin-bottom: 1.5em;
    border: 1px solid #ccc;
}

#fabrbox img {
    margin-top: 10px;
}

#idea {
    color: #999;
    width: 170px;
    border-left: #DADADA solid 1px;
    border-right: #DADADA solid 1px;
    border-bottom: #DADADA solid 1px;
    padding: 10px 0 10px 0;
    margin: 0;
}

#idea p {
    padding: 0 10px 10px 20px;
    font-size: 86%;
}

.subaward img {
    float: left;
    padding: 0 15px 8px 0;
}

.subaward p {
    font-size: 86%;
}

.quote {
    background: url("/idea/training/demos/../../../02_css/../img/quote_top.gif") no-repeat left top;
    padding-top: 10px;
    margin-bottom: 20px;
}

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

.quote p.text {
    text-indent: 15px;
}

.quote p.author {
    background: url("/idea/training/demos/../../../02_css/../img/quote_bottom.gif") no-repeat right bottom;
    text-align: right;
    padding-bottom: 1em;
}

p.aw {
    font-size: 86%;
}

#greybox {
    font-size: 86%;
    background: #F7F7F7;
    padding: 0.8em 0.5em 0.8em 1em;
    margin-bottom: 1.5em;
}

#subcontent #greybox h5 {
    font-size: 1.25em;
    color: #333;
    background-color: transparent;
    padding: 0;
    margin: 0 0 1em 0;
}

#greybox img {
    margin-top: 10px;
}

#pressbox {
    font-size: 86%;
    color: #888;
    padding: 0;
    line-height: 1.2em;
}

#pressbox b {
    color: #333;
}

#presscontact {
    font-family: trebuchet ms;
    font-size: 86%;
    margin: 0px 10px 0px 10px;
    padding: 0;
    line-height: 1.2em;
}

#box h5.inq {
    font-size: 120%;
    margin-bottom: 1em;
    border-bottom: 1px dotted #ccc;
}

p.tit {
    font-size: 125%;
}

#smallaw {
    float: left;
    padding: 0 5px 5px 0;
    background: url("/idea/training/demos/../../../02_css/../img/logos/logo_jw_bw.gif") no-repeat;
    width: 95px;
    height: 37px;
    margin-top: 0.5em;
}

#block {
    width: 95%;
    margin: 2em 5px 2em 0px;
    background-color: #F5F5F5;
    border: 1px dotted #ccc;
}

.mail {
    padding-right: 7px;
    background: url("/idea/training/demos/../../../02_css/../img/mail.gif") top right no-repeat;
}

p.blocktitle {
    font-size: 100%;
    background: #e7e7e7;
    padding: 3px 3px 3px 6px;
}

.blockitems {
    padding: 7px;
    padding-left: 25px;
}

form {
    margin-top: 0;
    margin-bottom: 0;
}

p.inp {
    font-family: trebuchet ms, tahoma, verdana, arial;
    font-size: 86%;
    font-weight: bold;
    padding-left: 10px;
}

.inplite {
    font-weight: normal;
}

form input.text {
    font-size: 100%;
    background: #fff;
    border: 1px solid #ccc;
    border-color: #ccc;
}

form textarea.text {
    background: #fff;
    border: 1px solid #ccc;
    color: #444;
}

.asterisk {
    color: #06c;
    font-weight: normal;
}

p {
    margin-top: 0px;
    margin-bottom: 0.5em;
    padding: 0px;
}

p.more {
    font-size: 86%;
}

p.spacer {
    height: 0.5em;
}

p.moreread {
    background: url("/idea/training/demos/../../../02_css/../img/icon_read_bw.gif") no-repeat left top;
    padding-left: 26px;
    padding-bottom: 1.5em;
    margin-top: 1em;
}

h5.newwin {
    font-size: 120%;
}

.morebuy {
    font-size: 86%;
    background: url("/idea/training/demos/../../../02_css/../img/icon_buy_bw.gif") no-repeat left top;
    padding-left: 30px;
}

.moredownload {
    font-size: 86%;
    background: url("/idea/training/demos/../../../02_css/../img/icon_download_bw.gif") no-repeat left top;
    padding-left: 30px;
}

p.moreupgrade {
    font-size: 86%;
    background: url("/idea/training/demos/../../../02_css/../img/icon_upgrade_bw.gif") no-repeat left top;
    padding-left: 30px;
    padding-bottom: 0.4em;
    margin-top: 1em;
}

p.moretour {
    font-size: 86%;
    background: url("/idea/training/demos/../../../02_css/../img/icon_tour_bw.gif") no-repeat left top;
    padding-left: 29px;
    padding-bottom: 0.4em;
    margin-top: 1em;
}

p.morelicense {
    font-size: 86%;
    background: url("/idea/training/demos/../../../02_css/../img/icon_license_bw.gif") no-repeat left top;
    padding-left: 30px;
    padding-bottom: 0.4em;
    margin-top: 1em;
}

p.morekb {
    font-size: 86%;
    background: url("/idea/training/demos/../../../02_css/../img/icon_kb.gif") no-repeat left top;
    padding-left: 29px;
    padding-bottom: 0.4em;
    margin-top: 1em;
}

#newwinicons {
    float: right;
    padding-top: 23px;
    padding-bottom: 10px;
}

#newwinicons ul li {
    display: inline;
    font-size: 86%;
}

.printtext {
    background: url("/idea/training/demos/../../../02_css/../img/icon_print.gif") no-repeat left top;
    padding-left: 27px;
}

.downloadtext {
    background: url("/idea/training/demos/../../../02_css/../img/icon_download_bw.gif") no-repeat left top;
    padding-left: 27px;
    margin-left: 20px;
}

#presscontainer h2 {
    padding-top: 0.5em;
}

#popupcontainer {
    text-align: left;
    padding: 0 30px 20px 30px;
}

#popupcontainer h4 {
    border-bottom: 1px solid #AAA;
    margin: 0 0 1em 0;
}

/* ------ headers ------------------------------------------------------ */

h2 {
    font-size: 170%;
    color: #222;
    letter-spacing: -1px;
    border-bottom: 1px solid #AAA;
    padding: 0 0 5px 0;
    margin: 1.6em 0 1.1em 0;
}

h2.fresh {
    background: url("/idea/training/demos/../../../02_css/../img/new_feature.gif") no-repeat 0 13px;
    border: 0;
    padding: 27px 0 18px 58px;
    margin-top: 0.35em;
    margin-bottom: 0.55em;
}

h3 {
    font-size: 148%;
    margin-top: 2em;
    font-weight: normal;
}

h4{
    font-size: 148%;
    margin: 0;
    letter-spacing: -0.05em;
    font-weight: normal;
    line-height: 1.2em;
}

h4.ind {
    padding: 1em 0 7px 5px;
}

.underline {
    border-bottom: 1px solid #ccc;
    margin-bottom: 1em;
}

h3.underline, h4.underline, h6.underline {
    border-bottom: 1px solid #ccc;
    margin-bottom: 1em;
    margin-top: 1em;
}
.toc-header {
            background: url("/idea/training/demos/../../../02_css/../img/newfeatures_blt.gif") no-repeat 0 0;
            font-weight: bold;
            padding: 2px 40px 2px 20px;
            margin: 0;
            margin-bottom: 20px;
            float: left;
        }
h5 {
    font-size: 120%;
    margin: 0px;
    line-height: 1em;
    padding-bottom: 0.7em;
}

h6 {
    font-size: 110%;
    padding: 0px;
    margin-bottom: 0.3em;
    margin: 0;
}

h6.products {
    border-bottom: 1px solid #CCCCCC;
    margin-bottom: 15px
}

hr {
    border: 0;
    border-top: 1px dashed #ccc;
    color: #fff;
    background-color: #fff;
    height: 1px;
}

#line {
    margin-top: 0em;
    margin-bottom: 0.7em;
    border-bottom: 1px solid #ccc;
}

.hide {
    display: none;
}

.clear {
    clear: left;
    margin: 0;
    padding: 0;
}

br.clr {
    clear: left;
}

br.clrmb {
    clear: both;
    padding-bottom: 2em;
}

img {
    border: 0;
}

ul {
    margin: 0px;
    padding: 0px;
}

ul li {
    list-style-type: disc;
}

blockquote {
    font-size: 86%;
    color: #888;
    margin: 10px;
    margin-left: 24px;
    line-height: 1.7em;
}

acronym {
    border-bottom: 1px dashed #999;
    cursor: help;
    font-size: 86%;
    color: #999;
    margin-top: 0;
}

.author {
    color: #999;
    font-size: 86%;
}

div.author {
    display:block;
    color: #999;
    font-size: 86%;
    text-align: right;
    line-height: 1.2em;
    margin-right: 10px;
    margin-top:0.5em;
    font-style:normal;
}




p.author {
    text-align: right;
    color: #999;
    font-size: 86%;
    line-height: 1.2em;
    margin-right: 10px;
}

.plainlist li {
    line-height: 1.2em;
    padding: 0px 0px 1.2em 25px;
    margin-left: 0px;
    list-style: none;
    list-style-position: outside;
    background: url("/idea/training/demos/../../../02_css/../img/bullet.gif") no-repeat 0 0.2em;
}

.feature .plainlist li.new {
    background: url("/idea/training/demos/../../../02_css/../img/bullet_new.gif") no-repeat 0 0.2em;
    padding-top: 2px;
    padding-left: 60px;

}

.arrowlist li {
    line-height: 1.5em;
    margin-left: 5px;
    padding: 0 0px 0.2em 20px;
    list-style: none;
    list-style-position: outside;
}

.smalllist li {
    margin-left: 5px;
    padding: 0.1em 0 0 15px;
    list-style: none;
    list-style-position: outside;
    background: url("/idea/training/demos/../../../02_css/../img/dash.gif") no-repeat 8px 0.6em;
}

.buylist li {
    font-size: 110%;
    margin-left: 0;
    padding: 0.4em 0 0.2em 16px;
    list-style: none;
    list-style-position: outside;
    background: url("/idea/training/demos/../../../02_css/../img/bullet_star_bw.gif") no-repeat 0 0.8em;
}

.starlist li {
    margin-left: 0;
    padding: 0 0 0.5em 14px;
    list-style: none;
    background: url("/idea/training/demos/../../../02_css/../img/bullet_star_bw.gif") no-repeat 0 0.5em;
}

.starlist ul {
    /*margin-left: 0;*/
    padding: 0.4em 0 0.2em 15px;
    list-style: none;
}

.starlist ul li {
    margin-left: 0px;
    padding: 0.4em 0 0.2em 13px;
    list-style: none;
    line-height: 1em;
    background: url("/idea/training/demos/../../../02_css/../img/dash.gif") no-repeat 0 0.9em;
}

ul li.screenshot {
    list-style: none;
    background:none;
}

.starlist li h6 {
    padding-top: 0;
    margin-top: 0;
}

.bigtext {
    font-size: 110%;
}

.number {
    color: #888;
    font-weight: normal;
}
.number i{
    font-style: normal;
    font-size: 0.8em;
}

span.info {
    color: #888;
/*    display: block;*/
    margin-left:20px;
    font-size:0.85em;
    border-left:solid 1px gray;
    padding-left:5px;
    padding-right:5px;

}

.emp {
    font-size: 100%;
}

.name {
    font-size: 86%;
}

.acc {
    color: #710390;
}

/* ------------------ 404 error ----------------------------------------------- */

#error img {
    float: left;
    margin: 5px 35px 130px 15px;
}

#error h6 {
    margin-bottom: 1.2em;
}

/* ------------------- subscription ----------------------------------------------- */

#subscribe img {
    float: left;
    margin: 5px 35px 0px 15px;
}

#subscribe h6 {
    margin-bottom: 1.2em;
}

#infokit h6 {
    border-bottom: 1px solid #ccc;
    margin-bottom: 0.7em;
}

/* --------------------- new version Fresh Updates ------------------------------------*/

#fabreap, .mps #eap{
    width: 168px;
    height: 45px;
    border-left: #ccc solid 1px;
    border-right: #ccc solid 1px;
    border-top: #ccc solid 1px;
}

#fabreap {
    background: url("/idea/training/demos/../../../02_css/../img/box_eap.gif") no-repeat left top;
}

.mps .eap {
    background: url("/idea/training/demos/../../../02_css/../img/box_mps_eap.gif") no-repeat left top;
}

.TeamCity dl.eap {
    background: url("/idea/training/demos/../../../02_css/../img/box_tc_eap.gif") no-repeat left top;
}



#subcontent .eap, #subcontent .whatsnew {
    width: 168px;
    border: #ccc solid 1px;
    margin: 0 0 10px 0;
}

#subcontent .eap h6, #subcontent .whatsnew h6{
   margin-left:10px;
}

#subcontent .eap p, #subcontent .whatsnew p{
    font-size: 86%;
    margin: 0.5em 0.2em 1em 10px;
}

#whatsnew{
    width: 168px;
    height: 40px;
    border-left: #ccc solid 1px;
    border-right: #ccc solid 1px;
    border-top: #ccc solid 1px;
}



#whatsnew h5, #whatsnew.howto h5, #whatsnew.help h5,  #whatsnew_os h5, #subcontent .eap h5, #subcontent .whatsnew h5 {
    padding-left: 60px;
    padding-top: 12px;
    margin-bottom: 0;
    font-size: 110%;
    background-color: transparent;
    color: #333;
    border: 1px solid red;
}

.tm .eap {
    background: url("/idea/training/demos/../../../02_css/../img/box_tmate_eap.gif") no-repeat left top;
}

.companion .whatsnew{
    background: url("/idea/training/demos/../../../02_css/../img/box_whatsnew_com.gif") no-repeat left top;

}

#wnew {
    width: 168px;
    font-family: trebuchet ms, tahoma, verdana, arial, sans-serif;
    font-size: 86%;
    border-left: #ccc solid 1px;
    border-right: #ccc solid 1px;
    border-bottom: #ccc solid 1px;
    padding: 0.5em 0 1em 0;
    margin: 0;

}

#wnew p {
    margin-left: 20px;
    margin-right: 20px;
    padding-bottom: 0.2em;
}

.buyidea h6 {
    margin-top: 0;
    padding-top: 0;
}

/*-------------------------Developers Center---------------------------*/
.artauthor {
    float: left;
    width: 20%;
    padding-right: 3em;
    padding-left: 1em;

}

.artauthor p {
    padding-bottom: 5em;

}

/*--------------- RSS news --------------------*/
.date {
    color: #777;
    font-size: 86%;
    line-height: 1.4em;
    padding-bottom: 0.7em;
    padding-top: 0.4em;
    text-align: right;
}

img#rss {
    float: right;
    margin-top: 1.3em;
    margin-right: 0.5em;
}


#cols2 {
    margin: 1em 0 1em 0;
}

dl.plainlist dt {
    font-weight: bold;
    font-size: 1.1em;
    padding-left: 15px;
    background: url("/idea/training/demos/../../../02_css/../img/bullet_star_bw.gif") no-repeat 0 0.4em;
}

dl.plainlist dd {
    margin-bottom: 1em;
    margin-left: 15px;
}

#purchase .plainlist li {
    line-height: 1.4em;
    padding: 0 0 1em 25px;
    margin-left: 0px;
    list-style: none;
    list-style-position: outside;
    background: url("/idea/training/demos/../../../02_css/../img/bullet.gif") no-repeat 0 0;
}

#purchase h4 {
    border-bottom: 1px solid #ccc;
    margin-bottom: 0.5em;
    padding-top: 0.8em;
}

/*------------------------IntelliJ IDEA Info Kit pages----------*/
#infokit h4 {
    margin-bottom: 10px;
}

.r1c1, .r1c2, .r2c1, .r2c2 {
    padding: 1em 20px 1em 20px;
    width: 240px;
    margin-bottom: 3em;
    border: 1px solid white;
    background: url("/idea/training/demos/../../../02_css/../img/gradus.gif") no-repeat top;
}

/*--------------------- Long pages paging styles-----------------------------------------*/
.pager a {
    font-weight: bold;
    text-decoration: underline;
    border: 0;
}

a.prev {
    margin-right: 0.5em;
    padding-left: 10px;
    background: url("/idea/training/demos/../../../02_css/../img/prev_ar.gif") no-repeat 0px 2px;
}

a.next {
    margin-left: 0.5em;
    padding: 0 1em 0 0;
    background: url("/idea/training/demos/../../../02_css/../img/next_ar.gif") no-repeat 2.3em 2px;
}

.pager {
    font-size: 1em;
    text-align: center;
    margin: 2em 0 3em 0;
}

#content .key {
    display: inline;
    color: black;
    background-color: #eee;
    font-family: courer, courer new, monospace;
    padding-right: 3px;
    padding-left: 3px;
    font-style: normal;
}

/*------------------ Styles for evaluation forms*/
form {
    margin: 0;
    padding: 0;
}

form em.red {
    color: #dc143c;
    font-size: 120%;
    font-weight: normal;
}

form dt {
    float: left;
}

form dd {
    margin-left: 12em;
    padding-bottom: 1em;
}

form dt.left, dd.left {
    margin-left: 0;
}

form br.clr {
    margin: -1em;
    padding: -1em;
}

/*-------------------- Site map classes---------*/

.maps {
    margin: 0 4em 0 0;
    padding: 0 0 0 0;
    float: left;
}

.maps small {
    top: -2px;
    font-size: 100%;
}
.maps li {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    list-style: none;
}

.maps li h6 {
    /*background: url("/idea/training/demos/../../../02_css/../img/tree/page-file.gif") no-repeat 0 0 ;*/
    margin: 0 0 0.5em 0;
    padding: 0 0 0 0;
    font-size: 1.1em;
    border-bottom: 1px solid #ccc;
}

.maps ul {
margin: 0 0 1em 0;
padding: 0 0 0 0;
font-size: 86%;
/*background: url("/idea/training/demos/../../../02_css/../img/tree/i-repeater.gif") repeat-y 7px 0;*/
}

.maps ul.tree22 {
    padding: 0 0 0 0;
    font-size: 86%;
    background: url("/idea/training/demos/../../../02_css/../img/tree/i-repeater.gif") repeat-y 7px 0;
}

.maps ul .linkPage {
    margin: 0 0 0 3em;
    padding: 0 0 0 15px;
    background: url("/idea/training/demos/../../../02_css/../img/tree/t.gif") no-repeat -5px -15px;
}

.maps ul .linkTab {
    margin: 0 0 0.2em 1em;
    padding: 0 0 0 15px;
    font-weight: bold;
    background: url("/idea/training/demos/../../../02_css/../img/tree/t.gif") no-repeat -5px -15px;
}

.maps ul .linkProduct {
    margin: 0 0 0.3em 0;
    padding: 2px 0 0 10px;
    font-weight: bold;
    font-size: 130%;
    background-color: #fff;
}

body.idea #subcontent .info p{
    padding-top:10px;
    font-size:0.95em;
}

body.idea #subcontent .info a{
    display:block;
    border:0;
    float:left;
    margin-right:5px;
}

body.idea #subcontent .info a:hover{
    background-color:#fff;
}

/*------ big banner for index of product -------*/
.overview .genbanner {
    width: 561px;
    height: 194px;
}

.overview .genbanner h3 {
    text-indent: -5000px;
}

.overview .genbanner ul {
    float: right;
    padding-right: 15px;
    padding-top: 54px;
}

.overview .genbanner ul li {
    list-style: none;
    background: url("/idea/training/demos/../../../02_css/../resharper/img/btn.gif") no-repeat 0 0;
    width: 94px;
    height: 26px;
    margin-bottom: 5px;
    padding-top: 2px;

}

.overview .genbanner ul li a {
    border: 0;
    font-weight: bold;
    padding-left: 18px;
    font-size: 13px;

}
/*----- downloads style --------*/
.downloads {
    margin-top:1em;
    margin-bottom:1em;
    padding-left:55px;
    background: #f7f7f7 url("/idea/training/demos/../../../02_css/../resharper/img/download_blt.gif") no-repeat 10px 4px;
    padding-bottom:10px;
    padding-top:10px;

}

.downloads select{
    float:left;
    margin-right:20px;
    height:22px;

}

.downloads .btn{
    float:left;
    background:url("/idea/training/demos/../../../02_css/../resharper/img/btn_l.gif") no-repeat 0 0;
    padding-top:2px;
    padding-bottom:10px;
}

.downloads .btn a{
    padding:5px 20px 10px 15px;
    border:0;
    font-weight:bold;
    font-size:0.85em;

}

/*---- common sidebar related box style ------*/
#subcontent dl{
    border: #ccc solid 1px;
    padding-bottom: 10px;
    margin-top: 0;
}

#subcontent dl dt{
    font-weight: bold;
    font-size: 110%;
    margin-bottom: 0.5em;
}

#subcontent dl dd {
    margin-left: 0;
    font-size: 85%;
    margin-bottom: 0.3em;
}

.toplined {
    margin-top: 0.8em;
    padding-top: 0.4em;
    border-top: 1px solid #ccc;
    margin-bottom: 0.3em;
}

#subcontent .related_links dt {
    font-weight: normal;
    font-size: 85%;
    color: #8b9098;
}

/*----------------------------------------- special boxes -----------------------------------------*/
.whatsnew  {
    width: 168px;
    border-left: #ccc solid 1px;
    border-right: #ccc solid 1px;
    border-top: #ccc solid 1px;
}

dl.whatsnew dt, dl.howto dt, dl.help dt{
    padding: 8px 0 12px 60px;
}

dl.whatsnew dd, dl.howto dd, dl.help dd{
    padding-left: 20px;
}

#subcontent ul.starlist li{
    margin-bottom: 0.3em;
    padding-bottom: 0;
}

        /*-- IDEA boxes --*/
        .idea .whatsnew, .index .whatsnew, #support .whatsnew, .TeamCity .whatsnew{
            background: url("/idea/training/demos/../../../02_css/../img/box_whatsnew.gif") no-repeat left top;
        }

        .idea .howto, .idea .help, .TeamCity .howto {
            background: url("/idea/training/demos/../../../02_css/../img/box_whatsnew_howto.gif") no-repeat left top;
        }

        .idea .opensource {
            background: url("/idea/training/demos/../../../02_css/../img/box_whatsnew_os.gif") no-repeat left top;
        }

        /*-- ReSharper boxes --*/
        .rs .whatsnew {
        background: url("/idea/training/demos/../../../02_css/../img/box_whatsnew_rs.gif") no-repeat left top;
        }

        .rs .howto {
            background: url("/idea/training/demos/../../../02_css/../img/box_howto_rs.gif") no-repeat left top;
        }

        /*-- Omea boxes --*/
        .om .whatsnew {
        background: url("/idea/training/demos/../../../02_css/../img/box_whatsnew_om.gif") no-repeat left top;
        }

        .om .howto {
            background: url("/idea/training/demos/../../../02_css/../img/box_howto_om.gif") no-repeat left top;
        }

        /*-- dotTrace profiler boxes --*/
        .dt .whatsnew {
        background: url("/idea/training/demos/../../../02_css/../img/box_whatsnew_rs.gif") no-repeat left top;
        }

        .dt .howto {
            background: url("/idea/training/demos/../../../02_css/../img/box_howto_rs.gif") no-repeat left top;
        }

        /*-- TMate boxes --*/
        .tm #whatsnew {
            background: url("/idea/training/demos/../../../02_css/../img/box_whatsnew_tm.gif") no-repeat left top;
        }

        .tm #whatsnew.howto {
            background: url("/idea/training/demos/../../../02_css/../img/box_howto_tm.gif") no-repeat left top;
        }
/*----------------------------------------- special boxes end -------------------------------------*/

/*----------------------------------------- Key features overview style ---------------------------*/
.overview .features dt {
    font-weight: bold;
    font-size: 1.2em;
    margin-left: 100px;
    margin-top: 0.5em;

}

.overview .features strong {
    font-size: 1.4em;
    color: #FF7E0D;
    padding-bottom: 0;
}

.overview #content .features dd {
    padding-left: 100px;
    text-align: justify;
    border-bottom: dashed 1px #ccc;
    margin-left: 0;
    padding-bottom: 0.1em;

}

.overview .features span.readmore {
    text-align: right;
    display: block;

}

.overview .features span.readmore a {
    padding-top: 1px;
    font-size: 0.95em;
    padding-right: 10px;
    padding-left: 3px;
    border: 0;
}

.hightlighted_box {
    background-color: #f7f7f7;
    padding: 20px 10px 20px 10px;
    font-weight: bold;
    border: solid 1px #eee;

}
/*----------------------------------------- Key features overview style end -----------------------*/

/* -------------------- TOC styles ------------------------*/
#content #toc1, #content .toc1{
    width: 290px;
    margin-bottom: 20px;
    margin-left: 20px;
    float:left;
    padding: 0;
}

#content #toc1 a, #content #toc2 a{
    line-height: 1.3em;
    font-family: arial, trebuchet ms;
}
#content #toc2, #content .toc2{
    width: 290px;
    margin-bottom: 20px;
    margin-left: 45px;
    float: left;
    padding: 0;
}
#content #toc1 dd, #content #toc2 dd{
    padding: 0;
    margin:0;
    line-height: 1.8em;
    display: block;
}
#content #toc1 li, #content #toc2 li, #content .toc1 li, #content .toc2 li{
    margin-bottom: 0.6em;
    margin-left: 15px;
    color: #ccc;
    list-style-position: outside;

}
html*#content #toc1 li, html*#content #toc2 li, html*#content .toc1 li, html*#content .toc2 li{
    margin-bottom: 0.6em;
    margin-left: 0;
    color: #ccc;
    list-style-position: outside;
    padding-left: 15px;
}           

/* -----------------end TOC styles ------------------------*/


/*----------------------------------------------------------*/
/*----- most popular box at the features index ------*/
.most_visited {
    margin: 1.5em 0 1.5em 0;
    padding: 10px;
    /*border-top: solid 1px #dadada;*/
}
.most_visited h6 {
    margin: 0 0 0.5em 0;
    color: #666;
}
.most_visited ul {
    margin: 0 0 0 1em;
    padding: 0;
}
.most_visited ul li {
    margin: 0 1.4em 0 0;
    padding: 0 0 0 0;
    display: inline;
    list-style: none;
    line-height: 2em;
}
/*-----end of  most popular box at the features index ------*/
/*----------------------------------------------------------*/


/*----------------------------------------------------------*/
/*  new introduction style for porduct index                */
/*----------------------------------------------------------*/
.overview dl.intro {
    padding: 27px 0 40px 0;
    margin: 0;
}

.overview dl.intro dd{
    padding-bottom: 10px;
    margin-top: 30px;
    float: right;
}

.overview dl.intro dt{
    float: left;
    padding-left: 260px;
    font-family: trebuchet ms, sans-serif;
    font-size: 2.6em;
    font-weight: bold;
    color: #ff9b1b;
}

dl.introbox {
    line-height: 1.9em;
    padding: 8px;
    margin-top: 0;
    margin-left: 15px;
    border: 1px dotted #ddd;
    padding-top: 10px;
    border-bottom: 4px solid #eee;
    float: right;
    display: block;
}

dl.introbox dd{
    margin: 0;
    margin-bottom: 0.2em;
}

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


/*----- Search styles ----- */

.search #content p{
    margin-top:4em;
}

.index#search #content #block{
    margin-top:4em;
}

/*----- End of Search styles ----- */


/*--- Active link for the sidebar Help menu: licensing block links ---*/
#subcontent dd a.activ {
    background: url("/idea/training/demos/../../../02_css/../img/arrow_nav.gif") no-repeat 0 4px;
    margin-left: -10px;
    padding-left: 9px;
    border: 0;
    font-weight: bold;
}
/* ----------- Doc and Demos section styles -------------*/
#content .documents h6 {
    font-weight: normal;
    font-size: 100%;
}
#content .documents h6.new {
    font-weight: normal;
    font-size: 100%;
    background: url("/idea/training/demos/../../../02_css/../img/new.gif") no-repeat 0 0;
    padding: 3px 0 5px 45px;
}

#content .documents a:link {
    border-bottom: 0;
}
#content .documents a:hover {
    border-bottom: 1px solid;
}
#content .documents a.popup {
    border-bottom: 0;
}
#content .documents a:hover.popup {
    border-bottom: 1px solid #2C8AF7;
}




/* ------------------- Evaluation block inside iframe -------------------------*/
body.evaluation {
    margin: 0;
    padding: 0;
    background-color: #fff;
    background-image: none;
    text-align: left;
}
body.evaluation h2 {
    margin-top: 0;
    padding-top: 0;
}

body.evaluation iframe.form {
    margin: 5.5em 0 0 0;
    padding: 0;
    width: 765px;
    text-align: left;
    border: none;
}


body.idea iframe.form {
    height: 47em;
}
body.TeamCity iframe.form {
    height: 53em;
}
body.rs iframe.form {
    height: 50em;
}
body.dt iframe.form {
    height: 44em;
}
body.ur iframe.form {
    height: 39em;
}

body.evaluation #block {
    width: 97%;
    margin-right: 0;
    text-align: left;
}
body.evaluation #block .blockitems {
    text-align: left;
}
body.evaluation #block .blockitems dd .long {
    width: 300px;
}
body.evaluation #block .blockitems dd .short {
    width: 104px;
}
body.evaluation #block .blockitems dd #accounts {
    margin-left: 20px;
}
body.evaluation #block .blockitems p.spacer {
    margin: 0 0 15px 0;
    padding: 0;
    height: 1px;
    font-size: 0;
    overflow: hidden;
}
body.evaluation #block .blockitems .validation-advice, body.evaluation #block .blockitems .errorMessage {
    color: #dc143c;
}
/* ------------------- Evaluation block inside iframe end ---------------------*/

.new {
    background: url("/idea/training/demos/../../../02_css/../img/new.gif") no-repeat 0 5px;
    padding-top: 10px;
    padding-left: 45px;
    /*height: 27px;*/
    border: 0;
    /*font-weight:bold;*/
}


#subcontent .banner img{
    margin: 0;
    padding: 0;
}


#subcontent .banner {
    position:relative;
    margin:0 auto 1em auto;
    text-align: center;
    padding:0;
    width:170px;
    /*height:170px;*/
    border: 1px solid #ccc;



}

#subcontent .banner a{
    display:block;
    /*text-indent:-50000px;*/
    /*width:170px;*/
    /*height:170px;*/
    border:0;
}

/*  buttons  */


#content a.text-button{
    background: url("/idea/training/demos/../../../02_css/../img/btn.gif") no-repeat top center;
    width: 160px;
    height: 27px;
    display: block;
    font-weight: bold;
    color: #0158bc;
    padding-top: 2px;
    /*font-size: 0.9em;*/
    border: none;
    text-align:center;
}

#content .rightfloated{
    float: right;
    margin-left: 10px;
}

#content div.feature p.newSubItem {
            background: url("/idea/training/demos/../../../02_css/../img/star_bullet_new.gif") no-repeat -10px 4px;
            padding-left: 35px;
        }

/* simple table */
table {
    border-collapse:collapse;
    width: 90%;
    border: 1px solid #ccc;
    margin: 0.5em 0;
}
table td{
    text-align: left;
    vertical-align: middle;
    padding: 5px;
    border: 1px solid #ccc;
}
table td.large{
    width: 60%;
}
table td.small{
    width: 15%;
    text-align: center;
}

#subcontent .buttons{
    display:none;
}


body.plugins #content h6 {
    background: url("/idea/training/demos/../../../02_css/../img/soft.gif") 0 100% no-repeat;
    padding: 0;
    margin: 0;
}
body.plugins #content h6 {
      padding-left:35px;
      margin-bottom:0.1em;
      padding-top:1em;
   }

/*---------------- Sidebar banners and boxes --------------------------*/
#plugins {
    background: url("/idea/training/demos/../../../02_css/../img/plugin.gif") no-repeat;
    border: #97B1E1 1px solid;
    margin-bottom: 1.7em;
    width: 168px;
    height: 6.5em;
}

#plugins h5 {
    font-weight: bold;
    font-size: 14px;
    color: black;
    padding: 7px 0 5px 45px;
    margin: 0;
}

#plugins p {
    font-size: 86%;
    font-weight: normal;
    padding: 12px 0 0 15px;
    line-height: 1.5em;
}

/*--------------- New index top  ---------------------------------------------------------*/
.cl1 {
    width: 64%;
    float: left;
}

.cl2 {
    width: 33%;
    float: right;
}

.graybox {
    border: 1px solid #CCCCCC;
    padding: 0.2em;
    margin-top: 1.7em;
}

.graybox h6 {
    margin: 0 0 0.7em 1em;
}

.graybox p {
    margin-left: 1em;
    line-height: normal;

}

#introduction {
    background: url("/idea/training/demos/../../../02_css/../img/grad.gif") repeat-x bottom;
    padding: 1em 2em 2em 1.5em;
    margin: -3px;
}

#introduction p.bolder {
    color: #4D4D4D;
    font-weight: bold;
}

.cl2 a {
    font-weight: bold;
    display: block;
    border: none;
    color: #043DBC;
    font-size: 12px;
}

a.down_btn {
    background: url("/idea/training/demos/../../../02_css/../img/Download_butoon1.gif") no-repeat;
    padding: 0.9em 0 2em 50px;
    margin: 1.4em 0 0 0;
}

a.down_btn:hover {
    border: 0;
    background: url("/idea/training/demos/../../../02_css/../img/Download_butoon2.gif") no-repeat;
    padding: 0.9em 0 2em 50px;
}

a.new_btn {
    background: url("/idea/training/demos/../../../02_css/../img/Buy_butoon1.gif") no-repeat;
    padding: 0.8em 0 2em 50px;
    margin: 0 0 0 0;
}

a.new_btn:hover {
    border: 0;
    background: url("/idea/training/demos/../../../02_css/../img/Buy_butoon2.gif") no-repeat;
    padding: 0.8em 0 2em 50px;
}

/*.new_btn {
        background:url("/idea/training/demos/../../../02_css/../img/New_button1.gif") no-repeat;
        padding:0.8em 0 2em 50px;
        margin:0 0 0 0;
}
.new_btn:hover {

        background:url("/idea/training/demos/../../../02_css/../img/New_button2.gif") no-repeat;
        padding:0.8em 0 2em 50px;
}*/

.starlist li {
    margin-left: 0.9em;
    line-height: normal;
}

.tabb table.upgrade {
    margin: 0 0 2em 0;
    padding: 0;
    width: 100%;
}

.tabb table.upgrade th {
    margin: 0;
    padding: 0.2em 0.5em;
    background-color: #EFEFEF;
    border-right: solid 1px #fff;
    text-align: center;
}

.tabb table.upgrade td {
    margin: 0;
    padding: 0.5em 5px;
    border-bottom: solid 1px #EFEFEF;
}

.centered {
    text-align: center;
}

.tabb table.upgrade .center {
    text-align: center;
    width: 25%;
    border-right: solid 1px #EFEFEF;
    border-left: solid 1px #EFEFEF;
    border-bottom: solid 1px #EFEFEF;
    font-weight: bold;
}

#intro .column1, #intro .column2, #intro .column3 {
    text-align: center;
    width: 15%;
    border-left: 1px solid #efefef;
    padding: 7px 10px 0 10px;
    height: 4em;
    float: left;
}

#intro .column1 {
    width: 50%;
    border-left: 0;
    text-align: left;
}

#intro .colspacer {
    width: 90%;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #efefef;
    clear: left;
}

#intro p.bigtext {
    padding-top: 10px;
}

#intro .topborder {
    border-top: 1px solid #fefefe;
}

/*----------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------*/
/*------------------------- Navigation General Styles ------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------*/

#header {
    margin: 0;
    padding: 0;
}

/*-- -------- start: 1st LEVEL NAVIGATION -------- --*/
#header #jb_nav {
    height: 63px;
    text-align: right;
}
#header #jb_nav a {
    border: 0;
}
#header #jb_nav ul {
    padding-top: 11px;
    height: 1.75em;
}
#header #jb_nav li {
    font-size: 11px;
    display: inline;
    list-style-type: none;
    text-decoration: none;
    padding: 1px 10px;
    width: 50px;
}
#header #jb_nav li.products, #header #jb_nav li.download, #header #jb_nav li.support, #header #jb_nav li.company, #header #jb_nav li.devnet, #header #jb_nav li.yourcart {
    border-right: 1px solid #ccc;
}
#jb_nav li.home {
    border-left: 1px solid #ccc;
}
#jb_nav li.yourcart a {
    margin: 0;
    padding: 1px 2px 0 20px;
    background: url("/idea/training/demos/../../../02_css/../img/yc.gif") no-repeat 0 50%;
}
#jb_nav li.yourcart a:hover {
    background-image: url("/idea/training/demos/../../../02_css/../img/yc_hov.gif");
    background-repeat: no-repeat;
    background-position: 0 50%;
}
#jb_nav ul li.search {
    margin: 0 -10px 0 0;
}
#jb_nav ul li.search form {
    margin: 0 0 0 0;
    display: inline;
}
#jb_nav ul li.search form input.words {
    margin: 0 0 0 0;
    padding: 1px;
    width: 86px;
    background-color: #fff;
    border: solid 1px #ccc;
    color: #ccc;
    font-size: 11px;
}
#jb_nav ul li.search form input.activ {
    color: #777;
}
#jb_nav ul li.search form input.image {
    margin: 1px 0 0 0;
    padding: 0 0 0 0;
    vertical-align: top;
    font-size: 11px;
}
/*--  --------- end: 1st LEVEL NAVIGATION --------- --*/

/*-- -------- start: 1st LEVEL NAVIGATION ACTIVE ITEM -------- --*/
#products #jb_nav li.products, #downloads #jb_nav li.download, #support #jb_nav li.support, #company #jb_nav li.company, #devnet #jb_nav li.devnet {
    font-weight: bold;
    background: url("/idea/training/demos/../../../02_css/../img/arrow_nav.gif") no-repeat 4px 50%;
    padding-left:12px;
    padding-right:6px;
}
/*--  --------- end: 1st LEVEL NAVIGATION ACTIVE ITEM --------- --*/

/*-- -------- start: JB LOGO GENERAL -------- --*/
#header .jb_logo {
    float: left;
    margin-top: 6px;
    border: 0;
    width: 124px;
    height: 44px;
    background: url("/idea/training/demos/../../../02_css/../img/jb_bw_logo.gif") no-repeat 0 0;

}
#header a:hover.jb_logo {
    background-position: -125px 0;
}
#header .jb_logo img {
    display: none;
}
.index #header .jb_logo, #support #header .jb_logo, #devnet #header .jb_logo, .companion #header .jb_logo {
    background-image: url("/idea/training/demos/../../../02_css/../img/jb_logo2.gif");
}
/*--  --------- end: JB LOGO GENERAL --------- --*/

/*-- -------- start: Blue/purple strip HEADER GENERAL -------- --*/

#page_header {
    height: 32px;
    padding-top: 38px;
    background-position: right top;
    background-repeat: no-repeat;
    display: block;
}

#header h1 {
    height: 24px;
    color: #fff;
    display: block;
    padding-bottom:12px;
    font-size: 25px;
    font-weight: normal;
    margin: 0 0 0 10px;
    margin-top: -4px;
}
#page_header #language {
    float: right;
    margin: -2.3em 0 0 0;
    color: #A7B2D9;
}
body.index #page_header, body#support #page_header, body#company #page_header, body#devnet #page_header {
    background-image: url("/idea/training/demos/../../../02_css/../img/bg_big.jpg");
}
/*--  --------- end: Blue/purple strip HEADER GENERAL --------- --*/

/*---------Section navigation--------------------*/

/*-- -------- start: 2nd LEVEL NAVIGATION -------- --*/
#header .nav {
    display: block;
    background-color: #4E7AC8;
    width: 100%;  /* TODO: Horizontal size - Container Size */
    float: left;
    padding: 0;
    list-style: none;
    font-weight: bold;
    /*margin: 1px 0 0 0;*/
    border: 0;
    border-top: 1px solid #fff;
}
#header .nav li {
    font-weight: bold;
    font-size: 87%;
    display: inline;
    float: left;
    margin: 0;
    list-style: none;
    border: 0;
    border-right: 1px solid white;
}
#header .nav li a {
    border: 0;
    float: left;
    padding: 0.1em 0 0.1em 0;
    text-decoration: none;
    color: white;
    margin: 0;
    border-left-style: solid;
    border-right-style: solid;
    border-left-width: 10px;
    border-right-width: 10px;
}
#header .nav li a:hover {
    background-color: #6E82C7;
    border-color: #6E82C7;
    color: #fff;
}
#header .nav li.current {
    color: #4D4D4D;
    background-color: white;
    float: left;
    text-decoration: none;
    padding: 0.1em 0 0.1em 0;
    border: 0;
    border-left-style: solid;
    border-right-style: solid;
    border-left-width: 10px;
    border-right-width: 11px;
    border-color: #fff;
}
#header .nav li.current a {
    color: #0158BC;
    padding: 0;
    border: 0;
}

#container #header .nav li.current a:hover {
    color: #51A2FF;
    background-color: #fff;
}
#header .nav li a{
    border-color: #4E7AC8;
}
#header .nav li a:hover {
    background-color: #89A7DE;
    border-color: #89A7DE;
    color: #fff;
}
#header .nav .rss {
    font-weight: bold;
    font-size: 87%;
    display: inline;
    float: right;
    margin: 3px 5px 0 0;
    padding: 0;
    list-style: none;
    border: none;
    background: none;
}
#header .nav .rss a, .rss a:hover {
    background: none;
    border: none;
}
#header .nav .rss a {
    display: block;
    width: 16px;
    height: 14px;
    background: url("/idea/training/demos/../../../02_css/../img/rssFeed.gif") no-repeat 1px center;
}
#container #header .nav .rss a:hover {
    background: transparent url("/idea/training/demos/../../../02_css/../img/rssFeed_hov.gif") no-repeat 1px center;
}
#header .nav .rss a img {
    display: none;
}
/*--  --------- end: 2nd LEVEL NAVIGATION --------- --*/

/*-- -------- start: REGISTRATION MARK -------- --*/
small {
    position: relative;
    font-size: 0.5em;
    top: -12px;
    margin:0;
    line-height:0;
}
sup {
    position: relative;
    font-size: 0.5em;
}

/*--  --------- end: REGISTRATION MARK --------- --*/

/*-- -------- start: RESHARPER VERSION SWITCHERs -------- --*/
ul#buttonsRS {
    margin: 0;
    position: absolute;
    top: 14.2em;
    right: 0;
    font-size: 0.85em;
    font-weight: bold;
}
ul#buttonsRS li {
    list-style: none;
    margin-left: 7px;
    float: left;
    padding: 10px 0 1px 0;

}
ul#buttonsRS li.activ {
    background: url("/idea/training/demos/../../../02_css/../img/tree/arrow_tree_open.gif") no-repeat center 0;
}
ul#buttonsRS li a {
    width: 165px;
    text-align: center;
    display: block;
    color: #444;
    padding: 1px 1px 1px 1px;
    border: 1px solid #aaa;
    background-color: #f4f4f4;
}
ul#buttonsRS li a:hover {
    color: #fff;
    border: 1px solid #7d255b;
    background-color: #7d255b;
}
ul#buttonsRS li.activ a {
    color: #fff;
    border: 1px solid #7d255b;
    background-color: #7d255b;
}
/*--  --------- end: RESHARPER VERSION SWITCHERs --------- --*/





body.idea {
    background-image: url("/idea/training/demos/../../../img/bg_idea.gif");
}

body.idea #page_header {
    background-image: url("/idea/training/demos/../../../img/bg_idea_big.jpg");
}

.vote {
    margin-left: 5px;
    font-size: 0.85em;
}

#greybox {
    background: #F7F7F7 url("/idea/training/demos/../../../img/vote_blt.gif") no-repeat 5px 0;
}

#greybox p {
    margin-top: 30px;
}

#subcontent #greybox h5 {
    margin-left: 35px;
    font-size: 1.25em;
    margin-bottom: 10px;
    line-height: 1.3em;

}

#greybox dl.voter dd {
    margin: 0;
    padding: 0;
    float: none;
    display: block;
}

body.idea #fresh_update {
    width: 165px;
    border: #203DA3 solid 3px;
    background: #EEF8FE url("/idea/training/demos/../../../img/whats_new_idea.gif") no-repeat left top;
    padding-bottom: 0px;

}

body.idea #fresh_update h5 {
    color: #fff;
    margin-bottom: 30px;
    margin-top: 3px;
    margin-left: 50px;
    background: none;
    font-size: 1.1em;
    font-weight: bold;

}

body.idea #fresh_update dl {
    margin-bottom: 0;
}

body.idea #fresh_update dt {
    margin-left: 10px;
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 10px;
    letter-spacing: -0.03em;
}

body.idea #fresh_update dd {
    margin-left: 10px;
    font-size: 0.85em;
    background: url("/idea/training/demos/../../../img/bullet_star_blue.gif") 0 3px no-repeat;
    padding-left: 9px;
    line-height: 1.2em;
    margin-bottom: 0.8em;

}

body.idea #fresh_update p {
    font-size: 86%;
    padding: 0;
    margin: 0;
    margin-left: 20px;
    margin-right: 10px;
    text-align: right;
    margin-bottom: 10px;

}

body.idea #fresh_update p a {
    border: 0;
}

body.idea.features #fresh_update p {
    text-align: left;
}

.red {
    color: #cc0000;
    font-weight: normal;
}

#subcontent ul.demo li {
    margin: 0.3em 0 0 0;
    padding: 0 0 0 23px;
    background: url("/idea/training/demos/../../../img/icon_onlineview.gif") no-repeat 0 0;
}

#subcontent ul.demo li .comment {
    margin: 0;
    padding: 0;
    font-size: 100%;
}

body.idea .box.grayed {
    background-color: #f7f7f7;
    border: 0;
}

/* ------ | Sidebar panel: Idea blog box |-----------*/

body.idea #subcontent .idea_blog {
    margin-bottom: 10px;
    width: 170px;
    height: 45px;
    background: url("/idea/training/demos/../../img/idea_blog.gif") no-repeat 0 2px;
    padding-top: 23px;
    margin-top: -10px;

}

body.idea #subcontent .idea_blog a {
    display: block;
    font-weight: bold;
    font-size: 1.1em;
    border-bottom: 0;
    margin-left: 36px;
    margin-bottom: 0;
    margin-top: 0;
    padding-right: 9px;
    background: url("/idea/training/demos/../../img/raquo_a.gif") no-repeat 90% 50%;

}

body.idea #subcontent .idea_blog a:visited {
    background-image: url("/idea/training/demos/../../img/raquo_visited.gif");
}

body.idea #subcontent .idea_blog a:hover {
    background-image: url("/idea/training/demos/../../img/raquo_hover.gif");
}

body.idea #subcontent .idea_blog .description {
    font-size: 11px;
    color: #777;
    margin-left: 36px;
    margin-top: -5px;
    padding: 0;
    letter-spacing: 0.01em;
}

.cloud_banner {
    background: url("/idea/training/demos/../../img/conference.gif") no-repeat 100% 0;
    height: 100px;
    font-size: 0.9em;
    margin-top: 2em;
}

.cloud_banner a {
    display: block;
    margin-left: 3px;
    margin-right: 10px;
    border: 0;
    line-height: 1.35em;

}

.cloud_banner a:hover, .cloud_banner a:visited {
    border: 0;
}

.cloud_banner strong {
    font-size: 1em;
}

.subaward {
    font-size: 0.85em;
}

.subaward .cont {
    padding-left: 40px;
    padding-top: 20px;
    background: url("/idea/training/demos/../../../img/banners/teamcitybulletbanner1.gif") no-repeat 0 0;
    padding-bottom: 35px;
    font-weight: bold;
}

.subaward .cont a {
    display: block;
    text-align: right;
    margin-right: 18px;
    margin-top: -5px;
    border: 0;
}

#content .nota_bene {
    background-color: #fffff0;
    border-color: #eeeec5;
    color: #555;
}

/*
Sidebar banner image as background text as content*/

.i60beta {
    width: 170px;
    height: 12.5em;
    background: url("/idea/training/demos/../../../img/banners/idea60beta.gif") no-repeat 0 0;
    margin-top: 0;
}

#subcontent .contest {
    width: 170px;
    background: url("/idea/training/demos/../../../img/banners/contest_banner_big.gif") no-repeat 0 0;
    border: 1px solid #e5e5e5;
    padding-top: 7px;
    padding-bottom: 7px;
}

#subcontent .contest p {
    font-size: 0.85em;
    line-height: 1.2em;
    padding-left: 12px;
    padding-right: 5px;
}

#subcontent .contest span {
    font-style: normal;
    text-decoration: underline;
}

#subcontent .contest p a.message {
    color: #000;
    border: 0;
}

#subcontent .contest strong {
    color: #043DBC;
    font-size: 1.1em;
    padding-left: 52px;
    padding-bottom: 5px;
}

#subcontent .i60beta {
    padding-bottom: 2em;
    padding-right: 5px;
    margin-top: -10px;
}

#subcontent .i60beta ul {
    padding-top: 75px;
    padding-left: 25px;

}

#subcontent .i60beta ul li {
    list-style: none;
    padding-left: 15px;
    background: url("/idea/training/demos/../../../img/check.gif") no-repeat 0 5px;
    margin-bottom: 6px;
}

#subcontent .i60beta ul a {
    color: #043dbc;
    border-color: #043dbc;
    font-weight: bold;
    font-size: 1.1em;

}

#subcontent .i60beta ul a:hover, #subcontent .i60beta p.link_dashed a:hover {
    color: #358ff6;
    border-color: #358ff6;
}

#subcontent .i60beta p.link_dashed {
    padding-top: 10px;
}

#subcontent .i60beta p.link_dashed a {
    color: #043dbc;

}

.banner p.link_dashed a {
    border: 0;
    font-size: 0.85em;

}

.banner p.link_dashed a.upgrade_link {
    margin-left: 8px;
}

.banner em {
    font-style: normal;
    font-size: 100%;
    color: #ffa10c;
    font-weight: bold;
}

#subcontent .offer p {
    margin-top: 0;
    margin-left: 3px;
    padding-top: 4px;
    padding-left: 0;
    text-align: left;
}

#subcontent .offer  a {
    color: #98eafe;
    border: 0;
    font-weight: bold;
    font-size: 0.9em;
}

#subcontent .offer  a:hover {
    color: #fff;
}

#subcontent .offer  a:hover em {
    color: #fff;
}

#subcontent .offer {
    padding-top: 5px;
    padding-bottom: 0;
    padding-left: 10px;
    margin-top: 14px;
    margin-bottom: 1em;

}

.graybox {
    padding-top: 1em;
    padding-bottom: 1em;
    background-color: #e6ebff;
}

#content .graybox .more a.nol {
    border: 0;
}

#content .highlightedbox {
    clear: both;
    background-color: #eef0f7;
    padding-top: 20px;
    margin-bottom: 0;
}

#award1 {
    float: left;
    width: 80px;
    padding-right: 15px;
    padding-left: 30px;
}

#award3 {
    float: left;
    width: 80px;
}

#award2 {
    float: left;
    width: 80px;
    padding-right: 15px;
}

#award1, #award2, #award3 {
    font-family: verdana, arial, sans-serif;
    font-size: 80%;
    line-height: 1.2em;
    margin-right: 50px;
}

#awards .more {
    padding-top: 8em;
}

#content .columns {

    padding-bottom: 2em;
}

.r {
    text-align: right;
    padding-right: 5px;
}

/* start logo */
.idea dl.intro {
    background: url("/idea/training/demos/../../../img/idealogo_start.gif") no-repeat 10px 5px;
}

.idea dl.intro dt {
    padding-top: 4px;
    padding-bottom: 5px;
}

/*Features with key feature list sector styles*/

/*IDEA 70 released index page banner*/

dl.introbox {
    line-height: 1.9em;
    padding: 8px;
    margin-top: 0;
    margin-left: 15px;
    border: 1px dotted #ddd;
    padding-top: 10px;
    border-bottom: 4px solid #eee;
    float: right;
    display: block;
}

dl.introbox dd {
    margin: 0;
    margin-bottom: 0.2em;
}

#content .introbox dd.download {
    padding-top: 20px;
}

.overview h4 {
    border-bottom: solid 1px #ccc;
    margin-top: 2em;
}

.overview .features dt {
    font-weight: bold;
    font-size: 1.2em;
    margin-left: 100px;
    margin-top: 0.8em;
    margin-bottom: 0.2em;

}

.overview .features strong {
    font-size: 115%;
    color: #FF7E0D;
    padding-bottom: 0;
}

.overview #content .features dd {
    padding-left: 100px;
    text-align: justify;
    border-bottom: dashed 1px #ccc;
    margin-left: 0;
    padding-bottom: 0.1em;

}

.overview .features span.readmore {
    text-align: right;
    display: block;

}

.overview .features span.readmore a {
    padding-top: 1px;
    font-size: 0.95em;
    padding-right: 10px;
    padding-left: 3px;
    border: 0;
}

.overview .features dd.coverage {
    background: url("/idea/training/demos/../../../teamcity/img/coverage.jpg") no-repeat 6px 20%;
    padding-bottom: 1em;
}

.overview .features dd.hightlighting {
    background: url("/idea/training/demos/../../img/conference.gif") no-repeat 0 -5px;
    padding-bottom: 1em;
}

.overview .features dd.assist {
/*background: url("/idea/training/demos/../../img/assist.jpg") no-repeat 0 0;*/
    padding-bottom: 1em;
}

.overview #content .features dd.refactorings {
    background: url("/idea/training/demos/../../../resharper/img/refactorings.jpg") no-repeat 10px 0;
    padding-bottom: 0em;
}

.overview .features dd.navigation {
/*background: url("/idea/training/demos/../../img/navigation.jpg") no-repeat 12px 20%;*/
    padding-bottom: 1em;
}

.overview .features dd.test {
/*background: url("/idea/training/demos/../../img/test.jpg") no-repeat 20px 10%;*/
    padding-bottom: 2em;
}

.overview .features dd.asp {
/*background: url("/idea/training/demos/../../img/asp.jpg") no-repeat 17px 10%;*/
    padding-bottom: 1em;
}

.overview .features dd.nant {
/*background: url("/idea/training/demos/../../img/nant.jpg") no-repeat 22px 10%;*/
    padding-bottom: 1em;
}

/*Key Features for IDEA 70 */

.overview .features dd.performance {
    background: url("/idea/training/demos/../../img/performance.jpg") no-repeat 0 5px;
    padding-bottom: 1em;
    margin-top: -10px;
    padding-top: 10px;
}

.overview .features dd.spring {
    background: url("/idea/training/demos/../../img/spring.jpg") no-repeat 0 0;
    padding-bottom: 1em;
}

.overview .features dd.web_dynamic {
    background: url("/idea/training/demos/../../img/web_dynamic.jpg") no-repeat 2px 0;
    padding-bottom: 1em;
}

.overview .features dd.eclipse_maven {
    background: url("/idea/training/demos/../../img/pyramides.jpg") no-repeat 0 0;
    padding-bottom: 1em;
}

.overview .features dd.vcs {
    background: url("/idea/training/demos/../../img/vsc.jpg") no-repeat 0 0;
    padding-bottom: 1em;
    margin-top: -15px;
    padding-top: 15px;
}

.overview .features dd.dsm {
    background: url("/idea/training/demos/../../img/dep.jpg") no-repeat 0 0;
    padding-bottom: 1em;
    margin-top: -15px;
    padding-top: 15px;
}

.overview .features dd.other {
    background: url("/idea/training/demos/../../img/booster.jpg") no-repeat 5px 0;
    padding-bottom: 1em;
}

.hightlighted_box {
    background-color: #f7f7f7;
    padding: 20px 10px 20px 10px;
    font-weight: bold;
    border: solid 1px #eee;

}

.note {
    font-size: 10px;
    padding-top: 5px;
    padding-left: 320px;
    line-height: 1.1em;
    color: #666;
}

.note strong {
    padding: 3px 0px 0 19px;
    background: url("/idea/training/demos/../../../resharper/img/note.gif") no-repeat 0 0;
}

/*
beta key features*/
.overview .features dd.intelligent {
    background: url("/idea/training/demos/../../img/intelligent.jpg") no-repeat 0 20px;
    padding-bottom: 1em;
}

.overview .features dd.radar {
    background: url("/idea/training/demos/../../img/radar.jpg") no-repeat 12px 15px;
    padding-bottom: 1em;
}

.overview #content .features dd.numerous {
    background: url("/idea/training/demos/../../img/numerous_2.jpg") no-repeat 15px 5px;
    padding-bottom: 0;
}

.overview .features dd.ufo {
    background: url("/idea/training/demos/../../img/ufo.jpg") no-repeat 10px 30px;
    padding-bottom: 1em;
}

.overview .features dd.webE {
    background: url("/idea/training/demos/../../img/web.jpg") no-repeat 15px 10px;
    padding-bottom: 1em;
}

.overview .features dd.bug {
    background: url("/idea/training/demos/../../img/bug.jpg") no-repeat 20px 80px;
    padding-bottom: 1em;
}

.overview .features dd.unit {
    background: url("/idea/training/demos/../../img/unit.jpg") no-repeat 10px 30px;
    padding-bottom: 1em;
}

.overview .features dd.team {
    background: url("/idea/training/demos/../../img/team.jpg") no-repeat 10px 20px;
    padding-bottom: 1em;
}

.overview .features dd.plug {
    background: url("/idea/training/demos/../../img/plug.jpg") no-repeat 20px 0;
    padding-bottom: 1em;
}

/*----- genbanner localizing: link to the beta.html on the banner-----*/
.genbanner {
    background: url("/idea/training/demos/../../img/idea60beta.jpg") no-repeat 0 0;
    margin-top: -15px;
    width: 561px;
    height: 184px;
}

.genbanner #hiddenlink_idea {
    top: 240px;
    left: 65px;
    display: block;
}

.genbanner #hiddenlink_idea a {
    border: 0;
    height: 180px;
    word-spacing: 2.5em;
    display: block;
    text-indent: -5000px;
}

.idea dl.intro dd {
    margin-top: 0;
}

#testimonial {
    margin: 0;
    margin-top: -0.5em;
    padding: 0;
    font-size: 86%;
    height: 7.5em;
    width: 70%;
    background: url("/idea/training/demos/../../../img/quote_bottom.gif") no-repeat right bottom;

}

#testimonial #quote {
    margin: 0;
    padding: 0 10px 0 10px;
    line-height: 1.4em;
    height: 7.5em;
    background: url("/idea/training/demos/../../../img/quote_top.gif") no-repeat left top;
}

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

}

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

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

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

#subcontent .groovy_ruby {
    background: url("/idea/training/demos/../../../img/banners/ij70_groovy1.jpg") no-repeat 0 0;
    width: 170px;
    height: 120px;
    color: #fff;
}

#container #subcontent .groovy_ruby a.link_to_idea {
    display: block;
    padding-top: 60px;
    padding-left: 12px;
    font-size: 0.95em;
    color: #fff;
    border: 0;
    font-weight: normal;
    display:none;

}

#container #subcontent .groovy_ruby a.link_to_idea em {
    color: #aaddff;
    font-weight:normal;

}

#container #subcontent .groovy_ruby a.link_to_groovy, #container #subcontent .groovy_ruby a.link_to_ruby, .groovy_ruby strong {
    font-family: "Times New Roman", serif;
    font-size: 1.6em;
    color: #fff;
    font-weight: bold; /*    border-bottom-color:#aaddff;*/
    border-bottom-width: 1px;
    border-bottom-color:#fff;
}

#container #subcontent .groovy_ruby a.link_to_groovy:hover, #container #subcontent .groovy_ruby a.link_to_ruby:hover {
    color: #d2ebfc;
    border-bottom-color: #d2ebfc;

}

.groovy_ruby strong {
    color: #fff;
}

.groovy_ruby a.link_to_groovy {
    margin-left: 12px;
}


    #footer {
        margin-top: 15em;
    }

 .overview   #content .introbox {
        height: 155px;
        width: 672px;
        float: none;
        padding: 0;
        border: 0;
        background: url("/idea/training/demos/../../img/Idea70_released.jpg") no-repeat 0 0;
        margin: 0;
        margin-bottom: 1em !important;
        margin-bottom: 0;

    }

.overview #content .introbox dd {
        padding-left: 500px;
    }

 .overview #content .introbox dd a {
        display: block;
        width: 140px;
        height: 48px;
    }

.overview #content .introbox dd a img {
        display: none;
    }

.overview   #content .introbox dd.download {
        padding-top: 20px;

    }

.overview #content .introbox dd.download a {
        background: url("/idea/training/demos/../../../img/newdesign/download_btn.gif") no-repeat 0 0;

    }

    #content .introbox dd.download a:hover {
        background: url("/idea/training/demos/../../../img/newdesign/download_btn_hov.gif") no-repeat 0 0;

    }

    #content .introbox dd.buy {
        margin-top: -5px;
    }

    #content .introbox dd.see_full_features {
        font-weight: bold;
        font-size: 1.1em;
        padding: 8px 0 10px 40px !important;
        padding: 14px 0 10px 40px;
        position: relative;
        top: 122px !important;
        top: 115px;
        right: -8px;
        z-index: 30;
        margin: 0;
        margin-left: 480px;
        background: url("/idea/training/demos/../../img/full_features.gif") no-repeat 0 0 !important;
        background: url("/idea/training/demos/../../img/full_features.gif") no-repeat 0 5px;
    }

    #content .introbox dd.see_full_features a {
        padding: 0;
        display: inline;
        border: 0;
        padding-right: 9px;
        background: url("/idea/training/demos/../../img/raquo_a.gif") no-repeat 100% 50%;
        letter-spacing: -0.02em;
    }

    #content .introbox dd.see_full_features a:hover {
        background: url("/idea/training/demos/../../img/raquo_hover.gif") no-repeat 100% 50%;
    }

    #content .introbox dd.see_full_features a:visited {
        background: url("/idea/training/demos/../../img/raquo_visited.gif") no-repeat 100% 50%;
    }

    #content .introbox dd.buy a {
        background: url("/idea/training/demos/../../../img/newdesign/buy_btn.gif") no-repeat 0 0;

    }

    #content .introbox dd.buy a:hover {
        background: url("/idea/training/demos/../../../img/newdesign/buy_btn_hov.gif") no-repeat 0 0;

    }


#subcontent .ij70_ms a{
    background:url("/idea/training/demos/../../../img/banners/ij70_ms_sb_lit.jpg") no-repeat 0 0;
}

#container #subcontent  .groovy_ruby {
    background: url("/idea/training/demos/../../../img/banners/ij70_groovy1.jpg") no-repeat 0 0;
    width: 170px;
    height: 120px;
    padding:0;
    text-align:left;
    color: #fff;
}

#container #subcontent .groovy_ruby a.link_to_idea {
   display:block;
    padding-top: 60px;
    padding-bottom:0;
    padding-left: 5px;
    font-size: 0.95em;
    color: #fff;
    border: 0;
    font-weight: normal;
}

#container #subcontent .groovy_ruby a.link_to_idea em {
    color: #aaddff;
    font-weight:normal;
}

#container #subcontent .groovy_ruby a.link_to_groovy, #container #subcontent .groovy_ruby a.link_to_ruby, .groovy_ruby strong {
    font-family: "Times New Roman", serif;
    font-size: 1.6em;
    color: #fff;
    font-weight: bold; /*    border-bottom-color:#aaddff;*/
    border-bottom: 1px #fff;

}

#container #subcontent .groovy_ruby a.link_to_groovy:hover, #container #subcontent .groovy_ruby a.link_to_ruby:hover {
    color: #d2ebfc;
    border-bottom-color: #d2ebfc;
}

.groovy_ruby strong {
    color: #fff;
}

#container #subcontent .groovy_ruby a.link_to_groovy {

    margin-left: 5px;
}


/* h4 headers with icons -------------------------------------- */

h4.commercial {
    padding: 5px 0 25px 35px;
	margin-left: 0px;
	background: url("/idea/training/demos/../../../02_css/../img/pic_commercial.gif") no-repeat 0 0;
	background-repeat: no-repeat;
    }

h4.academic {
	padding: 5px 0 25px 35px;
	margin-left: 0px;
	background: url("/idea/training/demos/../../../02_css/../img/pic_academic_s.gif") no-repeat 0 0;
	background-repeat: no-repeat;
    }

h4.freeeval {
	padding: 5px 0 25px 35px;
	margin-left: 0px;
	background: url("/idea/training/demos/../../../02_css/../img/pic_freeeval.gif") no-repeat 0 0;
	background-repeat: no-repeat;
    }

h4.downl {
	padding: 5px 0 25px 35px;
	margin-left: 0px;
	background: url("/idea/training/demos/../../../02_css/../img/pic_download.gif") no-repeat 0 0;
	background-repeat: no-repeat;
    }

h4.key {
	padding: 5px 0 25px 35px;
	margin-left: 0px;
	background: url("/idea/training/demos/../../../02_css/../img/pic_key.gif") no-repeat 0 0;
	background-repeat: no-repeat;
    }

h4.doc {
	padding: 5px 0 20px 38px;
	background: url("/idea/training/demos/../../../02_css/../img/pic_documentation.gif") no-repeat 0 0;
	background-repeat: no-repeat;
    }

h4.info {
    padding: 0 0 20px 35px;
	margin-left: 0px;
	background: url("/idea/training/demos/../../../02_css/../img/pic_info.gif") no-repeat 0 0;
	background-repeat: no-repeat;
    }

h4.live {
	padding-left: 34px;
	padding-bottom: 20px;
	margin-left: 0px;
	background: url("/idea/training/demos/../../../02_css/../img/pic_live.gif") no-repeat 0 0;
	background-repeat: no-repeat;
    }

h4.ref {
	padding-left: 38px;
	padding-bottom: 20px;
	margin-left: 0px;
	background: url("/idea/training/demos/../../../02_css/../img/pic_refactoring.gif") no-repeat 0 0;
	background-repeat: no-repeat;
    }

h4.gui {
	padding-left: 36px;
	padding-bottom: 20px;
	margin-left: 0px;
	background: url("/idea/training/demos/../../../02_css/../img/pic_guidesigner.gif") no-repeat 0 0;
	background-repeat: no-repeat;
    }

h4.tips {
	padding-left: 36px;
	padding-bottom: 20px;
	margin-left: 0px;
	background: url("/idea/training/demos/../../../02_css/../img/pic_tips.gif") no-repeat 0 0;
	background-repeat: no-repeat;
    }

h4.howtostart {
	padding-left: 36px;
	padding-bottom: 20px;
	margin-left: 0px;
	background: url("/idea/training/demos/../../../02_css/../img/pic_howtostart.gif") no-repeat 0 0;
	background-repeat: no-repeat;
    }

h4.newwin {
	padding-left: 36px;
	padding-bottom: 20px;
	margin-left: 0px;
	background: url("/idea/training/demos/../../../02_css/../img/pic_newwindow.gif") no-repeat 0 0;
	background-repeat: no-repeat;
    }

h5.newwin {
	padding-left: 36px;
	padding-bottom: 20px;
	margin-left: 0px;
    }

#siteorg {
    background: url("/idea/training/demos/../../../02_css/../img/pic_org.gif") no-repeat 0 0;
	background-repeat: no-repeat;
	padding-top: 10px;
    }

#sitenet {
    background: url("/idea/training/demos/../../../02_css/../img/pic_net.gif") no-repeat 0 0;
	background-repeat: no-repeat;
    padding-top: 10px;
    }

h4.rec {
	padding-left: 34px;
	padding-bottom: 20px;
	margin-left: 0px;
	background: url("/idea/training/demos/../../../02_css/../img/pic_rec.gif") no-repeat 0 0;
	background-repeat: no-repeat;
    }

h4.dev {
	padding-left: 38px;
	padding-bottom: 20px;
	margin-left: 0px;
	background: url("/idea/training/demos/../../../02_css/../img/pic_developers.gif") no-repeat 0 0;
	background-repeat: no-repeat;
    }

h4.books {
    font-size: 120%;
    font-weight: bold;
    letter-spacing: 0;
    padding: 5px 0 25px 35px;
	margin-left: 0px;
	background: url("/idea/training/demos/../../../02_css/../img/pic_books.gif") no-repeat 0 0;
	background-repeat: no-repeat;
    }

h4.soft {
    font-size: 120%;
    font-weight: bold;
    letter-spacing: 0;
    padding: 5px 0 25px 35px;
	margin-left: 0px;
	background: url("/idea/training/demos/../../../02_css/../img/pic_soft.gif") no-repeat 0 0;
	background-repeat: no-repeat;
    }

h4.web {
    font-size: 120%;
    font-weight: bold;
    letter-spacing: 0;
    padding: 5px 0 25px 35px;	
	margin-left: 0px;
	background: url("/idea/training/demos/../../../02_css/../img/pic_www.gif") no-repeat 0 0;
	background-repeat: no-repeat;
    }

h4.resagreement {
    padding: 5px 0 25px 35px;
	margin-left: 0px;
	background: url("/idea/training/demos/../../../02_css/../img/pic_agreement.gif") no-repeat 0 0;
	background-repeat: no-repeat;
    }

h4.resdetails {
    padding: 5px 0 25px 35px;
	margin-left: 0px;
	background: url("/idea/training/demos/../../../02_css/../img/pic_details.gif") no-repeat 0 0;
	background-repeat: no-repeat;
    }

h4.resprice {
    padding: 5px 0 25px 35px;
	margin-left: 0px;
	background: url("/idea/training/demos/../../../02_css/../img/pic_pricelist.gif") no-repeat 0 0;
	background-repeat: no-repeat;
    }

h6.infokit {
    border-bottom: 1px solid #ccc;
    padding-bottom: 0;
    margin-bottom: 1em;
    }

/* OmniaMea Header Styles --------------------------------------------------------------- */

h4.faq {
    padding: 5px 0 15px 35px;
	margin-left: 0px;
	background: url("/idea/training/demos/../../../02_css/../img/faq.gif") no-repeat 0 0;
	background-repeat: no-repeat;
    }

h4.ask_support {
    padding: 5px 0 15px 35px;
	margin-left: 0px;
	background: url("/idea/training/demos/../../../02_css/../img/support.gif") no-repeat 0 0;
	background-repeat: no-repeat;
    }

/* Support headers ------------------------------- */

h4.idea45 {
	padding-left: 35px;
	padding-bottom: 20px;
	margin-left: 0px;
	background: url("/idea/training/demos/../../../02_css/../img/idea45.gif") no-repeat 0 0;
	background-repeat: no-repeat;
    }

h4.resharper {
	padding-left: 35px;
	padding-bottom: 20px;
	margin-left: 0px;
	background: url("/idea/training/demos/../../../02_css/../img/pic_resharper.gif") no-repeat 0 0;
	background-repeat: no-repeat;
    }

/* IntelliJ IDEA Upgrade styles ------------------*/
h4.reasons {
    font-size: 120%;
    font-weight: bold;
    letter-spacing: 0;
    padding: 5px 0 25px 35px;
	margin-left: 0px;
	background: url("/idea/training/demos/../../../02_css/../img/pic_reasons.gif") no-repeat 0 0;
	background-repeat: no-repeat;
    }
h4.how_upgrade {
    font-size: 120%;
    font-weight: bold;
    letter-spacing: 0;
    padding: 5px 0 25px 35px;
	margin-left: 0px;
	background: url("/idea/training/demos/../../../02_css/../img/pic_how_upgrade.gif") no-repeat 0 0;
	background-repeat: no-repeat;
    }

/* 
     Copyright (c) 2005 JetBrains, Inc. All rights reserved.
*/

/* Styles for order items table */
table.buy {
	/*width: 100%;*/
	margin-top: -3em;
    margin-left:-11px;
}
		
table.buy td {
	margin: 0;
	/*padding: 9px 0;*/
    /*text-align: center;*/
	vertical-align: top;
    /*width: 25%;*/
    padding-bottom: 10px;
}

table.buy td h4{
    text-align: left;
    }

table.buy td.price {
	font-weight:bolder;
	font-size: 130%;
	color: #999;
    /*width: 100px;*/
}

    table.buy td.addcart, table.buy td.addquot, table.buy td.apply {
	background-position: top left;
	background-repeat: no-repeat; 
	padding: 0 26px 0 25px;
    text-align: left;
    width: 100px;
}

table.buy td.addcart {
	background-image: url("/idea/training/demos/../../../02_css/../img/icon_buy_bw.gif");
    /*background-position: left top;*/
    /*background-position: 33px 0;*/

}

table.buy td.addquot {
    background: url("/idea/training/demos/../../../02_css/../img/pic_pricelist.gif") no-repeat 3px 2px;

}

table.buy td.apply {
	background-image: url("/idea/training/demos/../../../02_css/../img/pic_apply.gif");
}


/*------------ Styles for horizontal tabs*/
#license_terms, #maint_plans, #proptions, #compete {
	width:90%;
    padding:0 0.3em;
    margin:0;
}

#license_terms ul, #maint_plans ul, #proptions ul, #compete ul {
	margin: 0 0 8px 0;
}

#license_terms li, #maint_plans li, #proptions li, #compete li {
	margin-left: 35px;
	padding: 0 0 0 4px;
	list-style: disc;
	list-style-position: outside;
}

/*.mitem {
	background-color: #FFF;
	color: #2947AC;
    font-weight:bold;
    margin:0;
    padding:0.2em;
	border: 1px solid #fff;
}

.mitem:hover {
	background-color: #ECECEC;
    cursor: pointer;
    }*/

/*.idea #content .current, .rs #content .current, .dt #content .current, .fab #content .current {
    background:url("/idea/training/demos/../../../02_css/../img/button1_arrow_on.gif") no-repeat 10px 50% #EFEFEF;
    font-weight:bold;
    color: #4D4D4D;
    cursor:default;
}

.current a:link, .current a:visited, .current a:hover {
	color: #4D4D4D;
}*/

#left {
    float:left;
    width:49%;
}

#right {
    float:right;
    width:49%;
}

/*#left a, #right a {
        display:block;
        font-weight:bold;
        border:none;
        border-top:1px solid #eee;
        background: url("/idea/training/demos/../../../02_css/../img/button_arrow.gif") no-repeat 10px 50%;
        padding:0.5em 0 0.5em 35px;      
        }

#left a:hover, #right a:hover {
    background-color:#fbfbfb;
    }

.idea #content a.current:hover, .fabrbg #content a.current:hover {
    background-color:#efefef;
    }

a#maint_plans_nav, a#compete_nav, a#license_terms_nav, a#volume_orders_nav{
 border-bottom:solid 1px #eee;
}*/


table#buy {
    width: 100%;
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 32px;
}

table#buy td {
    margin: 0;
    padding: 6px 0;
    text-align: center;
    border: 1px solid #eee;
    vertical-align: middle;
}

table#buy td.item {
    text-align: left;
    font-weight: bold;
    padding-left: 12px;
    border-right: none;
    font-size: 110%
}

table#buy td.price {
    font-weight: bold;
    border-right: none;
    border-left: none;
    font-size: 120%;
    color: #999;
    background: transparent;
}

table#buy td.buynow {
    border-right: none;
    border-left: none;
}

table#buy td.quo {
    border-left: none;
    padding-right: 24px;
}

table#buy table.btn {
    margin: 0;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    border: none;
}

table#buy table.btn td {
    border: none;
    padding: 4px 0 0 0;
}

tbl.btn img {
    border: none;
    margin: auto;
    padding: 0;
}

p.curr {
    font-size: 90%;
    background-color: transparent;
    color: #999;
    margin-left: 1em;
}


/*  DL Styles for order items table */

dl.buy{
    clear: both;
    padding: 0 5px 0 7px;
    margin-top: 0;
    margin-bottom: 0;
}

dl.buy dt {
    font-size: 1.2em;
    letter-spacing: -0.05em;
    font-weight: bold;
    float:left;
    height: 30px;
    color: #777;
    /*width: 48%;*/
}

dl.buy dt em{
    font-size: 0.8em;
    font-style:normal;
}

dl.buy dd {
    float: right;
    margin-left: 25px;

}

dl.buy dd.price {
    font-weight:bold;
    font-size: 130%;
    color: #959fa7;
    margin-right: 10px;
}

dl.buy dd.price strike{
    color: #888;
}

dl.buy dd.addcart, dl.buy dd.addquot, dl.buy dd.apply {
    padding-left: 27px;
    padding-bottom: 5px;
}

dl.buy dd.addcart {
	background: url("/idea/training/demos/../../../02_css/../img/icon_buy_bw.gif") no-repeat 0 0;
}

dl.buy dd.addquot {
    background: url("/idea/training/demos/../../../02_css/../img/pic_pricelist.gif") no-repeat 0 0;
}

dl.buy dd.apply {
	background: url("/idea/training/demos/../../../02_css/../img/pic_apply.gif") no-repeat 0 0;
}

dl.local dt, dl.local dd {
    float: none;
    display: inline;
    line-height: 1.5em;
}

dl.local dt{
    margin-left: 0;
}

dl.local dd {
    margin-left: 15px;
}


.single_price {
    padding-right: 45px;
}

.special_offer {
    background: url("/idea/training/demos/../../../02_css/../img/specials_backgr.jpg") repeat-x 0 0;
    clear: left;
    padding: 10px;
    border: 1px dotted #d5d8df;
}

.special_offer h4{
    padding-left: 5px;
    padding-top: 5px;
    color: #386173;
    border-bottom: 1px dotted #d5d8df;
}

.special_offer p{
    padding: 7px;
    text-align: justify;
}

.special_offer p.comment{
    padding-top: 5px;
    clear: both;
}


h6{
    clear: left;
    padding-top: 15px;
}


.demoshomelink{
    font-size: 1.2em;
}
.demoshomelink ul li{
    font-weight: bold;
    display: inline;
    padding: 0 20px 0 0;
}
hr {
    border-top: 1px solid #ccc;
}