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

body {
    font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
    font-size:12px;
    font-size-adjust:none;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    background:url(../images/body_bg.jpg) repeat-x 0 0;
    }

.clear {
    clear:both;
    }

/* -----  layout starts -----  */
#layout {
    width:890px;
    margin:0 auto;
    }
    
#list_expand {
    color:#2278B5;
    float:right;
    font-size:8px;
    font-weight:bold;
    padding-top:5px;
    text-decoration:none;
    }

#cats_expand {
    color:#2278B5;
    float:right;
    font-size:8px;
    font-weight:bold;
    padding-top:5px;
    text-decoration:none;
    }
    
#authors_expand {
    color:#2278B5;
    float:right;
    font-size:8px;
    font-weight:bold;
    padding-top:5px;
    text-decoration:none;
    }    
    
#pop_expand {
    color:#2278B5;
    float:right;
    font-size:8px;
    font-weight:bold;
    padding-top:5px;
    text-decoration:none;
    }       

#list_collapse {
    color:#2278B5;
    float:right;
    font-size:8px;
    font-weight:bold;
    padding-top:5px;
    text-decoration:none;;
    }

#cats_collapse {
    color:#2278B5;
    float:right;
    font-size:8px;
    font-weight:bold;
    padding-top:5px;
    text-decoration:none;
    }
    
#authors_collapse {
    color:#2278B5;
    float:right;
    font-size:8px;
    font-weight:bold;
    padding-top:5px;
    text-decoration:none;
    }  
    
#pop_collapse {
    color:#2278B5;
    float:right;
    font-size:8px;
    font-weight:bold;
    padding-top:5px;
    text-decoration:none;
    }       

/* -----  header starts -----  */
#header {
    width:880px;
    float:left;
    padding:24px 10px 0 0;
    }
.ie6 #header {
    width:910px;
}

#header .logo {
    width:366px;
    height:45px;
    float:left;
    }
    
#header .logo img {
    border-style: none;
    }
    
#header .search {
    background:url(../images/search_bg.jpg) no-repeat 0 0;
    width:204px;
    height:22px;
    float:right;
    padding:4px;
    margin-top:7px;
    }
    
#header .search form {
    width:204px;
    float:left;
    }
    
#header .search form input {
    width:134px;
    height:17px;
    float:left;
    color:#000000;
    font-size:10px;
    line-height:12px;
    background:none;
    border:0px;
    padding:5px 6px 0 29px;
    }
    
#header .search form input.button {
    width:30px;
    height:22px;
    float:right;
    padding:0px;
    margin:0px;
    }
    
/* -----  header ends ----- */

/* ----- body container starts  ----- */
#body_container {
    width:890px;
    float:left;
    padding:11px 0 0px;
    position:relative;
    }

.ie6 #body_container {
    width:920px;
}


/* ----- top right container starts ----- */
#right_navigation {
    width:210px;
    float:right;
    margin-right:10px;
    display:inline;
    padding:0 0 26px;
    }
    
#right_navigation .top_box {
    width:210px;
    float:left;
    }
    
#right_navigation .top_box ul {
    width:210px;
    float:left;
    list-style:none;
    }
    
#right_navigation .top_box ul li {
    width:auto;
    float:left;
    margin-right:5px;
    display:inline;
    }
    
#right_navigation .top_box ul li.last {
    margin:0px;
    }
    
#right_navigation .navigation {
    width:210px;
    float:left;
    font-size:14px;
    line-height:16px;
    padding:5px 0 0;
    font-weight:bold;
    }
    
#right_navigation .navigation ul {
    width:210px;
    background:url(../images/right_nav_divider.jpg) no-repeat 0 bottom;
    float:left;
    list-style:none;
    }
    
#right_navigation .navigation ul li {
    width:210px;
    background:url(../images/right_nav_divider.jpg) no-repeat 0 0;
    float:left;
    padding:8px 0 0;
    margin-bottom:6px;
    }
    
