#footer p{
    width: 765px;
    position: relative;
    margin: 0 auto 50em auto;
    padding-bottom: 2em;
    font-family: verdana, arial;
	font-size: 75%;
	color: #999;
	text-align: left;
}

#footer em{
    display:block;
    float: right;
    font-style:normal;
}
#footer em a{
   padding-right: 7px;
   background: url("/01_css/../img/mail.gif") top right no-repeat;
}

#footer em a:hover{
   padding-right: 7px;
   background: url("/01_css/../img/mail_hov.gif") top right no-repeat;
}

#footer strong{
    display:block;
    font-weight:normal;
}


#footer hr{
   clear:both; 
   margin-top: 3em;
   border:0;
   border-top: 1px  solid #999;

}



/*=================================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: 1px solid #fff;
    background-color:#fff;
    }

#bannermain {
    background: #fff url("/01_css/../img/bg_big.jpg") no-repeat 5px 0;
}

/*Idea color scheme*/


/*Fabrique color scheme*/


/*OmeaReader color scheme*/


/*OmeaPro color scheme*/


/*tMate color scheme*/



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:link.nol, a:visited.nol, a:hover.nol {
	border-bottom: 1px solid #fff;
    }

a.noborder {
	border: none;
}

a.noborder:hover  {
	border: none;
}

#logo a {
    border: 0;
}

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

#topnav a{
    margin: 0;
    border: 0;
    text-decoration: none;
    }

#subnavm a, #subnav_mps a, #subnav a, #subnavo a, #subnavre a, #subnavf a, #subnavtm a {
	background-color: transparent;
	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;

}

#subnav a{
    border-color: #2947AC;
}

#subnavre a{
    border-color: #7D255B;
}

#subnavo a{
    border-color: #7166A7;
}

#subnavtm a{
    border-color: #346D3D;
}



#subnavm li.act a, #subnav_mps li.act a, #subnav li.act a, #subnavo li.act a, #subnavre li.act a, #subnavf li.act a, #subnavtm li.act a{
    font-weight: bold;
    background: #fff;
    border-bottom: 1px solid #fff;
	margin: 0;
    border-left-style: solid;
    border-right-style: solid;
    border-left-width:10px;
    border-right-width:10px;
    border-color:#fff;

}


#subnav a:hover {
    background-color: #6E82C7;
    border-color: #6E82C7;

}

#subnavm a:hover {
   	background-color: #89A7DE;
   border-color: #89A7DE;
}


#subnavm li.act a, #subnav li.act a{
    color: #0158BC;
	border-bottom:0;

}

#subnavm li.act a:hover, #subnav li.act a:hover {
    color: #2C8AF7;
	background-color:#fff;
    border-color: #fff;

}

#subnav_mps li.act a:hover {
    color: #66BCBA;
	border: none;
}

#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 a{
    font-size: 95%;
    background: url("/01_css/../img/button_top.gif") no-repeat right top;
	padding: 0.5em 35px 0.7em 0;
	border-bottom: 1px solid #fff;
	float: right;
	}

#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("/01_css/../img/logos/logo_jw_bw.gif") no-repeat;
}
#picaward a:hover {
    background: url("/01_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("/01_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;
    }



#nav #topnav li.yc a{
     margin:0;
     padding: 1px 2px 0 20px;
     background: url("/01_css/../img/yc.gif");
     background-repeat:no-repeat;
     background-position: 0 50%;

 }


 #nav #topnav li.yc a:hover{
    background: url("/01_css/../img/yc_hov.gif");
    background-repeat:no-repeat;
    background-position: 0 50%;
}

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




#container {
	position: relative;
	width: 773px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
    }

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

#logo {
    margin: 6px 0 0 0;
    padding-left: 4px;
    float: left;
}



/* ----------------| top navigation |------------------------------------------------------- */

#top {
    margin-top: 0;
    height: 63px;
    }



#top span {
    display: none;
}
#topnav span {
    display: none;
}

#nav {
    float: right;
    padding-top: 11px;
    height: 1.75em;
    }

#topnav li {
	font-size: 85%;
	display: inline;
	list-style-type: none;
	text-decoration: none;
	padding: 0.1em 1.6em;
	border-right: 1px solid #ccc;
    width: 50px;
	}

#topnav li.act {
    font-weight: bold;
    background: url(../img/arrow_nav.gif) no-repeat 0.7em 50%;
	}



#topnav li.home{
    border-left: 1px solid #ccc;
    }


/* ----------------| product banner |-------------------------------------------------------- */

#bannermain {
    width: 760px;
    height: 70px;
    padding: 0;
    margin: 0;
}

        /*#banneromea {background: #fff url(../img/bg_omea_big.jpg) no-repeat 5px 0;}*/
        /*#banneromeareader {background: #fff url(../img/bg_omeareader_big.jpg) no-repeat 5px 0;}*/



