/*** VARIETY ARCHIVES ***/

/* GENERAL STYLE */
body {
background-color:#c7e0f8;
margin:0;
padding:0;
text-align:center;
background:url("/National_Library/20160930123623oe_/http://www.varietyultimate.com/images/archivesBG.jpg") #6BC3DA repeat-x 0 bottom;
}

body, p, td {
font:12px/1.275em arial,helvetica,"MS Reference Sans Serif";
}

form {
margin:0;
padding:0;
}

a{color:#256F94;text-decoration:none;}

a:hover{text-decoration:underline;color:#900;}

a:visited{text-decoration:none;color:#666;}

.clear {clear:both;}


/*** Containers ***/
#main {
background-color:#fff;
border:1px solid #cc9;
margin:0 auto;
position:relative;
text-align:left;
width:996px;
padding-bottom:10px;
}

#content, #contentSearch {
overflow:hidden;
width:100%;
clear:both;
/*background:url("/National_Library/20160930123623oe_/http://www.varietyultimate.com/graphics/gradient_blue_1x487.gif") #fff repeat-x 0 top;*/
width:996px;
margin:0;
padding:0 0 10px 0;
}

#contentSearch {
background:none;
}

#loginLevelContainer {
background:url("/National_Library/20160930123623oe_/http://www.varietyultimate.com/graphics/gradient_blue_1x487.gif") repeat-x bottom left; 
background-color:#fff;
height:360px;
}

#browseContent {
background:url("/National_Library/20160930123623oe_/http://www.varietyultimate.com/graphics/varietyultimate/GrayGradient_1x525.gif") #fff repeat-x 0 top;
min-height:625px;
padding-top:10px;
}


/*** Headers ***/
#header {
width:976px;
margin:10px;
}

#varietylogo, #varietylogo a {
background:url("/National_Library/20160930123623oe_/http://www.varietyultimate.com/images/VarietyUltimateLogo.gif") #fff no-repeat 0px center;
display:block;
height:64px;
margin-bottom:10px;
padding:0;
width:210px;
float:left;
position:relative;
}

#headerTitle {
float:left;
font:13px "Arial Black", Gadget, sans-serif;
color:#033;
}

#headerYear {
margin-top:22px;
}

#header h2 {
font-size:19px;
line-height:18px;
display:inline;
letter-spacing:-1px;
}

#headerCopy {
float:right;
text-align:left;
font-size:12px;
margin-top:30px;
}


/*** Top Navigation ***/
#navigation {
clear:both;
width:996px;
margin:10px 0 0 0;
padding:6px 0;
background-color:#ccc;
}

#navigation h3, #navigation h3 a {
display:inline;
margin:0;
padding:7px 8px 7px 7px;
font:bold 13px Arial, Helvetica, sans-serif;
text-transform:uppercase;
color:#000;
text-decoration:none;
}

#navigation h3:hover, #navigation h3#activeTab {
background-color:#fff;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
padding:5px 8px 5px 7px;
}

.ie7 #navigation h3, .ie7 #navigation h3 a {
padding:0 8px;
}

.ie7 #navigation h3:hover, .ie7 #navigation h3 a:active {
padding:5px 8px;
}


/*** rounded corner containers ***/
#introSignup, #searchbox, #searchboxFull, #searchboxAdvanced, #customized, #leftContainer, #rightContainer, #campaignContainer1, #campaignContainer2, #campaignContainer3, #loginBox, #today,
#browseByYearBox, #headBoxed, #headBoxed2, #archivesFromYearBox, #signup, #formCustomOptions, #featuredArchiveBox {
width: 530px;
/*min-height: 200px;*/
margin: 10px 0 10px 20px;
font-size: 12px;
padding: 15px;
background:#fff;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: none;
overflow: hidden;
}



#searchbox, #searchboxFull, #customized {
width:940px;
padding:5px;
}

#formCustomOptions { 
width:560px;
padding:25px;
}

#searchboxAdvanced {
margin:50px 215px;
}

#leftContainer, #rightContainer, #campaignContainer1, #campaignContainer2, #campaignContainer3 {
width:460px;
padding:5px;
}

#loginBox, #today, #browseByYearBox {
width:358px;
padding:5px;
}

