/* jumbotron For both the top_row and Footer */
.jumbotron	   { background-color: #00688A; padding: 0; margin-bottom: 0;}

/* Footer */
.jumbotron > footer  	{ padding: 20px;  font-size: 18px; color: #FFFFFF; text-align: center;}
.page-load  			{ font-size: 10px; margin-top: 5px;}

/* Navigation Menu */

.navbar-default 		{ background-image: none; background-color: #00688A; border: 0; padding:5px; margin:0;}
.navbar {min-height: 30px;}
#logo 			{ margin: 10px;}
#login_button 	{ padding: 2px 12px;}
#sitetitle		{ font-family: Audiowide,sans-serif!important; color: #00688A;  font-size: 28px; margin: 5px  20px;}
.logo_div       { padding-left:0; padding-right: 0;}

#jumbotron2		
{
    margin-top: 5px; margin-bottom: 20px;
	background-color: #f5f5f5!important;
    border-bottom: 1px solid #CCC;
    border-top: 1px solid #CCC;
	padding: 10px;
}
#jumbotron2	> div > a
{
	color: black;
	text-decoration: none;
}
#jumbotron2	> div > a:hover { color: #337ab7;}

h1, h2, h3, h4, h5, h6 {
    font-family: Roboto Slab,sans-serif!important;
    font-weight: 400!important;
    color: #00688A;
}

.homepage_block {
	margin: 20px 10px;
	background-color: #f5f5f5!important;
    border: 1px solid #CCC;
	border-radius: 5px;
	padding-bottom: 20px;
}
.homepage_block h3 { font-size: 17px; margin-left: 20px;}
.homepage_block ul { list-style-type: none; }
.homepage_block li { margin-bottom: 6px; }

.span_link {
	color: #337ab7;
	cursor: pointer;
}





.container-fluid 	{ padding-right: 0px; }
#site_menu   		{ margin-top: 25px; border-bottom: 0px; float:right; padding: 0;}
.navbar-default .navbar-nav>li>a 			{ color: #fff; text-shadow: none; padding: 10px 10px 10px 10px;}

.navbar-default .navbar-nav>li>a:hover 	{ color: #FFF100; }
.navbar-default .navbar-nav>li>a:active 	{ color: #FFF100; }
.navbar-default .navbar-nav>li>a.active	{ color: #FFF100; }
.dropdown-menu>li>a.active { font-weight: bold; color: blue; }


ul.circle		{ list-style-type: circle; }
ul.square 		{ list-style-type: square; }
ol.upper-roman 	{ list-style-type: upper-roman; }
ol.lower-roman 	{ list-style-type: lower-roman; }
ol.lower-alpha 	{ list-style-type: lower-alpha; }

.red 	{ color: red;}

.oddrow, .evenrow 	{ margin: 1px 0; padding: 5px; }
.oddrow 				{ background-color: #DADADA; border-radius: 5px; }
.evenrow 			{ background-color: #EFEFEF; border-radius: 5px; }

form { margin-bottom: 20px; }

hr {
    border-top: 1px solid #A0A0A0;
}



#loading-div {
    /*background-color: white;*/
    opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
    
	border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    box-shadow: 0 0 20px 0 #222;
    -webkit-box-shadow: 0 0 20px 0 #222;
    -moz-box-shadow: 0 0 20px 0 #222;

    display: block;
    top:  35%;
    left: 47%;
    height: 32px;
    width:  32px;
    position: fixed;
    z-index: 1001;

}
#loading-background {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: white;
    opacity: .50;
    -webkit-opacity: .50;
    -moz-opacity: .50;
    filter: alpha(opacity=50);
	z-index: 1000;
}

.clickable-span {
	background-color: #eeeeee; padding: 5px; border-radius: 5px; border: 1px solid #AAAAAA; display:block; margin-bottom: 5px; cursor: pointer; color: #000000;
}
.clicked-span {
	background-color: #0066FF; color: #FFFFFF;
}

.not-visible {display: none;}

/* Responsive Menu CSS Below * /



@media(max-width:767px){
	.jumbotron	    	{ padding: 5px 0px 5px 0px; margin: 0; }
	.jumbotron	h1 	{ font-size: 24px; }
	#nav-button 		{ margin-top: 25px;}

	#site_menu		{ background-color: #fff; color: #000000; position: absolute; top: 65px; right: 15px; z-index: 10; margin: 0; padding-top: 0; }
	.navbar-default ul	{ padding: 0; margin: 0; border-left: 1pt solid gray; border-right: 1pt solid gray; } 
	.navbar-default .navbar-nav>li	{ border-bottom: 1pt solid gray; padding: 0px 10px;} 
	.navbar-default .navbar-nav>li>a 	{ color: #000000; text-shadow: none; font-size: 100%;}
	.navbar-default .navbar-nav>li>a:hover 	{ color: blue; }
	.navbar-default .navbar-nav>li>a:active 	{ color: blue; }
	.navbar-default .navbar-nav>li>a.active	{ color: blue; }
	
	.jumbotron > footer	    { padding: 10px; }

	.member-edit { margin-top: -40px; padding-bottom: 10px;}
	.member-name { font-weight: bold; }

}
@media(min-width:768px){
	.jumbotron	h1 	{ font-size: 26px; }
	.navbar-default .navbar-nav>li>a 	{ font-size: 90%;}
	#site_menu   { float: left;}
	.member-edit { margin-top: -40px; padding-bottom: 10px;}
	.member-name { font-weight: bold; }
	
	.modal-dialog {width: 800px; margin: 30px auto;}
}
@media(min-width:992px){
	.jumbotron	h1 	{ font-size: 26px; }
	.navbar-default .navbar-nav>li>a 	{ font-size: 120%;}
	#site_menu   { float: left;}
	.member-edit { margin-top: -40px; padding-bottom: 10px;}
	.member-name { font-weight: bold; }
}
@media(min-width:1200px){
	.jumbotron	h1 	{ font-size: 26px; }
	.navbar-default .navbar-nav>li>a 	{ font-size: 100%;}
	#site_menu   { float: right;}
	.member-edit { margin-top: 0px; padding-bottom: 0px;}
	.member-name { font-weight: normal; }
}

/ * Responsive Menu CSS Above */