/* Admin styles
*/
fieldset.manageform{
	padding-top:2em;
	background:#f5f5f5;
}

#form-toggle-hide { position: absolute; bottom: 16px; right: 20px; }
#form-toggle-show { position: absolute; top: -26px; right: 0; }

.attention-box{
	border: 1px solid #e5e5e5;
	padding: 15px;
	margin: 15px 0;
}

.managetable { width: 100%; margin: 10px 0; }
.managetable tr th { padding: 8px 4px; text-align: left; font-weight: bold; border-bottom: 1px solid #e5e5e5; background: #f6f6f8; }
.managetable tr td { padding: 8px 4px; border-bottom: 1px dotted #e5e5e5; }
.managetable tr td.align-top{vertical-align:top;}
.managetable label { font-weight:normal; }
.managetable tr:last-child td { border: 0; }
.managetable tr.last td { border: 0; }
.managetable tr.totals td { font-weight: bold; font-size: 1.2em; border: 0; border-top: 1px solid #cccccc; padding-top: 20px; text-align:right; }

div#breadcrumb{border-bottom:1px dotted #c0c0c0;padding-bottom:1em;margin-bottom:1em;}

div#header-wrapper{
	padding-top:40px;
}
nav#adminmenu { background: #333; padding-top: 0;position:fixed;width:100%;z-index:1000;}
nav#adminmenu a.logout { text-align: right; color: #ffffff; font-weight: normal; padding-top: 4px; margin-right: 10px; float: right; }
nav#adminmenu ul { margin-left: 10px; list-style: none; font-weight: normal; margin-bottom: 0px; /* Clear floats */ float: left; width: auto; list-style:none; padding:0; margin-top:0; position:relative; z-index:1000000; }
nav#adminmenu ul li { float: left; margin-right: 10px; position: relative; }
nav#adminmenu ul a { display: block; padding: 7px 5px; color: #fff; background: #333; text-decoration: none; }
nav#adminmenu ul a:hover { color: #fff; background: #c41250; text-decoration: none; }

/*--- DROPDOWN ---*/
nav#adminmenu ul ul { background: #fff; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */ background: rgba(255, 255, 255, 0); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */ list-style: none; position: absolute; float: none; width: auto; margin: auto; left: -9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */ }
nav#adminmenu ul ul li { padding-top: 1px; /* Introducing a padding between the li and the a give the illusion spaced items */ float: none; }
nav#adminmenu ul ul a { white-space: nowrap; /* Stop text wrapping and creating multi-line dropdown items */ }
nav#adminmenu ul li:hover ul { /* Display the dropdown on hover */ left: 0; /* Bring back on-screen when needed */ }
nav#adminmenu ul li:hover a { /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */ background: #4d4d4d; text-decoration: none; }
nav#adminmenu ul li:hover ul a { /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */ text-decoration: none; }
nav#adminmenu ul li:hover ul li a:hover { /* Here we define the most explicit hover states--what happens when you hover each individual link. */ background: #333; }



/* Phone */
@media screen and (max-width: 480px) {

	div#header-wrapper{
		padding-top:80px;
	}

}