#today {
background:#000;
margin-top:20px;
}

#headBoxed, #headBoxed2 {
width:auto;
margin-top:-15px;
font:bold 15px Arial, Helvetica, sans-serif;
padding:5px;
}

#headBoxed2 {
margin-top:-25px;
}

#signup {
width:395px;
padding:5px;
margin-left:0;
}

.ie7 #headBoxed, .ie7 #headBoxed2 {
margin-bottom:0;
}

#featuredArchiveBox {
	background-color:#1c6689;
	width:340px;
	color:#fff;
	margin:0 10px 0 0;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}

.floatLeft {
float:left;
}


/*** intro and signup ***/
#varietyArchivesHomeInfo {
float:left;
width:530px;
margin:0 5px 0 30px;
font-size:14px;
line-height:18px;
}

#varietyArchivesHomeInfo h1 {
font-size:28px;
line-height:32px;
letter-spacing:-1px;
}

.ie7 #varietyArchivesHomeInfo h1 {
margin-top:20px;
}

#varietyArchivesHomeInfo img {
float:left;
margin-right:30px;
}

#varietyArchivesHomeInfo ul li {
color:#069;
font:bold 17px/21px Arial, Helvetica, sans-serif;
margin-bottom:25px;
}

#loginBar {
background-color:#ccc;
height:35px;
}

#introSignup p {
line-height:20px;
}

#welcome {
font:bold 18px Arial, Helvetica, sans-serif;
margin-bottom:15px;
}

#memberLog {
margin-top:33px;
font:bold 13px Arial, Helvetica, sans-serif;
background-color:#ccc;
color:#369;
padding:10px;
}

#memberLog span {
margin:0 5px;
}

#memberLog span, #memberLog span a {
background-color:#999;
padding:3px;
font-size:15px;
color:#fff;
text-decoration:none;
}

#signup {
margin:10px 0 0 10px;
background-color:#1c668a;
color:#fff;
}

#signup p {
margin:14px 0;
}

#signup a {
color:#fff;
text-decoration:underline;
}

#signup hr {
color:#fff;
margin:15px 0;
}

#signup #loginHead2 {
font-size:16px;
font-weight:bold;
color:#ccc;
margin:5px 5px 10px;
}

#loginHead {
font-size:26px;
font-weight:bold;
line-height:32px;
margin:15px 15px 40px;

}

#signup #name {
font-size:15px;
font-weight:bold;
margin-bottom:7px;
margin-left:5px;
}

#signup .issues {
margin:5px;
}

.fields {
height:35px;
font-size:13px;
margin-right:40px;
}

.ie7 .fields {
margin-right:20px;
}

#fields {
clear:both;
margin-right:0;
text-align:center;
}

.fields div {
font-weight:bold;
margin:5px 25px;
display:inline;
float:left;
clear:both;
width:40px;
}

.chrome .fields div {
	 margin:5px 10px 5px 25px;
}

.fields input {
float:right;
}

#regWhiteBox h2{
	font-size:24px;
	color:black;
	padding:10px 10px 0px 0px;
	margin:0 0 0 -10px;
}

#verticalLine {
	border:1px solid #6CF;
	height: 240px;
}


/*** campaigns and browse by year ***/
#rightContainer {
margin-left:10px;
}

#campaignContainer1, #campaignContainer2, #campaignContainer3 {
width:290px;
}

.containerContent {
margin:10px 0 10px 30px;
}

.containerContent1 {
margin:0 0 10px 10px;
clear:both;
}

.containerContent h2 {
font:12px/1.275em arial,helvetica,"MS Reference Sans Serif";
margin:15px 0 15px -20px;
padding:0;
}

.ie7 .containerContent h2 {
margin-top:0;
}

.containerContent .yearColumns {
float:left;
width:70px;
font-weight:bold;
margin-bottom:5px;
line-height:20px;
}

.containerContent .yearColumns a {
color:#256F94;
}

.containerContent .yearColumns a.active {
background-color:#0F87A5;
color:#fff;
padding:5px;
margin-left:-5px;
}

.ie7 .containerContent .yearColumns a.active {
padding-left:10px;
}

.ie7 .containerContent {
margin:10px 25px 0;
}

.ie7 .containerContent .yearColumns  {
margin:0;
width:72px;
}

