@import url( "../02_css/main.css" );
@import url( "../02_css/idea.css" );
@import url( "../02_css/header.css" );

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

body.idea #page_header {
    background: #fff url( bg_idea_big.jpg ) no-repeat 0 0;
}

body.idea #header .nav li a {
    border-color: #F2BC00;
}

body.idea #header .nav li a:hover {
    background-color: #FFD444;
    border-color: #FFD444;
    color: #fff;
}

body.idea #header .nav {
	display: block;
	background-color: #F2BC00;
	border-color: #F2BC00;
}

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

#greybox {
    background: #F7F7F7 url( ../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( ../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( ../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( ../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: 1.5em;
    width: 170px;
    height: 45px;
    background: url( img/idea_blog.gif ) no-repeat 0 0;
    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( img/raquo_a.gif ) no-repeat 90% 50%;

}

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

body.idea #subcontent .idea_blog a:hover {
    background-image: url( 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( 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( ../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;
}

#container #content .nota_bene {
    background: url( img/nb_i.gif ) no-repeat -5px 0;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 40px;
    padding-left: 50px;
    font-size: 110%;

}

#container #content .nota_bene p strong {
    color: #043dbc;
}

#container #content .nota_bene p strong a {
    color: #043dbc;
    font-weight: bold;
    border: 0;
}

#container #content .nota_bene p strong a:hover {
    color: #043dbc;
    border-bottom: 1px dashed #043dbc;
}

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

#subcontent {
    padding-top: 0px;
}

.banner {
   width: 170px;
   margin-top: 0px;
    margin-bottom:1em;

}

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




#subcontent .contest {
    width: 170px;
    background: url( ../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( ../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("../img/idealogo_start.gif") no-repeat 10px 0;
}

/*Features with key feature list sector styles*/

.overview .rs_banner {
    background: url( ../resharper/img/rs20beta1._bg.jpg ) no-repeat 0 0;
    width: 561px;
    height: 194px;
}

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

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

.overview .rs_banner ul li {
    list-style: none; /*background: url( img/btn.gif ) no-repeat 0 0;*/
    width: 94px;
    height: 26px;
    margin-bottom: 5px;
    padding-top: 2px;

}

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

}

.overview #content {
    width: 550px;
}

.overview h4 {
/*border-bottom: solid 1px #ccc;*/
}

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

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

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

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

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

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

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

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

.overview .features dd.nant {
/*background: url( img/nant.jpg ) no-repeat 22px 10%;*/
    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( ../resharper/img/note.gif ) no-repeat 0 0;
}


/*
beta key features*/

.overview .features dd.jee {
background: url( img/jee.jpg ) no-repeat 0 -5px;
padding-bottom: 1em;
}

.overview .features dd.swing {
background: url( img/swing.jpg ) no-repeat 0 0;
padding-bottom: 1em;
}

.overview #content .features dd.team {
background: url( img/team.jpg ) no-repeat 5px 0;
padding-bottom: 0em;
}

.overview .features dd.numerous {
background: url( img/numerous.jpg ) no-repeat 1px 0;
padding-bottom: 1em;
}

/*----- genbanner localizing: link to the beta.html on the banner-----*/
.genbanner {
    background: url( 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;
}