#right_navigation .navigation ul li a{
    color:#42578a;
    width:180px;
    background:url(../images/right_nav_bg.jpg) no-repeat 0 0;
    float:left;
    padding:3px 15px 2px;
    height:17px;
    text-decoration:none;
    }

/* ----- top right container ends ----- */

/* ----- bottom container starts ----- */
#bottom_container {
    width:890px;
    float:left;
    padding:0px 0 0px;
    }
.ie6 #bottom_container {
    width:920px;
} 
#bottom_container1 {
    width:890px;
    background:url(../images/inner_page_top_border.jpg) no-repeat 0 0;
    float:left;
    padding:0px 0 0px;
    }
    
/* ----- left container starts ----- */
#left_container {
    width:210px;
    float:left;
    margin-right:10px;
    display:inline; position:relative;
    }
    
#left_container #image_helper {
    width:auto;
    position:relative;
    clear: both;
    }
    
#left_container .img {
    width:auto;
    position:absolute;
    right:0px;
    top:5px;
    }
    
#left_container h2, #left_container h3 {
    width:200px;
    float:left;
    font-size:18px;
    text-transform:uppercase;
    font-weight:normal;
    color:#2f435f;
    font-family:"TradeGothicLT", Verdana, Arial, Helvetica, San Serif;
    padding:2px 0 2px 10px
    }
    
#left_container h2 a {
    text-decoration: none;
    color:#2F435F;
    }   
    
#left_container h2 a:hover {
    text-decoration: underline;
    color:#2F435F;
    }
    
#left_container ul {
    width:210px;
    float:left;
    list-style:none;
    margin-bottom:15px;
    }
    
#left_container ul li {
    width:200px;
    background:url(../images/dotted_line.jpg) repeat-x 0 0;
    float:left;
    font-size:10px;
    line-height:15px;
    color:#2278b5;
    padding:5px 0 5px 10px;
    }
    
#left_container ul li a {
    font-weight:bold;
    text-decoration:none;
    color:#2f435f;
    }
    
#left_container ul li a:hover {
    text-decoration:underline;
    }

/* ----- todo: replace span with meaningful name ----- */
#left_container ul li p.date {
    font-style:italic;
    color:#666666;
    font-size:9px;
    }

/* ----- left container ends ----- */

/*middle container starts */
#middle_container {
    width:430px;
    float:left;
    position:relative;
    }

#middle_container h3 {
    width:410px;
    float:left;
    font-size:18px;
    text-transform:uppercase;
    font-weight:normal;
    color:#2f435f; 
    font-family:"TradeGothicLT", Verdana, Arial, Helvetica, San Serif;
    padding:2px 10px 2px;
    }


/* ----- middle container top section starts ----- */
#middle_container .top_section {
    width:410px;
    float:left;background:url(../images/dotted_line.jpg) repeat-x 0 0;
    padding:5px 10px 10px;
    }
    
#middle_container .top_section p {
    width:325px;
    float:left;
    padding:2px 65px 2px 25px;
    font-size:11px;
    line-height:16px;
    color:#2278b5;
    background:#c7e1f3 url(../images/comments_icon.gif) no-repeat 5px 5px;
    margin-bottom:5px;
    position:relative;
    }
    
#middle_container .top_section p.gray_bar {
    background:#e9e9e9 no-repeat 5px 5px;
    }

#middle_container .top_section p.sling {
    background-image:url(../images/comments_icon.gif);
    }

#middle_container .top_section p.jackrabbit {
    background-image:url(../images/comments_icon.gif);
    }

#middle_container .top_section p.cmis {
    background-image:url(../images/comments_icon.gif);
    }

#middle_container .top_section p.cq {
    background-image:url(../images/comments_icon.gif);
    }
    
#middle_container .top_section p.crx {
    background-image:url(../images/comments_icon.gif);
    }

#middle_container .top_section p a {
    color:#2278b5;
    text-decoration:none
    }
    
