/*
The CSS is arranged in the following sections:
	1. Element overrides
	2. Id selectors
		a. Indented based on where they are used
		b. Browser fixes
		c. Classes
	3. General browser fixes
	
*/

* {margin: 0; padding: 0;}

html, body {
	height: 100%;
	font: 0.8em verdana, arial, helvetica, sans-serif; /* base the size as a standard 11pt font */
	overflow: hidden; /*removes scrollbar in IE*/
	color: #666666;
}

a {
	color: #003366;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

em {
	font-style: normal;
	text-decoration: underline;
}

p.hidden {
	position: absolute;
	width: 190px;
	left: -999px;
}

#wrapper {
	position: relative;
	height: 100%;
	overflow: hidden;
}

#header {
	height: 24px;
	line-height: 24px;
	background: white;
}
	
	#header #logo a {
		width: 156px;
		height: 23px;
		background: url(images/logo-small.gif) no-repeat 0 4px;
		position: absolute;
		left: 0.5em;
	}
	
	#header #current-user {
		position: absolute;
		right: 0.85em;
	}
	
#sub-header.admin {
	background: #003366 url(images/glass-dark-blue.gif) repeat-x;
}
	
#sub-header {
	background: #003366 url(images/glass-blue.gif) repeat-x;
	height: 23px;
	line-height: 22px;
	color: white;
}
	
	#global-nav {
		position: absolute;
		left: 0.2em;
	}	
		#global-nav li {
			display: inline;
		}
		
			#global-nav a {
				padding: 1px 4px;
				color: white;
				margin: 1px 1px;
			}
			
			#global-nav a:hover {
				text-decoration: none;
				border: 1px solid white;
				margin: 0;
			}
	
	#search.chooser {
		right: 2.5em;
		color: white;
		margin-top: 3px;
	}

	#search {
		position: absolute;
		right: 0.85em;
		margin-top: 1px;
	}
		
		#search input {
			font-size: 0.9em;
			width: 60px;
			padding: 1px;
		}