#browseByYearBox .yearColumns {
width:65px;
}

.more, .more a, .num, .num a {
text-align:right;
color:#256F94;
margin:5px;
font-weight:bold;
}

.ie7 .more {
margin:0;
}

.campaignads {
font:bold 15px Arial, Helvetica, sans-serif;
text-align:center;
margin:20px 0 15px;
}


/*** Login Box ***/
form#login {
margin-top:10px;
vertical-align:middle;
}

form#login input, form#login select {
margin:10px 5px;
}

form#login .head {
margin-right:5px;
}

form#login div.head {
margin-left:75px;
}

#today #issues, #today #issues a {
font-weight:bold;
color:#fff;
margin-left:3px;
}

#today span {
margin-right:110px;
}

.selectFrom {
margin-right:40px;
}

/*** thumbnails ***/
#pdfThumbnails {
overflow:visible;
}

#pdfThumbnails span {
text-align:center;
padding:5px 5px 8px;
float:left;
width:118px;
}

#arrow {
background:url("/National_Library/20160930123623oe_/http://www.varietyultimate.com/images/GreenCircleArrow.png") no-repeat top;
position:absolute;
top:670px;
left:360px;
z-index:1;
width:85px;
height:85px;
}


/*** search boxes ***/
.searchboxH2, #searchbox h2, #searchboxFull h2, #leftContainer H2, #rightContainer H2, #loginBox h2, #today h2, #searchboxAdvanced h2 {
	font:bold 15px Arial, Helvetica, sans-serif;
	background-color:#0F87A5;
	padding:3px;
	margin:0;
	color:#fff;
}

#today h2 {
	background-color:#000;
}

#searchbutton, .button {
	background-color:#999;
	padding:2px;
	font-size:14px;
	color:#fff;
	font-weight:bold;
	border:none;
}

.button {
	margin-top:15px;
}


#searchNote ul {
	margin-top:0;
	margin-bottom:0;
}

#searchNote ul li {
	padding-bottom:5px;
}

#searchAdvancedSearch {
	text-align:right;
	font-weight:bold;
	padding: 0px 0 10px;
}

.ie7 #searchAdvancedSearch {
	margin-right:198px;
}

#searchAdvancedSearch a {
	color:#369;
	text-decoration:underline;
}

#freeIcon {
	position:relative;
	z-index:100;
	margin-bottom:-40px;
}

/*** keyword search result ***/
#nowDiplayingBox, #searchResultPanel {
	background-color:#fff;
	margin:10px 50px 20px;
	text-align:center;
}

#nowDiplayingBox h1, #contentSearch h1 {
	font-size:24px;
	line-height:120%;
	text-align:center;
	margin:0 0 20px 0;
}

span#keyword, span#Span1 {
	color:red;
}

.emptySearch {
	font-size:14px;
}

#searchResultBody {
	height:350px;
	min-height:350px;
}

#filter {
float:left;
font-weight:bold;
}

#filter a {
color:#369;
}

.keySearch {
text-align:left;
clear:both;
padding-bottom:15px;
}

.thumb {
float:left;
width:110px;
margin-bottom:15px;
}

.keyCont a {
font-weight:bold;
color:#256F94;
}


/*** overlay pop-ups ***/
#overlayMsg {
z-index: 9999;
position: absolute;
left: 50%;
background: none repeat scroll 0% 0% white;
width: 500px;
margin-left: -250px;
top: 200px;
padding: 10px;
text-align: left;
overflow: hidden;
}

#overlayMsg a {
text-decoration:underline;
}


/*** error messages ***/
.errmsg {
color:red;
margin:-5px 0 5px 0;
}


/*** custom options from home page ***/
.left_third {
width:300px;
padding-left:22px;
float:left;
}

.left_third h2 {
font:bold 15px Arial, Helvetica, sans-serif;
margin-left:15px;
margin-bottom:0;
}

.left_third .btn {
margin-bottom:20px;
}

.vbtn {
margin:0 50px;
}


/*** As seen in Variety ***/
#varietyBox {
background:url("/National_Library/20160930123623oe_/http://www.varietyultimate.com/graphics/Gradientbg_Trans_1x500.png") #fff repeat-x bottom;
width:635px;
margin-left:20px;
min-height:550px;
float:left;
}

