/* GLOBAL STYLES --------------------------------------------------------- */

body {
	background-color: #EFF2F7;
	font-family: "Lucida Grande", Lucida, Sans-serif;
	font-size: 12px;
	position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
}

a {
	text-decoration: none;
	color: #3D66A3;
}
a:hover {
	text-decoration: underline;
}

#about_blackbird {
	cursor: pointer;
}


/* TABLE NAVIGATION ------------------------------------------------------ */

#bb_navigation { /* ie7.css */
	background-color: #1A1C26;
	border-right: 1px solid #000000;
	color: #A1B1C1;
	overflow: hidden;
	position: absolute;
		top: 30px;
		left: 0;
		bottom: 0;
	width: 179px;
}
	
	#bb_navigation a {
		color: #FFFFFF;
	}
	
	/*#bb_navigation #bb_logo a {
		background-color: #7A8599;
		border-top: 1px solid #8D9BB3;
		border-bottom: 1px solid #505866;
		display: block;
		height: 63px;
		text-align: center;
	}*/
	
	#bb_navigation #bb_main_nav_tables { /* ie7.css */
		/*border-top: 1px solid #2A2E40;*/
		border-bottom: 1px solid #000000;
		font-size: 11px;
		overflow: auto;
		overflow-x: hidden;
		padding: 0;
		position: absolute;
			top: 0;
			bottom: 30px;
		width: 180px;
	}
		
		#bb_navigation #bb_main_nav_tables li {
			border-top: 1px solid #2A2E40;
			border-bottom: 1px solid #000000;
			padding: 5px 0;
			text-shadow: #000000 0px -1px 0;
		}
		#bb_navigation #bb_main_nav_tables li:last-child {
			border-bottom: none;
		}
		
		#bb_navigation #bb_main_nav_tables li span {
			background-image: url(../img/arrow_closed.png);
			background-position: 10px 50%;
			background-repeat: no-repeat;
			cursor: default;
			display: block;
			padding: 5px 0 5px 24px;
			text-transform: uppercase;
		}
		#bb_navigation #bb_main_nav_tables li span:hover {
			color: #BDD2E6;
		}
		#bb_navigation #bb_main_nav_tables li span:active {
			color: #A1B1C1;
		}
		#bb_navigation #bb_main_nav_tables li.open span {
			background-image: url(../img/arrow_open.png);
		}
		#bb_navigation #bb_main_nav_tables li span:active {
			background-image: url(../img/arrow_active.png);
		}
			
			#bb_navigation #bb_main_nav_tables ul li {
				border: none;
				padding: 1px 0 0 0;
			}
			
			#bb_navigation #bb_main_nav_tables a {
				display: block;
				padding: 5px 0 5px 24px;
				width: 100%;
			}
			#bb_navigation #bb_main_nav_tables a:hover,
			#bb_navigation #bb_main_nav_tables a.selected {
				background-color: #000000;
				text-decoration: none;
			}
			#bb_navigation #bb_main_nav_tables a.selected {
				font-weight: bold;
			}
	
	#bb_navigation #bb_main_nav_actions {
		background-image: url(../img/gradient-30.png);
		background-position: 0 100%;
		background-repeat: repeat-x;
		border-top: 1px solid #2A2E40;
		font-size: 11px;
		font-weight: bold;
		height: 21px;
		line-height: 1em;
		overflow: hidden;
		padding: 8px 0 0 10px;
		position: absolute;
			left: 0;
			bottom: 0;
		text-shadow: #000000 0px -1px 0;
		width: 100%;
	}
	
		#bb_navigation #bb_main_nav_actions li {
			cursor: default;
			float: left;
			margin-right: 10px;
		}
		#bb_navigation #bb_main_nav_actions li:hover {
			color: #FFFFFF;
		}


/* SESSION NAVIGATION ---------------------------------------------------- */

#bb_session_nav {
	background-color: #161C26;
	background-image: url(../img/gradient-30.png);
	background-position: 0 100%;
	background-repeat: repeat-x;
	border-bottom: 1px solid #000000;
	color: #A1B1C1;
	font-size: 11px;
	font-weight: bold;
	height: 29px;
	line-height: 1em;
	min-width: 640px;
	overflow: hidden;
	position: fixed;
		top: 0;
		left: 0;
		right: 0;
	text-shadow: #000000 0px -1px 0;
}
	
	#bb_session_nav a {
		color: #FFFFFF;
	}
	
	#bb_session_nav #bb_breadcrumb {
		position: absolute;
			top: 10px;
			left: 24px;
	}
	
		#bb_session_nav #bb_breadcrumb li {
			float: left;
			margin-right: 24px;
		}
	
	#bb_session_nav ul {
		position: absolute;
			top: 10px;
			right: 10px;
	}
	
		#bb_session_nav ul li {
			float: left;
			margin-left: 20px;
		}