#middle {
	height: 100%;
}

	#log-in-wrapper {
		width: 500px;
		margin: 50px auto;
		border: 1px solid gray;
	}
	
	#log-in {
		/* This is used to line the inside of the border with another, fainter color */
		border: 1px solid #e8e8e8;
		padding: 0; margin: 0;
		padding: .5em;
	}
	
		#log-in h1 {
			border-bottom: 1px solid #e8e8e8;
			font-size: 1.8em;
			padding: .1em;
			color: #003366;
		}
		
		#log-in #logo-medium {
			background: url(images/logo-medium.gif) no-repeat 0;
			height: 70px;
			width: 370px;
			margin: 20px auto 0;
		}
		
		#log-in form {
			padding: 1em; 
			margin: 1em;
		}
			
			#log-in fieldset {
				border: 1px solid #003366;
				background: #FAFAFA;
				margin: 0 auto;
				display: block;
				position: relative; /* This is necessary for the IE legend issue */
			}
				
				#log-in legend {
					color: #003366;
					font-weight: bold;
					background: #e8e8e8 url(images/admin-tree-fade.gif) repeat-x;
					border: 1px solid #003366;
					padding: 4px 6px;
					margin: 0 0 5px 10px;
					position: relative; /* This is necessary for the IE legend issue */
				}
				
				* html #log-in legend { /* Fix the heading in IE */
					margin: 0 0 0 4px;
					top: -1em;
				}
				
				#log-in p {
					padding: .5em;
					margin-top: .1em;
				}
				
				#log-in .field label {
					width: 150px;
					float: left;
					text-align: right;
					margin-right: 0.5em;
					display: block;
					padding-top: 3px;
				}
				
				* html #log-in .field input {
					/* IE fix so that the password field is the same length as the other fields (needs a fixed-width font and not true type)*/
					font-family : Verdana, "Lucida Sans", Arial, Geneva, Helvetica, Helv, Syntax, sans-serif; 
				}
				
				#log-in .no-label input, #log-in .submit input {
					margin-left: 155px;
				}
				
				#log-in .submit input {
					padding: 0 2em;
				}
		
	#show-hide, #show-hide-simple {
		background: url(images/hide.gif) no-repeat 0;
		position: absolute;
		top: 75px;
		left: 0;
	}
		
		#show-hide a, #show-hide-simple a {
			display: block;
			width: 10px;
			height: 25px;
		}
	
	#side-bar.chooser {
		width: 200px;
		float: none;
		position: absolute;
		left: 20px;
		height: 282px;
		padding-bottom: 5px;
		padding-left: 2px;
	}
				
	#side-bar {
		width: 19%;
		height: 100%;
		float: left;
		overflow: auto;
		white-space: nowrap;
		border: 1px solid #999999;
		border-right: 2px ridge #e8e8e8;
	}
	
		#side-bar img.icon, #side-bar.chooser img.icon {
			border: 0;
			display: inline;
		}
		
		#side-bar img.icon-hide, #side-bar.chooser img.icon-hide {
			visibility: hidden;
			padding-right: 2px;
		}
		
		.admin-tree {
		
		}
			ul.admin-tree {
				border-top: 1px solid #999999;
			}
		
				.admin-tree li.highlight {
					font-weight: bold;
				}
				
				.admin-tree li {
					background: #e8e8e8 url(images/admin-tree-fade.gif) repeat-x;
					border-bottom: 1px solid #999999;
					height: 20px;
					line-height: 20px;
					list-style-type: none;
					padding-left: 2px;
				}
				
				.admin-tree li a {
					display: block;
				}
				
				* html .admin-tree li a {
					width: 88%; /*Fix for IE */
				}
			
			#create {
				border: 1px solid #e8e8e8;
				padding: .3em 0;
				margin: 1em;
			}

				#create li {
					list-style-type: none;
					padding: 0;
					margin: 0.3em 0;
				}
				
				#create li a {
					display: block;
					line-height: 18px;
					margin-left: .8em;
				}
				
				* html #create li a {
					height: 1%; /* IE 6 fix */
				}

		.tree {
			margin-bottom: 8px;
			padding-top: 5px;
		}
			
			.tree ul {
				margin-left: 20px;
				padding-left: 0px;
			}
			
			.tree li {
				list-style-type: none;
				vertical-align: middle;
				margin: 6px 0;
			}
			
			.tree li.node {
				margin: 0;
			}
			
			.tree li a {
				color: black;
				/*padding-left: 2px;*/
			}
			
			.tree li a.node {
				padding-left: 2px;
			}
					
			* html .tree li a.node {
				padding-left: 0;
			}
			
			#highlight {
				color: white;
				background: #003366;
				padding: 1px 1px 1px 2px;
			}

	#main-wrapper.chooser {
		width: 100%;
		float: none;
	}
	
	#main-wrapper {
		width: 78%;
		height: 100%;		
		float: left;
		overflow: auto;
		background-color: #FAFAFA;
		position: relative; /*makes IE stop emulating position: fixed*/
		border-width: 1px 1px 1px 0;
		border-style: solid;
		border-color: #999999;
	}
		
		#message, #error {
			margin: .7em;
			padding: .2em .4em;
			color: white;
			/*height: 1%;  IE 6 fix */
		}
		
		#message {
			border: 1px solid black;
			background: green;
		}
		
		#error {
			border: 1px solid black;
			background: #C00;
		}
	
	#main {
		background-color: white;
		border: 1px solid #e8e8e8;
		padding: .8em;
	}

		#main h1 {
			font-size: 1.3em;
			padding: 0 0 1px 5px;
			margin-bottom: 11px;
			border-bottom: 1px solid #e8e8e8; 
		}
		
		* html #main h1 {
			height: 1%; /* IE 6 fix */
		}

		#help {
			float: right;
		}
			
			#help a {
				display: block;
				background: url(icons/help.gif) no-repeat 0;
				height: 15px;
				width: 18px;
			}

		#tabs {
		
		}
			
			#tabs ul {
				padding-left: 8px;
				list-style: none;
				height: 20px;
			}
		
			#tabs ul li {
				display: block;
				float: left;
				background: url(images/tab-left-off.gif) top left no-repeat;
				padding: 0 0 0 3px;
				margin: 0px 2px 0px 0px;
			}
		
			#tabs ul li a {
				display: block;
				float: left;
				font-weight: bold;
				color: #434343;
				white-space: nowrap;
				background: url(images/tab-right-off-wide.gif) top right;
				padding: 4px 9px 4px 6px;
			}
		
			#tabs ul li.selected {
				background: url(images/tab-left-on.gif) top left no-repeat;
			}
		
			#tabs ul li.selected a {
				color: white;
				background: url(images/tab-right-on-wide.gif) top right;
				background-repeat: repeat-x;
			}
		
		#panes {
			width: 100%;
		}
		
			#panes ul {
				float: left;
				list-style: none;
				background: url(images/tab-pane-background.gif);
				width: 100%;
			}
		
			#panes ul li {
				float: left;
				display: block;
				height: 23px;
				background: url(images/tab-pane-separator.gif) right no-repeat;		
			}
		
			#panes ul li  a {
				float: left;
				color: white;
				white-space: nowrap;
				margin: 5px 0 0 0; 
				padding: 0 8px;
			}
		
			#panes ul li.selected {
				background: url(images/tab-pane-on.gif) repeat-x;	
			}

		#center-stage {
			border: 1px solid #003366;
			clear: left;
			padding: .8em;
		}
		
		* html #center-stage {
			height: 1%; /* This is for IE 6 to display the border */
		}
		
		#center-stage.chooser {
			height: 300px;
		}			
			
			#center-stage.chooser .pane {
				height: 275px;
				/*overflow: auto;*/ /*This causes Safari problems*/
			}
			
			#center-stage .logo-medium {
				text-align: center; 
				margin: 2em 0;
				width: 100%;
			}
			
				#panel-wrapper {
					height: 375px;
					margin: auto;
				}
					
					#panel-wrapper .panel {
						float: left;
						width: 29%;
						border: 1px solid #e8e8e8;
						margin: 1em;
					}
						
					* html #panel-wrapper .panel {
						width: 27%;
					}
						
						#panel-wrapper .panel h2 {
							font-size: 1.2em;
							background: #e8e8e8;
							border-bottom: 1px solid gray;
							margin: 0;
							padding: .6em;
						}
						
						* html #panel-wrapper .panel h2 {
							width: 100%;
						}
						
						#panel-wrapper .panel h3 {
							font-size: 1.1em;
							border-bottom: 1px solid #e8e8e8;
							padding: 5px 0 2px 20px;
							margin: 9px 2px 6px;
						}
						
							#panel-wrapper .panel h3 a {
								display: block;
							}
						
						#panel-wrapper .panel ul {
							list-style-type: none;
						}
						
							#panel-wrapper .panel ul li {
								margin: 4px 0px 1px 20px;
							}
						
								#panel-wrapper .panel ul li a {
									display: block;
									width: 97%;
									padding: 3px 0px 3px 20px;
								}

								#panel-wrapper .panel ul li span a {
									width: 90%;
								}
							
							#panel-wrapper .panel ul li.starting-page {
								margin-bottom: 2.3em;
							}
						
						#panel-wrapper p {
							text-align: right;
							margin-bottom: .8em;
						}
							
							#panel-wrapper p a {
								display: block;
							}
			
			#chooser-main {
				padding: .5em .9em .5em 213px; /* Account for the side bar */
				margin-left: 2px;
				height: 276px;
				border-top: 1px solid gray;
				border-right: 1px solid gray;
				border-bottom: 1px solid gray;
			}
				#center-stage #chooser-main h2 {
					margin-bottom: 1.5em;
				}
		
			#center-stage .extra-spacing {
				margin-top: 2em;
			}
			
			#center-stage h2, #center-stage h3 {
				font-size: 1.1em;
				padding: 0 0 .3em 1em;
				border-bottom: 1px solid #999999;
				padding: 0.5em;
				color: #30416E; /* Slightly purple to go with the pane background */
				margin-bottom: 1em;
			}
			
			#center-stage h4 {
				font-size: 1em;
				padding: .5em 2em;
				margin: .5em
			}
							
			#center-stage .icon {
				line-height: 16px;	/* We need the icons to display fully */
				display: block;
			}

			#outputs, #outputs2, #outputs3 {
				padding: 0 0 0 20px;
				margin: 0;
				height: 18px;
				overflow: visible; /* changed from "auto" because of Safari 2.0 bug with rendering download link: CSCD-1392 */
			}
				
				#outputs ul li.selected {
					font-weight: bold;
				}
				
				#outputs h5, #outputs2 h5, #outputs3 h5 {
					float: left;
					font-size: .9em;
				}

				#outputs ul, #outputs2 ul, #outputs3 ul {
					list-style-type: none;
					padding-left: 8em;
				}
				
					#outputs ul li, #outputs2 ul li, #outputs3 ul li {
						display: inline;
					}
					
						#outputs ul li a.current, #outputs2 ul li a.current {
							font-weight: bold;
						}			
		
				#content-render a, #content-render2 a {
					display: none;
				}
				
				#content-render object, #content-render2 object {
					width: 100%;
					height: 100%;			
					border: 1px solid #CCC;
				}

				* html #content-render object, * html #content-render2 object {
					border: none;
				}

			#static-menu {
			
			}
			
				#static-menu ul {
					list-style-type: square;
					margin-bottom: .5em;
				}
				
				#static-menu ul li {
					margin: 4px 3px 4px 30px;
				}
				
			#center-stage table {
				background-color: white;
				width: 100%;
				margin: 0 auto;
				border: 1px solid gray;
				clear: left;
			}
				
				#center-stage table caption.chooser {
					display: block;
				}
				
				#center-stage table caption {
					display: none;
				}
				
				#center-stage table #c1, #center-stage table #c2 {
					text-align: center;
					width: 15px;
				}
	
				#center-stage table th {
					padding: 4px 5px;
					margin: 0;
					border-left: 1px solid white;
					border-top: 1px solid white;
					border-right: 1px solid #999999;
					border-bottom: 1px solid #999999;
					background-color: #e8e8e8;
					text-align: left;
				}
	
				#center-stage th.sort {
					background: #C1C1C1;
				}
				
				#center-stage th a {
					display: block;
					width: 95%; /* Fix for IE */
				}
				
				#center-stage table tr {
				}
				
				#center-stage table tr.even {
					background: #F0F6FF;
				}
				
				#center-stage table tr.hover {
					background: #DEEFFF;
				}
	
				#center-stage table td {
					margin: 0;
					padding: 0 5px;
					line-height: 20px;
				}
				
				#center-stage table td ul {
					list-style-type: square;
					margin-bottom: .5em;
				}
				
				#center-stage table td ul li {
					margin: 1px 3px 1px 40px;
				}
				
				#center-stage table tbody td a {
					line-height: 20px;	/* We need the icons to display fully */
					display: block;
					width: 95%; /* Fix for IE */
				}
				
				#center-stage table td.actions a {
					display: block;
					height: 20px;
					width: 20px;
					text-decoration: none;
					float: left;
					margin: 0;
					padding: 0;
				}
				
				#center-stage table tfoot tr td {
					background-color: #e8e8e8;
					border: 1px solid #999999;
					text-align: left;
					line-height: 14px;
				}
			
				#center-stage table #previous-next {
					float: right;
					margin-top: 3px;
					overflow: auto;
				}
				
				#center-stage table.publish {
					margin-bottom: 1em;
				}
				
			div.key-value {
				border: 1px solid #999999;
				margin-bottom: 1em;
				clear: left;
			}
			
				#center-stage div.key-value h2 {
					background-color: #e8e8e8;
					margin-bottom: 0;
				}
				
				div.key-value ul {
					border-top: 1px solid #30416E;				
					list-style-type: none;
					padding: .3em 0 0 0;
				}
				
				div.key-value ul li {
					clear: left;
					border-bottom: 1px solid #e8e8e8;
					padding: 0;
					margin: 0;
				}

				div.key-value ul label {
					float: left;
					width: 150px;
					text-align: right;
					border-right: 1px solid #e8e8e8;
					font-weight: bold;
					padding: 0.5em;
					margin: 0 1px;
				}
				
				*:first-child+html div.key-value ul label { /* IE 7 hack */
					padding: 12px 5px 0px;
				}
				
				* html div.key-value ul label { /* IE 6 hack */
					padding: 11px 4px 0px;
				}
				
				div.key-value ul span {
					position: relative;
					display: block;
					padding: 5px 5px 5px 168px;
					margin: 0;
				}
				
				*:first-child+html div.key-value ul span { /* IE 7 hack */
					padding: 0px 0px 0px 166px;
				}
				
				* html div.key-value ul span { /* IE 6 hack */
					padding: 0 3px 1px 164px;
				}
				
				div.key-value ul span.icon-display {
					padding: 0px 5px 0px 20px;
				}
				
				div.key-value ul span a {
					display: block;
					height: 18px;
				}

			/* Now for the center stage form fields */
					
			#center-stage form {

			}
			
			* html #center-stage form { /*Give IE more padding*/
				padding-top: .1em;
			}
			
			* html #center-stage form.multiselect { 
				padding-top: 0;
			}
			
				#item-remove, #item-add {
					height: 20px;
					position: relative;
					padding-top: 5px; /*This is needed for it to fully display on IE */
				}
				
				#item-add {
					bottom: 50px;
					left: 18px; /* 16px looks better on edit user but 18px is better in the majority of places */
				}
				
				#item-remove {
					bottom: 30px;
					left: -10px;
				}
				
				a#item-remove:hover, a#item-add:hover {
					text-decoration: none;
				}

				#center-stage fieldset {
					border: 1px solid gray;
					background: #FAFAFA;
					margin: 0 auto 1.0em;
					padding: .5em 0 .7em;
					display: block;
					position: relative; /* This is necessary for the IE legend issue */
				}
				
				* html #center-stage fieldset {
					margin: 1em auto 2.0em;
					padding: .7em 0 0 0;
					width: auto;
				}
				
					#center-stage p.right {
						text-align: right;
					}
					
					#center-stage fieldset fieldset fieldset.first {
						border-top: 0px;
					}

					#center-stage fieldset fieldset fieldset fieldset {
						margin: .8em 0;
						padding: .3em 0 .7em;
						border-right: 0px;
						border-left: 0px;
						border-bottom: 0px;
						clear: left;
					}
					
					#center-stage fieldset fieldset, #center-stage fieldset fieldset fieldset {
						margin: .8em;
						padding: .3em 0 .7em;
						clear: left;
					}
					
					#center-stage fieldset fieldset legend {
						font-size: 1em;
					}
					
					#center-stage fieldset.builder-action {
						margin-left: 7em;
						font-size: .9em;
						background: #EFF3FB;
					}
					
					#center-stage fieldset.builder-trigger {
						margin-left: 12em;
						background: #EFF3FB;
					}
					
					#center-stage fieldset.data-definition {
						background: #EFF3FB;
						padding-top: 2.3em;
					}
					
					#center-stage fieldset.data-definition fieldset {
						background: #FAFAFA;
					}

						#center-stage fieldset span.multiple a, 
						#center-stage .icon-float, #center-stage a.selector {
							display: block;
							float: left;
							height: 18px;
						}
						
						#center-stage .icon-display,
						#center-stage .icon-display-right,
						#center-stage .icon-display-left
						{
							display: block;
							height: 18px;
						}
						
						#center-stage .icon-display-right {
							float: right;
						}
						
						#center-stage .icon-display-left {
							float: left;
						}

						#center-stage fieldset span.multiple span {
							padding-top: 2px;
							float: left;
						}

						#center-stage fieldset span.multiple span.max {
							font-weight: normal;
							font-size: .85em;
						}

						#center-stage fieldset p span.multiple-value {
							display: block;
							float: none;
							clear: left;
							margin-left: 163px;
						}
						
						#center-stage fieldset fieldset fieldset p span.multiple-value {
							margin-left: 146px;
						}

						#center-stage fieldset fieldset p span.multiple-value {
							margin-left: 154px;
						}

						#center-stage fieldset p span.inline a, #center-stage fieldset fieldset p span.inline a { 
							/*For WYSIWYG in DD multiple=true*/
							display: inline;
							float: none;
							line-height: 16px;
							margin: 0;
							padding: 0;
						}
						
					#center-stage legend {
						color: #30416E;
						background: #e8e8e8 url(images/admin-tree-fade.gif) repeat-x;
						border: 1px solid gray;
						padding: 4px 6px;
						margin: 0 0 1px 10px;
						position: relative; /* This is necessary for the IE legend issue */
						font-weight: bold;
						font-size: 1.1em;
					}
					
					* html #center-stage legend { /* Fix the heading in IE */
						margin: 0 0 0 4px;
						top: -1.0em;
					}
					
					#center-stage fieldset h3 {
						margin-left: 1em;
						padding: 1em 1.5em;
					}
					
					#center-stage #toggle-options {
						padding: 0;
						margin: 1em 0 0 0;
					}
										
					#center-stage #toggle-options fieldset {
						padding-bottom: 0;
						margin-bottom: 1em;
					}
						
						#center-stage #toggle-options a {
							line-height: 24px; /* This is necessary so that the box doesn't shift */
						}
						
						#center-stage #toggle-options span{
							margin-left: 2em;
						}
						
						#center-stage #toggle-options label {
							float: none;
							display: inline;
						}
						
						#center-stage #toggle-options span.comments {
							float: none;
							clear: left;
							display: block;
						}
						
							#center-stage #toggle-options span.comments label {
								clear: left;
								padding: 10px 0 3px 75px;
								display: block;
							}
						
							#center-stage #toggle-options span.comments textarea {
								margin: 2px 0 0 143px;
								display: block;
							}

					#center-stage p.error {
						margin: 4px /* Make it one less pixel than the default due to the border */
					}
					
						#center-stage p.error input, #center-stage p.error textarea {
							border: 1px solid #8B0000;
						}
					
					#center-stage span.error {
						margin: 4px /* Make it one less pixel than the default due to the border */
					}
					
						#center-stage span.error input, #center-stage span.error textarea {
							border: 1px solid #8B0000;
						}				
					
					#center-stage span.error {
						color: #8B0000;
						display: block;
						font-weight: bold;
						clear: left;
						padding-left: 166px;
						margin-top: 2px;
					}
					
					#center-stage fieldset.builder-action span.error, #center-stage fieldset.builder-step span.error {
						display: inline;
						clear: none;
						padding-left: 2px;
					}
					
					#center-stage p.required {
						font-weight: bold;
					}
					
						#center-stage p.required label {
							background: url(icons/required.gif) no-repeat right;
						}
						
					#center-stage span.required {
						font-weight: bold;
					}
					
						#center-stage span.required label {
							background: url(icons/required.gif) no-repeat right;
						}
					
					#center-stage p {
						margin: 5px;
						padding: 2px;
						clear: left;
					}			
					* html #center-stage p {
						margin-top: 0; /*Tighten up IE */
					}
						
						#center-stage span.chooser {
							padding-left: .8em;
						}
						
							#center-stage span.end {
								clear: left;
								display: block;
							}
	
							#center-stage span.chooser a {
								height: 20px;
								display: block;
								width: auto;
								float: left;
							}
							
							#center-stage span.chooser a.selector-value {
								padding: 3px 0;
								margin-left: 3px;
							}

						#center-stage p label.inline {
							float: none;
							display: inline;
						}
						
						#center-stage p label {
							width: 150px;
							float: left;
							text-align: right;
							margin-right: 0;
							display: block;
							padding: 3px 13px 0 0;
						}
						
						* html #center-stage p label {
							margin-right: -0.2em;
						}
						
						#center-stage fieldset fieldset fieldset p label {
							width: 132px; /* This is to compensate for the extra em */
						}
									
						#center-stage fieldset fieldset p label {
							width: 140px; /* This is to compensate for the extra em */
						}
						
						#center-stage p.no-label, #center-stage p.submit {
							margin-left: 170px;
							padding: 0;
						}
						
						#center-stage p.full-width {
							margin: 0;
							padding: 0;
						}
						
							#center-stage p.full-width a, #center-stage p span.inline a {
								display: inline;
								line-height: 16px;
								margin: 0;
								padding: 0;
							}

						#center-stage p.submit input {
							margin: 0 10px 0 0;
							padding: 0 3px;
						}

					#center-stage select {
						font-size: 1em;
					}

						#center-stage select.medium {
							width: 175px;
						}

						#center-stage select.small {
							font-size: .9em;
						}

						#center-stage select option {
							margin: 0;
							padding: 0 .3em;
						}
					
					#center-stage textarea.large {
						width: 70%;
						height: 200px;
					}
					
					#center-stage textarea.wysiwyg {
						width: 95%;
						/*Height is overwritten by TinyMCE*/
						height: 300px;
					}
					
					#center-stage textarea.xml {
						width: 90%;
						margin: 0 auto;
						height: 225px;
					}
						
					#center-stage textarea.summary {
						width: 396px;
						height: 50px;
					}
									
					#center-stage textarea.textarea {
						width: 396px;
						height: 100px;
					}
					
					/*Don't set height and width as data definitions can use rows/cols */
					#center-stage textarea {
						overflow: auto;
						padding: 2px;
					}
						
					#center-stage input {
						font-size: 1em;
						padding: 2px;
						margin-right: 2px;
						font-weight: normal;
					}
					
					* html #center-stage input {
						padding-right: 0;
					}
										
						#center-stage input.text {
							width: 396px;
						}
						
						#center-stage .keywords input.text {
							width: 376px;
						}
						
						#center-stage input.text-small {
							width: 200px;
						}
						
						#center-stage input.text-x-small {
							width: 70px;
						}
					
					#center-stage #configSubPanes {
						margin-bottom: 1em;
					}
					
					* html #center-stage #configSubPanes {
						margin-bottom: 2em;
					}
		
