/*
 * SKIN CSS
 *
 * ********************************************* */

body {
    font-family: "Open sans",sans-serif;
    line-height: 24px;
    border-top:4px solid #000;
    background-color: #efefef;/*#fafafa;*/
    background-image: url('images/body_bg_grey_p.png');
    background-repeat: no-repeat;
    background-position: top center;
    background-attachment: scroll;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    margin: 0px;
    padding: 0px;
    display: block;
}

#header {
    height: 150px;
    border-top:8px solid #0098b9;
}

#site_name {
    color: #444444;
    font-size: 40px;
}
#site_description {
    color: #444444;
    font-size: 11px;
}
#logo, #logo_text {
    top:10px;
    #bottom: 0px;
}

/* Navigation
 * -------------------------------------- */

#navigation .menu > .hover > a {
    background-color: #4b4b4d;
    color: #fff
}#navigation .menu > .current-menu-item > a,#navigation .menu > .current-menu-item > a:visited,
#navigation .menu > .current-menu-ancestor > a {
    background-color: #017A9D;
}
#navigation .menu > .current_page_item > a,#navigation .menu > .current_page_item > a:visited,
#navigation .menu > .current_page_ancestor > a {
    background-color: #017A9D;
    color:#fff;
}#navigation > ul > li {
    height: 60px;
}
#navigation > ul > li > a {
    height:auto;
    line-height: 100%;
    padding: 10px 15px;
    margin: 10px 5px 0 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
#navigation ul li a, #navigation ul li a:visited {
    font-size: 14px;
    color: #4B4B4D;
}
#navigation ul li a.hover, #navigation ul li a:hover, #navigation ul li a:active {
    color: #fff;
}
#navigation ul ul li a, #navigation ul ul li a:visited {
    font-size: 14px;
    color: #fff;
}
#navigation ul ul li a:hover, #navigation ul ul li a:active {
    background-color: #fff;
    color:#4B4B4D;
}
#navigation ul li ul,
#navigation ul li ul.sub-menu{
    border-width:4px;
    border-style:solid;
    border-color:#414142;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #4B4B4D;
}

/* Links
 * -------------------------------------- */
a {
    text-decoration:underline;
}

a:hover {
    text-decoration:none;
    color:#900;
}

h1 {
    font-size: 30pt;
}
h2 {
    font-size: 26pt;
}
h3 {
    font-size: 22pt;
}
h4 {
    font-size: 18pt;
}
h5 {
    font-size: 18pt;
}
h6 {
    font-size: 18pt;
}

/* --------------- formularis -------------- */
fieldset{
    border:none;
    padding:1em 0;
}
legend{
    font-family:Georgia,'Times New Roman',Times,serif;
    font-size:1.85em;
    letter-spacing:0.15em;
}
select option{ padding:0 5px; }

/* --------------- paragrafs -------------- */
blockquote{
    margin-left:1em;
    padding-left:1em;
    border-left:2px solid #CCC;
    color:#555;
}

pre, pre.code, .code{
    white-space:pre;
    padding:1em 1em 1em 2em;
    font-size:0.85em;
    background-color: #F6F6F6;
    border:1px solid #DEDEDE;
    border-radius: 4px 4px 4px 4px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2)
}

