@import url('../../../themes/css/base.css');
@import url('css/colourstrap.css');

/* colourstrap theme tweaks */
.tab-pane	{padding:10px; }
.nav.nav-tabs	{margin-bottom:0; }
.tab-content	{background-color:white; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd; margin-bottom:20px; }
.pills.tab-content	{border:none; padding:2px; margin-bottom:0;}
.pills .tab-pane	{padding:0;}
.nav-tabs > li > a	{background-color: #e0e0e0;margin-right:6px;}

.form-inline select 	{width:auto; font-size:12px; }
.form-inline	{margin-bottom:0; display:inline-block;}
.dropdown-menu	{z-index:9999; }
label	{font-weight:bold;}
label.radio,
label.checkbox	{font-weight:normal;}
.popover-help	{cursor:help;}
.help-block	{font-weight:normal;font-size:85%}

.navbar .nav > li.m-ilike	{float:right; width:25%;}

nav h2	{margin:10px 0 5px 0;}

/* bitweaver specific - should move these to their own "light" theme" */
main.col-md-12	{padding-right:0; padding-left:0;}
@media (min-width: 768px) { 
.maincontent.container,
main.col-md-12,
	{padding-right:0; padding-left:0;}
	}
@media (min-width:480px) and (max-width:767px) {
	#bittopbar,
	.maincontent.container-fluid {padding-right:5px; padding-left:5px;}
	}
header.container-fluid.mainheader	{margin-left:-15px;margin-right:-15px;}
#bw-main-header .navbar-inner 	{padding-right: 0px; padding-left: 0px;}
#bw-main-header #bittop	{padding-top:20px;width:100%;display:inline-block;}
#bittop	{margin-right:40px;}
#bittop .bittop-wrapper	{padding:20px;}
#bittop .brand	{display: block; float: left; padding: 10px 20px 10px; margin-left: -20px; font-size: 20px; font-weight: 200; color: #777777; text-shadow: 0 1px 0 #ffffff; }

header h1	{margin-top:0;}
footer	{background:#cccccc;margin-top:20px;padding:20px 0;}
footer .stats	{font-size:9pt;}

.dropdown-menu	{float:right;}

.dropdown-submenu.menu-admin > .dropdown-menu	{left: -120%; width:125%}
.dropdown-submenu.menu-admin > .dropdown-menu > .dropdown-submenu > .dropdown-menu	{left: -95%; width:100%}

.dropdown-menu > li.favorite > a       { font-weight: bold; }
.dropdown-menu > li > a.sub-menu-root	{ cursor: default; }

.table th	{ border-top:0; }
.table td.text-left	{ text-align:left }
.table td.text-center	{ text-align:center }
.table td.text-right	{ text-align:right }
.well .table	{ margin-bottom:0; }

/* Sub menus */

.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu:hover>.dropdown-menu{display:block;}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:hover>a:after{border-left-color:#ffffff;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}
.dropdown-submenu > a.nosubmenu:after	{border-left-color:transparent; }

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}

/* BANNER */
#banner {
	height: 260px;
	margin: 0px;
	padding: 0px;
	position: relative;
	overflow: hidden;
	width: 100%; 
	clear: both;
}
#banner #background {
	position: absolute;
	left: 0px;
	top: 0px;
	margin: 0px;
	padding: 0px;
}
#banner #background	ul{
	position: absolute;
	left: 0px;
	top: 0px;
	margin: 0px;
	padding: 0px;
	width: 100%; 
	overflow: hidden;
	list-style-type: none;
}
#banner #overlay {
	position: absolute;
	background:url(/config/images/logo.png) no-repeat scroll center center transparent;
	margin: 0px;
	padding: 0px;
	top: 0px; 
	width: 100%;
	height: 260px;
	z-index: 1000;
}
#banner img	{width: 1920px; overflow: hidden;}

.icon { float: left; padding: 2px 10px; }

@media (min-width: 768px) {
.col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}

/* vim: set ts=40: */
.control-group button {margin: 10px;}