#footer.admin {
	background: #003366 url(images/glass-dark-blue.gif) repeat-x;
}
	
#footer {
	background: #003366 url(images/glass-blue.gif) repeat-x;
	position: absolute;
	bottom: 0;
	height: 20px;
	color: white;
	line-height: 20px;
	width: 100%;
	border-top: 1px solid #13387F;
	font-size: 0.9em;
	/* .home and .admin are defined above for the background image */
}

	#copyright {
		position: absolute;
		top: 0;
		left: 0.85em;
		width: 30%;
	}
	
	* html #utility-nav, * html #copyright { /* IE hack to correct for pixel spacing inconsistency */
		top: -1px;
	}
	
		#copyright a {
			color: white;
		}
	
	#organization {
		margin: 0 30%;
		text-align: center;
	}
	
	* html #organization { /* IE hack to correct for pixel spacing inconsistency */
		position: relative;
		top: -1px;
	}
	
	#utility-nav {
		position: absolute;
		right: 0.85em;
		top: 0;
		width: 30%;
		text-align: right;
	}
	
	#utility-nav ul {
		float: right;
	}
	
	#utility-nav li {
		display: block;
		float: left;
		margin-left: 0.4em;
	}
	
	#utility-nav a {
		color: white;
	}
	
	#utility-nav a.rss {
		background: url(images/rss.gif) no-repeat 0 1px;
		width: 16px;
		height: 16px;
		position: relative;
		top: 1px;
		display: block;
	}
	
	* html #utility-nav a.rss { /* IE hack to correct for pixel spacing inconsistency */
		position: relative;
		top: 2px;
	}

