/*------------------------------------------------------------------



[Layout Stylesheet]



	Project:		Base Admin

	Version:		1.0

	Last change:	05/21/2012

	Assigned to:	Rod Howard (rh)





[Table of contents]



	1. Global

	2. Navbar / .navbar

	3. Subnavbar / .subnavbar

	4. Main / .main

	5. Footer / .footer

	6. Widget / .widget

	7. Error / .error-container

	8. Miscellaneous



-------------------------------------------------------------------*/







/*------------------------------------------------------------------

[1. Global]

*/



body {

	background: #E9E9E9 url(../img/body-bg.png) repeat 0 0;

	font: 11px/1.7em 'Arial';

}

    

p { 

	font: 11px/1.7em 'Arial'; 	

}

    

input,

button,

select,

textarea {

  font-family: 'Arial';

}



.dropdown .dropdown-menu {

	-webkit-border-radius: 6px;

	-moz-border-radius: 6px;

	border-radius: 6px;

}



.btn-icon-only {

	padding-right: 3px;

	padding-left: 3px;

}



.table td {

	vertical-align: middle;

}



.table-bordered th {

	background: #E9E9E9;

	background:-moz-linear-gradient(top, #FAFAFA 0%, #E9E9E9 100%); /* FF3.6+ */

	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#FAFAFA), color-stop(100%,#E9E9E9)); /* Chrome,Safari4+ */

	background:-webkit-linear-gradient(top, #FAFAFA 0%,#E9E9E9 100%); /* Chrome10+,Safari5.1+ */

	background:-o-linear-gradient(top, #FAFAFA 0%,#E9E9E9 100%); /* Opera11.10+ */

	background:-ms-linear-gradient(top, #FAFAFA 0%,#E9E9E9 100%); /* IE10+ */

	background:linear-gradient(top, #FAFAFA 0%,#E9E9E9 100%); /* W3C */

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#E9E9E9');

	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#E9E9E9')";

	

	font-size: 10px;

	color: #444;

	text-transform: uppercase;

}







/*body {

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #111C22), color-stop(50%, #59666E), color-stop(100%, #111C22));

}*/







/*------------------------------------------------------------------

[2. Navbar / .navbar]

*/



.navbar .container {

	position: relative;

}



.navbar-inner {

	padding: 7px 0;

	background: #3677ea;

	border-bottom: 1px solid #121212;	

	

	-moz-border-radius: 0;

	-webkit-border-radius: 0;

	border-radius: 0;

}



.navbar-fixed-top {

	position: static;

}



.navbar .nav a {

	font-size: 11px;

}



.navbar .brand {

	font-weight: 600;

	position: relative;

	top: 2px;

}



.navbar .search-query {

	background-color: #444;

	width: 150px;

	font-size: 11px;

	font-weight: bold;

}



.navbar .search-query::-webkit-input-placeholder {

    color: #666;

}



.navbar .search-query:-moz-placeholder {

    color: #666;

}







/*------------------------------------------------------------------

[3. Subnavbar / .subnavbar]

*/



.subnavbar {

    	margin-bottom: 2.5em;

    	

    	border-top: 1px solid #595959;

    }

    

.subnavbar-inner {

	height: 80px;

	

	/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #111C22), color-stop(50%, #59666E), color-stop(100%, #111C22));

	background-image: -o-linear-gradient(top, #111C22 0%, #59666E 50%, #111C22 100%);

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#111C22', endColorstr='#59666E');*/

	background: #3A3A3A;

	background-image: -moz-linear-gradient(top, #414141, #323232);

	background-image: -ms-linear-gradient(top, #414141, #323232);

	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#414141), to(#323232));

	background-image: -webkit-linear-gradient(top, #414141, #323232);

	background-image: -o-linear-gradient(top, #414141, #323232);

	background-image: linear-gradient(top, #414141, #323232);

	background-repeat: repeat-x;

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#414141', endColorstr='#323232', GradientType=0);

	

	border-bottom: 1px solid #000;

}



.subnavbar .container > ul {

	display: inline-block;

	

	height: 80px;

	padding: 0;

	margin: 0;

	

	border-left: 1px solid #292929;

	border-right: 1px solid #4A4A4A;

	background: coral;

}



.subnavbar .container > ul > li {

	float: left;

	

	min-width: 90px;

	height: 80px;

	padding: 0;

	margin: 0;

	

	text-align: center;

	list-style: none;

	

	border-left: 1px solid #4A4A4A;

	border-right: 1px solid #292929;

	

}



.subnavbar .container > ul > li > a {

	display: block;

	

	height: 100%;

	padding: 0 15px;

	

	

	font-size: 12px;

	font-weight: bold;

	color: #ffffff;

	

	text-shadow: 1px 1px 1px rgba(0,0,0,.2);

}



.subnavbar .container > ul > li > a:hover {

	color: #888;

	text-decoration: none;

}



.subnavbar .container > ul > li > a > i {

	display: inline-block;

	

	width: 24px;

	height: 24px;

	margin-top: 17px;

	margin-bottom: .25em;

	

	font-size: 28px;

	

}



.subnavbar .container > ul > li > a > span {

	display: block;

}





.subnavbar .container > ul > li.active > a {

	background: #333;

	color: cornflowerblue;

}

    



.subnavbar .dropdown .dropdown-menu a {

	font-size: 12px;

}



    

.subnavbar .dropdown .dropdown-menu {

    	text-align: left;

    	

		-webkit-border-top-left-radius: 0;

		-webkit-border-top-right-radius: 0;

		-moz-border-radius-topleft: 0;

		-moz-border-radius-topright: 0;

		border-top-left-radius: 0;

		border-top-right-radius: 0;

    }

    

    

    

.subnavbar .dropdown-menu::before {

	content: '';

	display: inline-block;

	border-left: 7px solid transparent;

	border-right: 7px solid transparent;

	border-bottom: 7px solid #CCC;

	border-bottom-color: rgba(0, 0, 0, 0.2);

	position: absolute;

	top: -7px;

	left: 9px;

}



.subnavbar .dropdown-menu::after {

	content: '';

	display: inline-block;

	border-left: 6px solid transparent;

	border-right: 6px solid transparent;

	border-bottom: 6px solid white;

	position: absolute;

	top: -6px;

	left: 10px;

}





.subnavbar .caret {

	margin-top: 4px;

	

	border-top-color: white;

	border-bottom-color: white;

}



.subnavbar .dropdown.open .caret {

	display: none;

}











/*------------------------------------------------------------------

[4. Main / .main]

*/



.main {

	padding-bottom: 2em;

	

	border-bottom: 1px solid #000;

}







/*------------------------------------------------------------------

[5. Extra / .extra]

*/



.extra {



	border-top: 1px solid #585858;

	border-bottom: 1px solid #000;



}



.extra-inner {

	padding: 20px 0;

	

	font-size: 11px;

	color: #BBB;

	

	background: #84020c;

}



.extra a {

	color: azure;

}



.extra h4 {

	margin-bottom: 1em;

	

	font-weight: 400;

}



.extra ul {

	padding: 0;

	margin: 0;

}



.extra li {

	margin-bottom: .6em;

	

	list-style: none;

}









/*------------------------------------------------------------------

[6. Footer/ .footer]

*/



.footer {

	margin-top: 0;

	

	border-top: 1px solid #292929;

}



.footer-inner {

	padding: 15px 0;

	

	font-size: 12px;

	background: #111;

	color: #999;

}



.footer a {

	color: #999;

}



.footer a:hover {

	color: #FFF;

	text-decoration: none;

}





/*------------------------------------------------------------------

[6. Widget / .widget]

*/



.widget {

	

	position: relative;

	clear: both;

	

	width: auto;

	

	margin-bottom: 2em;

		

	overflow: hidden;

}

	

.widget-header {

	

	position: relative;

	

	height: 40px;

	line-height: 40px;

	

	background: #E9E9E9;

	background:-moz-linear-gradient(top, #FAFAFA 0%, #E9E9E9 100%); /* FF3.6+ */

	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#FAFAFA), color-stop(100%,#E9E9E9)); /* Chrome,Safari4+ */

	background:-webkit-linear-gradient(top, #FAFAFA 0%,#E9E9E9 100%); /* Chrome10+,Safari5.1+ */

	background:-o-linear-gradient(top, #FAFAFA 0%,#E9E9E9 100%); /* Opera11.10+ */

	background:-ms-linear-gradient(top, #FAFAFA 0%,#E9E9E9 100%); /* IE10+ */

	background:linear-gradient(top, #FAFAFA 0%,#E9E9E9 100%); /* W3C */

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#E9E9E9');

	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#E9E9E9')";

	

	

	border: 1px solid #D5D5D5;

	

	-webkit-border-top-left-radius: 4px;

	-webkit-border-top-right-radius: 4px;

	-moz-border-radius-topleft: 4px;

	-moz-border-radius-topright: 4px;

	border-top-left-radius: 4px;

	border-top-right-radius: 4px;

	

	-webkit-background-clip: padding-box;

}	

	

	.widget-header h3 {

		

		position: relative;

		top: 2px;

		left: 10px;

		

		display: inline-block;

		margin-right: 3em;

		

		font-size: 14px;

		font-weight: 800;

		color: #555;

		line-height: 18px;

		

		text-shadow: 1px 1px 2px rgba(255,255,255,.5);

	}

	

		.widget-header [class^="icon-"], .widget-header [class*=" icon-"] {

			

			display: inline-block;

			margin-left: 13px;

			margin-right: -2px;

			

			font-size: 16px;

			color: #555;

			vertical-align: middle;

			

			

			

		}









.widget-content {

	padding: 20px 15px 15px;

	

	background: #FFF;

	

	

	border: 1px solid #D5D5D5;

	

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	border-radius: 5px;

}



.widget-header+.widget-content {

	border-top: none;

	

	-webkit-border-top-left-radius: 0;

	-webkit-border-top-right-radius: 0;

	-moz-border-radius-topleft: 0;

	-moz-border-radius-topright: 0;

	border-top-left-radius: 0;

	border-top-right-radius: 0;

}



.widget-nopad .widget-content {

	padding: 0;

}



/* Widget Content Clearfix */	

.widget-content:before,

.widget-content:after {

    content:"";

    display:table;

}



.widget-content:after {

    clear:both;

}



/* For IE 6/7 (trigger hasLayout) */

.widget-content {

    zoom:1;

}



/* Widget Table */



.widget-table .widget-content {

	padding: 0;

}



.widget-table .table {

	margin-bottom: 0;

	

	border: none;

}



.widget-table .table tr td:first-child {

	border-left: none;

}



.widget-table .table tr th:first-child {

	border-left: none;

}





/* Widget Plain */



.widget-plain {

	

	background: transparent;

	

	border: none;

}



.widget-plain .widget-content {

	padding: 0;

	

	background: transparent;

	

	border: none;

}





/* Widget Box */



.widget-box {	

	

}



.widget-box .widget-content {	

	background: #E3E3E3;	

	background: #FFF;

}









/*------------------------------------------------------------------

[7. Error / .error-container]

*/



.error-container {

	margin-top: 4em;

	margin-bottom: 4em;

	text-align: center;

}



.error-container h1 {

	margin-bottom: .5em;

	

	font-size: 120px;

	line-height: 1em;

}



.error-container h2 {

	margin-bottom: .75em;

	font-size: 28px;

}



.error-container .error-details {

	margin-bottom: 1.5em;

	

	font-size: 16px;

}



.error-container .error-actions a {

	margin: 0 .5em;

}











/*------------------------------------------------------------------

[8. Miscellaneous]

*/



.chart-holder {

	width: 100%;

	height: 250px;

}