/* --------------- taules -------------- */
table{
    width:100%;
    border-spacing:2px;
    margin:1.5em 0;
    border-collapse:collapse;
}
table th, table td{
    padding:0.3em 0.75em
}
table th{
    text-align:left;
    color:#fff;
    text-shadow: 1px 1px 1px #0D2E4F;
    border-top:1px solid #064792;
    border-right:1px solid #064792;
    border-bottom:2px solid #064792;
    border-left:1px solid #064792;
    background-color: #1C5EA0; /* old browsers */
    background: -moz-linear-gradient(top, #1C5EA0 0%, #064792 99%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1C5EA0), color-stop(99%,#064792)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1C5EA0', endColorstr='#064792',GradientType=0 ); /* ie */
}
table td{
    background:#fafaff;
    color:#555;
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
    border-left:1px solid #ddd;
    border-right:1px solid #ddd;
    text-shadow: 0 1px 0 #FFFFFF;
}
table tr.odd td{
    background:#F5F5FF;
}
table caption{
    text-align:left;
    color:#555;
    margin-bottom:-1em;
    margin-top:1em;
}

td.leftalign{
    text-align:left;
}
td.rightalign{
    text-align:right;
}
td.centeralign{
    text-align:center;
}

/* Title
 * -------------------------------------- */
.headline_first{
    margin-top:1em;
    padding-top:0;
    margin-bottom:1em;
    text-align:center;
}

.headline_first h1{
    margin-top:1em;
    margin-bottom:0.25em;
    margin-left:auto;
    margin-right:auto;
    color: #017A9D;
    font-size:32pt;
    font-family: serif;
    max-width:1100px;
}

.headline_first h1.alike{
    font-family: "Alike", serif;
}
.headline_first h1.adamina{
    font-family: "Adamina", serif;
}
.headline_first h1.droid{
    font-family: "Droid serif", serif;
}

.headline_first h1 b{
    font-weight:bold;
    color:#000;
}
.headline_first .subtitle{
    font-family:'Architects Daughter', serif;
    font-size:22pt;
}

.headline_first h1 span{
    font-weight:700;
}

/* Page
 * -------------------------------------- */

#page {
    font-size: 12pt;
}

#page h1,#page h2,#page h3,#page h4,#page h5,#page h6{
    font-family: "Droid serif", serif;
    /*margin-top:2em;*/
    margin-bottom:0.5em;
    /*text-shadow: 0px 1px 2px #ddd;*/
}
#page h1 {
    color: #017A9D;
    font-size:30pt;
    font-weight:bold;
}
#page h2 {
    color:  #005A9C;
    font-size:26pt;
    /*border-bottom:1px solid #B1BCC4;*/
    padding-bottom:4px;
}
#page h2.first{
    margin-top:1em;
}
#page h3 {
    color:  #005A9C;
    font-size:22pt;
}
#page h4 {
    color: #333333;
    font-size:18pt;
}
#page h5 {
    color: #333333;
    font-size:18pt;
}
#page h6 {
    color: #333333;
    font-size:18pt;
}

#page a, #page a:visited {
    color:#017A9D;
}
#page a:hover, #page a:active {
    color: #055066;
    text-decoration:underline;
}
#page h1 a,#page h1 a:visited,#page h1 a:active {
    color: #017A9D;
    text-decoration:none;
}
#page h2 a,#page h2 a:visited,#page h2 a:active {
    color: #005A9C;
    text-decoration:none;
}
#page h3 a,#page h3 a:visited,#page h3 a:active {
    color:  #005A9C;
    text-decoration:none;
}
#page h4 a,#page h4 a:visited,#page h4 a:active {
    color: #333;
    text-decoration:none;
}
#page h5 a,#page h5 a:visited,#page h5 a:active {
    color: #333;
    text-decoration:none;
}
#page h6 a,#page h6 a:visited,#page h6 a:active {
    color: #333;
    text-decoration:none;
}

#page h1 a:hover, #page h2 a:hover, #page h3 a:hover,
#page h4 a:hover, #page h5 a:hover, #page h6 a:hover{
    text-decoration:none;
}

#page ul {
    color: #638C9C;
    line-height: 1.5em;
    list-style-image: none;
    list-style-type: disc;
}

#page ol{
    list-style-type: decimal;
}
#page ol ol {
    list-style-type: upper-roman;
}
#page ol ol ol {
    list-style-type: lower-alpha;
}

#page ol {
    color: #638C9C;
    font-weight: bold;
    line-height: 1.5em;
    list-style-image: none;
}

#page div.li {
    color: #444444;
    font-weight: normal;
}


