/* === SKELETON STRUCTURE === */
/* All Page Content blocks (skeleton.xsl) */
div.page_block {
	position: relative;	/* Make sure that absolutely positioned elements inside page blocks position relative to their block */
	margin: 0px;
}

/* The wrapper of the content columns */
div#content_pane {
	display: table;	/* Render the column-wrapper as a table */
	width: 100%;
	min-height: 20em; height:auto !important; height: 20em; /* crazy internet-explorer workaround for min-height */
	background-color: white;	/* Content pane's background color, should match the selected tab */
	position: relative;
}

/* All columns of content */
div#content_pane div.content_pane_column {
	display: table-cell; /* Treat the columns as table cells to the parent-div's table */
	vertical-align: top;
}

div#PAGE_BLOCK_CENTER_COLUMN {
	padding: 0px;	/* Pad out the left and right sides of the center column */
	margin: 0 10px;
	/*width: 100%;*/	/* Make sure the center column squeezes the side columns up against the margins (TEMP turned off, see below)*/
}


/* === Corrections dealing with the temporary table structure in skeleton.xsl === */
div#content_pane {
	display: block;	/* Replace the 'table' display above */
}

	div#content_pane div.content_pane_column {
		display: block; /* Replace the 'table-cell' display above */
	}

div#content_pane table#temporary_page_table {
	width: 100%;
}

	div#content_pane table#temporary_page_table td {	/* This addresses the temporary usage of tables on skeleton.xsl */
		vertical-align: top;
	}

	div#content_pane table#temporary_page_table td#temporary_page_table_center_column {
		width: 100%;	/* Make sure the center column squeezes the side columns up against the margins */
	}




/* === PAGE_BLOCK_HEADER === */
div#PAGE_BLOCK_HEADER {
	background-color: #507AAA;	
	z-index: 2;
	zoom: 1;
}

/* Page logo and account information (fragment_admin_center_column.xsl) */
div#PAGE_BLOCK_HEADER a.site_logo {
	display: block;
	background: url("../images/netshaperslogowhite75tall-trans.png") 30px 12px no-repeat;
	height: 75px;		/* This height/width defines the size of the logo in the top left */ 
	width: 384px;
	padding-top: 12px;
}

	div#PAGE_BLOCK_HEADER a.site_logo span.title_text {
		display: none;
	}

div#PAGE_BLOCK_HEADER div#account_info_wrapper {
	position: absolute;
	top: 12px;	/* Matches the padding-top set for PAGE_BLOCK_HEADER above */
	right: 5px;
	text-align: right;
	vertical-align: top;
}

	/* Login info and user options are shifted to the right */
	div#PAGE_BLOCK_HEADER div.login_user_info, div#PAGE_BLOCK_HEADER div.login_datetime_info, div#PAGE_BLOCK_HEADER ul.account_options {
		font-size: 0.85em;
		color: white;
	}

	div#PAGE_BLOCK_HEADER div.login_user_info, div#PAGE_BLOCK_HEADER div.login_datetime_info {
		margin-bottom: 0.15em;
	}
	
		div#PAGE_BLOCK_HEADER div.login_user_info span, div#PAGE_BLOCK_HEADER div.login_datetime_info span {
			font-weight: bold;
		}

	div#PAGE_BLOCK_HEADER ul.account_options li {
		float: left;
		white-space: nowrap;
		margin: 0em 0em 0em 0.3em;
		border: 1px solid black;
		-moz-border-radius: 8px; -webkit-border-radius: 8px;
		background: white;
	}

		div#PAGE_BLOCK_HEADER ul.account_options li a {
			display: block;
			text-decoration: none;
			color: black;
			padding: 0.3em 2em;
		}
		
		div#PAGE_BLOCK_HEADER ul.account_options li a:hover {
			color: #555555;
		}



/* === PAGE_BLOCK_HEADER_MENU === */
div#PAGE_BLOCK_HEADER_MENU {
	background-color: #507AAA;
	z-index: 2;
	zoom: 1;
	border-bottom: 1px solid black;
}

/* Menu Tabs (fragment_admin_menu.xsl) */
div#PAGE_BLOCK_HEADER_MENU ul.topmenu {
	position: relative;		/* Combined with the negative bottom position, this makes the tabs ride slightly over the content pane below */
	left: 0px;
	bottom: -1px;	 				/* Should match the content pane's border thickness (see below) */
	padding-top: 12px;
	margin-left: 1.25em;
	font-size: 0.85em;
	zoom: 1;
}