#middle_container .top_section p a:hover {
    color:#2278b5;
    text-decoration:underline
    }
    
#middle_container .top_section p span {
    width:auto;
    position:absolute;
    bottom:0px;
    right:5px;
    font-size:9px;
    color:#666666;
    font-style:italic;
    }
    
/*middle container top section ends */

/* ----- middle container documentation section starts ----- */
#middle_container .documentation_section {
    width:410px;
    float:left;background:url(../images/dotted_line.jpg)repeat-x 0 0;
    padding:5px 10px 10px;
    }
    
#middle_container .documentation_section p {
    width:410px;
    float:left;
    padding:2px 0px 2px 0px;
    font-size:11px;
    line-height:15px;
    color:#2278b5;
    margin-bottom:10px;
    }
    
#middle_container .documentation_section p a {
    color:#2278b5;
    text-decoration:none
    }
    
#middle_container .documentation_section p a:hover {
    color:#2278b5;
    text-decoration:underline
    }
    
#middle_container .documentation_section p span {
    width:410px;
    float:left;font-size:9px;
    line-height:15px;
    color:#666666;
    font-style:italic;
    }
    
/* ----- middle container documentation section ends ----- */
/* ----- middle container ends ----- */


/* ----- left container documentation section starts ----- */
#left_container .documentation_section {
    width:190px;
    float:left;background:url(../images/dotted_line.jpg)repeat-x 0 0;
    padding:5px 10px 10px;
    }
    
#left_container .documentation_section p {
    width:210px;
    float:left;
    padding:2px 0px 2px 0px;
    font-size:11px;
    line-height:15px;
    color:#2278b5;
    margin-bottom:10px;
    }
    
#left_container .documentation_section p a {
    color:#2278b5;
    text-decoration:none
    }
    
#left_container .documentation_section p a:hover {
    color:#2278b5;
    text-decoration:underline
    }
    
#left_container .documentation_section p span {
    width:210px;
    float:left;font-size:9px;
    line-height:15px;
    color:#666666;
    font-style:italic;
    }
    
/* ----- middle container documentation section ends ----- */

/* ----- right container starts ----- */
#right_container {
    width:230px;
    float:right;
    position:relative;
    }
    
#right_container h3, #right_container h2 {
    width:210px;
    font-size:18px;
    font-weight:normal;
    color:#2278b5;
    font-family:"TradeGothicLT", Verdana, Arial, Helvetica, San Serif;
    padding:2px 10px 2px
    }
    
/* ----- to do ----- */
#right_container .img {
    width:auto;
    position:absolute;
    right:0px;
    top:5px;
    }
    
#right_container #image_helper { 
    width:auto;
    position:relative;
    clear: both;
    }
    
#right_container #image_helper #tweet_img {
    width:auto;
    position:absolute;
    right:0px;
    top:5px;
    }
    
#right_container #image_helper a {
    text-decoration:none;
    color:#2278b5;
    }
    
#right_container #image_helper a:hover {
    text-decoration:underline;
    }


#right_container .tweet_section {
    /* width:210px; */
    padding:5px 10px 1px;
    }
    
    #right_container .backtweet_section {
        /* width:210px; */
        padding:5px 10px 1px;
        }    
    
#right_container .tweet_section .top_corner {
    /* width:210px; */
    background:url(../images/twitter_content_top_corner_tweet.gif) no-repeat 0 0;
    padding:5px 0 0;
    }
    
    #right_container .backtweet_section .top_corner {
        /* width:210px; */
        background:url(../images/twitter_content_top_corner_backtweet.gif) no-repeat 0 0;
        padding:5px 0 0;
        }    
    
#right_container .tweet_section .bottom_corner {
    /* width:198px; */
    background:#6ED0F8 url(../images/twitter_content_bottom_corn_tweet.gif) no-repeat 0 bottom;
    padding:0 6px 30px;
    margin-bottom:5px;
    position:relative;
    }
    
