@charset "utf-8";
/* CSS Document */

/*
================================================================================
webarchive pages.
Author:       Vera Mehta 
Created:      16 May 2011
Edited: 	  02 June 2011
================================================================================
*/


/*
--------------------------------------------------------------------------------
						Headers and sub-navigation
--------------------------------------------------------------------------------
*/


.records{border-bottom:#8a0752 solid 4px;}
.records #sub-menu{width:960px!important;}
.records #sub-menu .no-border {padding:0 19px 0 18px!important;}

/*Level 2 header*/
.webarchive #main-content #banner {background-color:#333; overflow:hidden;height:420px; border-bottom: solid 4px #8a0752;}
.webarchive #main-content #banner h1 {font: 2.4em/130% Verdana, Arial, Helvetica,sans-serif; color:#fff!important;margin-left:20px; padding-top:20px;}
.webarchive #main-content #banner p {font: 1.2em/120% Verdana, Arial, Helvetica, sans-serif; margin-left:20px;color:#fff;}
.webarchive #main-content #banner ul {background:url(/images/global/webarchive-bg.jpg) center bottom no-repeat;height:350px;}
.webarchive #main-content #banner ul li{ float:left; margin:20px 5px 20px 5px;}
.webarchive #main-content #banner ul li img {border:solid 1px #eee;}
.webarchive #main-content #banner ul li#first {margin-left:20px;}
.webarchive #main-content #banner ul li p{color:#fff; text-align:center; margin:20px 0 0 0px!important; font: 1.2em/120% Verdana, Arial, Helvetica, sans-serif;  font-weight:normal;}
.webarchive #primary-content {margin-bottom:10px;}
.webarchive #primary-content .navitem {width:632px;margin:10px 10px 0px 10px; padding-bottom:10px; float:left; border:solid 2px #fff;}
.webarchive #primary-content .navitem.grey {background-color:#eee;}
.webarchive #primary-content .navitem h2 { background:none; font:2em Verdana, Arial, Helvetica, sans-serif; margin:10px 0 10px 10px; padding:0;}
.webarchive #primary-content .navitem p {padding:0 12px;}
.webarchive #primary-content .navitem img{display:block;margin-bottom:8px;}
.webarchive #primary-content .navitem .button {border:0; margin-top:10px;}
.webarchive #primary-content .navitem.over{background-color:#EEDAE5; cursor:pointer; border:solid 2px #8a0752; }
.webarchive #primary-content .navitem a { display:block; text-decoration:none; color:#8a0752;}
.webarchive #primary-content .navitem a:hover {text-decoration:underline; }
/*Imageflow banner*/
.imageflow h1 {font: 2.4em/130% Verdana, Arial, Helvetica,sans-serif; color:#fff!important; margin:20px;}
.imageflow p {color:#fff!important; padding:0 20px;}
.imageflow {overflow:hidden;position:relative; text-align:left;	visibility:hidden;width:100%;height:345px!important; background:url(/images/global/webarchive-bg.jpg) center bottom no-repeat; border-bottom: solid 4px #8a0752;}
.imageflow img {cursor:pointer!important; position:absolute;top:0px;visibility:hidden;	border:solid 1px #eee; -ms-interpolation-mode:bicubic; /* Enables bicubic image resampling for the IE7 */}
.imageflow .loading {border:1px solid white;height:15px;left:50%;margin-left:-106px;padding:5px;position:relative;	visibility:visible;	width:200px;}
.imageflow .loading-bar {background:#fff;height:15px;visibility:visible;width:1%;}
.imageflow .navigation{	margin-top:-10px;}
.imageflow .caption {font: 1.2em/120% Verdana, Arial, Helvetica,sans-serif; font-weight:normal; padding:0!important;	position:relative; 	text-align:center;z-index:10001;color:#eee; margin-top:80px; }
.imageflow .scrollbar {	border-bottom:1px solid #b3b3b3;position:relative; visibility:hidden;z-index:10002;	height:1px; padding:5px 0 0 0!important;}
.imageflow .slider {background:url(/images/imageflow/slider.png) no-repeat;height:14px;margin:-6px 0 0 -7px;position:absolute;width:14px; z-index:10003;}
.imageflow .slideshow {	cursor:pointer;	height:14px;margin:20px 0 0 20px;position:absolute;	width:14px;	z-index:10003;}
.imageflow .slideshow.pause {background:url(/images/imageflow/pause.png) no-repeat;}
.imageflow .slideshow.play {background:url(/images/imageflow/play.png) no-repeat;}
.imageflow .images {overflow:hidden;white-space:nowrap;}
.imageflow .button {cursor:pointer;	height:17px;position:relative;	width:17px;}
.imageflow .previous {background: url(/images/imageflow/left.png) top left no-repeat;float:left;margin: -7px 0 0 -30px; border:0;}
.imageflow .next {background: url(/images/imageflow/right.png) top left no-repeat;float:right;	margin:-7px -30px 0 30px;}

/*Level 3 header*/
.level3 #wrapper #main-content #banner{ background-color:#8A0752;}

/*Level 4,5,6 header*/

#wrapper #banner h1{border-bottom:#8A0752 2px solid; color:#8A0752;}
#records-wrapper #main-content #primary-content {border:none!important;}
#wrapper #main-content #left-nav-content #banner p {border:none;}
#wrapper #main-content #left-nav-content .holder {float:left;}
#wrapper #main-content #left-nav-content .holder .name {font-size:0.85em;}
#wrapper #main-content #left-nav-content h2{ border-color:#666}
#wrapper #main-content #left-nav-content img{border:1px solid #666;}
#wrapper #main-content #left-nav-content h2 img {border:none;}
.ui-tabs { position: relative; padding:0px; zoom: 1; margin:5px 0 0 0;} /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as fixed) */
.ui-tabs #tabs-categories, .ui-tabs #tabs-popular, .ui-tabs #tabs-news {margin:6px 4px 0 12px!important; padding:5px!important;}
.ui-tabs #tabs-categories ul, .ui-tabs #tabs-popular ul, .ui-tabs #tabs-news ul {border:solid 2px #8A0752;margin:22px 0 0 0;padding:0px;}
.ui-tabs #tabs-categories ul li, .ui-tabs #tabs-popular ul li, .ui-tabs #tabs-news ul li {padding:10px 0;margin:0 12px;border-bottom:dotted 1px #BFBFBF;}
.ui-tabs #tabs-categories ul li a, .ui-tabs #tabs-popular ul li a, .ui-tabs #tabs-news ul li a {text-decoration:none; color:#000; display:inline-block;}
.ui-tabs ul li a:hover {text-decoration:underline;}
.ui-tabs #tabs-categories ul li a:hover, .ui-tabs #tabs-popular ul li a:hover, .ui-tabs #tabs-news ul li a:hover{text-decoration:underline;}
.ui-tabs .ui-tabs-nav { margin-left: 15px; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .1em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; background-color:#807a7a; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none;  color:#fff; font:1.2em/130% Verdana, Arial, Helvetica,sans-serif; font-weight:bold;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; background-color:#8A0752; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }
.ui-tabs #tabs-news ul li a img {border:solid 1px #8A0752; margin-right:5px; float:left;}


#secondary-content #links {border:solid 2px #807a7a; margin:6px 9px 20px 17px;}
#secondary-content #links h2 {background-color:#807a7a; color:#fff; padding:8px 12px; font:1.2em/120% Verdana, Arial, Helvetica,sans-serif; font-weight:bold; }
#secondary-content #links ul li {padding:10px 0;margin:0 12px;border-bottom:dotted 1px #BFBFBF;}
#secondary-content #links ul li.last{border:none;}
#secondary-content #links ul li a {color:#000; text-decoration:none;}
#secondary-content #links ul li a:hover{text-decoration:underline;}
/*
----------------------------------------------------------------------------------
                    Level 3,4,5 styles with a lefthand navigation
--------------------------------------------------------------------------------
*/

#wrapper #main-content #left-nav .selected-page a {background-color:#8A0752!important;}
#wrapper #main-content #left-nav .selected .selected-page a {background-color:#8A0752!important;}
#wrapper #main-content #left-nav .selected .selected-page ul li {}
#wrapper #main-content #left-nav .selected-page ul {background-image: url(/images/global/maroon-nav-arrow-bg-1st.jpg)!important;}
#wrapper #main-content #left-nav-content ul.nav li p a img {margin:5px 10px 0 0;}
#wrapper #main-content #left-nav-content ul.nav.no-border {border-top:none;}
/*
----------------------------------------------------------------------------------
                    A to Z - Full width - no lefthand navigation
--------------------------------------------------------------------------------
*/
#wrapper.white-wrapper {background:#fff; margin-bottom:20px;}
.level3 #wrapper #full-content {clear:both;margin:16px 20px 20px 20px;display:block;}
.level3 #wrapper #full-content p a {color: #0066CC; text-decoration: underline;}
.level3 #wrapper #full-content p a:hover {color: #0066CC; text-decoration:none!important;}
.webarchive #wrapper #full-content h2 {font:2.5em Verdana, Arial, Helvetica, sans-serif; margin-top:8px; padding:8px 0; border-bottom:1px dotted #8A0752; color:#8A0752;}
.webarchive #wrapper #full-content ul.az li {list-style-type:none; display:block; background:none;  margin:0; line-height:1.8em;padding:4px 0; }
.webarchive #wrapper #full-content ul.az li a:visited, .webarchive #wrapper #full-content ul.az li a:focus, .webarchive #wrapper #full-content ul.az li a:active {color:#660000; text-decoration:underline;}
.level3 #wrapper #a-z-menu {margin:14px 20px 0 10px;height:27px;list-style:none;padding:0;}
.level3 #wrapper #a-z-menu li {border:1px solid #bfbfbf;width:25px;height:20px;color:#000;text-align:center;padding:3px 0 2px 0;margin:0 0 0 7px;float:left;display:block;}
/* IE6 */
.level3 #wrapper #a-z-menu li {_height:25px;_padding:3px 0 2px 0;}

/* IE7 */
.level3 #wrapper #a-z-menu li {*height:23px;*padding:2px 0 0 0;}
.level3 #wrapper #a-z-menu li:hover {border:1px solid #8A0752;text-decoration:underline;}
.level3 #wrapper #a-z-menu li a {width:27px;height:23px;color:#000; text-decoration:none;padding:4px 0 0 0;margin:-4px 0 0 -1px;display:block !important;}
.level3 #wrapper #a-z-menu li.no-link {border:1px solid #bfbfbf;color:#b1b1b1;}
/* IE6 */
.level3 #wrapper #a-z-menu li a {_margin:-4px 0 0 -2px;} 
/*
----------------------------------------------------------------------------------
                    A to Z with Lefthand navigation
--------------------------------------------------------------------------------
*/
.level3 #wrapper #left-nav-content #jump-menu {padding-top:8px;}
.level3 #wrapper #left-nav-content #jump-menu p {width:450px; padding-top:0; margin:0; float:right;}
.level3 #wrapper #left-nav-content #a-z-menu {width:250px; min-height:125px; list-style:none; margin:0!important; } 
.level3 #wrapper #left-nav-content #a-z-menu li {float:left!important;border:1px solid #bfbfbf;width:25px;height:20px;color:#000;text-align:center;padding:3px 0 2px 0;margin:0 0 0 7px;display:block; margin-bottom:4px;}
.level3 #wrapper #left-nav-content #a-z-menu li a {text-decoration:none; color:#000;}
.level3 #wrapper #left-nav-content #a-z-menu li a:hover {color:#000; text-decoration:underline;}
.level3 #wrapper #left-nav-content #a-z-menu li:hover {border:1px solid #8A0752;}
.level3 #wrapper #left-nav-content #a-z-menu li.no-link{border:1px solid #bfbfbf;color:#bfbfbf;}
.level3 #wrapper #left-nav-content #link-list h2 {border:none!important;border-bottom:1px dotted #8A0752!important;color:#8A0752; font:2.5em/125% Verdana, Arial, Helvetica, sans-serif; padding-top:8px; clear:both;}
.level3 #wrapper #left-nav-content #link-list ul {margin-left:0!important;}
.level3 #wrapper #left-nav-content #link-list ul li{list-style:none; display:block;}
.level3 #wrapper #left-nav-content #link-list li a:visited, .level3 #wrapper #left-nav-content #link-list li a:focus, .level3 #wrapper #left-nav-content #link-list li a:active {color:#660000; text-decoration:underline;}

.level3 #wrapper #left-nav-content #link-list ul li a, .webarchive #wrapper #full-content ul.az li a {text-decoration:underline; color:#0066CC; padding:8px; }
.level3 #wrapper #left-nav-content #link-list li a:hover, .webarchive #wrapper #full-content ul.az li a:hover  {color:#cc0000; background-color:#e5edf5;}
.webarchive #wrapper #full-content .top a, .level3 #wrapper #left-nav-content #link-list .top a {float:right; font:0.9em/100% Verdana, Arial, Helvetica, sans-serif; padding:5px; color:#000; clear:both; margin: 5px 0;}
.webarchive #wrapper #full-content .top a:hover, .level3 #wrapper #left-nav-content #link-list .top a:hover {text-decoration:none;}

#betaWrapper { 
	background: none repeat scroll 0 0 #CDCDCD;
	border: 1px solid #8A0752;     
	border-radius: 3px 3px 3px 3px;     
	box-shadow: 0 3px 10px 1px rgba(0, 0, 0, 0.1);     
	clear: both;     
	color: #000000;     
	left: 0;     
	margin: 10px;     
	padding: 5px 1%;     
	position: relative;     
	text-align: center;     
	width: 95.5%;     
	z-index: 4001; 	 

}

#betaWrapper h2 {
    text-align: center;
    color:  #0066CC;
    font-size:  1.5em;
}

#betaWrapper a {
	text-decoration:none;
}