.icon-small-down-arrow {
	background: url(images/small-arrow-down.gif) no-repeat 0;
	padding-left: 13px;
}

.icon-small-up-arrow {
	background: url(images/small-arrow-up.gif) no-repeat 0;
	padding-left: 13px;
}

.icon-small-add {
	background: url(icons/small-add.gif) no-repeat 0;
	padding-left: 13px;
}

.icon-small-delete {
	background: url(icons/small-delete.gif) no-repeat 0;
	padding-left: 13px;
}

.icon-small-up {
	background: url(icons/small-up.gif) no-repeat 0;
	padding-left: 13px;
}

.icon-small-down {
	background: url(icons/small-down.gif) no-repeat 0;
	padding-left: 13px;
}

.icon-folder {
	background: url(icons/folder.gif) no-repeat 0;
	padding-left: 20px;
}

.icon-page {
	background: url(icons/page.gif) no-repeat 0;
	padding-left: 20px;
}

.icon-linkable {
	background: url(icons/page.gif) no-repeat 0;
	padding-left: 20px;
}

.icon-edit {
	background: url(icons/edit.gif) no-repeat 0;
	padding-left: 20px;
}

.icon-information {
	background: url(icons/information.gif) no-repeat 0;
	padding-left: 20px;
}
	
.icon-import {
	background: url(icons/import.gif) no-repeat 0;
	padding-left: 20px;
}
	
