// Adam 2
// Bootswatch
// -----------------------------------------------------
body{
	#contentWrapper{
		#loggedInContainer{
			width:20%;
			height:20px;
			padding: 6px 2%;
			//background: @secondary;
			//background: #dedede;
			position: absolute;
			right: 0;
			
			a.btn {
				padding: 8px 10px;
			}
			
			div {
				margin-left:10px;
			}
		}
		
		#loggedOutContainer{
			height:20px;
			padding: 10px 2%;
			position: absolute;
			right: 0;
			
			a {
				&:hover {
					color: @red !important;
				}
			}
			
			div {
				margin-left:10px;
			}
		}
		
		#loggedInNavUsername {
			max-width: 33%;
		}
		
		#sf-wrapper{
			#bodyPadding{
				.navbar {
					#loginFormNavbar{
						width:300px;
						padding:20px;
						
						.btn{
							margin-bottom: 40px;
							display: block;
							width:100%;
							padding-right:0;
							padding-left:0;
						}
						
						a{
							position: absolute;
							bottom: 0;
							width: 100%;
							padding:10px 0;
							left: 0;
							text-align: center;
							background-color: @secondary;
							color: #fff;
						}
					}
				}
				
				.navbar {
					.navbar-inner{
						.container{
							.nav-collapse{
								.nav{
									&.loggedNav, &.loggedOutULcontainer {
										background: #fff;
										color: @primary;
										margin-left:20px;
										float:right;
										width:22%;
										z-index: 1039;
										
										a {
											color: @primary;
											text-shadow: none;
											
											&:hover {
												color:#fff;
											}
										}
									}
								}
							}
						}
					}
				}
			}
		}
	}
}



// MEDIA QUERIES
// -----------------------------------------------------

 
/* Landscape phone to portrait tablet */
@media (max-width: 780px) {
	#loggedInContainerMobile, #loggedOutContainerMobile{
		position: absolute;
		top: 0;
		bottom: 0;
		padding: 10px 20px;
		background: @primary;
		color: #fff;
		width:100%;
		height:20px;
		
		a{
			color: @white;
			display: inline;
			margin-left: 3%;
		}
		
		br{
			display: none;
		}
	}
	
	#loggedOutContainerMobile{
		padding: 0;
		
		a{
			margin: 0;
			color:#fff;
			padding-top:9px;
			padding-bottom:10px;
			
			&.btn{
				-webkit-border-radius: 0;
				-moz-border-radius: 0;
				border-radius: 0;
			}
		}
	}
}