#right_container .backtweet_section .bottom_corner {
    /* width:198px; */
    background:#B9D65C url(../images/twitter_content_bottom_corn_backtweet.gif) no-repeat 0 bottom;
    padding:0 6px 30px;
    margin-bottom:5px;
    position:relative;
    }    
    
#right_container .tweet_section p {
    width:195px;
    color:#fff;
    font-size:11px;
    line-height:15px;
    }
    
#right_container .backtweet_section p {
    width:195px;
    color:#fff;
    font-size:11px;
    line-height:15px;
    }    
    
#right_container .backtweet_section p.tweet_detail strong a {
    font-weight:normal;
    }    
    
#right_container .tweet_section p a {
    text-decoration:none;
    color:#2278b5;
    }
    
    #right_container .backtweet_section p a {
        text-decoration:none;
        color:#7DD55C;
        }    
    
#right_container .tweet_section p.tweet_detail {
    margin-bottom:10px;
    }
    
    #right_container .backtweet_section p.tweet_detail {
        margin-bottom:10px;
        }    

#right_container .tweet_section p.date {
    width:195px;
    position:absolute;
    text-align:right;
    /* right:5px; */
    /* bottom:20px; */
    font-size:9px;
    font-style:italic;
    color:#2f435f;
    }
    
    #right_container .backtweet_section p.date {
        width:195px;
        position:absolute;
        text-align:right;
        /* right:5px; */
        /* bottom:20px; */
        font-size:9px;
        font-style:italic;
        color:#2f435f;
        }    
    
#right_container ul {
    width:210px;
    float:left;
    list-style:none;
    }
    
#right_container ul li {
    width:200px;
    float:left;
    font-size:10px;
    line-height:15px;
    color:#2278b5;
    background:url(../images/dotted_line.jpg) repeat-x 0 0;
    padding:5px 0 5px 10px;
    }
    
#right_container ul li a {
    font-weight:bold;
    text-decoration:none;
    color:#2f435f;
    }
    
#right_container ul li a:hover {
    text-decoration:underline;
    }

/* ----- right container starts ----- */
/* ----- bottom container ends ----- */
/* ----- body container ends ----- */
/* ----- layout container ends ----- */


/* ----- middle container inner page starts ----- */
#middle_container_inner {
    width:430px;
    float:left;
    position:relative;
    padding:0 0 10px
    }

#middle_container .img {
    position:absolute;
    right:0;
    top:5px;
    width:auto;
    }
 
.latestpostsbig h3 a {
    text-decoration: none;
    color:#2F435F;
    }
.latestpostsbig h3 a:hover {
   text-decoration: underline;
   }

.latestpostsbig .big_post_teaser {
    float:left;
    padding:5px 0 5px;
    position:relative;
    width:420px;
    }

.latestpostsbig .big_post_teaser_sep {
    background:url("../images/dotted_line.jpg") repeat-x scroll 0 0 transparent;
    float:left;
    width:420px;
    height:1px;
    }

.latestpostsbig .big_post_teaser .img_box {
    display:inline;
    float:left;
    height:38px;
    margin-right:10px;
    width:38px;
}

.post_teaser_title a {
    color:#2F435F;
    font-weight:bold;
    text-decoration:none;
}
.post_teaser_title a:hover {
    text-decoration:underline;
}

.post_teaser_text {
    color:#2278B5;
    font-size:10px;
    line-height:15px;
}

.latestlistmails h3 a {
    text-decoration: none;
    color:#2F435F;
    }   
    
.docnews h3 a {
    text-decoration: none;
    color:#2F435F;
    }
    
.latestlistmails a:hover {
    text-decoration:underline;
    }
    
.docnews a:hover {
    text-decoration:underline;
    }       

#middle_container_inner h3 a:hover {
    text-decoration: underline;
    color:#2F435F;
    }

#middle_container_inner h2.pagetitle {
    color:#2278b5;
    }
        
#middle_container_inner h3 {
    font-size:15px;
    line-height:18px;
    color:#2278b5;
    }
    