/* MAIN CONTENT AREA ----------------------------------------------------- */

#bb_main {
	position: absolute;
		top: 30px;
		left: 0px;
		right: 0;
		bottom: 0;
}

body.logged > #bb_main { /* ie7.css */
	overflow: hidden;
	min-width: 460px;
	position: absolute;
		top: 30px;
		left: 180px;
		right: 0;
		bottom: 0;
}

	.bb_toolbar {
		background-color: #7A8599;
		background-image: url(../img/gradient-60.png);
		background-position: 0 100%;
		background-repeat: repeat-x;
		border-top: 1px solid #8D9BB3;
		border-bottom: 1px solid #505866;
		color: #FFFFFF;
		clear: both;
		font-size: 11px;
		font-weight: bold;
		height: 58px;
		position: relative;
		text-shadow: #505866 0px -1px 0;
	}
	.bb_toolbar.progress {
		background-image: url(../img/progress2.gif);
	}
	.bb_toolbar.main {
		
	}
	.bb_toolbar.related {
		
	}
	
		.bb_toolbar a {
			color: #FFFFFF;
		}
		
		.bb_toolbar h1 {
			font-size: 16px;
			position: absolute;
				top: 9px;
				left: 10px;
		}
		
		.bb_toolbar .bb_toolbar_actions {
			position: absolute;
				left: 10px;
				bottom: 5px;
			width: 100%;
		}
		
			.bb_toolbar .bb_toolbar_actions input,
			.bb_toolbar .bb_toolbar_actions select {
				
			}
			
			.bb_toolbar .bb_toolbar_actions a.delete
			{
				position: absolute;
					top: 3px;
					right: 20px;
			}
	
	#bb_toggle_sections {
		background-color: #5B6373;
		background-image: url(../img/gradient-30.png);
		background-position: 0 100%;
		background-repeat: repeat-x;
		border-top: 1px solid #6F7A8C;
		border-bottom: 1px solid #505866;
		float: left;
		font-size: 13px;
		line-height: 1em;
		text-shadow: #505866 0px -1px 0;
		width: 100%;
	}
	
		#bb_toggle_sections li {
			border-right: 1px solid #3B414C;
			float: left;
			margin-top: -1px;
		}
		#bb_toggle_sections li:first-child {
			border-right: 3px solid #161C26;
			font-weight: bold;
		}
		
			#bb_toggle_sections li a {
				color: #EFF2F7;
				cursor: default;
				display: block;
				margin-bottom: -1px;
				padding: 7px 10px;
			}
			#bb_toggle_sections li a:hover {
				background-color: #656F7F;
				text-decoration: none;
			}
			#bb_toggle_sections li a.selected {
				background-color: #7A8599;
				color: #FFFFFF;
			}
	
	#bb_module {
		/*border-top: 1px solid #F7FAFF;*/
		clear: both;
		position: absolute;
		top: 60px;
		left: 0;
		right: 0;
		bottom: 0;
		overflow: auto;
		overflow-x: hidden;
		/*float: left;
		width: 100%;*/
	}
	
		#bb_sections .container {
			position: absolute;
				top: 87px;
				left: 0;
				right: 0;
				bottom: 0;
			overflow: auto;
		}
		
		#bb_sections.browse .container {
			position: absolute;
				top: 60px;
				left: 0;
				right: 0;
				bottom: 0;
			overflow: auto;
		}
		
		#bb_sections .related .browse {
			position: absolute;
				top: 27px;
				right: 0;
				bottom: 0;
				left: 0;
		}
		
			#bb_sections .related .browse .container {
				top: 60px;
			}
		
		#bb_sections .related .record {
			position: absolute;
				top: 100%;
				right: 0;
				bottom: 0;
				left: 0;
		}
		
		#dashboard.container {
			top: 60px;
			padding: 10px 0 0 10px;
		}


/* LIGHTBOX -------------------------------------------------------------- */