#varietyBox h2 {
font:bold 16px Arial, Helvetica, sans-serif;
margin-bottom:10px;
}

#varietyBox #columns {
float:left;
width:45%;
margin:10px;
}

#columns .thumbs {
clear:both;
padding-top:15px;
}

#columns .thumbs img {
margin-right:15px;
}

#columns .thumbs a {
font-weight:bold;
color:#369;
}

#history {
float:left;
margin:55px 5px 10px 25px;
}

.ie7 #history {
margin-top:40px;
}

#history .yrs a {
text-decoration:underline;
}

.events {
margin:20px 0;
}


/**** FORMS ****/
#formText {
	font:15px/22px Arial, Helvetica, sans-serif;
	margin-bottom:30px;
}

.fname {
	font-weight:bold;
	margin-top:15px;
}

#formCustomOptions h3 {
	font-size:28px;
	margin:0 0 30px 0;
}


/*** custom options page ***/
#membershipLevelContainer {
	background:url("/National_Library/20160930123623oe_/http://www.varietyultimate.com/graphics/Gradient_ltblue_1x205.png") repeat-x bottom left; 
	background-color:#fff;
	padding-bottom:10px;
	padding-top:10px;
	margin-bottom:20px;
}

#membershipLevelContainer h3 {
	font-size:32px;
	line-height:40px;
	margin:20px 80px;
	letter-spacing:-1px;
}

.headerGrayBtn {
	background:url("/National_Library/20160930123623oe_/http://www.varietyultimate.com/graphics/Gray_button.png") no-repeat 0px center;
	width:305px;
	height:39px;
	margin-bottom:10px;
}

.left_third .headerGrayBtn h2 {
	font:bold 18px Arial, Helvetica, sans-serif;
	color:#fff;
	padding:8px;
	margin:0;
}

#optionsDeck {
	padding:60px 70px;
	font-size:14px;
	line-height:20px;
}


/*** about ***/
#about, .about {
	font-size:14px;
	margin:0 60px;
	line-height:22px;
	clear:both;
	padding-top:20px;
}

#about h1 {
	font-size:28px;
	line-height:36px;
	text-align:center;
}

.about h2 {
	font-size:15px;
	margin:0;
}

.about img {
	float:left;
	margin-right:20px;
	margin-bottom:20px;
}


/*** FOOTERS ***/
#dotRule {
	border-top:1px dotted #c2ceda;
	margin:0;
	padding:0;
}

#copyright {
	background-color:transparent;
	color:#333;
	font:11px Arial, Helvetica, sans-serif;
	margin:10px 0 5px 20px;
}

#copyright a {
	color:#369;
}

#copyright a img {
	border:none;
	vertical-align:text-bottom;
}

#footercontainer {
	background-color:#f0f0f0;
	border:1px solid #c2ceda;
	color:#369;
	margin:10px;
	padding:5px;
}

#footercontainer h5 {
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#333;
	display:inline;
	margin:5px;
}

#footercontainer ul {
	list-style:none;
	margin:0 100px 4px 10px;
	padding:0;
	display:inline;
}

#footercontainer ul li, #footercontainer ul li a {
	font:11px Arial, Helvetica, sans-serif;
	color:#369;
	list-style:none;
	display:inline;
	padding:0;
	margin:0 3px 0 2px;
}


/*** calendar listing ***/
#dateh2 h2 {
font:13px Arial, Helvetica, sans-serif;
margin:20px 100px 0;
}

#calHeader {
width:580px;
height:30px;
font:bold 16px Arial, Helvetica, sans-serif;
margin-top:10px;
}

#calNavPrev, #calNavNext
{
	float: left;
	width: 30px;
	display:inline;
	text-align:left;
}

#calNavNext {
text-align:right;
}