#middle_container_inner .post {
    width:430px;
    float:left;
    margin-bottom:25px;
    }
    
#middle_container_inner .post2 {
    width:430px;
    float:left;
    }
    
#middle_container_inner .post_details {
    width:430px;
    float:left;
    background:url(../images/dotted_line.jpg) repeat-x 0 bottom;
    background-color:#FAFAFA;
    padding:3px 0 3px;
    border-top:1px solid #999999;
    }
    
#middle_container_inner .post_details p {
    width:430px;
    float:left;
    line-height:15px;
    color:#999999;
    }
    
#middle_container_inner .post_details p strong {
    font-weight:normal;
    color:#2278b5;
    }

/* ----- todo: replace span with meaningful name ----- */
#middle_container_inner .post_details p span {
    float:left;
    width:340px;
    font-size:9px;
    }
    
#middle_container_inner .post_details p a {
    text-decoration:none;
    color:#2278b5;
    }
    
#middle_container_inner .post_details p a:hover {
    text-decoration:underline;
    }
    
#middle_container_inner .post_details p span.right {
    float:right;
    width:90px;
    font-size:12px;
    }

#middle_container_inner .poster_details {
    width:430px;
    float:left;
    padding:5px 0 8px;
    position:relative;
    }
    
#middle_container_inner .poster_details .img_box {
    width:38px;
    height:38px;
    float:left;
    margin-right:10px;
    display:inline;
    }
    
#middle_container_inner .poster_details h3 {
    width:310px;
    float:left;
    font-size:15px;
    line-height:18px;
    color:#2278b5;
    }
    
#middle_container_inner .poster_details h3 a {
    color:#2278b5;
    text-decoration:none;
    }
    
#middle_container_inner .poster_details h3 a:hover {
    color:#2278b5;
    text-decoration:underline;
    }
    
#middle_container_inner .poster_details .readmore {
    width:71px;
    height:14px;
    float:right;
    text-align:center;
    font-size:9px;
    line-height:12px;
    padding:5px 0 0;
    }
    
#middle_container_inner .poster_details .readmore a {
    color:#3779a7;
    width:71px;
    height:14px;
    background:url(../images/read_more.jpg) no-repeat 0 0;
    float:left;
    text-decoration:none;
    }

#middle_container_inner .post_content {
    width:430px;
    float:left;
    overflow:hidden;
    }
    
#middle_container_inner .post_content H3, H4 {
    font-size:14px;
    color:#2278b5;
    padding-bottom:5px;
    }

#middle_container_inner .post_content H5 {
    font-size:12px;
    color:#2278b5;
    padding-bottom:5px;
    }

        
#middle_container_inner .post_content p {
    width:430px;
    padding-bottom:15px;
    font-size:11px;
    line-height:15px;
    color:#333333;
    }

#middle_container_inner .post_content p a {
    color:#2278b5;
    text-decoration:none;
    }

#middle_container_inner .post_content ul {
    background-color:#EEF8FC;
    border-top-style:dotted;
    border-top-width:1px;
    color:#2F435F;
    font-size:11px;
    line-height:16px;
    list-style-position:inside;
    list-style-type:square;
    margin-left:0;
    margin-bottom:10px;
    padding-left:24px;
    padding-bottom:10px;
    padding-top:5px;
    }

#middle_container_inner .post_content ol {
    background-color:#EEF8FC;
    border-top-style:dotted;
    border-top-width:1px;
    color:#2F435F;
    font-size:11px;
    line-height:16px;
    list-style-position:inside;
    margin-left:0;
    padding-left:24px;
    padding-bottom:10px;
    margin-bottom:10px;
    padding-top:5px;
    }

#middle_container_inner .post_content ul li, ol li {
    border-bottom:1px dotted #5478AA;
    padding-bottom:2px;
    padding-top:2px;
    padding-left:10px;
    margin-right:12px;
    text-indent:inherit;
    display:block;
    }

