/*Main Site Styles*/
body
{
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	margin-bottom: 0;
	font-family: Arial;
	font-size: 14px;
	clear: both;
}

a, a:visited, a:active
{
	color: #336699;
	text-decoration: none;	
}  

a:hover
{
	color: #336699;
}

#overDiv
{
	position:absolute; 
	visibility:hidden; 
	z-index:1000;
}

.top 
{
	font-weight: bold;

}

/*
.horbar	
{
	background-color: #0469B3;
	border-bottom: 2px solid #DDDDDD;
	border-top: 2px solid #DDDDDD;
	display: block;
	margin:0px auto;	
	text-align: left;
}
*/
.viewArtefact
{
	font: 14px Arial, Helvetica, sans-serif;
}

.viewArtefact .menuTable
{
	border-collapse: collapse;
	width: 100%;
	border-top: 10px solid White;
	border-bottom: 10px solid White;
	background-color: #003366;
}

/*.viewArtefact TABLE TD
{
	padding: 2px;
	padding-top: 5px;
	padding-bottom: 5px;
}*/

.viewArtefact .title
{
	padding-top: 5px;
	padding-left: 28px;
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	margin: 0px auto;
	color: #003366;
	letter-spacing: 1px;
}

.viewArtefact .webfx-menu-bar {
	padding: expression(constExpression(ie50 ? "0px" : "auto"));
	font: normal 10px Arial, Helvetica, sans-serif;
	background: none;
	background-color: grey;
	text-align: right;	
}

.viewArtefact .webfx-menu-bar .text
{
	color: white;
}


.viewArtefact .webfx-menu-bar .image
{
	border: 1px solid black;
	background: White;
	float: none;
	vertical-align: middle;
	margin-right: 1px;
}

.viewArtefact .webfx-menu-bar .imagehover
{
	float:	none;	
	vertical-align: middle;
	cursor: pointer;	
	margin-right: 1px;
	background: #FF9933;
	border:	1px solid #FF9933;		
}

.viewArtefact .artinfo
{
	vertical-align: top;
	padding-left: 20px;
	padding-right: 8%;
}

.artinfo .caption
{
	font-weight: bold;
}
.artinfo .data
{
	color: #336699;
}

.artinfo .description
{
	padding: 4px;
	padding-top: 10px;
}

.artinfo .highlight
{
	color: #003366;
	font-weight: bold;
}

.viewArtefact .mainPic
{
	width: 460px;
	text-align: left;
}

.viewArtefact .copyright
{
	text-align: left;
	padding: 2px;
}

.viewArtefact .otherinfo
{
	background-color: #E8EBF0;
	border-top: 10px solid white;
	padding-top: 10px;
}

.viewArtefact .otherinfo .title
{
	color: black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 10px;
}

.viewArtefact .otherinfo .title IMG
{
	background-color: White;
	vertical-align: middle;
	border: 1px solid black;
}

.thumbnailTable
{
	text-align: left;
	width: 100%;
}

.thumbnailTableCell
{
	border-collapse: seperate;
	text-align: left;	
	padding-right: 3px;
	padding-left: 2px;
	padding-bottom: 1px;
}

/*.search
{
	font-family: Tahoma;
	padding-left: 5px;
	padding-right: 5px;
	margin:0px auto;	
	text-align: left;
}

.search A
{
	text-decoration: underline;
	cursor: hand;
	color: Blue;	
}
*/
.resultInfo
{
	padding-top: 5px;
	padding-left: 9px;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	margin: 0px auto;
	font-family: tahoma;
}

.resultInfo .caption
{
	color: #336699;
}

.resultInfo .text
{
	color: #FF9933;
}

.resultInfo .image
{
	border: 1px solid black;
	vertical-align: middle;
	background: transparent;
}

.resultInfo .imageover
{
	background: #FF9933;
	border: 1px solid #FF9933;
	vertical-align: middle;
}

.resultDisplay
{
	text-align: right;
	color: #0469B3;
}

.navigation
{
	margin:0px auto;
	width: 100%;	
}

.picResults
{
	background-color: #E8EBF0;
	
}

