/*
 *	This file contains styles specific the the site-wide sidebar.
 */

div#site_sidebar {
	float:	left;
	border-right: 1px solid #1b3d54;
}

/*	Default settings. */
div#toggle_sidebar_btn {
	width: 18px;
	height: 18px;
	background-image: url("/frmwrk/buttons/left-white.png");
}
div#page_body.sidebar_expanded  div#toggle_sidebar_btn {
	background-image: url("/frmwrk/buttons/left-white.png");
}
div#page_body.sidebar_collapsed  div#toggle_sidebar_btn {
	background-image: url("/frmwrk/buttons/right-white.png");
}


/**
 *	When the sidebar is expanded 
 */



/**
 *	When the sidebar is collapsed 
 */
div#page_body.sidebar_collapsed {  }
div#page_body.sidebar_collapsed  div#site_sidebar  img.toggle_btn {
	display: none;
}
div#page_body.sidebar_collapsed  div#site_sidebar  ul#recent_articles_list { display: none; }
div#page_body.sidebar_collapsed  div#site_sidebar  ul#popular_articles_list { display: none; }
div#page_body.sidebar_collapsed  div#site_sidebar  div.widget { width: 31px; }
div#page_body.sidebar_collapsed  div#site_sidebar  div.widget > div.subsection { display: none; }
div#page_body.sidebar_collapsed  div#site_sidebar  div.widget  div.heading {
	writing-mode: sideways-lr;
	border-top-style: none;
	border-left-style: none;
	height: 160px;
	border-radius: 3px 0px 0px 3px;
	width: 18px;
	padding: 0px 5px 4px 8px;
	background-image: url("/frmwrk/sidebar/article_list_head-collapsed.png");
	background-repeat: no-repeat;
}