#middle_container_inner .post_content tr td {
    border-bottom:1px dotted #5478AA;
    border-right:1px dotted #5478AA;
    background-color:#EEF8FC;
    border-top-style:dotted;
    border-top-width:1px;
    color:#2F435F;
    font-size:11px;
    }

#middle_container_inner .post_content li a {
    color:#2278B5;
    text-decoration:none;
    }

#middle_container_inner .post_content li a:hover {
    color:#2278B5;
    text-decoration:underline;
    }

#middle_container_inner .post_content dl {
    background-color:#EEF8FC; 
/*  border-top-style:dotted;
    border-top-width:1px;
    color:#2F435F;
    font-size:11px;
    line-height:16px;
    list-style-position:inside;
    margin-left:0;
    margin-right:12px;
    padding-left:24px;
    padding-bottom:10px;
    margin-bottom:10px;
    padding-top:5px; */
    }
    
#middle_container_inner .post_content dt {
/*  background-color:#EEF8FC; */
    border-top-style:dotted;
    border-top-width:1px;
    color:#2F435F;
    font-size:12px;
    font-weight:bold;
    line-height:16px;
    list-style-position:inside;
    margin-left:0;
    padding-left:24px;
    margin-bottom:5px;
    padding-top:5px;
    }
    
#middle_container_inner .post_content dd {
/*  background-color:#EEF8FC; */
    border-top-style:dotted;
    border-top-width:1px;
    color:#2F435F;
    font-size:11px;
    line-height:16px;
    margin-left:24;
    margin-right:12px;
    padding-bottom:10px;
    margin-bottom:10px;
    padding-top:5px;
    }

#middle_container_inner .post_content dd em {
    font-size:10px;
    color:#2278B5;
    line-height:14px;
    font-weight:bold;
    }


#middle_container_inner .post_content .codesnippet, #middle_container_inner .post_content .scrollablecodesnippet {
    background:#EEEEEE none repeat scroll 0 0;
    border-bottom-style:dotted;
    border-bottom-width:1px;
    border-top:1px solid #999999;
    font-family:"Courier New",Courier,monospace;
    font-size:12px;
    color:#666666;
    margin-bottom:15px;
    margin-left:0;
    max-width:600px;
    overflow:hidden;
    padding:10px 15px 10px;
    white-space:pre;
    height: expression(this.childNodes[0].offsetHeight+20+'px'); /* this is for IE rendering */
}

#middle_container_inner .post_content .codetitle {
    border-left:2px solid #999999;
    color:#2F435F;
    font-size:12px;
    font-weight:bold;
    margin-bottom:12px;
    padding-left:10px;
}

#middle_container_inner .post_content blockquote {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:#EEF8FC none repeat scroll 0 0;
    border-left:2px solid #999999;
    border-right:1px dotted #999999;
    font-style:italic;
    font-weight:bold;
    color:#2F435F;
    margin:0 5px 15px 55px;
    }

#middle_container_inner .post_content blockquote p {
    font-size:11px;
    line-height:16px;
    width:340px;
    padding:10px 5px 10px 20px;
    }
    
#middle_container_inner .subresult {
    padding: 3px 0 2px 0;
    }

#middle_container_inner .post_content .vignette {
    border-left:4px solid #999999;
    margin-bottom:10px;
    padding-left:10px;
    }

#middle_container_inner .post_content .footnotes {
    font-size:9px;
    border-top:1px dotted #999999;
    }
    
#middle_container_inner .post_content .footnotes .footnote {
    line-height:12px;
    }
    
#middle_container_inner .post_content .footnotes a {
    text-decoration:none;
    color:#2278B5;
    }

#middle_container_inner .post_content .footnotes a:hover {
    text-decoration:underline;
    color:#2278B5;
    }


/* TODO */

#middle_container_inner .post_content p a:hover {
    color:#2278b5;
    text-decoration:underline;
    }
