/* 
	LiveEdition v1.5 layout.css 
	JM - 10/20/2006
*/


html 
{
	background-color: #E1E1E1; 
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#topRow
{
	left:0px;
	top:0px;	
	display:inline;
	border:0px solid #CBD6E5;
	height:20px;
}

#logoDiv
{
	width:200px;
	margin-left:2px;
}

#pubLogo
{
	z-index:100;
}

#topBar
{
	position:absolute;
	top:15px;
	left:205px;
	margin-top:5px;
	display: inline;
	float: right;
	border:0px solid green;
	overflow: hidden;
	visibility: visible;
	height:20px;
}

/* begin scrollable list of newspaper sections/names (i.e. A - Front Page, B - Metro, etc)  */
#sectionListContainer
{
	position: relative;
	top: 0px;
	display: inline;
	float: left;
	height:17px;
	overflow: hidden;
	border:0px solid yellow;
	margin-top:0px;
	margin-left:15px;
	/*white-space: nowrap;*/
}

#sectionList
{
	position: relative;
	top:0px;
	display:inline;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float:left;
	white-space: nowrap;
	height:17px;
	border: 0px solid red;
	overflow:hidden;
}


#recentIssues
{
	position:absolute;
	left:5px;
	top:45px;
	clear:both;
	float: left;
	margin-top: 0px;
	margin-left: 2px;
	/*left:30px;*/
	text-align: center;
	border:0px solid green;
	height:10px;
}


#calendarDown
{
	display:inline;
}

#calendarDiv
{
	position:absolute;
	left:170px;
	z-index:600;	
	display:inline;
	background-color:#FFFFFF;
	visibility:hidden;
}


#chooseEdZoneDiv
{
	position:absolute;
	top:35px;
	left:85px;
	z-index:600;	
	display:block;
	visibility:hidden;
	/*width:190px;
	height:40px;*/
	background-color:#cccccc;
	border:1px solid #AAA;
}

#editionZoneForm
{
	margin-top:10px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:10px;
}
		
		
#editionsZones
{
	position: absolute;
	left:5px;
	top:30px;
	clear:both;
	float: left;
	padding-top: 0px;
	padding-bottom: 3px;
	margin-left:2px;
	margin-top:2px;
	text-align: left;
	border: 0px solid black;	
	height:20px;
	visibility:hidden;
}
	




#paneCollapseControl
{
	position:absolute;
	top:150px;
	left:175px;
	z-index:500;
	border:1px solid #AAAAAA;
}



		
			/*.topNavForm
			{
			margin: 0px auto;
			position: relative;
			float: left;
			display: inline;
			padding: 0px;
			margin: 0px;
			border: 0px solid;
	
			}
			
			
			
			
		.topNavFormSelected
			{
			position: relative;
			display: inline;
			margin: 0px auto;
			float: left;
	
			}
			
			
			
			
			.topNav

				{
				position: relative;
				left: 0px;
				display: inline;
				margin: 2px;
				
				}

*/
		
			


		
		

		
		/* previous/next arrows

			.arrows
			{
			position: relative;
			display: inline;
			float: left;
			top: 1px;
			width: 17px;
			height: 18px;
			
			}
			*/
			
		

/* begin left navigation panes positioning*/



	
	#leftNavContainer
	{
		position: absolute;
		margin: 0px auto;
		/*float:left;*/
		top:0px;
		left:0px;
		width:200px;
		background-color:#CCCCCC;
		border-right:1px solid #AAA;
		border-bottom:1px solid #AAA;
		border-left: 1px solid #AAA;
		overflow:hidden;
	}
	

	

	
	#leftNavContentContainer
	{
		position:absolute;
		top:25px;
		overflow: hidden;
		display: inline;
		text-align:center;
		border:0px solid green;	
	}
	
	#leftNavHeader
	{
		position:absolute;
		top:0px;
		background-color:#CCCCCC;
		z-index:20;	
		border:0px solid green;	
	}
	
	#headerBGImg
	{
		position:relative;
		top:0px;		
		background-color:#CCCCCC;
		z-index:20;	
		border:0px solid red;
	}
	
	
	#leftNavContent
	{
		position:absolute;
		top:0px;
		left:0px;
		border:0px solid green;
		overflow:hidden;
		display:inline;
	}
	
	

		
		#thumbs
		{

			left:0px;
			top:0px;
			white-space: nowrap;
			padding-bottom: 5px;
			text-align:center;
			border:0px solid blue;
			width:147px;
			overflow:hidden;
			margin-left:auto;
			margin-right:auto;
			margin-top:0px;
		}
		
		
			
		.thumbDefault
		{

			border: 1px solid #666666;
			/*margin-left: auto;
			margin-right: auto;
			clear:both;*/
			width:70px;
			z-index:1;
		}
		
		.thumbDefaultLeft
		{

			border: 1px solid #666666;
			margin-left: 0px;
			/*clear:both;*/
			width:70px;
			z-index:1;
		}		
		
		.thumbDefaultRight
		{
			/*clear:both;*/
			border: 1px solid #666666;
			margin-right: 0px;
			width:70px;
			z-index:1;
		}	
		
		.thumbDefaultBlankLeft
		{

			border: 0px solid #666666;
			margin-left: 0px;
			/*clear:both;*/
			width:70px;
			z-index:1;
		}		
		
		.thumbDefaultBlankRight
		{

			border: 0px solid #666666;
			margin-right: 0px;
			width:70px;
			z-index:1;
		}	
					
									
		
		
		.thumbSelected
		{

			border: 1px solid #CC0000;	
			/*margin-left: auto;
			margin-right: auto;
			text-align:center;*/
			/*clear:both;*/
			/*float:left;*/
			z-index:1;
			width:70px;
		}
		
		.thumbSelectedLeft
		{
			/*margin-left: 0px;*/
			border: 1px solid #CC0000;			
			/*clear:both;*/
			z-index:1;
			width:70px;
		}
		
		.thumbSelectedRight
		{
			/*margin-right: 0px;*/
			border: 1px solid #CC0000;		
			z-index:1;
			width:70px;
			/*clear:both;*/
		}		
		
		.thumbSelect
		{
			/*margin: 0px auto;*/
			text-align: center;
			border:0px solid blue;
			z-index:1;
			/*clear:both;*/
		}
		
		.thumbImgDiv
		{
			/*text-align:center;*/

			border:0px solid green;
			z-index:1;
		}
		
		.thumbLetter
		{

			/*left:0px;*/
			font-weight:bold;
			border:0px solid green;
			/*width:2em;*/
			/*clear:both;*/
			z-index:1;
		}
		
		.thumbSetDivCenter
		{
			padding-bottom:10px;
			text-align:center;
			border:0px solid green;
			margin-left:auto;
			margin-right:auto;
			/*clear:both;*/
			width:72px;
			z-index:1;
		}
		
		.thumbSetDivLeft
		{
			padding-bottom:10px;
			text-align:center;
			border:0px solid green;
			clear:both;
			float:left;
			/*margin-left:15px;*/
			z-index:1;
			width:72px;
		}
		
		.thumbSetDivRight
		{
			padding-bottom:10px;
			text-align:center;
			border:0px solid green;
			float:right;
			z-index:1;
			width:72px;
			/*margin-right:15px;*/
		}		
		
		

#searchHeader
{
	display:none;
	height:50px;
}

#searchHeader div#searchForm
{
	position:relative;
	padding-bottom: 5px;
	top: 0px;
	text-align:center;
	clear:both;
	height:40px;
	border:0px solid blue;
	/*width:160px;*/
	/*margin-left:5px;*/
	/*margin-right:5px;*/
	margin-top:0px;
}
#searchTerm
{
	width: 150px;
	margin-bottom:5px;
	margin-left:auto;
	margin-right:auto;
}

#searchDetailsContainer
{
	background-color:#CCC;
}

#searchHeader div#searchDetails
{
	background-color:#CCC;
	position:relative;
	float:left;
	top:25px;
	text-align: left;
	clear:both;
	height:30px;
	border:0px solid green;
	width:170px;
	padding-left:0px;
	margin-top:0px;
	margin-left:10px;
	margin-right:auto;
}		
		
		
#search
{
	left:5px;
	top:0px;
	padding-left: 0px;
	margin-left:5px;
	margin-right:5px;
	margin-top:10px;
	display:none;
	border:0px solid red;
	width:170px;
	z-index:8;
}



#search div#searchResults
{
	position:relative;
	padding-left: 0px;
	top: 0px;
	clear:both;
	width:170px;
	border:0px solid green;
	margin-left:5px;
	margin-right:5px;
		z-index:8;
}
.searchResult
{
	position:relative;
	padding-top:0px;
	padding-bottom:10px;
	border:0px solid blue;
	margin-bottom:0px;
	margin-top:0px;
	clear:both;
	text-align:center;
	width:170px;
	z-index:8;
}

		
		
		
		
		.searchResultLetter
		{
			position:relative;
			text-align:center;
			font-weight:bold;
			font-size:12px;
			width:160px;			
			margin-left:auto;
			margin-right:auto;
		}
		
		
		.searchThumbSetDiv
		{
			padding-bottom:0px;
			text-align:center;
			border:0px solid red;
			/*float:left;*/
			position:relative;
			width:140px;
			margin-left:auto;
			margin-right:auto;				
		}
		
		.searchThumbDefault
		{
			border: 1px solid #666666;
			/*margin-left: 0px;*/
			clear:both;
			width:80px;
			z-index:1;
			margin-left:auto;
			margin-right:auto;			
			/*float:left;			*/
		}
		
		.searchThumbSelected
		{
			border: 1px solid #CC0000;
			clear:both;
			width:80px;
			z-index:1;
			margin-left:auto;
			margin-right:auto;	
		}		
		
		.searchTextSetDiv
		{
			display:inline;
			float:right;
			text-align:left; 
			border:0px solid yellow;
			width:95px;
			overflow:visible;
			font-size:10px;
			margin-right:0px;
			margin-top:5px;
			visibility: hidden;
		}
		
		.searchInfo
		{
			position:absolute;
			width:300px;
			height:175px;
			border: 1px solid #999999;
			background-image:url(../images/zclearpx.gif);
			background: #F7F7F7;
			text-align:left;
			z-index:10;
			visibility:hidden;
			overflow:hidden;
			margin-bottom:15px;
		}
		
		.srchTxtDiv
		{
			border: 0px solid #999999;
			background-color: #F7F7F7;
			text-align:left;
			z-index:10;	
			white-space:normal;		
			/*margin-right:30px;*/
			width:290px;
			overflow:hidden;	
			padding: 5px 5px 5px 5px;
		}
		
		

		
			

		

			
#mainPaneContainer
{
	position:relative;
	top: 0px;
	float: right;
	height: 100%;
	border-bottom: 1px solid #AAA;
	border-left: 1px solid #AAA;
	border-right: 1px solid #AAA;
	border-top:0px outset #AAA;
	/*z-index: 400;*/
	display: none;
	background-color:#CCCCCC;
	margin-right:4px;

}

#toolbarIconsDiv
{
	position:relative;
	top:-10px;
	left:210px;
	padding-top:2px;
	padding-bottom:2px;
	border:0px solid green;
	height:20px;
	text-align:center;
	background-color:#CCCCCC;
	border-top: 1px solid #AAA;
	border-left:1px solid #AAA; 
	border-right:1px solid #AAA;
	vertical-align:bottom;
	display:block;
}	

.toolbarIconInput
{
	vertical-align:top;
}
	
	
#pagePaneToolsDivRight
{
	display:inline;
	border:0px solid yellow;
	position:relative;
	float:right;
	height:18px;
	margin-top: -20px;
	text-align: right;
	width:auto;
	margin-right:20px;
}

#pagePaneToolsDivCenter
{
	display:inline;
	border:0px solid blue;
	height:18px;
	margin-left:auto;
	margin-right:auto;
}

#pagePaneToolsDivLeft
{
	display:inline;
	border:0px solid red;
	text-align:left;
	float:left;
	height:18px;
	width:auto;
	margin-left:5px;
}

	
/*  this is newspaper pane Navigation    */
	
.bluePaneToolbar {
	Z-INDEX: 900; BACKGROUND-IMAGE: url(../images/Npane_top.gif); MARGIN: 0px auto; HEIGHT: 0px; TEXT-ALIGN: center
}
#bluePaneToolbar {
	Z-INDEX: 900; BACKGROUND-IMAGE: url(../images/Npane_top2.gif); MARGIN: 0px auto; VERTICAL-ALIGN: bottom; HEIGHT: 0px; TEXT-ALIGN: center
}
		
	

	
		
	.toolbarIcons
	{
		position: relative;
		display: inline;
		border: 0px;
		height: 18px;
		margin-top:0px;
		padding-bottom:2px;
	}
	
	
	
	
	#bluePaneLeft
	{
		
			background-image: url(../images/Npane_left.gif);
			margin: 0px;
			padding: 0px;
			height: 100%;
			width: 13px;
	
	}


    #scrollUpTop
	{
			vertical-align: top;
			margin: 0px;
			padding: 0px;
			height: 100%;
			width: 23px;
	
	}

    #scrollDownBottom
	{		
			vertical-align: bottom;
			margin: 0px;
			padding: 0px;
			height: 100%;
			width: 23px;
	
	}
	
	/*  this is the viewer window in which the newspaper will be displayed */
	
	
	#tileSetContainer
	{	
		position: relative;
		float: left;
		overflow: hidden;
		border: 0px solid green;
		text-align: center;
		margin: 0 auto;
  		background-color: white;
  		/*border-top: 1px solid #AAA;
  		border-bottom: 1px solid #AAA;*/
	}
	
	
	/*  this is the div which encloses the tiles */
	#tileSet
	{
	position: relative;
	height: 100%;
	border: 0px solid red;
	margin: 0px auto;
	padding: 0px;
	text-align: center;
	cursor: move;
	}
	

	
	/*  class which makes tileSet draggable */
	.dragme 
	{
		position:relative;

	}

	/*  this is an individual tile image */
	.tile
	{
	
	position: relative;
	padding: 0px;
	margin: 0px;
	display: inline;
	float: left;
	width: 150px;
	height: 119px;

	}


	