.textResults
{
	font-family: Arial;
	font-size: 12px;
}

.textResults .resultTable
{
	width: 100%;
	margin-top: 10px;
}

.textResults THEAD
{
	background: #B8CFE7;
	font-size: 14px;
	font-weight: normal;
	font-family: Arial;
}

.textResults THEAD .location
{
	padding-left: 25px;
}


.textResults TBODY
{
	vertical-align: middle;
}

.textResults TD
{
	padding: 5px;
}

.textResults TABLE a
{
	color: #336699;
	font-weight: bold;
}
.textResults TABLE a:visited
{
	color: #336699;
}
.textResults TABLE a:active
{
	color: #336699;
}
.textResults TABLE a:focus  
{
	color: #3366CC;
}

.textResults TABLE a:hover
{
	color: black;
	text-decoration: underline;
}

.textResults .shade
{
	background-color: #E8EBF0;
}

.textResults .noshade
{
	background-color: #FFFFFF;
}

.textResults .image
{
	border: 1px solid black;
	vertical-align: middle;
	background: transparent;
}

.textResults .imageover
{
	background: #FF9933;
	border: 1px solid #FF9933;
	vertical-align: middle;
}

.navigation TABLE
{
	width: 100%;	
}

.pages
{
	text-align: right;
	color: #0469B3;
}

.pages .current
{
	color: #FF9933;
	font-weight: bold;
}



.navigation .previous
{
	text-align: left;
}

.navigation .next
{
	text-align: right;
}

.navigation a, .navigation a:link, .navigation a:visited	
{
	color: #080808;
	text-decoration: none;
}

.navigation a:hover 
{
	color: #0469B3;
	text-decoration: none;
}
  
.navigation a:active 
{
	color: #FF9933;
	text-decoration: none;
}

.dynamic-tab-pane-control .tab-pane {
	position:	relative;
	width:		100%;		/* width needed weird IE bug */
	margin-right:	-2px;	/* to make room for the shadow */
}

.dynamic-tab-pane-control .tab-row .tab {

	width:				70px;
	height:				16px;
	background-image:	url( "../images/webfx/tab.png" );
	
	position:		relative;
	top:			0;
	display:		inline;
	float:			left;
	overflow:		hidden;
	
	cursor:			Default;

	margin:			1px -1px 1px 2px;
	padding:		2px 0px 0px 0px;
	border:			0;

	z-index:		1;
	font:			11px Tahoma;
	white-space:	nowrap;
	text-align:		center;
}

.dynamic-tab-pane-control .tab-row .tab.selected {
	width:				74px !important;
	height:				18px !important;
	background-image:	url( "../images/webfx/tab.active.png" ) !important;
	background-repeat:	no-repeat;

	border-bottom-width:	0;
	z-index:		3;
	padding:		2px 0 0px 0;
	margin:			1px -3px -3px 0px;
	top:			-2px;
	font:				11px Tahoma;
}

.dynamic-tab-pane-control .tab-row .tab a {
	font:				11px Tahoma;
	color:				Black;
	text-decoration:	none;
	cursor:				default;
}

.dynamic-tab-pane-control .tab-row .tab.hover {
	font:				14px Tahoma;
	width:				70px;
	height:				16px;
	background-image:	url( "../images/webfx/tab.hover.png" );
	background-repeat:	no-repeat;
}