/*
#middle_container_inner .post_content img {
    float:left;
    margin-right:10px;
    display:inline;
    border-style: none;
    }
#middle_container_inner .post_content .image img,
#middle_container_inner .post_content img.cq-text-placeholder {
    float:none;
    margin-right:0;
    }
*/
    
@media screen {.scrollablecodesnippet pre {
    width:420px;
    overflow: auto;
    }
    
* .scrollablecodesnippet pre {
    width: 100%;
    overflow: scroll;
    overflow-y: visible;
    }
}

@media print {
 .scrollablecodesnippet {}
}


/* ----- need to review this ----- */
#middle_container_inner .post_content pre {
    float:right;
    }


/* #middle_container_inner .post_content p span{float:left} */

    
/* ----- middle container inner page ends ----- */



/* ----- comments ---- */

#middle_container_inner .comments {
    font-size:11px;
    margin-bottom:40px;
}

#middle_container_inner .comments-count {
    font-size:1.5em;
    font-weight:bold;
    margin-top:30px;
    }

#middle_container_inner .comments-count.replies {
    font-size:1em;
    }

#middle_container_inner .comment {
    background-color:#FAFAFA;
    margin-bottom:30px;
    margin-top:14px;
    padding:10px 10px 0;
    }

#middle_container_inner .comment-header {
    background-color:#EFEFEF;
    border-top:1px solid #BCBCBC;
    font-size:0.75em;
    height:30px;
    line-height:30px;
    }

#middle_container_inner .comment-header a {
    color:#000000;
    text-decoration:none;
    }

#middle_container_inner .comment-header-avatar {
    float:left;
    }

#middle_container_inner .comment-header-avatar img {
    height:24px;
    margin:2px;
    width:24px;
    }

#middle_container_inner .comment-header-meta {
    float:right;
    margin-right:10px;
    }

#middle_container_inner .comment-header-time {
    }

#middle_container_inner .comment-header cite {
    float:left;
    margin:0 10px;
    }

#middle_container_inner .comment-header cite a {
    font-weight:bold;
    }
    
#middle_container_inner .comment-body {
    clear:left;
    margin-top:5px;
    overflow-x:hidden;
    }
    
#middle_container_inner .comment-replies {
    }
    
#middle_container_inner .comment-replies.tree {
    padding-left:20px;
    padding-top:5px;
    }
    
#middle_container_inner form.comment {
    background-color:#EEF8FC;
    border-top:1px solid lightblue;
    margin-bottom:0;
    margin-left:0;
    margin-right:0;
    padding:10px;
    }
    
#middle_container_inner .comment-error {
    color:#FF6600;
    font-weight:bold;
    }

#middle_container_inner .comment-info {
    margin-bottom:10px;
    width:99%;
    }

#middle_container_inner .comment-block {
    }

#middle_container_inner .comment-text-label {
    font-weight:bold;
    }
    
#middle_container_inner input.comment-text {
    border:1px dotted #2278B5;
    color:#666666;
    display:block;
    font-size:95%;
    margin:10px 10px 7px 0;
    padding:2px;
    width:99%;
    }
    
#middle_container_inner textarea.comment-text {
    border:1px dotted #2278B5;
    color:#888888;
    font-family:Arial,Helvetica,sans-serif;
    font-size:12px;
    height:100px;
    margin:10px 0;
    padding:5px 0 0 5px;
    width:99%;
    }

#middle_container_inner .comment-text-label {
    color:#2278B5;
    }
    
#middle_container_inner .comment-spam {
    background-color:#CC0000;
    color:#FFFFFF;
    font-size:1.2em;
    font-weight:bold;
    padding:2px;
    }
    
#middle_container_inner .ratings .empty {
    background-image:url(../../../libs/collab/components/ratings/star_empty.png);
    }
    
#middle_container_inner .ratings .full {
    background-image:url(../../../libs/collab/components/ratings/star_full.png);
    }
    
#middle_container_inner .ratings-bar {
    background-repeat:repeat-x;
    height:16px;
    }
    