div#PAGE_BLOCK_HEADER_MENU ul.topmenu li {	/* NOT-SELECTED main menu tabs */
	display: -moz-inline-box; display: inline-block;  zoom: 1; *display: inline; /* Cross-browser inline-block support */
	margin-right: 0.3em !important;						/* Provide a space to the right of each tab. */
	margin-top: 0.7em;							/* Leave a space for selected tabs to 'pop' into - Note that if you change the top-margin, 
																		you need to recalc the selected li's anchor's bottom-padding below */
	vertical-align: bottom;					/* Force the tabs to the bottom of their UL */
	background: #EEEEEE; 							/*  Main menu-tab not-selected item color */
	border: 1px solid #777777;					/* Borders of the tabs */
	border-bottom: 1px solid black !important;	/*  This should match the border of div#content_pane below, to blend the bottom of the tab into the panel */
	white-space: nowrap;					/* Do not allow wrapping of tab text */
		
	/* Rounding effects for the tabs */
	-moz-border-radius-topleft: 8px; -webkit-border-top-left-radius: 8px;
	-moz-border-radius-topright: 8px; -webkit-border-top-right-radius: 8px;
}
	
	
	div#PAGE_BLOCK_HEADER_MENU ul.topmenu li a {
		text-decoration: none;
		color: black;
		display: block;				/* Make the anchors take up space, to 'push' the link out to fill the tab */
		padding: 0.15em 1em;	/* Pad out the anchor so it stretches out it's parent LI: this is where the size of the tab comes from 
														 Note that if you change this value, you need to recalc the selected anchor's bottom-padding below */
	}

	div#PAGE_BLOCK_HEADER_MENU ul.topmenu li a:hover {
		color: #555555;
	}

	div#PAGE_BLOCK_HEADER_MENU ul.topmenu li.selected {	/* 'active' tabs- there should really only be one */
		border-color: black;												/*  Make the border stand out more */
		font-weight: bold;
		background-color: white;										/* The color of active tabs, should match the content_pane background color below */
		text-decoration: underline;
		margin-top: 0px;														/* Pop this tab up to the top of the UL, to make it look 'active' */
		border-bottom: 1px solid white !important;	/* Make the bottom border merge with the content pane */
	}

		div#PAGE_BLOCK_HEADER_MENU ul.topmenu li.selected a {
			padding-bottom: 0.85em;					/* Pad out the bottom of the tab to make it taller. 
			  																In order to keep the tabs aligned, this should be 
			   																 the not-selected bottom-padding of the 'div#bars ul li a' (see above), 
			  																 plus the 'div#bars ul li' top-margin (see above) */
		}

/* Sub-Menu Bars (fragment_admin_menu.xsl) */
div#PAGE_BLOCK_HEADER_MENU ul.submenu {
	clear: both;							/* Force a clear around any floated elements - these should stack up under the tabs */
	border: none;
	border-top: 1px solid black;
	background-color: white;
	font-size: 0.75em;
	padding-left: 1.5em;
	z-index: 2;
}

div#PAGE_BLOCK_HEADER_MENU ul.submenu li {
	display: -moz-inline-box; display: inline-block;  zoom: 1; *display: inline; /* Cross-browser inline-block support */
	white-space: nowrap;
	border-right: 1px dotted #000000;
}

div#PAGE_BLOCK_HEADER_MENU ul.submenu li:first-child {
	border-left: 1px dotted #000000;
}

div#PAGE_BLOCK_HEADER_MENU ul.submenu li:hover {
	background-color: #507AAA !important;
}

	div#PAGE_BLOCK_HEADER_MENU ul.submenu li:hover a {
		color: white;
	}

	div#PAGE_BLOCK_HEADER_MENU ul.submenu li a {
		text-decoration: none;
		color: black;
		display: block;
		padding: 0.3em 0.6em; 			/* This defines the size of an individual button - it stretches the li out */
	}

	div#PAGE_BLOCK_HEADER_MENU ul.submenu li.selected { /* Selected sub-main menu items */
		font-weight: bold;
		background: transparent url("../images/bullet_go.png") no-repeat 0 50%;
	}

	div#PAGE_BLOCK_HEADER_MENU ul.submenu li.selected a { 
		padding-left: 1.5em;
	}



/* === PAGE_BLOCK_CENTER_COLUMN === */
/* Warning message, for when no content is being shown (fragment_admin_center_column.xsl) */
p.empty_page {
	text-align: center;
	margin-top: 1em;
	font-size: large;
	font-weight: bold;
}



/* === PAGE_BLOCK_LEFT_COLUMN / PAGE_BLOCK_RIGHT_COLUMN === */
/* Menus that might be on the sidebars */
div#PAGE_BLOCK_LEFT_COLUMN ul.topmenu {
	padding-left: 3px;
	padding-right: 15px;
	border-right: 1px solid #CCCCCC;
}

div#PAGE_BLOCK_RIGHT_COLUMN ul.topmenu {
	padding-right: 3px;
	padding-left: 15px;
	border-left: 1px solid #CCCCCC;
}

	div#PAGE_BLOCK_RIGHT_COLUMN ul.topmenu li {
		text-align: right;
	}
	
	div.content_side_column ul.topmenu li {
		border-bottom: 1px #CCCCCC dotted;
		padding: 5px 0px;
	}

		div.content_side_column ul.topmenu li a {
			color: black;
			font-size: .8em;
		}

		div.content_side_column ul.topmenu li a:hover {
			color: #555555;
		}

			div.content_side_column li ul.submenu {
				display: none;
			}