.dynamic-tab-pane-control .tab-page {
	clear:			both;
	border:			1px solid rgb( 145, 155, 156 );
	background:		rgb( 252, 252, 254 );
	z-index:		2;
	position:		relative;
	top:			-2px;

	font:				11px Tahoma;
	color:				Black;

	filter:			progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#fffcfcfe, EndColorStr=#fff4f3ee, GradientType=0)
					progid:DXImageTransform.Microsoft.Shadow(Color=#ff919899, Strength=2, Direction=135);
	
	/*244, 243, 238*/
	/* 145, 155, 156*/
	
	padding:		10px;
}

.dynamic-tab-pane-control .tab-row {
	z-index:		1;
	white-space:	nowrap;
}


.titlePage
{
	font-family: Tahoma;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	font-size: 14px;
	height: 100%;
}

.titlePage .webfx-menu-bar {
	font-family: Tahoma;
	font-size: 12px; /* IE5.0 has the wierdest box model for inline elements */
	padding: expression(constExpression(ie50 ? "0px" : "10px"));
	padding: 10px;
	padding-top: 20px;	
	background-image:	url( "../images/menubar.png" );
	height: 26px;
}

.titlePage .smallspacer
{
	height: 2px;
}

.titlePage TABLE
{
	width: 100%;

}

.titlePage .maintable
{
	border-top: 2px solid white;
}

.titlePage .linkrow
{
	background-image:	url( "../images/tab.png" );
	overflow: hidden;
}


.titlePage .dblink {
	width: 200px;
	height: 41px;
	position: relative;
	top: 0;
	display: inline;
	float:	left;

	margin: 1px -1px 1px 2px;
	padding: 2px 0px 0px 2px;
	border: 0;
	z-index: 1;
	font: 12px Tahoma;
	white-space: nowrap;
	text-align: center;
	vertical-align: middle;
}

.titlePage .link {
	width: 115px;
	height: 41px;
	position: relative;
	top: 0;
	display:	inline;
	float: left;
	overflow: hidden;
	margin: 1px -1px 1px 2px;
	padding: 2px 0px 0px 2px;
	border: 0;
	z-index:	1;
	font:	12px Tahoma;
	white-space: nowrap;
	text-align:	left;
	vertical-align: middle;
}





.copyright
{
	font-size: 9px;
	color: #808080;
	margin-right: auto;
	margin-left: auto;
	padding-left: 2px;
	text-align: left;
}

.copyrightdb
{
	font-size: 9px;
	color: #808080;
	text-align: center;
}

.smalltext
{
	font-size: 9px;
	color: black;
	margin-right: auto;
	margin-left: auto;
	text-align: right;
}


/*Tabs
	Used in search result sections
*/
#tabs {
	border-bottom: 1px solid #666666;
	margin: 0;
	margin-right: 5px;
	margin-left: 8px;
	margin-top: -20px;
	padding-bottom: 23px;
	padding-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
}

#tabs ul, #tabs li	{
	display : inline;
	list-style-type : none;
	margin : 0;
	padding : 0;

}

#tabs a:link, #tabs a:visited	{
	background: #999999;
	border: 1px solid #666666;
	color: #E8EBF0;
	float: right;
	font-size: 12px;
	font-weight: bold;
	line-height: 14px;
	margin-right: 8px;
	padding: 2px 10px 2px 10px;
	text-decoration: none;

}

#tabs a:link.active, #tabs a:visited.active	{
	background : #E8EBF0;
	border-bottom : 1px solid #E8EBF0;
	color : #000000;
	font-weight: bold;	
}

#tabs a:hover	{
	color : black;
	background-color: #B8CFE7;
}

.section-1 #tabs li#nav-1 a,
.section-2 #tabs li#nav-2 a,
.section-3 #tabs li#nav-3 a,
.section-4 #tabs li#nav-4 a
{
	background : #E8EBF0;
	border-bottom : 1px solid #E8EBF0;
	color : #000000;
}

#tabs .image
{
	border: 1px solid black;
	vertical-align: middle;
	background: white;
}

#tabs .imageover
{
	border: 1px solid black;
	vertical-align: middle;
	background: white;
}

#tabs ul a:hover {
	color : #FF9966 !important;
}

#tab-contents 
{
	background: #E8EBF0;
	border: 1px solid #666666;
	border-top: none;
	clear: both;
	margin-right: 5px;
	margin-left: 8px;
	padding: 15px;
}
/*End Tabs*/

.webfx-menu, .webfx-menu * {
	/*
	Set the box sizing to content box
	in the future when IE6 supports box-sizing
	there will be an issue to fix the sizes

	There is probably an issue with IE5 mac now
	because IE5 uses content-box but the script
	assumes all versions of IE uses border-box.

	At the time of this writing mozilla did not support
	box-sizing for absolute positioned element.

	Opera only supports content-box
	*/
	box-sizing:			content-box;
	-moz-box-sizing:	content-box;
}