#bannermain h2 {
    color: #fff;
	font-size: 200%;
	font-weight: normal;
    padding: 38px 0 0 10px;
    margin: 0;

}

/* ------------------| sub-navigation |--------------------------------------------------- */
#subnavmain, #subnavidea, #subnavomea, #subnavresharper, #subnavfabrique, #subnavmps, #subnavtmate {
	margin: 1px 0px 0 5px;
	border: none;
}

#subnavm , #subnav , #subnavo , #subnavre , #subnavf, #subnav_mps, #subnavtm {
	width: 755px;
	border: none;
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	font-weight: bold;
}

#subnavm li, #subnav li, #subnavo li, #subnavre li, #subnavf li, #subnav_mps li, #subnavtm li {
    font-weight: bold;
    font-size: 87%;
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	border: none;
	border-right: 1px solid white;
}



#subnavm li.active, #subnav li.active, #subnavo li.active, #subnavre li.active, #subnavf li.active, #subnav_mps li.active, #subnavtm li.active {
    color: #4D4D4D;
    background-color: white;
    float: left;
	text-decoration: none;
    padding: 0.1em 0 0.1em 0;
    border: none;
    border-left-style: solid;
    border-right-style: solid;
    border-left-width:10px;
    border-right-width:11px;
    border-color:#fff;
}
#subnavre .rss, #subnav_mps .rss, #subnavo .rss {
    font-weight: bold;
    font-size: 87%;
	display: inline;
	float: right;
	margin: 3px 1em 0 0;
	padding: 0;
	list-style: none;
	border: none;
    background: none;
}
#subnavre .rss a, #subnav_mps .rss a, #subnavo .rss a {
    background: none;
	border: none;
}
#subnavre .rss a:hover, #subnav_mps .rss a:hover, #subnavo .rss a:hover {
    background: none;
	border: none;
}


/*=========================================================================================*/
#subnav {
    background-color: #2947AC;

}
#subnavo {
    background-color: #7166A7;
}
#subnavm {
    background-color: #4E7AC8;
}

#subnavm a{
    border-color: #4E7AC8;
}





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

#subcontent {
    float: right;
    padding: 30px 5px 0 0;
    }

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



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



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

#contnav li.act {
	background: url(../img/arrow_black.gif) no-repeat 0 0;
	}



/* -----------------| content |------------------------------------------------------- */

#content {
      float: left;
      width: 570px;
    margin-left:3px;
    }

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

#banner span {display: none;}

#content sup {font-size:68%}

/* features & IDEA index ----------------------------------------- */

/* commnon feature layout ----------------------------------------- */
#features {height: 350px;}
.featurelist li {
         font-family: trebuchet ms, verdana, arial;
         font-size: 86%;
         padding: 5px 0px 5px 0px;
         list-style-type: none;
         }

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

.feature {
    line-height: 1.7em;
    margin-bottom: 2.5em;
    }

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

.feature span {display: none;}

.feature h3 {
    font-size: 86%;
    font-weight: bold;
    letter-spacing: 1px;
    padding: 0.3em 0.3em 0.3em 2.2em;
    margin-bottom: 1em;
    background: #F0F0F0 url(../img/bullet.gif) no-repeat 0.5em 0.4em;
	}

.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 25px 15px 0px;
}

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

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



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

.feature img.noborder {border: 1px solid #fff;}

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

.ideatext {padding-left: 320px;}




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

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

#overview {line-height: 1.7em;}
#overview p {margin-bottom: 1.4em;}
#overview h5 {margin-bottom: 0.8em;}

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

#intro img {
    float: left;
    margin: -3px 15px 10px 0;
}
#introtext {padding-left: 150px;}

#price {
    font-family: trebuchet ms, verdana, arial;
    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 {padding-bottom: 15px;}

#faqcontainer h3 {
    border-bottom: 1px solid #ccc;
    margin-bottom: 0.5em;
    }

#faqcontainer p {padding-left: 35px;}

#faqcontainer p.ask {
    font-size: 110%;
    padding: 10px 0 0 12px;
    font-weight: bold;
    border: 0;
    background: url(../img/bullet_star_blue.gif) no-repeat 0 14px;
}

#faqcontainer p.top {font-size: 96%;}

/*#faqcontainer li {margin-left: 35px;}*/

#faqcontainer .faqlist li {
    font-family: trebuchet ms, verdana, arial;
    font-size: 110%;
    line-height: 1em;
    padding: 0 0 0.8em 17px;
	margin-left: 0px;
	list-style: none;
	list-style-position: outside;
	background: url(../img/bullet_star_blue.gif) no-repeat 0 0.3em;
	}

/* 3-column layout ---------------------------------- */

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

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

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

    }
*/

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

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

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

    }