#page div.feature_block {
    overflow:hidden;
    margin-bottom:1em;
    padding: 60px;
    background: none repeat scroll 0 0 #fff;
    /*
    background-color: rgba(255,255,255,.5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF88,endColorstr=#FFFFFF88);
    zoom: 1;
    * */
    border: 1px solid #ddd;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -moz-box-shadow: 2px 2px 2px #888;
    -webkit-box-shadow: 2px 2px 2px #888;
    box-shadow: 2px 2px 2px #888;
}

#page .portfolios.sortable header a {
    background-color:#eeeeee;
    color:#666666;
}
#page .portfolios.sortable header a.current, #page .portfolios.sortable header a:hover {
    background-color:#eeeeee;
    color:#666666;
}

#page div.box-center{
    margin:1em auto;
    text-align:center;
}

/* Sidebar
 * -------------------------------------- */

#sidebar .widget a, #sidebar .widget a:visited {
    color: #017A9D;
}
#sidebar .widget a:hover, #sidebar .widget a:active {
    color: #333333;
}
#sidebar .widgettitle {
    color: #333333;
    font-size: 24px;
}

/* --------- filariadna ------------- */
.filariadna{
    margin-top:0;
    margin-bottom:1em;
    padding-top:2px;
    padding-bottom:3px;
}
.filariadna p{
    margin:2px;
}
div.filariadna .filariadna_label{
    font-weight:normal;
}

div.filariadna a{
    font-weight:bold;
    color:#017A9D;
}


.portfolio_title {
    font-size: 24px;
    color: #333333;
}

/* --------------- DOKUWIKI -------------- */
h1{
    margin-left:0;
}
h2{
    margin-left:0;
}
h3{
    margin-left:0.5em;
}
h4{
    margin-left:1.0em;
}
h5{
    margin-left:1.5em;
}
h6{
    margin-left:2.0em;
}

div.level1{
    margin-top:0.75em;
    margin-bottom:1em;
    padding-top:0;
}
div.level1 p{
    margin-top:0;
    padding-top:0;
}
div.level2, div.level3, div.level4, div.level5, div.level6{
    margin-top:0.5em;
    margin-bottom:3em;
}

div.level1{
    margin-left:0;
}
div.level2{
    margin-left:0;
}
div.level3{
    margin-left:1.0em;
}
div.level4{
    margin-left:1.6em;
}
div.level5{
    margin-left:2.5em;
}
div.level6{
    margin-left:3.6em;
}

div.level1 a,
div.level2 a,
div.level3 a,
div.level4 a,
div.level5 a,
div.level6 a{
    font-weight:normal;
}
/* --------- imatges ---------- */
#wikipage img{
    max-width: 100%;
}

.medialeft{
    position:relative;
    overflow:hidden;
    float: left;
    border: 0 none;
    margin: 0 1.5em 0 0;
}

.mediaright{
    position:relative;
    overflow:hidden;
    float: right;
    border: 0 none;
    margin: 0 0 0 1.5em;
}
.mediacenter {
    border: 0 none;
    display: block;
    margin: 0 auto;
}

.footnotes{
    border-top:1px solid #eee;
    margin-top:4em;
    padding-top:2em;
    margin-bottom:3em;
}

/* --------- tooltip ---------- */
#tooltip{
    position:absolute;
    padding:0.5em 1.5em 0.7em 1.5em;
    max-width:300px;
    text-align:left;
    color:#fff;
    text-shadow: 1px 1px 1px #0D2E4F;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border-top:1px solid #064792;
    border-right:1px solid #064792;
    border-bottom:2px solid #064792;
    border-left:1px solid #064792;
    background-color: #1C5EA0; /* old browsers */
    background: -moz-linear-gradient(top, #1C5EA0 0%, #064792 99%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1C5EA0), color-stop(99%,#064792)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1C5EA0', endColorstr='#064792',GradientType=0 ); /* ie */
}


/* Footer
 * -------------------------------------- */

