/******************************************/
/*          LAYOUT & POSITIONING          */
/******************************************/

html,
body {
	margin:0px;
	padding:0px;
	height:100%;
}

/**********   PLACE OUR FULL SCREEN SHADE & Fullscreen Content Area   **********/
html>body #nmPageScreen,
html>body #nmPageScreenContent {
	position:fixed;
	width:100%;
	height:100%;
}

html>body #nmPageScreen {
	z-index:990;
}
html>body #nmPageScreenContent {
	z-index:991;
}

/**********   Fix our header & footer   **********/
html>body #nmPageHeader {
	position:fixed;
	z-index:100;
}
html>body #nmPageFooter {
	position:fixed;
	bottom:0;
	z-index:100;
}


/**********   Manage the heights of the header & footer and set the related padding on the content area   **********/
/* HEADER */
#nmPageHeader {height:63px; width:100%;}
html>body #nmPageContent {padding-top:88px;} /* nmPageHeader.height + 10 */

/* FOOTER */
#nmPageFooter {height:100px; width:100%;}
html>body #nmPageContent {padding-bottom:110px;} /* nmPageFooter.height + 10 */


/**********   Manage the content area layout   **********/
html>body #nmPageWrapper {height:100%;}
html>body #nmContentWrapper {height:100%;}



/**********   POSITION THE SIDEBAR   **********/
html>body #nmSidebar {
	position:fixed;
	top:63px;
	bottom:100px;
	width:215px;
	z-index:100;
}
html>body #nmPageContent {padding-left:225px;} /* nmSidebar.width + 10 */

#nmPageContent {padding-right:10px;}

/* Give us a content area inside te scroll bar that is scroller safe & give the sidebar te ability to scroll*/
#nmSidebarContentView {width:190px;}
#nmSidebar {overflow:auto;}

/* Set the sidebar content view to have some space from the edge of the screen */
#nmSidebarContentView {padding-left:0px;}




#nmSidebarContentView {background-color:#ef558c;}


/**********   POSITION THE TOP MENU   **********/

#nmPageHeader {
	white-space:nowrap;
	overflow:hidden;
}

#navMenu {
	background-color:red;
}

#navMenu ul {
	float:right;
	padding-right:32px;
	
	/*
		Removed to add space for status bar
	padding-top:13px;
	*/
	
}
#navMenu ul li {
	float:left;
	margin:8px 0px 8px 8px;
	border:0px solid gray;
	width:120px;
	padding:0px;
	display:inline;
}
#navMenu ul li a:link,
#navMenu ul li a:active,
#navMenu ul li a:visited,
#navMenu ul li a:hover {
	width:112px;
	display:block;
	padding:4px;
	border-width:1px;
}
#navMenu ul li a:hover {
	background-color:#dddddd;
}

#headerStatusBar {
	position:absolute;
	height:16px;
	width:500px;
	right:30px;
	top:38px;
	padding:0px;
	font-size:10px;
	text-align:right;
}

#headerStatusBar .disabled {
	color:gray;
}

#headerStatusBar .statusItem {
	padding:0px 10px;
	border-right:1px solid gray;
}

#headerStatusBar em {
	font-weight:bold;
	color:#5A9421;
}


/******************************************/
/*               AESTHETICS               */
/******************************************/

body {background-color:#ffffff;}

/*****/

html>body #nmPageScreen {
	background-color:white;
	opacity:.7;
}
html>body #nmPageScreenContent {
}

/*****/

#nmPageHeader {
	background-color:#bed3df;
	background-image:url(/images/natureofworship.logo.gif);
	background-repeat:no-repeat;
	background-position:10px 3px;
}

