/*----------------------------------------------------*/
/* Global Page Styles */

body{
	margin: 0px; 
	padding: 0px;
	padding-left: 10px;
	padding-right: 10px;
	background: url('../images/bodyBackground.gif');
	background-position:top left;
	background-repeat:repeat-x;
	background-color: #d5d5d5;	
	font-family: sans-serif;
}

div, td, tbody, tr, table, h1, h2, h3, h4, h5
{
	padding: 0px;
	margin: 0px;
}

.metaSlotDivider
{
	display: none;
}

/* pageLeftBorder and pageRightBorder are two standard styles that should be used
	on any aspect of of the page has boundaries on the right and/or left side.
	It sets up the visible borders of the page layout. */
.pageLeftBorder
{
	border-left: 1px solid gray;
}
.pageRightBorder
{
	border-right: 1px solid gray;
}

/* contentTd is a standard style for any td tag that directly contains content */
.contentTd
{
	padding: 5px;
}

/* contentDiv is a standard style for any div that directly contains content. */
.contentDiv
{
	padding: 5px;
}

/* This style should be used for any Div filling a TD in order to style that TD */
.tdFillDiv
{
	height: 100%;
}


/*----------------------------------------------------*/
/* Top Bar Styles */

#TopBar
{
	background: url('../images/TopBarBackground.gif');
}

#Logo
{
	display: block;
	width: 322px;
	height: 54px;
	background: url('../images/TopBarLogo.gif');
}

#LogoText
{
	display: none;
}

#TopBar td
{
	height: 54px;
}

#TopBarFlexSpace
{}

#TopBarDivider1
{
	width: 25px;
	background: url('../images/TopBarDivider1.gif');
}

#TopBarDivider2
{
	width: 24px;
	background: url('../images/TopBarDivider2.gif');
}

#TopBarDivider1 span, #TopBarDivider2 span
{
	display:  block;
	width: 24px;
}


#TopBarNavWell1, #TopBarNavWell2, #TopBarNavWell3
{
	text-align: right;
	width: 50px;
	padding-right: 5px;	
}

#TopBarNavWell2
{
	width:110px;
	background: url('../images/TopBarNavWell2.gif');
}

#TopBarNavWell3
{
	width: 110px;
	background: url('../images/TopBarNavWell3.gif');
	text-align: left;
}

/*----------------------------------------------------*/
/* Flash */

#FlashWell td
{
	padding: 10px;
	background-color: white;
}

#FlashWell .flashNotice {
	border:2px dotted red;
	background: orange;
	color: black;
	padding: 20px;
}

/*----------------------------------------------------*/
/* PageTitle */

#PageTitle td h1
{
	font-family: georgia, serif;
	font-size: 20pt;
	font-weight: normal;
	padding: 2px;
	padding-left:10px;
	background-color: white;
}

/*----------------------------------------------------*/
/* PathBar */

#PathBar > tr > td
{
	font-family: helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: gray;
	padding: 2px;
	padding-left:10px;
	background-color: white;
}

#PathBar a:visited, #PathBar a:link
{
	color: gray;
	text-decoration: underline;
}


/*----------------------------------------------------*/
/* Upper Feature Well Styles */


/* how much of the page width do you want the 'wells' (content or features) to take up */
.WellWrapper
{
	width:100%;
}

#UpperFeatureWellWrapper, #LowerFeatureWellWrapper
{
	width:760px;
}

#UpperFeatureWell > tr > td
{
	color: black;
	min-height: 200px;
	/*background: url('../images/UpperFeatureWellBackground.gif');*/
	background: none;
	background-color: lightgrey;
	background-position:bottom left;
	background-repeat:repeat-x;
	border-top:solid 1px grey;
}

/*----------------------------------------------------*/
/* LowerFeatureWell */

#LowerFeatureWell > tr > td
{
	color: black;
	background: url('../images/user_frame_background.gif');
	background-color: #f3f3f3;
	background-repeat:repeat-x;
	min-height: 100px;
}

#LowerFeatureWellColumn1, #LowerFeatureWellColumn2{
	text-align:left;
	width:50%;
}

/*----------------------------------------------------*/
/* TabsBar - Level 1 */

#TabsBar1 > tr > td
{
	background: red;
}