#footer {
    margin-top:2em;
    color: #999;
    font-size: 12px;

}
#footer .widget a, #footer .widget a:visited{
    color: #eee;
}
#footer .widget a:active, #footer .widget a:hover{
    color: #fff;
}
#footer h3.widgettitle {
    color: #fff;
    font-size: 21px;
}
#footer_bottom {
    background-color:transparent;
}
#copyright {
    color: #999;
    font-size: 12px;
}
#footer_menu a {
    font-size: 12px;
}
#footer_menu a, #footer_menu a:visited{
    color: #017A9D;
}
#footer_menu a:hover, #footer_menu a:active {
    color: #333;
}
#footer_bottom a, #footer_bottom a:visited{
    color: #017A9D;
}
#footer_bottom a:hover, #footer_bottom a:active {
    color: #333;
}

.divider, .divider_line, .commentlist li,.entry .entry_meta,#sidebar .widget li,#sidebar .widget_pages ul ul,#about_the_author .author_content {
    border-color: #eeeeee;
}

#nivo_slider_wrap, #nivo_slider_loading, #nivo_slider {
    height: 440px;
}
#nivo_slider_frame {
    height: 439px;
}
.nivo-caption {
    background-color: #000000;
}
.nivo-caption p {
    color: #222;
}
#kwicks li {
    height: 440px;
}
.kwick_frame,.kwick_last_frame {
    height: 439px;
}
ul.anythingBase li.panel {
    background-color: #ffffff;
}
#anything_slider_wrap, #anything_slider_loading {
    height: 440px;
}
#anything_slider p {
    font-size: 12px;
}
.caption_left, .caption_right {
    height: 410px;
}
.entry {
    margin-bottom: 80px;
}
.entry_title {
    font-size: 36px;
}
.entry_left .entry_image .image_frame {
    width: 200px;
    height: 200px;
}
.entry_left .entry_image, .entry_left .entry_image .image_shadow {
    width: 202px;
}
#page ul.tabs li a {
    background-color: #f5f5f5;
    color: #666666;
}
#page ul.tabs li a.current {
    background-color: #FFFFFF;
    color: #333333;
}
#page ul.mini_tabs li a {
    background-color: #f5f5f5;
    color: #666666;
}
#page ul.mini_tabs li a.current {
    background-color: #FFFFFF;
    color: #333333;
}
.accordion .tab {
    background-color: #f5f5f5;
    color: #666666;
}
.accordion .tab.current {
    background-color: #FFFFFF;
    color: #333333;
}

/* --------- anchor ---------- */
.anchorlink{
    font-size:0.75em;
    padding-left:5px;
    color: #999;
    line-height:1em;
}

#page h2 a.anchorlink, #page h2 a.anchorlink:visited, #page h2 a.anchorlink:hover,
#page h3 a.anchorlink, #page h3 a.anchorlink:visited, #page h3 a.anchorlink:hover,
#page h4 a.anchorlink, #page h4 a.anchorlink:visited, #page h4 a.anchorlink:hover,
#page h5 a.anchorlink, #page h5 a.anchorlink:visited, #page h5 a.anchorlink:hover{
    color:#999;
}



