#aboveheader {display:none;}

#ProfileDropMenu {
	width:30px;
	height:30px;
	background-color:white;
	text-align:center;
}

/*** Create top padding for large screens ***/
@media (min-width: 768px) { 

		#contentcontainer {
			margin-top:15px;  
		}
		#aboveheader {
			padding-top:5px;
			padding-right:10px;
			display:block;
			height: 25px;
		}
		#profilecircle {
			border-radius: 50%;
			width: 30px;
			height: 30px; 
			background-color:white;
			text-align:center;
		}

		li.mobileprofilemenuitem {
			display:none;
		}
		
		#footer {display:block;}
		#footermobile {display:none;}
}



#maincontent {background-color:white;padding:10px;}

#pagefeed {}
#rightadbar {text-align:center;}

#headerimage {
	padding:0px;
	width:100%; 
	height:auto;
}

.navbar {
	border-radius: 0px;
	margin-bottom: 0px;
}








.fieldlabel {
	font-size:11px;
	font-weight:bold;
	padding-right:10px;
	padding-top:2px;
}

.fielddescription {
	font-size:11px;
}




/****
To remove requirement of dropdown menu to be clicked.. this effectively sets it to 'hover'
Create a hover drop down only for pcs ****/
@media (min-width: 768px) { 

		ul.nav li.dropdown:hover > ul.dropdown-menu {
			display: block;    
		}
}

.dropdown-menu {text-align:left;}


@media (max-width: 767px) { 

		a.fullscreenprofilemenuli {
			color:white;
			padding: 10px 15px;
			text-decoration:none;
		}
		a.fullscreenprofilemenuli:hover {
			color:black;
		}
		
		#footer {display:none;}
		#footermobile {display:block;}
}





.well-danger {
	background-color: #F2DEE0;
	border: 1px solid #F2DEE0;
}



.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;
    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: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.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;
}

.bottom-column
{
    float: none;
    display: table-cell;
    vertical-align: bottom;
}