.icon-up {
	background: url(icons/up.gif) no-repeat 0;
	padding-left: 18px;
}

.icon-up-end {
	background: url(icons/up-end.gif) no-repeat 0;
	padding-left: 18px;
}

.icon-down {
	background: url(icons/down.gif) no-repeat 0;
	padding-left: 18px;
}

.icon-down-end {
	background: url(icons/down-end.gif) no-repeat 0;
	padding-left: 18px;
}

.icon-arrow-down {
	background: url(icons/arrow-down.gif) no-repeat 0;
	padding-left: 20px;
}

.icon-arrow-left {
	background: url(icons/arrow-left.gif) no-repeat 0;
	padding-left: 20px;
}

.icon-arrow-right {
	background: url(icons/arrow-right.gif) no-repeat 0;
	padding-left: 20px;
}

.icon-user {
	background: url(icons/user.gif) no-repeat 0;
	padding-left: 20px;
}

.icon-group {
	background: url(icons/group.gif) no-repeat 0;
	padding-left: 20px;
}

.icon-role {
	background: url(icons/role.gif) no-repeat 0;
	padding-left: 20px;
}

.icon-delete {
	background: url(icons/delete.gif) no-repeat 0;
	padding-left: 20px;
}

.icon-pageconfigurationset {
	background: url(icons/pageconfigurationset.gif) no-repeat 0;
	padding-left: 20px;
}