.prevNextDiv

{
position: relative;

width: 100%;
margin: 0px auto;
padding: 0px;
}

	
	
.previousLink
{
position: relative;
left: 5px;
display: inline;
float: left;
border: 0px solid black;
margin-top: 5px;
}


.nextLink
{
position: relative;
display: inline;
float: right;
border: 0px solid black;
right: 0px;
margin-top: 5px;
}


.arrowsPN
	{
	border: 0px solid black;
	position: relative;
	display: inline;
	width: 17px;
	height: 19px;
	top: 5px;


	}

	
	
	#resultsBar
{
position: relative;
background-image: url(../images/section_bg.gif);
padding: 0px;
height:30px; 
display: block;


}

#resultsTitle
{
position: relative;
top: 7px;
left: 7px;
display: inline;
float: left;
height: 22px;
}

#textBar
{
position: relative;
background-image: url(../images/section_bg.gif);
padding: 0px;
height:30px; 
display: block;


}

#textTitle
{
position: relative;
top: 7px;
left: 7px;
display: inline;
float: left;
height: 22px;
}


	
	
			
/*  misc content positioning  */
/*  the enclosing div of a one column page (i.e. login, search results, or text page)  */

		#LEcontentBody
		{
			position: relative;
			/*float: none;*/
			display: block;
			margin: 0px auto;
			text-align: center;
			border: 0px solid red;
			visibility: hidden;
		}
		

/*  a piece of content within one of the content pages -i.e. a search page will have several content panes, one for each result */	
	
	#LEloginPane
	{
		position: relative;
		float: left;
		border: 0px solid;
		display: inline;
		z-index: 400;
		margin-right:auto;
		margin-left:auto;
	}