/* Admin layout 
This layout produces a fixed top 'frame'
*/

body 
	{
	border:0;
	height:100%; 
	max-height:100%; 
	overflow: hidden;	
	}
/* for internet explorer - the top padding must match the html #HeaderContainer height below */
* html body 
	{
	padding:55px 0 0 0;
	}
	
/* === Header === */			
#HeaderContainer 
	{
	position:absolute; 
	top:0; 
	left:0;
	height:45px;
	width:100%;
	overflow:auto;
	}
* html #HeaderContainer
	{
	height:55px;
	}
#HeaderContainer h1
	{
	font-size: 20px;	
	position:absolute;
	top:10px;
	left:8px;
	}	
#HeaderContainer h3
	{
	float:right; 
	margin:15px 25px 0 0;	
	}
		
	
/* Admin Menu - ACCORDION left column */		
#mainNavigation {
	width:180px;
	position:absolute;
	top:55px;
	left:5px;
	}
#mainNavigation .menuHeader {
	cursor:pointer;
	display:block;
	margin:0px;
	text-decoration: none;
	}
#mainNavigation .menuContent {
	display:none;
	height:160px;
	margin:0 5px;
	padding:0px;
	}
	
#mainNavigation .menuContent dl	{
	margin: 5px 0 10px 0;
	padding:0;
	}

#mainNavigation .menuContent dt	{
	margin: 1px 0 0 0;
	padding:0;
	}

.actionItems a {
	color:orange;
	font-weight:bold;
	}	
	
	
/* Admin Menu as content in main window */	
#MainContainer 
	{
	position:fixed;
	top:55px;
	left:200px;
	bottom:0;
	right:0;
	/* padding-top:15px; */ 
	overflow:auto; 
	}
* html #MainContainer 
	{
	height:100%;
	width:100%;
	}				
	
	
/* Admin Home and center menu format */	
#MainContainer .menuHeader {
	font-size:20px;
	display:block;
	margin:20px 0 0 0;
	text-decoration: none;
	}	
	
#MainContainer a.menuHeader { 
	font-size:1em;
	float:right;
	margin:28px 3px 0 0;	
	}	

#MainContainer .menuContent, .actionMenu {
	font-size:1em;
	position:relative;
	border-top:2px solid #ccc;
	margin:5px 0 0 0;
	}	
	
#MainContainer dl dd {
	margin:0;
	}			

	
/* action item menu on admin home and content menus */	
.actionMenu a, #MainContainer .actionItems a {
	font-size:14px;
	font-weight:bold;
	padding-left:20px;
	margin:0;
	background-color: transparent;
	background-image: url(../../../images/icons/linkarrowgrey.png);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-x-position: left;
	background-y-position: top;
	}
.actionMenu {
	padding:5px 13px;
	}	
	

			
/* ----- Pill search field ----- */
.search-wrapper {
	position: relative;
	width: 174px;
	margin: 7px 2px 0px 2px;
	height: 20px;
	}	
input.pill {
	position: absolute;
	top: 0px;
	right: 19px;
	height:19px;
	width: 135px;
	background-color: transparent;
	background-image: url(../images/searchfield_repeat.png);
	background-repeat: repeat-x;
	background-attachment: scroll;
	background-x-position: center;
	background-y-position: top;
	border-width: 0px;
	border-style: none;
	margin: 0 0 0 20px;
	padding: 3px 0 0 0;
	font-family: "Lucida Grande",Geneva,Arial,sans-serif;
	font-size: 11px;
	line-height: normal;
	font-size-adjust: none;
	font-stretch: normal;
	color:#666666;
	}
.search-wrapper .left {
	display: block;
	position: absolute;
	left: 0pt;
	top: 0pt;
	width: 20px;
	height: 19px;
	background-color: transparent;
	background-image: url(../images/searchfield_leftcap.png);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-x-position: left;
	background-y-position: top;
	}
.search-wrapper .right {
	display: block;
	position: absolute;
	right: 0pt;
	top: 0pt;
	width: 20px;
	height: 19px;
	background-color: transparent;
	background-image: url(../images/searchfield_rightcap.png);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-x-position: right;
	background-y-position: top;
	}