#middle_container_inner .ratings-stars {
    height:16px;
    width:80px;
    }

#middle_container_inner .ratings-star {
    background-repeat:no-repeat;
    float:left;
    height:16px;
    width:16px;
    }
    
#middle_container_inner .comments-count .ratings-bar.empty {
    width:80px;
    }
    
#middle_container_inner .comments-count .ratings-bar.full {
    width:0;
    }
    
#middle_container_inner .comment-header .ratings-stars {
    float:right;
    height:30px;
    margin-right:5px;
    padding-top:6px;
    }
    
#middle_container_inner .comment-header {
    clear:both;
    }
    
#middle_container_inner .comment-header .ratings-bar.empty {
    width:80px;
    }


.pagination {
   border-top:solid 1px #999999;
   border-bottom:solid 1px #999999;
   clear:both;
   height:16px;
   padding:5px 0;
}
.pagination a {
   text-decoration: none;
   color:#2278B5;
}
.pagination .previous {
   float:left;
}

.pagination .next {
   float:right;
}

/* Banners ================================================ */
.banners {
    overflow: hidden;
    position: absolute;
    top: 10px;
    left: 0px;
    width: 660px;
    height: 225px;
    /*background: #ffffff;*/
    padding:0 0 46px;
}

/* Switch */
.banner-switch {
    position: absolute;
    z-index: 1;
    top: 15px;
    left: 30px;
}
.banner-switch li,
.banner-switch a {
    overflow: hidden;
    float: left;
    display: inline;
    width: 25px;
    height: 25px;
}
.banner-switch a {
    text-indent: -1000em;
    background: url(../images/banner_switch.png) no-repeat;
}
.banner-switch a.active,
.banner-switch a:hover {
    background-position: -25px 0;
}
.ie6 .banner-switch a{
    background:url(../images/banner_switch.gif) no-repeat;
}
.ie6 .banner-switch a.active {
    background-position: -25px 0;
}

/* Items */
.banner-item {
    position: absolute;
    top: 0;
    width: 660px;
    height: 225px;
    left: 660px;
}
.banner-item:first-of-type,
.ie6 .banner-item {
    left: 0;
}
.ie6 .banner-item {
    display: none;
}

/* ----- old banner starts ----- */
#banner {
    width:660px;
    height:225px;
    float:left;
    padding:0 0 46px
    }
    
.banners img{
    border-style: none;
    }
  
/* Sidebar */
.sidebar-banner {
    padding: 0 10px;
    margin: 0 0 20px;
}



/* ----- banner ends ----- */

/* ----- Adobe footer ----- */

/* General footer rules */

.footer {
    position: relative;
    margin-top: 20px;
    padding: 20px 0;
    float:left;
    border-top: 1px solid #6E6E6E;
    font-size: 10px;
    line-height: 15px;
    color: #6E6E6E;
    zoom: 1; /* Hugging IE6 */
}

.footer p {
    margin: 0;
}

.footer p a {
    color: #6E6E6E;
    white-space: nowrap;
}
.footer p a:hover {
    color: #000000;
}

/* Copyright + agreement to Terms of Use and Privacy Policy */

.footer-legal {
    float: left;
    width: 50%;
}

.footer-legal p {
    margin-right: 20px;
}

/* Day Software is now part of Adobe */

.footer-adobe {
    float: left;
    width: 50%;
    position: relative;
}

.footer-adobe-icon {
    position: absolute;
    width: 37px;
    height: 47px;
    background: url(../images/footer_adobe.gif) no-repeat;
    text-indent: -1000em;
}

.footer-adobe-title,
.footer-adobe-release,
.footer-adobe-faq {
    display: block;
    margin: 0 180px 0 47px;
}

/* TRUSTe logo */

.footer-truste a {
    position: absolute;
    top: 20px;
    right: 0;
    width: 165px;
    height: 47px;
    background: url(../images/footer_truste.gif) no-repeat;
    text-indent: -1000em;
}

/* ----- Adobe footer (end) ----- */