/*body, #page, #footer, #footer_bottom, #feature { background: transparent }*/
#navigation { right: -4px }
code, pre { line-height: 20px }
select { padding: 4px; }
#footer_bottom .inner { /*border-top: 1px solid #DDD;*/ }
#breadcrumbs { border-bottom: 1px dashed #EEE; }
div.headline_first { margin: 0 auto 20px auto; text-align: center }
div.headline { margin: 80px auto; text-align: center }
#page_bottom { background: none; }
#footer_bottom { letter-spacing: 0; }
#copyright { line-height: 2em; margin:0 auto; text-align:center;}
.top_shadow, .bottom_shadow { display: none }
#feature h1 { font-weight: bold; letter-spacing: -1px }
h2.price { font-family: "Georgia","Times New Roman",Times,sans-serif; text-shadow: 0 1px 0 #fff; }
.message_box_content, .framed_box_content { padding: 20px }
.toggle_title { font-size: 16px; font-weight: bold }
.toggle_content { background: #fff; border: 1px solid #eee; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; padding: 20px }
.notice a { text-decoration: underline }
table.item_fields td, table.item_fields th { vertical-align: top; font-size: 13px; text-align: left }
td.field_type { font-size: 88% !important; color: #999 }
td.field_meaning { text-align: left }
.table_style td { padding: 6px }
.table_style th { padding: 8px }
.content { word-wrap: break-word; }
ul.sub-menu { top: 46px !important }
.jqueryslidemenu ul li ul { box-shadow: 1px 2px 3px #ddd; }
.jqueryslidemenu ul li ul { border: 1px solid #BBB; }
ul.tabs a { font-size:12px; line-height:15px }
#LoginWithAjax_Password input, #LoginWithAjax_Username input { width: 94% }



/* Sliding Fixed Panel
 * -------------------------------------- */

/* left position */
#slidingpanel.panelleft {
    position: fixed;
    top: 50px;
    left: 0;
    display: none;
    background: #000000;
    border:1px solid #111111;
    -moz-border-radius-topright: 20px;
    -webkit-border-top-right-radius: 20px;
    -moz-border-radius-bottomright: 20px;
    -webkit-border-bottom-right-radius: 20px;
    width: 330px;
    min-height: 200px;
    padding: 30px 30px 30px 130px;
    filter: alpha(opacity=85);
    opacity: .85;
}

#slidingpanel p{
    margin: 0 0 15px 0;
    padding: 0;
    color: #cccccc;
}

#slidingpanel.panelleft a, #slidingpanel.panelleft a:visited{
    margin: 0;
    padding: 0;
    color: #9FC54E;
    text-decoration: none;
    border-bottom: 1px solid #9FC54E;
}

#slidingpanel.panelleft a:hover, #slidingpanel.panelleft a:visited:hover{
    margin: 0;
    padding: 0;
    color: #ffffff;
    text-decoration: none;
    border-bottom: 1px solid #ffffff;
}

#slidinghandler.panelleft a.trigger{
    position: fixed;
    text-decoration: none;
    top: 80px; left: 0;
    font-size: 16px;
    letter-spacing:-1px;
    font-family: verdana, helvetica, arial, sans-serif;
    color:#fff;
    padding: 20px 40px 20px 15px;
    font-weight: 700;
    background:#333333 url(images/plus.png) 85% 55% no-repeat;
    border:1px solid #444444;
    -moz-border-radius-topright: 20px;
    -webkit-border-top-right-radius: 20px;
    -moz-border-radius-bottomright: 20px;
    -webkit-border-bottom-right-radius: 20px;
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-bottom-left-radius: 0px;
    display: block;
}

#slidinghandler.panelleft a.trigger:hover{
    position: fixed;
    text-decoration: none;
    top: 80px; left: 0;
    font-size: 16px;
    letter-spacing:-1px;
    font-family: verdana, helvetica, arial, sans-serif;
    color:#fff;
    padding: 20px 40px 20px 20px;
    font-weight: 700;
    background:#222222 url(images/plus.png) 85% 55% no-repeat;
    border:1px solid #444444;
    -moz-border-radius-topright: 20px;
    -webkit-border-top-right-radius: 20px;
    -moz-border-radius-bottomright: 20px;
    -webkit-border-bottom-right-radius: 20px;
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-bottom-left-radius: 0px;
    display: block;
}

#slidinghandler.panelleft a.active.trigger {
    background:#222222 url(images/minus.png) 85% 55% no-repeat;
}

/* right position */

#slidingpanel.panelright {
    position: fixed;
    top: 50px;
    right: 0;
    display: none;
    background: #222;
    border:1px solid #111111;
    -moz-border-radius-topleft: 20px;
    -webkit-border-top-left-radius: 20px;
    -moz-border-radius-bottomleft: 20px;
    -webkit-border-bottom-left-radius: 20px;
    width: 330px;
    height: auto;
    padding: 30px 130px 30px 30px;
    filter: alpha(opacity=85);
    opacity: .95;
    z-index:99;
}