#navMenu ul {}
#navMenu ul li {
	background-color:#ffffff;
	text-align:left;
	font-size:10px;
}
#navMenu ul li a:link,
#navMenu ul li a:active,
#navMenu ul li a:visited,
#navMenu ul li a:hover {
	background-color:#eeeeee;
	font-weight:normal;
	color:black;
	border-style:solid;
	border-color:#777777;
	text-decoration:none;
}
#navMenu ul li a:hover {
	background-color:#dddddd;
	border-color:black;
}

/*****/

#nmSidebar {
  background-color:#ffffff;
  border-right:1px solid #cccccc;
}


/*****/

#nmPageFooter {
	background-color:#D3E5F9; 
	border-top:1px solid black;
	opacity:.9;
}

/*****/

.mediaResultViewNavBar {border:1px solid silver; background-color:#efefef; padding:4px;}
.mediaResultViewNavBar_pageNav {float:right;}
.mediaResultViewNavBar img {vertical-align:-20%;}




/*****  PALETTE   *****/
#search_simple {
  padding:10px;
}

.inspectorPaletteTab,
.inspectorPaletteTabOpen {
	height:18px;
	background-color:#bed3df;
	background-image:url(/images/ui/palette_disclosure_closed.gif);
	background-repeat:no-repeat;
	background-position:4px 50%;
	border:1px solid gray;
	border-left:none;
	border-right:none;
	margin:0px;
	font-size:12px;
	color:#2B261F;
}

.inspectorPaletteTabOpen {background-image:url(/images/ui/palette_disclosure_open.gif);}

.inspectorPaletteTab a,
.inspectorPaletteTab a:link,
.inspectorPaletteTab a:visited,
.inspectorPaletteTab a:active,
.inspectorPaletteTab a:hover,
.inspectorPaletteTabOpen a,
.inspectorPaletteTabOpen a:link,
.inspectorPaletteTabOpen a:visited,
.inspectorPaletteTabOpen a:active,
.inspectorPaletteTabOpen a:hover {
	display:block;
	padding:2px 2px 2px 18px;
	height:16px;
	color:#222222;
	text-decoration:none;
}

.inspectorPaletteTab a:hover,
.inspectorPaletteTabOpen a:hover {
	color:#000000;
}


.inspectorModeWrapper {
	padding:8px;
	display:none;
	font-size:10px;
	font-weight:normal;
	background-color:#eeeeee;
}
.inspectorModeWrapper h1 {
	color:#000000;
	font-size:16px;
	margin-bottom:5px;
	font-weight:normal;
}



/*inspectorModeWrapper
inspectorPaletteTab a:link,
inspectorPaletteTab a:active,
inspectorPaletteTab a:visited,
inspectorPaletteTab a:hover, {
	color:black;
	text-decoration:none;
}*/

.inspectorPaletteTab img {
	margin-right:10px;
	vertical-align:middle;
}







/*****  ADVANCED SEARCH PALETTE   *****/
#nmUIAdvancedSearchForm {}

#nmUIAdvancedSearchForm label {
	display:block;
	color:silver;
	font-weight:bold;
	font-size:10px;
	margin-top:8px;
}

#nmUIAdvancedSearchForm input,
#nmUIAdvancedSearchForm select {
	margin-top:4px;
	width:100%;
	font-size:12px;
}

#nmUIAdvancedSearchForm input.image {
	width:auto;
}






/*****  LIGHTBOX & DROP ZONE   *****/

#dropZone_lightbox	{
	text-align:center;
	height:100px; width:100%;
	background-color:#D3E5F9;
	color:gray;
	overflow:auto;
	white-space:nowrap;
	background-image:url(/images/ui/lightboxdropzone_watermark.gif);
	background-repeat:no-repeat;
	background-position:20px 50%;
}

.lightboxItemThumb {
	display:inline;
}

.lightboxItemThumb img {
	width:50px; height:50px;
	margin:18px 10px;
	border:1px solid black;
	background-color:white;
	padding:5px;
}



img.nmFSNotice {
	display:block;
	margin:100px auto 0px auto;
	cursor:pointer;
}