/* 3-cols layout -------------------------------------------  */
.column1 {
    float: left;
    width: 330px;
    margin-right: 10px;
    }

.column3 {
    float: right;
    width: 100px;
    }

.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;}
h3.pic {margin-bottom: 0.5em;}

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

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

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

    }

#training h3 {
    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: 0px;
	border-bottom: 1px dashed #B8B8B8;
    clear: left;
	width: 100%;
	height: 1px;
    }

#training .column1, #training .column2, #training .column3 {padding: 5px 0 5px 0;}
.documents .column1, .documents .column2, .documents .column3 {padding: 5px 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;
    }

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

#bc {
    font-size: 86%;
    color: #999;
    padding-top: 14px;
    padding-left: 4px;
    margin: 0;
    }



.comment {
    color: #777;
    font-size: 86%;
    line-height: 1.4em;
    padding-bottom: 0.7em;
    padding-top: 0.4em;
    }
/* contact ------------------------------------------------------ */

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

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

h4.readmore { color: #999; font-size: 86%; padding-bottom: 1em; font-weight: normal;}


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

/* ---------------------| sub-content, right column |----------------- */

#subcontent {
    margin-top: 20px;
    width: 170px;
    float: right;
    }

#subcontent span {display: none;}

/*
#box {
    border: #DADADA solid 1px;
    padding: 0.8em 0.5em 0.8em 1em;
    margin-bottom: 1.5em;
    }

#box h4{
    padding-bottom: 0.5em;
    }

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

#box img {
   padding-right: 1em;
}
*/

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

.box h4{
    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(../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(../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;}

#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 h4.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(../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(../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;
}
p.inp em {
    color:#ff0000;
    font-weight:normal;
}
.blockitems input.empty {color: #C0C0C0;}
.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(../img/icon_read_bw.gif) no-repeat left top;
    padding-left: 26px;
    padding-bottom: 1.5em;
    margin-top: 1em;
    }

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

p.morebuy {
    font-size: 86%;
    background: url(../img/icon_buy_bw.gif) no-repeat left top;
    padding-left: 30px;
    padding-bottom: 0.4em;
    margin-top: 1em;
    }

p.moredownload {
    font-size: 86%;
    background: url(../img/icon_download_bw.gif) no-repeat left top;
    padding-left: 30px;
    padding-bottom: 0.4em;
    margin-top: 1em;
    }

p.moreupgrade {
    font-size: 86%;
    background: url(../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(../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(../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(../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(../img/icon_print.gif) no-repeat left top;
    padding-left: 27px;
    }

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

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

#popupcontainer {
	text-align: left;
	padding: 20px 30px 20px 30px;
}
#popupcontainer h3 {border-bottom: 1px solid #AAA; margin: 0 0 1em 0;}



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

h1 {
    width: 100%;
    font-size: 170%;
    color: #222;
    letter-spacing: -1px;
    border-bottom: 1px solid #AAA;
    padding: 27px 0 5px 0;
    margin: 0 0 25px 0;
    }

h2 {
    font-size: 150%;
    color: #2947AC;
    font-weight: bold;
    margin-bottom: 0.7em;
    }

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

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

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

h4 {
    font-size: 128%;
    margin: 0px;
    line-height: 1em;
    padding-bottom: 0.7em;
    }

h5 {
    font-size: 110%;
    padding: 0px;
    margin-bottom: 0.3em;
    margin: 0;
    }
h5.products {
	border-bottom:1px solid #CCCCCC;
	margin-bottom: 15px
}
hr {
    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%;
    }

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(../img/bullet.gif) no-repeat 0 0.2em;
	}

.feature .plainlist li.new {
   background: url(../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.4em 0 0.2em 25px;
	list-style: none;
	list-style-position: outside;
	background: url(../img/bullet_arrow.gif) no-repeat 8px 0.6em;
	}

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

.starlist li {
	margin-left: 0px;
	padding: 0.4em 0 0.2em 16px;
	list-style: none;
	list-style-position: outside;
	background: url(../img/bullet_star_bw.gif) no-repeat 0 1em;
	}
.starlist ul {
    margin-left: 0px;
	padding: 0.4em 0 0.2em 36px;
}
.starlist ul li {
    margin-left: 0px;
	padding: 0.4em 0 0.2em 4px;
    list-style: disc outside none;
    background: none;
}
.starlist li h5 {padding-top: 0; margin-top: 0;}

.bigtext {font-size: 110%;}

.number {color: #888; font-weight: normal;}

.emp {font-size: 100%;}
.name {font-size: 86%;}
.acc {color: #C16C33;}

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

#error img {float: left; margin: 5px 35px 130px 15px;}
#error h5 {margin-bottom: 1.2em;}

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

#subscribe img {float: left; margin: 5px 35px 0px 15px;}
#subscribe h5 {margin-bottom: 1.2em;}

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

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

#fabreap, #mpseap {
    width: 168px;
    height: 45px;
   	border-left: #ccc solid 1px;
    border-right: #ccc solid 1px;
    border-top: #ccc solid 1px;
    }
 #fabreap {
   background: url(../img/box_eap.gif) no-repeat left top;
 }
 #mpseap {
    background: url(../img/box_mps_eap.gif) no-repeat left top;
	 }

#whatsnew, #whatsnew_res, #whatsnew_om, #whatsnew_howto, #whatsnew_os,
#whatsnew_howto_rs, #whatsnew_howto_om, #whatsnew_howto_pr, #whatsnew_tm, #whatsnew_howto_tm  {
    width: 168px;
    height: 40px;
    border-left: #ccc solid 1px;
    border-right: #ccc solid 1px;
    border-top: #ccc solid 1px;
}
#whatsnew {
    background: url(../img/box_whatsnew.gif) no-repeat left top;
	}
#whatsnew_res {
    background: url(../img/box_whatsnew_rs.gif) no-repeat left top;
	}