.icon-container {
	background: url(icons/container.gif) no-repeat 0;
	padding-left: 20px;
}

.icon-structureddatadefinition {
	background: url(icons/structureddatadefinition.gif) no-repeat 0;
	padding-left: 20px;
}

.icon-metadataset {
	background: url(icons/metadataset.gif) no-repeat 0;
	padding-left: 20px;
}

.icon-publishset {
	background: url(icons/publishset.gif) no-repeat 0;
	padding-left: 20px;
}

.icon-assetfactorycontainer {
	background: url(icons/container.gif) no-repeat 0;
	padding-left: 20px;
}

.icon-pageconfigurationsetcontainer {
	background: url(icons/container.gif) no-repeat 0;
	padding-left: 20px;
}

.icon-structureddatadefinitioncontainer {
	background: url(icons/container.gif) no-repeat 0;
	padding-left: 20px;
}

.icon-metadatasetcontainer {
	background: url(icons/container.gif) no-repeat 0;
	padding-left: 20px;
}

.icon-publishsetcontainer {
	background: url(icons/container.gif) no-repeat 0;
	padding-left: 20px;
}

.icon-transportcontainer {
	background: url(icons/container.gif) no-repeat 0;
	padding-left: 20px;
}

.icon-workflowdefinitioncontainer {
	background: url(icons/container.gif) no-repeat 0;
	padding-left: 20px;
}

.icon-publish {
	background: url(icons/publish.gif) no-repeat 0;
	padding-left: 20px;
}

.icon-history {
	background: url(icons/history.gif) no-repeat 0;
	padding-left: 20px;
}

.icon-symlink {
	background: url(icons/symlink.gif) no-repeat 0;
	padding-left: 20px;
}

.icon-reference {
	background: url(icons/reference.gif) no-repeat 0;
	padding-left: 20px;
}

.icon-message {
	background: url(icons/message.gif) no-repeat 0;
	padding-left: 20px;
}

.icon-messages {
	background: url(icons/messages.gif) no-repeat 0;
	padding-left: 20px;
}

.icon-target {
	background: url(icons/target.gif) no-repeat 0;
	padding-left: 20px;
}

.icon-transport {
	background: url(icons/transport.gif) no-repeat 0;
	padding-left: 20px;
}

.icon-workflowdefinition {
	background: url(icons/workflowdefinition.gif) no-repeat 0;
	padding-left: 20px;
}

.icon-workflow {
	background: url(icons/workflowdefinition.gif) no-repeat 0;
	padding-left: 20px;
}

.icon-assetfactory {
	background: url(icons/assetfactory.gif) no-repeat 0;
	padding-left: 20px;
}

.icon-cancel {
	background: url(icons/cancel.gif) no-repeat 0;
	padding-left: 20px;
}

.icon-calendar {
	background: url(icons/calendar.gif) no-repeat center;
	padding-left: 20px;
}

.icon-file {
	background: url(icons/file.gif) no-repeat 0;
	padding-left: 20px;
}

.icon-add {
	background: url(icons/add.gif) no-repeat 0;
	padding-left: 20px;
}

.icon-check {
	background: url(icons/check.gif) no-repeat center;
	padding-left: 20px;
	width: 20px;
}

.icon-block {
	background: url(icons/block.gif) no-repeat 0;
	padding-left: 20px;
}

.icon-copy {
	background: url(icons/copy.gif) no-repeat 0;
	padding-left: 20px;
}

.icon-database {
	background: url(icons/database.gif) no-repeat 0;
	padding-left: 20px;
}

.icon-destination {
	background: url(icons/destination.gif) no-repeat 0;
	padding-left: 20px;
}

.icon-keywords {
	background: url(icons/keywords.gif) no-repeat 0;
	padding-left: 20px;
}

.icon-lock {
	background: url(icons/lock.gif) no-repeat 0;
	padding-left: 20px;
}

.icon-log {
	background: url(icons/log.gif) no-repeat 0;
	padding-left: 20px;
}

.icon-metadata {
	background: url(icons/metadata.gif) no-repeat 0;
	padding-left: 20px;
}

.icon-move {
	background: url(icons/move.gif) no-repeat 0;
	padding-left: 20px;
}

.icon-relationships {
	background: url(icons/relationships.gif) no-repeat 0;
	padding-left: 20px;
}

.icon-search {
	background: url(icons/search.gif) no-repeat 0;
	padding-left: 20px;
}

.icon-stylesheet {
	background: url(icons/stylesheet.gif) no-repeat 0;
	padding-left: 20px;
}

.icon-summary {
	background: url(icons/summary.gif) no-repeat 0;
	padding-left: 20px;
}

.icon-starting-page {
	background: url(icons/starting-page.gif) no-repeat 0;
	padding-left: 20px;
}

.icon-template {
	background: url(icons/template.gif) no-repeat 0;
	padding-left: 20px;
}

.icon-versions {
	background: url(icons/versions.gif) no-repeat 0;
	padding-left: 20px;
}

.icon-spell-check {
	background: url(icons/spell-check.gif) no-repeat 0;
	padding-left: 20px;
}

.icon-home {
	background: url(icons/home.gif) no-repeat 0;
	padding-left: 20px;
}