.webfx-menu {
	position:		absolute;
	z-index:			100;
	visibility:		hidden;
	width:			100px;
	border:			1px solid black;
	padding:			1px;
	background:		white;
	filter:			progid:DXImageTransform.Microsoft.Shadow(color="#777777", Direction=135, Strength=4)
						alpha(Opacity=90);
	-moz-opacity:	0.9;
	text-align: left;
}

.webfx-menu-empty {
	display:			block;
	border:			1px solid white;
	padding:			2px 5px 2px 5px;
	font-size:		13px;
	font-family:	Tahoma;
	color:			black;
	text-align: left;
}


.webfx-menu a {
	display:			block;
	width:			expression(constExpression(ieBox ? "100%": "auto"));	/* should be ignored by mz and op */
	height:			expression(constExpression("1px"));
	overflow:		visible;	
	padding:			2px 0px 2px 5px;
	font-size:		11px;
	font-family:	Tahoma;
	text-decoration:	none;
	vertical-align:	center;
	color:				black;
	border:				1px solid white;
}	


.webfx-menu a:visited,
.webfx-menu a:visited:hover {
	color:	black;
	text-decoration:	none;
}

.webfx-menu a:hover {
	color:			black;
	background:		#ffeedd; /*rgb(234,242,255);/**/
	border:			1px solid #FF5C00; /*rgb(120,172,255);/**/
}	
.webfx-menu a .arrow {
	float:			right;
	border:			0;
	width:			3px;
	margin-right:	3px;
	margin-top:		4px;
}

/* separtor */
.webfx-menu div {
	height: 0;
	height: expression(constExpression(ieBox ? "2px" : "0"));
	border-top: 1px solid #336699;
	border-bottom: 1px solid #336699;
	overflow: hidden;
	margin: 2px 0px 2px 0px;
	font-size: 0mm;
}

.menuTable
{
	width: 100%;
	margin: 0px;
   border-collapse: collapse;
	border: none;
	padding: 0px;
}

.webfx-menu-bar {
	font-family: Tahoma;
	font-size: 12px; /* IE5.0 has the wierdest box model for inline elements */
	padding: expression(constExpression(ie50 ? "0px" : "10px"));
	padding: 10px;	
	background-image:	url( "../images/menubar-r.png" );
	height: 21px;
}

.webfx-menu-bar a,
.webfx-menu-bar a:visited, .webfx-menu-bar a:active  
{
	vertical-align: middle;
	padding-bottom: 5px;
}

.webfx-menu-bar a .arrow
{
	border: 0;
	float: none;
	vertical-align: bottom;
}

.webfx-menu-bar a:active, .webfx-menu-bar a:focus
{
	-moz-outline:	none;
	outline:		none;
	/*
		ie does not support outline but ie55 can hide the outline using
		a proprietary property on HTMLElement. Did I say that IE sucks at CSS?
	*/
	ie-dummy:		expression(this.hideFocus=true);
}

.webfx-menu-bar .text
{
	color: Black;
	float: none;

	vertical-align: middle;
	padding: 1px;
	margin-bottom: 1px;
	margin-left: 1px;
	margin-top: 1px;
	margin-right: 1px;
	padding-left: 4px;
	padding-right: 4px;	
}

.webfx-menu-bar .texthover
{
	float:	none;
	border: 1px solid #6495ED;
	background-image: url("../images/tab.png");
	vertical-align: middle;
	padding: 1px;	
	margin-bottom: 1px;
	margin-left: 1px;
	margin-top: 1px;
	margin-right: 1px;
	padding-left: 3px;
	padding-right: 3px;
}

.webfx-menu-bar .image
{
	border: 1px solid black;
	background: White;
	float: none;
	vertical-align: middle;
	margin-right: 1px;
}

.webfx-menu-bar .imagehover
{
	border:	1px solid black;
	float:	none;	
	vertical-align: middle;
	cursor: pointer;	
	margin-right: 1px;	
	background-image: url( "../images/tab.png" );	
}