html{
	height: 100%;
}
body {
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
	overflow: hidden;
}
#wbt {
	position: absolute;
	height: 100%;
	width: 100%;
	left:0px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#wbt_toc {
	position: absolute;
	left: 0px;
	height: 100%;
	width: 220px;
	border: 0px;
	display: none;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#wbt_toc_tab {
	display: block;
	position: absolute;
	left: 6px;
	height: 135px;
	width: 37px;
	background-image: url("/images/backbase/toc_tab.png");
	background-repeat: no-repeat;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	z-index:200;
}
#wbt_content {
	width: 100%;
	height: 100%;
	position: relative;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-image: url("/images/backbase/mainArea_leftBar.gif");
	background-repeat:repeat-y;
}
#wbt_content_div{
	width:100%; 
	height:100%; 
	overflow:auto;
	position: relative;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#wbt_content_padding{
	width:100%; 
	height:100%;
	padding:4px 4px 4px 10px;
	position: relative;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/* HACK: disable transparent PNG hack on IE which is causing problems for some content */
#wbt_content_div img {
	behavior: none;
}
/**********************************************************
 * Change display when the table of contents is open.
 *********************************************************/
#wbt.wbt_toc_open {
	padding-left:220px;
}
#wbt.wbt_toc_open #wbt_toc {
	display: block;
}
#wbt.wbt_toc_open #wbt_toc_tab  {
	left: 226px;
}

/**********************************************************
* Tool Bar
*********************************************************/
#wbt_toolbar{
	margin-left:6px;
	background-image:url("/images/backbase/moduleToolBar_bg.gif");
	background-position:left top;
	background-repeat:repeat-x;
	padding:13px 0px 0px 0px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 45px;
	background-color: #D2D9E2;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#wbt_toolbar a{
	text-decoration:none;
}

/*
FIXME: this CSS should be extracted into css.tpl and reused for backbase and
admin menus.
*/
#toc {
	background-color: #D2D9E2;
	width: 100%;
	height: 100%;
	padding-bottom: 45px;
	position: relative;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
#toc_bottombar {
	background-image:url(/images/backbase/moduleToolBar_bg.gif);
	background-position:left top;
	background-repeat:repeat-x;
	padding:13px 0px 0px 0px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 45px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#toc_nav {
	height: 100%;
	width: 100%;
	overflow: auto;
}
#toc_nav *{
	margin: 0;
	padding: 0;
	cursor: pointer;
}

/*********************************************************
 * Icons
 ********************************************************/
#toc_nav li.toc_closed ul {
	display: none;
}
/*
FIXME: the standard icon size is 18x18, but the arrows are 12x12 for some
reason. Using the 18x18 arrows everywhere was too hard though.
*/
#toc_nav li.toc_open .folder {
	background-image: url('/images/backbase/white_arrow_down_18.png');
	background-repeat: no-repeat;
}
#toc_nav li.toc_closed .folder {
	/* This is !important so that closed takes precedence over open */
	background-image: url('/images/backbase/white_arrow_right_18.png')!important;
	background-repeat: no-repeat;
}
#toc_nav .overview_unknown {
	background-image: url('/images/backbase/wbt_icon_overview.png');
	background-repeat: no-repeat;
}
#toc_nav .page_passed {
	background-image: url('/images/backbase/wbt_icon_read.png');
	background-repeat: no-repeat;
}
#toc_nav .page_not_started {
	background-image: url('/images/backbase/wbt_icon_unread.png');
	background-repeat: no-repeat;
}
#toc_nav .bookmark {
	background-image: url('/images/backbase/wbt_icon_bookmark.png');
	background-repeat: no-repeat;
}
#toc_nav .test_unknown {
	background-image: url('/images/backbase/wbt_test.png');
	background-repeat: no-repeat;
}
#toc_nav .test_not_started {
	background-image: url('/images/backbase/wbt_test.png');
	background-repeat: no-repeat;
}
#toc_nav .test_incomplete {
	background-image: url('/images/backbase/wbt_test_inprogress.png');
	background-repeat: no-repeat;
}
#toc_nav .test_passed {
	background-image: url('/images/backbase/wbt_test_passed.png');
	background-repeat: no-repeat;
}
#toc_nav .test_failed {
	background-image: url('/images/backbase/wbt_test_failed.png');
	background-repeat: no-repeat;
}

/*********************************************************
 * Modules/Submodules/Pages
 ********************************************************/
#toc_nav ul {
	list-style: none;
	overflow: hidden;
}
#toc_nav ul li a.nav_item {
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(/images/backbase/blue_gradent.gif);
	height: 22px;
	width: 100%;
	font-weight: bold;
	position: relative;
	padding: 2px;
	display: block;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
#toc_nav ul li a.nav_item .icon {
	position: absolute;
	left: 0px;
	width: 18px;
	height: 18px;
}
#toc_nav ul li a.nav_item .text {
	white-space: nowrap;
	overflow: hidden;
	height: 18px;
	padding: 2px 0px 0px 18px;
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
#toc_nav ul li a.nav_item .status {
	display: none;
}

/*********************************************************
 * Submodules/Pages
 ********************************************************/
#toc_nav ul ul li a.nav_item {
	background-image: none;
	color: #515355;
	font-weight: normal;
	height: 18px;
	padding: 0px 2px;
}
#toc_nav ul ul li a.nav_item .status {
	display: block;
	position: absolute;
	right: 0px;
	width: 18px;
	height: 18px;
	background-color: #D2D9E2;
}
#toc_nav ul ul li a.nav_item:hover {
	background-color: #B7C0D0;
}
#toc_nav ul ul li a.nav_item:hover .status {
	background-color: #B7C0D0;
}

/*********************************************************
 * Pages
 ********************************************************/
#toc_nav ul ul ul li a.nav_item .text {
	margin-right: 0px;
	padding-left: 36px;
}
#toc_nav ul ul ul li a.nav_item .icon {
	left: 15px;
}

#toc_nav ul a.selected {
	background-color: #FFFFFF;
}
#toc_nav ul a.locked {
	color: #A0A0A0 !important;
}