#calMonthLabel
{
	float: left;
	text-align: center;
	width:520px;
	font-weight: bold;
	display:inline;
}
#IssueListCalendar table
{
	border-collapse:collapse;
	text-align:center;
	margin:0 20%;
}
#IssueListCalendar table tr td
{
	width: 80px;
}
#IssueListCalendar table tr td.weekname
{
	text-align: center;
	font-weight: bold;
	border: solid 1px silver;
}
#IssueListCalendar table tr td.day
{
	text-align: center;
	height: 80px;
	border: solid 1px silver;
}
#IssueListCalendar table tr td.empty
{
	height: 80px;
	border: solid 1px silver;
	background-color: #eeeeee;
}
#IssueListCalendar table tr td.inactive 
{
	background-color: #eeeeee;
}
#IssueLightBox
{
	z-index: 9999; 
	position: absolute; 
	left: 50%; 
	background: none repeat scroll 0% 0% white; 
	margin-left: -170px; 
	top: 250px; padding: 10px; 
	text-align: center; 
	overflow: hidden;	
	opacity: 1.0;
	height: 250px;
	width: 300px; 
	background-color:#fff;
	border:2px solid #006;
}

#closeThis, #closeThis a {
text-align: right;
font: bold 15px Arial, Helvetica, sans-serif;
color:#000;
}

#IssueLightBox div span {
text-align:center;
width:110px;
margin:10px;
}

#IssueLightBox span
{
float: left;
}

.HasIssue
{
}

.NoIssue
{
}


/*** calendar date chooser style ***/
.calTable
{
	border: solid 1px #a0a0a0;
	border-collapse: collapse;
	background-color: #ffffff;
}
.calTable th 
{
	border: solid 1px #a0a0a0;
	border-collapse: collapse;
	background-color: #d0f0f0;
}
.calTable td 
{
	border: solid 1px #a0a0a0;
	border-collapse: collapse;
	text-align: right;
}

.cal0
{
	color: #a0a0a0;		
}
.cal1
{
}
.calToday
{
	background: yellow;
}
/*** calendar date chooser style ***/

.monthYear {
	height:20px;
	text-align:center;
	margin:10px;
	}

/*** featured archives ***/

#featured{
margin:25px;
}

#featured p{
font-size:16px;
}

#featured h1{
background-image:url("/National_Library/20160930123623oe_/http://www.varietyultimate.com/images/dividerLine.jpg");
background-position:center bottom;
background-repeat:no-repeat;
font-size:36px;
font-weight:bold;
height:110px;
line-height:36px;
text-align:center;
}

#featured #featuredArchiveBox ul{
margin:0 0 0 10px;
padding:0;
font-size:24px;
font-weight:bold;
color:#efefef;
line-height:110%;
}

#featured #featuredArchiveBox ul li a{
color:#fff;
display:block;
float:left;
text-decoration:underline;
width:220px;
}

#featured #featuredArchiveBox ul li{
list-style:none;
margin:25px 0;
padding:0;
}

#featured #featuredArchiveBox h3{
text-decoration:uppercase;
font-weight:bold;
font-size:18px;
margin:5px;
padding:0;
}

#featured #featuredArchiveBox p{
color:#fff;
margin:0 5px;
}

#featuredArchiveBox ul li span {
margin-left:100px;
text-align:right;
}

/*** remove on 2010-09-17 ***/
#featured #sections{
width:382px;
height:549px;
float:left;
background-image:url("/National_Library/20160930123623oe_/http://www.varietyultimate.com/images/featuredarchivesBG.jpg");
color:#fff;
}

#featured #sections ul{
margin:0px;
padding:0px;
font-size:24px;
font-weight:bold;
color:#efefef;
margin:25px;
line-height:110%;
}

#featured #sections ul li a{
color:#FFF;
display:block;
float:left;
text-decoration:underline;
width:220px;
}

#featured #sections ul li{
list-style:none;
margin:30px 0px;
padding:0px;
}

#featured #sections h3{
text-decoration:uppercase;
font-weight:bold;
font-size:18px;
margin:25px 25px 5px 25px;
padding:0px;
}

#featured #sections p{
color:#fff;
margin:0px 25px;
}

#sections ul li span {
margin-left:100px;
text-align:right;
}
/*** end remove ***/

#featured #letter{
width:500px;
float:right;
margin:25px;
}

#featured #featuredthumbs{
clear:both;
text-align:center
}

#featured .featured{
width:195px; margin:20px;
float:left;
font-size:30px;
line-height:110%;
color:#1c668a;
}

#featured .featured a{
color:#1c668a;
}

#featured .featured a img {
border:0;
}

.error
{
	color: red;	
}