#TabsBar1 ul
{
	display: inline;
}

#TabsBar1 ul li
{
	float: left;
	display: block;
	padding: 10px;
	color: white;
	background: red;
	border-right: 1px solid white;
}

#TabsBar1 ul li a:link, #TabsBar1 ul li a:visited
{
	color: white;
	text-decoration: none;
	font-weight: bold;
}

#TabsBar1 ul li:hover
{
	background: darkred;
	color: white;
}

#TabsBar1 ul li.select
{
	background: darkred;
}

/*----------------------------------------------------*/
/* TabsBar - Level 2 */

#TabsBar2 > tr > td
{
	background: darkred;
}

#TabsBar2 ul
{
	display: inline;
}

#TabsBar2 ul li
{
	float: left;
	display: block;
	padding: 7px;
/*	padding-bottom: 5px;*/
	color: white;
	background: darkred;
	border-right: 1px solid #670F0F;
}

#TabsBar2 ul li a:link, #TabsBar2 ul li a:visited
{
	color: white;
	text-decoration: none;
	font-weight: normal;
}

#TabsBar2 ul li:hover
{
	background: #670F0F;
	color: white;
}

#TabsBar2 ul li.select
{
	background: #2F0000;
}

/*----------------------------------------------------*/
/* ContentWell */


/* address the wrapper of a specific well to define width.*/
#ContentWellWrapper
{

}
 

#ContentWell > tr > td
{
	color: black; 
	background: url('../images/light_orange_background.gif');
	background-position:top left;
	background-repeat:repeat-x;
	background-color: white;
	min-height: 400px;
}

td.RightSideBarTd, td.LeftSideBarTd
{	
	width:350px;
	
	background-color:white;
}

div.SideBar
{
	background: url('../images/light_orange_background.gif');
	
	background-repeat: repeat-x;
	background-color: white; /*#F3F3F3;*/
	min-height:400px;
	padding-left:20px;
	padding-right:10px;
	
}

div.SideBar ul {
	list-style-type: square;
	
}

div.ContentWell
{
	text-align:left;
	background: url('../images/light_orange_background.gif');
	background-repeat: repeat-x;
	background-color: white;
}

/* Tables inside content */

.contentTable
{
	border-top: 1px dotted gray;
	border-left: 1px dotted gray;
}

.contentTable td
{
	padding:8px;
	border-bottom:1px dotted gray;
	border-right:1px dotted gray;
	background: none;
	background: #F9F9F9;
}

.contentTable td ul
{
	margin-bottom:3px;
}

img.floatRight
{
	display:block;
	float:right;
}

img.floatLeft
{
	display:block;
	float:left;
}

img.center
{
	display:block;
	margin-left:auto;
	margin-right:auto;
}

/*----------------------------------------------------*/
/* BottomBar */

#BottomBar td
{
	color: white;
	height: 30px;
	background: url('../images/UpperFeatureWellBackground.gif');
	background-position:bottom left;
	background-repeat:repeat-x;
	padding: 10px;
}



/*----------------------------------------------------*/
/*----------------------------------------------------*/
/* Standard Text Styles */
/*----------------------------------------------------*/

.bold { font-weight: bold; }
.italic { font-style: italic; }
.sectionName { 
	margin-bottom:5px;
	padding-bottom:2px;
	font-size:14pt;
	border-bottom:1px solid gray;	
}
.section{
	clear:both;
	font-size:11pt;
	padding:10px;
	padding-bottom:20px;
	padding-left:5px;
	line-height:130%;
}
.block{ margin-bottom:15px; clear:both;}
.text { padding-bottom:14px;}

.section a:link, .section a:visited{
	color: blue;
	text-decoration:none;
	border-bottom: 1px dotted blue;
}
.section a:hover{
	border-bottom: 1px solid blue;
}
.section a:active
{
	background: blue;
	color: white;
}
.section ul { margin-top:0px; list-style-type:square; }


/*----------------------------------------------------*/
/*----------------------------------------------------*/
/* Standard Listing Styles */
/*----------------------------------------------------*/

.Listing { border-bottom:1px solid black; margin-bottom:20px;}