#slidingpanel.panelright p{
    margin: 0 0 15px 0;
    padding: 0;
    color: #cccccc;
}

#slidingpanel.panelright a, #slidingpanel.panelright a:visited{
    margin: 0;
    padding: 0;
    color: #9FC54E;
    text-decoration: none;
    border-bottom: 1px solid #9FC54E;
}

#slidingpanel.panelright a:hover, #slidingpanel.panelright a:visited:hover{
    margin: 0;
    padding: 0;
    color: #ffffff;
    text-decoration: none;
    border-bottom: 1px solid #ffffff;
}

#slidinghandler.panelright a.trigger{
    position: fixed;
    text-decoration: none;
    top: 80px; right: 0;
    font-size: 16px;
    letter-spacing:-1px;
    font-family: verdana, helvetica, arial, sans-serif;
    color:#fff;
    padding: 20px 10px 20px 30px;
    font-weight: 700;
    background:url(images/qrcode-icon.png) 10px 55% no-repeat;
    /*
    border:1px solid #444444;
    -moz-border-radius-topleft: 8px;
    -webkit-border-top-left-radius: 8px;
    -moz-border-radius-bottomleft: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-bottomright: 0px;
    -webkit-border-bottom-right-radius: 0px;

    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2)
    */
    display: block;
    z-index:100;
}

#slidinghandler.panelright a.trigger:hover{
    background:#fff url(images/qrcode-icon.png) 10px 55% no-repeat;
    /*
    background:#aaa url(images/plus.png) 10px 55% no-repeat;
    border:1px solid #444444;
    -moz-border-radius-topleft: 20px;
    -webkit-border-top-left-radius: 20px;
    -moz-border-radius-bottomleft: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-radius-bottomright: 0px;
    -webkit-border-bottom-right-radius: 0px;
    */
}

#slidinghandler.panelright a.active.trigger {
    background:#aaa url(images/minus.png) 10px 55% no-repeat;
    border:1px solid #444444;
    -moz-border-radius-topleft: 20px;
    -webkit-border-top-left-radius: 20px;
    -moz-border-radius-bottomleft: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-radius-bottomright: 0px;
    -webkit-border-bottom-right-radius: 0px;
}

/* ----------------- connector notes ------------------------ */

.noteclassic, .noteimportant, .notewarning, .notetip {
  margin: 2em;
  margin-left: auto;
  margin-right: auto;
  width: 70% !important;
  min-height: 40px;
  clear: both;
  text-align: justify;
  vertical-align: middle;
  border-collapse: collapse;
  padding: 15px 20px 15px 80px;
  background-position: 20px 50%;
  background-repeat: no-repeat;
  -moz-border-radius: 20px;
  -khtml-border-radius: 20px;
  border-radius: 20px;
  font-size:1.0em;
}

.noteclassic {
  /*border: 1px solid #99D;*/
  background-color: #eef;
  background-image: url(images/note/note.png);
}

.noteimportant {
  /*border: 1px solid #ff0;*/
  background-color: #ffc;
  background-image: url(images/note/important.png);
}

.notewarning {
  /*border: 1px solid #d99;*/
  background-color: #fdd;
  background-image: url(images/note/warning.png);
}
.notetip {
  /*border: 1px solid #9d9;*/
  background-color: #dfd;
  background-image: url(images/note/tip.png);
}

.important {
  background-color: #eef;
  border: 1px solid #667;
  margin: 0.75em 0 1em 0 ;
  padding: 0.5em 1em ;
}

/*
 * Sliding menu
 *--------------------------------- */

#controlbtn{
    color: #999;
    text-decoration: none;
    display: inline-block;
    padding-left: 20px;
    cursor:pointer;
}

#controlbtn.open {
    background: transparent url(images/toggle_minus.png) no-repeat left center;
}

#controlbtn.close {
    background: transparent url(images/toggle_plus.png) no-repeat left center;
}
#sidebar {
    display:none;
    float: left;
    max-width: 240px;
}