#lightbox {
	background: url(../img/lightbox.png) 0 0 repeat;
	position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
}

	#lightbox .wrapper {
		position: fixed;
			top: 50%;
			left: 50%;
	}

	#lightbox .dialog {
		background: url(../img/lightbox_dropshadow.png) 0 0 no-repeat;
		height: 300px;
		margin-top: -170px;
		margin-left: -220px;
		overflow: hidden;
		padding: 20px;
		width: 400px;
	}
	
	#lightbox .titlebar {
		background: #5B6373 url(../img/gradient-60.png) 0 100% repeat-x;
		border-top: 1px solid #6F7A8C;
		border-bottom: 1px solid #454C59;
		color: #FFFFFF;
		padding: 9px 10px;
		position: relative;
		text-shadow: #505866 0px -1px 0;
	}
	
		#lightbox .titlebar #closeLightbox {
			background: url(../img/lightbox_close.png) 0 0 no-repeat;
			cursor: pointer;
			font-size: 1px;
			height: 16px;
			position: absolute;
				right: 10px;
				top: 7px;
			text-indent: -9000px;
			width: 16px;
		}
		#lightbox .titlebar #closeLightbox:hover {
			background-position: 0 -16px;
		}
	
	#lightbox .content {
		line-height: 1.4em;
		padding: 10px;
	}


/* DASHBOARD MODULES ----------------------------------------------------- */

.bb_dash {
	color: #1A1C26;
	float: left;
	width: 50%; /* ie7.css */
	padding-bottom: 10px;
}
body.small .bb_dash {
	width: 100%; /* ie7.css */
}
body.large .bb_dash {
	width: 33%; /* ie7.css */
}

	.bb_dash .content {
		background-color: #FFFFFF;
		border: 1px solid #6F7A8C;
		border-top: none;
		font-size: 11px;
		height: 270px;
		margin: 0 10px 0 0;
		overflow: auto;
	}

	.bb_dash .titlebar {
		background: #5B6373 url(../img/gradient-60.png) 0 100% repeat-x;
		border-top: 1px solid #6F7A8C;
		border-bottom: 1px solid #454C59;
		color: #FFFFFF;
		height: 28px;
		margin: 0 10px 0 0;
		text-shadow: #505866 0px -1px 0;
	}

		.bb_dash .titlebar h2 {
			margin-left: 10px;
			margin-top: 8px;
		}
		
	.bb_dash table {	
		border-collapse: collapse;
		line-height: 1em;
		margin: 5px 0;
		padding: 0;
		text-align: left;
		width: 100%;
	}
	
		.bb_dash table th,
		.bb_dash table td {
			overflow: hidden;
			padding: 5px;
			white-space: nowrap;
		}
		.bb_dash table th:first-child,
		.bb_dash table td:first-child {
			padding-left: 10px;
		}
		
		.bb_dash table a {
			text-decoration: underline;
		}
		.bb_dash table a:hover {
			background-color: #EFF2F7;
		}
		
		.bb_dash table tbody tr td.insert {
			color: #33B705;
			font-weight: bold;
		}
		.bb_dash table tbody tr td.update {
			color: #B2B507;
			font-weight: bold;
		}
		.bb_dash table tbody tr td.delete {
			color: #C90005;
			font-weight: bold;
		}
		
	.bb_dash .gravatar {
		height: 16px;
		/*vertical-align: middle;*/
		width: 16px;
	}
		
/* needs style TLC */

.message {
	/*font-size: 14px;*/
	padding: 10px;
}

.message a.close
{
	margin-left: 5px;
}

.message.ok {
	border: 1px solid #05CE0A;
	background: #E9F4E9;

}

.message.error {
	border: 1px solid #CC1919;
	background: #F2E9E9;
	color: #CC1919;
}

#blocker {
	background: url(../img/blocker.png) 0 0 repeat;
	position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
	width: 100%;
	height: 100%;
	cursor: progress !important;
}

#bb_group_permissions p
{
	/*EFF2F7*/
	margin-top: 5px;
	margin-bottom: 20px;
}
/*
#bb_group_permissions a
{
	text-decoration: underline;	
}

#bb_group_permissions a:hover {
	background-color: #FFFFFF;
}
*/

#matrix td
{
	padding-top: 5px;
	padding-right: 5px;
}

#matrix th
{
	text-align: left;
	padding-right: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #2A2E40;
}
.divider {
	background: #161C26 url(../img/gradient-30.png) 0 100% repeat-x;
	border-top: 1px solid #2A2E40;
	border-bottom: 1px solid #000000;
	color: #A1B1C1;
	cursor: ns-resize;
	height: 4px;
}