/* Listing Header */
.Listing .listingHeader
{
	background-color:green; /*#2661C3*/
	color:white;
	font-weight:bold;
	font-size:11pt;
	line-height:150%;
	border:1px solid black;
	width:100%;
}

.Listing .listingHeaderText
{
	display:block;
	padding:5px;
}

/* Listing Rows */
.Listing .rowContainer
{	font-size:11pt;
	border:1px solid black;
	border-top:1px dashed gray;
	border-bottom:none;

	width:100%; 
	
	padding:0px;
	margin:0px;
	}
	
.Listing .firstInSection .rowContainer { border-top:none;}
.Listing .evenRow .rowContainer { background-color:#f8f9ff; }
.Listing .oddRow .rowContainer { background-color:#f3f6ff; }

.Listing .rowTitle
{	display:block;
	float:left;
	width:160px;
	padding:5px;
	font-weight:bold;
	line-height:120%;	}

.Listing .rowContent
{	margin:0px;
	margin-left:180px;
	line-height:130%;
	padding: 5px;	}

/* Listing Thumbnails */
.Listing .thumbnail
{
	display:block;
	width:150px;
	height:80px;
	border:1px solid #d9d9d9;
	margin-bottom:5px;
}
.Listing .thumbnail.clickable
{	cursor:pointer;	}
.Listing .thumbnail.clickable:hover
{	border:1px solid blue; }
.Listing .thumbnail.clickable:active
{	border:1px solid darkblue; }

/* Listing Links */
.Listing a:link, .Listing a:visited{
	color: blue;
	text-decoration:none;
	border-bottom: 1px dotted blue;
}
.Listing a:hover{ border-bottom: 1px solid blue; }
.Listing a:active
{ color: darkblue; border-bottom: 1px solid darkblue; }

/* CategoryLinks and Listing Query (see descriptions below) */
.CategoryLinks, .ListingQuery
{	font-size:11pt;
	background-color: green; /*#2661C3;*/
	color:white;
	line-height:150%;
	border:1px solid black;
	border-bottom:none;
	width:100%;
}

.ListingQuery {
	width: auto;
        padding-right: 20px;
}
/* CategoryLinks (at the top of the list, to the diff categories */
.CategoryLinks .categoryLinksContainer
{	display:block;
	padding:5px; }
.CategoryLinks a:link, .CategoryLinks a:visited
{	color:white; }

/* ListingQuery (the search box at the top of the list */
.ListingQuery .queryContainer { display:block; padding:5px; }
.ListingQuery input { font-size:11pt; font-family:sans-serif; padding-left:3px;padding-top:2px;}
.ListingQuery .results { margin-left:10px; }

/* No Results Pane (shows up when result count is 0) */
.Listing .listingNoResults
{	display:none; }

.Listing .listingNoResults div
{	font-style:italic;
	padding:20px; }
	
/*----------------------------------------------------*/
/*----------------------------------------------------*/
/* Standard PhotoView Styles */
/*----------------------------------------------------*/
.photoviewContainer
{
	width:100%;
	margin-bottom:20px;
	margin-top:5px;
}
.photoviewContainer .scrollFrame
{
	overflow:hidden;
	width:600px;
	height:90px;
}
.photoviewContainer .viewFrame
{
	overflow:hidden;
	width:600px;
	height:400px;
	border:2px solid white;
	background-color:black;
	background-position:center;
	background-repeat:no-repeat;
}
.photoviewContainer .controlFrame
{
	margin-top:5px;
	width:600px;
	font-family:sans-serif;
	text-align:center;
}
.photoviewContainer .photoviewBox
{
	width:600px;
	padding:10px;
	border:1px solid gray;
	background:#E9ECF1;
}
.photoviewContainer .caption
{
	font-size:11pt;
}
/*  big arrows at the bottom */
.photoviewContainer .bigArrow
{
	margin:0px;
	margin-bottom:10px;
	border:2px solid white;
}
.photoviewContainer .clickable:hover
{
	border:2px solid gray;
	cursor:pointer;
}
.photoviewContainer .clickable:active{border:2px solid red;}

.pr2error {
	background-color: Moccasin;
	margin-left: 10px;
	color: black;
	padding:5px;
	border: 1px dotted orange;
	margin-bottom: 10px;
}