.icon-administration {
	background: url(icons/administration.gif) no-repeat 0;
	padding-left: 20px;
}

.icon-view {
	background: url(icons/view.gif) no-repeat 0;
	padding-left: 20px;
}

.icon-report {
	background: url(icons/report.gif) no-repeat 0;
	padding-left: 20px;
}

.icon-yes {
	background: url(icons/yes.gif) no-repeat 0;
	padding-left: 20px;
}

.icon-no {
	background: url(icons/no.gif) no-repeat 0;
	padding-left: 20px;
}

/* #################### BEGIN ALSETT CLEAR #################### */
.clear:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	margin-bottom: -10px;
}

* html .clear {
	height: 1%;
}

.clear {
	display: block;
}
/* #################### END ALSETT CLEAR #################### */

/* Copyright Dynarch.com, 2003-2006.  All Rights Reserved. */

#menu {
	/* Make it so that the unordered list menu doesn't appear before it is transformed into a table */
	height: 1px;
	width: 1px;
}

#ajax-menu {
	display: none;
}

/* DynarchMenu layout file */

/* horizontal parts */

div.dynarch-horiz-menu {
/*  white-space: nowrap; */
  padding: 0px 3px;
  cursor: pointer;
}
div.dynarch-horiz-menu table, div.dynarch-popup-menu table { }
div.dynarch-popup-menu table { border-collapse: collapse; }
div.dynarch-horiz-menu table tr td.item table td.icon { padding-right: 3px; }
div.dynarch-horiz-menu table tr td.item { padding: 0px 10px; }
div.dynarch-horiz-menu table tr td.item img { vertical-align: middle; }
div.dynarch-horiz-menu table tr td.separator { width: 6px; }
div.dynarch-horiz-menu table tr td.separator div {
  border-left: 1px solid;
  border-right: 1px solid;
  margin: 3px 2px 2px 2px;
  height: 1.2em;
  overflow: hidden;
}

div.dynarch-horiz-menu td.disabled, div.dynarch-horiz-menu td.disabled table td { color: #aca899; }
/* div.dynarch-horiz-menu td.disabled img { -moz-opacity: 0.4; filter: alpha(opacity=40); } */

/* vertical parts */

div.dynarch-popup-menu {
  position: absolute;
  left: 0px;
  top: 0px;
  border: 1px solid;
  padding: 1px;
  cursor: pointer;
  z-index: 1000;
}
div.dynarch-popup-base-menu { position: static; }
div.dynarch-popup-menu tr.item td.icon img,
div.dynarch-popup-menu tr.item td.icon div { width: 16px; height: 16px; }
div.dynarch-popup-menu tr.item td.icon { padding: 0px 1px; height: 16px; width: 16px; }
div.dynarch-popup-menu tr.item td.label { padding: 1px 15px 1px 3px; /* white-space: nowrap; */}
div.dynarch-popup-menu tr.item td.arrow { width: 11px; }
div.dynarch-popup-menu tr.item td.arrow div { width: 11px; background: transparent url("images/arrow-right.gif") no-repeat 0% 50%; }
div.dynarch-popup-menu tr.hover td.arrow div,
div.dynarch-popup-menu tr.active td.arrow div { background: transparent url("images/arrow-right.gif") no-repeat 0% 50%; }

div.dynarch-popup-menu tr.separator td div {
  margin: 2px;
  height: 1px;
  line-height: 1px;
  font-size: 1px;
  border: none;
}
div.dynarch-popup-menu tr.disabled td.label { color: #aca899; }
/*div.dynarch-popup-menu tr.disabled td.icon img { -moz-opacity: 0.4; filter: alpha(opacity=40); } */

/* shadows */

div.dynarch-menu-shadow, img.dynarch-menu-shadow, div.div.dynarch-IE6-shadow { z-index: 990; position: absolute; }
/*div.dynarch-menu-shadow { background-color: #555; -moz-opacity: 0.6; filter: alpha(opacity=60); }*/

/* hider */
iframe#dynarch-menu-hider { z-index: 980; }

/* toolbars */

div.dynarch-menu-toolbar table tr td.item {
  padding: 2px 3px;
}

/* horizontal parts */

div.dynarch-horiz-menu { }
div.dynarch-horiz-menu table { }
div.dynarch-horiz-menu table tr td { color: #fff; }
div.dynarch-horiz-menu table tr td.hover { background-color: #003366; color: #fff; }
div.dynarch-horiz-menu table tr td.active { background-color: #003366; color: #fff; }
div.dynarch-horiz-menu table tr td.pressed { background-color: #003366; padding: 3px 2px 1px 4px; }
div.dynarch-horiz-menu table tr td.hover table,
div.dynarch-horiz-menu table tr td.active table { color: #fff; }
div.dynarch-horiz-menu table tr td.separator { width: 7px; }
div.dynarch-horiz-menu table tr td.separator div { border-right-color: #3182e7; border-left: none; margin-right: 3px; }
    .arrow-down { background: url(images/arrow-down.gif) no-repeat 100% 60%; padding-right: 11px; display: block; }
    td.hover .arrow-down { background-image: url(images/arrow-down.gif); }
    td.active .arrow-down { background-image: url(images/arrow-up.gif); }

	  
/* vertical parts */

div.dynarch-popup-menu { border-color: #003366 #003366 #003366 gray; color: #000; background-color: #fff; padding: 0; }
div.dynarch-popup-menu div.d { border-left: 1px solid #003366; }
div.dynarch-popup-menu div.c { border-left: 1px solid #003366; }
div.dynarch-popup-menu div.b { border-left: 2px solid #003366; }
div.dynarch-popup-menu div.a { border-left: 1px solid #003366; }
div.dynarch-popup-menu tr.item td.icon { padding: 1px 1px 1px 3px; }
div.dynarch-popup-menu tr.separator td div { background: url(images/separator.gif) no-repeat 50% 50%; }
div.dynarch-popup-menu tr.item.hover, div.dynarch-popup-menu tr.item.active { background-color: #e8e8e8; color: #003366; }
div.dynarch-popup-menu tr.item.hover td.icon, div.dynarch-popup-menu tr.item.active td.icon { background-color: #e8e8e8; }


#calendarDiv{
	position:absolute;
	width:205px;
	border:1px solid #317082;
	padding:1px;
	background-color: #FFF;
	font-family:arial;
	font-size:10px;
	padding-bottom:20px;
	visibility:hidden;
}
#calendarDiv span,#calendarDiv img{
	float:left;
}
#calendarDiv .selectBox,#calendarDiv .selectBoxOver{
	
	line-height:12px;
	padding:1px;
	cursor:pointer;
	padding-left:2px;
}

#calendarDiv td{
	padding:3px;
	margin:0px;
	font-size:10px;
}

#calendarDiv .selectBox{
	border:1px solid #E2EBED;		
	color: #E2EBED;
	position:relative;
}
#calendarDiv .selectBoxOver{
	border:1px solid #FFF;
	background-color: #317082;
	color: #FFF;
	position:relative;
}

#calendarDiv .topBar{
	height:16px;
	padding:2px;
	background-color: #317082;
}
#calendarDiv .activeDay{	/* Active day in the calendar */
	color:#FF0000;
}
#calendarDiv .todaysDate{
	height:17px;
	line-height:17px;
	padding:2px;
	background-color: #E2EBED;
	text-align:center;
	position:absolute;
	bottom:0px;
	width:201px;
}
#calendarDiv .monthYearPicker{
	background-color: #E2EBED;
	border:1px solid #AAAAAA;
	position:absolute;
	color: #317082;
	left:0px;
	top:15px;
	/*zIndex:1000;*/
	display:none;

}
#calendarDiv #monthSelect{
	width:70px;
}
#calendarDiv .monthYearPicker div{
	float:none;
	clear:both;	
	padding:1px;
	margin:1px;	
	cursor:pointer;
}
#calendarDiv .monthYearActive{
	background-color:#317082;
	color: #E2EBED;
}

#calendarDiv td{
	text-align:right;
	cursor:pointer;
}

#calendarDiv .topBar img{
	cursor:pointer;
}
#calendarDiv .topBar div{
	float:left;
	margin-right:1px;
}