#whatsnew_om {
    background: url(../img/box_whatsnew_om.gif) no-repeat left top;
	}

#whatsnew_howto {
    background: url(../img/box_whatsnew_howto.gif) no-repeat left top;
	}
#whatsnew_howto_rs {
    background: url(../img/box_howto_rs.gif) no-repeat left top;
	}
#whatsnew_howto_om {
    background: url(../img/box_howto_om.gif) no-repeat left top;
	}
#whatsnew_howto_pr {
    background: url(../img/box_howto_pr.gif) no-repeat left top;
	}

#whatsnew_os {
    background: url(../img/box_whatsnew_os.gif) no-repeat left top;
	}
#whatsnew_tm {
    background: url(../img/box_whatsnew_tm.gif) no-repeat left top;
}
#whatsnew_howto_tm {
    background: url(../img/box_howto_tm.gif) no-repeat left top;
}

#whatsnew h4, #whatsnew_res h4, #whatsnew_om h4, #fabreap h4, #mpseap h4,
#whatsnew_howto h4, #whatsnew_os h4, #whatsnew_howto_rs h4, #whatsnew_howto_om h4,
#whatsnew_howto_pr h4, #whatsnew_tm h4, #whatsnew_howto_tm h4 {
    padding-left: 60px;
    padding-top: 12px;
    font-size: 110%;
    }

#wnew {
    width: 168px;
    font-family: trebuchet ms, tahoma, verdana, arial;
    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 h5 {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;
}

/*--------------- Spec Offer Page --------------------*/

html body#spec {background: #fff url(../img/bg_spec.gif) repeat-x left top;}
body#spec #bannermain {background: #fff url(../img/bg_big_spec.gif) no-repeat 5px 0;}

 body#spec #bc{
 margin-bottom: 0.5em;
 }

 body#spec h3{
    background: #fff url(../img/discount.gif) no-repeat top left;
    margin-top: 2em;
    padding-left: 40px;
    }
  body#spec h3.survey{
    background: #fff url(../img/checkbox.gif) no-repeat top left;
    }
body#spec p{text-align: justify;}

body#spec .firstcol{
	width: 250px;
    padding:0 0 0 2em;
	float: left;
    }

body#spec .secondcol {
	width: 250px;
    padding: 0 1em 0 1em;
	float: right;
    }
#cols2{
 margin: 1em 0 1em 0;
 }

dl.plainlist dt{
    font-weight:bold;
    font-size:1.1em;
    padding-left:15px;
    background: url(../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(../img/bullet.gif) no-repeat 0 0;
	}

#purchase h3 {
    border-bottom: 1px solid #ccc;
    margin-bottom: 0.5em;
    padding-top: 0.8em;
    }
/*------------------------IntelliJ IDEA Info Kit pages----------*/
#infokit h3{
  margin-bottom:10px;
}

.r1c1,.r1c2,.r2c1,.r2c2{
   padding: 1em 20px 1em 20px;
   width:240px;
   margin-bottom:3em;
   border: 1px solid white;
   background:url("../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(../img/prev_ar.gif) no-repeat  0px 2px;
}

a.next{
    margin-left:0.5em;
    padding: 0 1em 0 0;
    background: url(../img/next_ar.gif) no-repeat  2.3em 2px;
}
.pager{
    font-size: 1em;
    text-align:center;
    margin: 2em 0 3em 0;
    }

#content span.key {display:inline; color:#993300;font-style:italic;}

/*------------------ Styles for evaluation forms*/
 form {margin:0; padding:0;}
 form dt em, form p.comment em {color:#dc143c; font-size:120%;}
 form dd em, form p.comment em {color:#dc143c; font-size:120%;}
 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;}