html {
	
}

body {
	margin: 0;
	font-family: "Helvetica",Helvetica,Arial,sans-serif;
	/*font-family: Verdana, Geneva, sans-serif;*/
	font-size: small;
	color: #333333;

}
#mainContainer {
	background-color: #ffffff;
}

#bodyContainer {
	width: 95%;
}


#footerContainer {
	background-color: #f5f5f5;
	border-top: 1px solid #dfdfdf;
	border-bottom: 1px solid #dfdfdf;
	padding-top: 1.5em;
	padding-bottom: 1.5em;
}

#systemName {
	margin-top: 20px;
	padding: 4px;
}

.titleHeader {
	padding: 0px;
	margin-bottom: 0px;
}

@media (max-width: 980px) {
	.titleHeader {
		padding-bottom: 8px !important;
	}
}

@media ( min-width : 100px) {
	#logo {
		height: 2.5em;
	}
}

@media ( min-width : 600px) {
	#logo {
		height: 3em;
	}
}

@media(min-width:992px) {
	#logo {
		height: 3em;
	}
}

@media (min-width: 1600px) {
    .container {
        width: 85%;
    }
	#myCarousel, .carousel-container{
		width: 1140px;
		}
	
}

#logo {
		margin: .8em;
	}
	
#tankImage {
	-moz-transform: scale(-1, 1);
	-webkit-transform: scale(-1, 1);
	-o-transform: scale(-1, 1);
	transform: scale(-1, 1);
	filter: FlipH;
	width: 80%;
	height: 80%;
}

.well, .navbar-inner, .popover, .btn, .tooltip, input, select, textarea,
	pre, .progress, .modal, .add-on, .alert, .table-bordered, .nav>.active>a,
	.dropdown-menu, .tooltip-inner, .badge, .label, .img-polaroid {
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	border-radius: 0px !important;
	border-collapse: collapse !important;
	background-image: none !important;
}

.navbar {
	border: none;
	background: transparent;
	margin-bottom: 0px;
}

.navbar .btn-navbar {
	background-color: #000;
	min-height: 40px;
}

.navbar .btn-navbar:hover, .navbar .btn-navbar:focus, .navbar .btn-navbar:active,
	.navbar .btn-navbar.active, .navbar .btn-navbar.disabled, .navbar .btn-navbar[disabled]
	{
	color: #ffffff;
	background-color: #0A6826;
}

.navbar-inner {
	background-color: #000;
	min-height: 40px;
	border: none;
}

li {
	line-height: 2.6em;
}

.navbar .nav>li>a {
	text-decoration: none;
	text-shadow: none;
	color: #FFF;
}

.navbar .nav>li>a:focus, .navbar .nav>li>a:hover {
	text-decoration: none;
	text-shadow: none;
	background-color: #0A6826 !important;
	color: #FFF;
}

.navbar-nav .nav .dropdown-toggle .caret {
	margin-top: 18px;
}

.navbar-nav .nav li.dropdown.open>.dropdown-toggle .caret, .navbar-nav .nav li.dropdown.active>.dropdown-toggle .caret,
	.navbar-nav .nav li.dropdown.open.active>.dropdown-toggle .caret {
	border-top-color: #fff;
	border-bottom-color: #fff;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.open>a
	{
	background-image: none;
}

.navbar .nav li.dropdown.open>.dropdown-toggle, .navbar .nav li.dropdown.active>.dropdown-toggle,
	.navbar .nav li.dropdown.open.active>.dropdown-toggle {
	background-color: #0A6826 !important;
	/* Playing with gradients  */
	/*
    background: #000000;
	background: -moz-linear-gradient(top, #000000 0%, #0a6826 100%);
	background: -webkit-linear-gradient(top, #000000 0%,#0a6826 100%);
	background: linear-gradient(to bottom, #000000 0%,#0a6826 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#0a6826',GradientType=0 );
	*/
	color: #FFF;
}

.dropdown-menu {
	background-color: #000;
	color: #FFF;
	margin-top: -2px;
	margin-left: -1px;
	font-size: inherit;
}

.navbar-nav>li>.dropdown-menu {
	border-top:3px solid #0A6826;
	margin-top: 0px;
}

.navbar .pull-right>li>.dropdown-menu, .navbar .nav>li>.dropdown-menu .pull-right,
	.navbar-nav>li.pull-right>.dropdown-menu {
	margin-right: -2px;
}

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus, .dropdown-submenu:hover>a,
	.dropdown-submenu:focus>a {
	background-color: #0A6826 !important;
	color: #FFF;
	background-image: none;
}

.dropdown-menu>li:hover {
	background-color: #0A6826 !important;
}

.dropdown-menu>li>a {
	color: #FFF;
	line-height: 30px;
}

.navbar .nav>li>.dropdown-menu:before, .navbar .nav>li>.dropdown-menu:after
	{
	content: none;
}

.container-fluid>.navbar-collapse, .container-fluid>.navbar-header,
	.container>.navbar-collapse, .container>.navbar-header {
	border: none;
}

.breadcrumb {
	padding: 0px 45px;
	margin-bottom: 0px;
	margin-top: -20px;
	background-color: rbga(145, 163, 153, .5);
	border-radius: 0px;
}

.breadcrumb>.active {
	color: #0A6826;
}

.breadcrumb>li+li:before {
	color: #000;
}

a {
	color: #000;
}

.navbar .btn, .navbar .btn-group {
	margin-top: 0px;
}

.navbar .btn-navbar {
	margin-right: 0px;
}

#mainNavInner {
	border-bottom: 5px solid #0A6826;
}

.affix {
	position: fixed;
	top: 0;
	margin: 0;
	z-index: 1000000;
}

/* Smaller Screen - Smartphone / Tablet */
@media ( max-width : 767px) {
	.text-right, .text-left, .text-center, .btn {
		margin: 0 auto !important;
		text-align: center !important;
		padding-top: 10px !important;
	}
	.pull-right, .pull-left {
		float: none !important;
	}
	body .modal {
		/* new custom width */
		width: 300px;
		/* must be half of the width, minus scrollbar on the left (30px) */
		margin-left: -0px;
		max-height: 450px;
		overflow: auto; . table { max-height : 400px;
		overflow: auto;
	}
}

.affix {
	width: 100%;
}

}
@media ( min-width : 981px) {
	.affix {
		width: 100%;
	}
}

#signInPanel{
	margin-top: 3em;
}

.allWhite {
	background-color: #fff;
}

a {
	color: #0A6826;
	text-decoration: none;
}