/* This ensures the divs we are using
   (which are block elements) do not
   disrupt the page flow because of their
   implicit line breaks */
#center-stage div.multiAndLabel
{
	display: inline;	
}

/* This wraps the entire group of divs containing
   the labels, multiselects, and arrows and gives
   them some padding and makes sure it doesn't wrap
   on 1024x768 */
#center-stage div.availReadWrite
{
	white-space: nowrap;
	padding-left: 15px;
	padding-top: 10px;
}

* html #center-stage div.availReadWrite {
	padding-top: 0px; /* IE already renders it with padding */
}
						
/* This moves the multiselect and associated movement
   arrows to the left */
#center-stage div.multiAndLabel span#spnAvailGroups
{
	position: relative;
	left: -55px;
}

/* This moves the multiselect and associated movement
   arrows to the left */
#center-stage div.multiAndLabel span#spnReadGroups
{
	position: relative;
	left: -92px;
}

/* This moves the multiselect to the left */
#center-stage div.multiAndLabel select#writeGroups
{
	position: relative;
	left: -120px;
}

/* This moves the label up and to the left to position
   it over the multiselect */
#center-stage label#lblAvailGroups
{
	position: relative;
	bottom: 95px;
}

/* This moves the label up and to the left to position
   it over the multiselect */
#center-stage label#lblReadGroups
{
	position: relative;
	bottom: 95px;
	right: 60px;
}

/* This moves the label up and to the left to position
   it over the multiselect */
#center-stage label#lblWriteGroups
{
	position: relative;
	bottom: 95px;
	right: 87px;
}

/* This moves the select and its movement arrows to the left 
    to account for the label being pulled up */
#center-stage div.multiAndLabel span#spnAvailUsers
{
	position: relative;
	left: -55px;
}

/* This moves the select and its movement arrows to the left 
    to account for the label being pulled up */
#center-stage div.multiAndLabel span#spnReadUsers
{
	position: relative;
	left: -92px;
}

/* This moves the select to the left to compress the layout 
   to account for the label being pulled up */
#center-stage div.multiAndLabel select#writeUsers
{
	position: relative;
	left: -120px;
}

/* This positions the label above the select */
#center-stage label#lblAvailUsers
{
	position: relative;
	bottom: 95px;
}

/* This positions the label above the select */
#center-stage label#lblReadUsers
{
	position: relative;
	bottom: 95px;
	right: 60px;
}

/* This positions the label above the select */
#center-stage label#lblWriteUsers
{
	position: relative;
	bottom: 95px;
	right: 87px;
}

/* For displaying a warning to the user */
#center-stage div.warning {
	color: #C11B17;
	min-height: 38px;
	/* IE6 min height hack */
	height: auto !important;
	height: 38px;
	/* end IE6 min height hack */
	background: url(/cms/css/icons/warning.gif) no-repeat 0;
	padding-left: 30px;
	margin-bottom: 10px;
}

#center-stage fieldset div.warning {
	margin: 0px 13px 0px 10px;
}

#center-stage fieldset table {
	margin: 0px 0px 0px 10px;
	width: 98%;
}

#center-stage fieldset p.prompt {
	margin-left: 60px;
}

#center-stage div#secSuggestions {
 border: 1px solid black;
 position:absolute;
 left: 188px;
 z-index: 100;
 background: white;
 width: 123px;
 display: none;
}

#center-stage div#secSuggestions ul {
	list-style-type: none;
}

#center-stage div#secSuggestions li {
	height: 18px;
}

#center-stage div#secSuggestions li a {
	height: 18px;
}

#center-stage div#secSuggestions li#selected {
	background: #bbb;
}

/* Folder gallery styles */
#center-stage table#folder-gallery div.gallery-item {
   text-align: center;
}