/* Copyright 2006-2009 Jostens, Inc. */

/* 			BASICS			 */
html { margin: 0px; padding: 0px; height: 100%; width: 100%; }
body { text-align: center; height: 100%; background: url(/img/20/background-light.gif); background-position: center center; position: relative; margin: auto auto 0 0; padding-left: 1px; font: normal 11px Arial, Helvetica, Verdana, sans-serif;}
body.wideLayout, body.tabLayout { background: url(/img/20/background-dark.gif); padding-left: 0; }

h1, h2, h3, h4, h5, h6 	{ font: normal 1em Arial, Helvetica, Verdana, sans-serif; }
code	{ font-weight: 500; font-size: 1.1em; }
h1 		{ font-size: 1.8em; letter-spacing: -1px; line-height: 1.8em; }
h2 		{ font-size: 1.6em; line-height: 1.4em;  }
h3 		{ font-size: 1.2em; line-height: 1.4em; font-weight: bold; }
h4		{ font-size: 1.0em; line-height: 1.4em; font-weight: bold; }

a:link 		{ color: #b68400; }
a:visited 	{ color: #b68400; }
a:hover 	{ color: #f00; }
a:active    { outline: none;}
:focus		{-moz-outline-style: none;}

label       { margin-right: 10px; }
input, select, textarea	{ font: normal 11px Arial, Helvetica, Verdana, sans-serif; }

/* 			CONTAINER 			*/
div#container 				{ width: 100%; margin: 0 auto; background: url(/img/20/bg-tile.gif); background-position: center center; position: relative; margin: auto auto 0 0; padding-left: 0px; }
.wideLayout #container { width: 100%; background: url(/img/20/background-dark.gif); }
div#tile 					{ text-align: left; width: 931px; margin: auto; text-align: left; background: url(/img/20/background-dark.gif); }
.wideLayout div#tile		{ text-align: left; width: 100%; margin: 0 auto; text-align: left; background: url(/img/20/background-dark.gif); }

/* 			HEADER 			*/
#header-content				{ width: 930px; height: 85px; background: url(/img/20/header_bkgrnd.jpg) repeat-x top left; overflow: hidden; }
.wideLayout #header-content	{ width: 100%; }

#header-logo 				{ border: 0; margin: 0; padding:0; width: 177px; }
#header-logo a,img			{ border: 0; text-decoration: none; }

#header-nav  				{ height: 33px; width:390px; white-space: nowrap; padding: 5px 10px 5px 20px; margin: 0; text-align: left; }
#header-nav ul				{ list-style-type: none; margin: 0; padding:0px; }
#header-nav a				{ text-decoration: none; font-weight: 600; color: #000; }
#header-nav a:hover 		{ color: #b68400; }
#header-nav a:active  	  	{ outline: none;}
#header-nav .highlight	    { color: #b68400; }
#header-nav li			    { line-height: 33px; display: block; float: left; margin: 0; padding: 0 10px; border-left: 1px solid #d5cac1; }
#header-nav li.li0  		{ line-height: 33px; display: block; float: left; margin: 0; padding: 0 10px; border-left: 0px; }

#member-signin.shortName	{ margin: 0 5px 0 0; padding: 5px 0px 5px 0; width: 330px; text-align: right; }
#member-signin.longName		{ margin: 0 5px 0 0; padding: 0px 0px 0px 0; width: 330px; text-align: left; }
#member-signin a.cart       { padding: 0 20px; background: url(/img/icon-cart-full.gif) no-repeat 0px 0px; }
#member-signin a.cartFull   { padding: 0 20px; background: url(/img/icon-cart-full.gif) no-repeat 0px 0px; }

#header-steps  				{ border: 0; width: 680px; padding: 5px 0 0 0; margin: 0; z-index: 1; white-space: nowrap; text-align:right;}
#header-steps img			{ display: block; float: left; padding: 0; margin: 0; border: 0; height: 35px; }

/* 			MAIN CONTENT 			*/
#main-content 	{ position: relative; background: url(/img/20/background-dark.gif); }
.content-bkgrnd { background: url( /img/20/main_bkgrnd.jpg ) no-repeat top left; }

#sub-container 	{ background: #efeae5; margin: 0; padding: 0; z-index: 0; vertical-align: top; text-align: left; }
#pageNav	    { z-index: 4; float: right; position: relative; right: 34px; margin: 0; padding: 0; border: 0; }

#spacer 		{ width: 100%; height: 1px; margin: 0; padding: 0; }

ul.sub-body 			{ position: relative; list-style-type: none;  display: block; margin: 0; padding: 0; width: 930px; overflow: hidden; }
ul.sub-body li  		{ width: 30%; display: block; float: left; bottom: 0; margin: 10px; }
ul.sub-body li.li40  	{ width: 40%; display: block; float: left; bottom: 0; margin: 10px; }
ul.sub-body li.li50  	{ width: 50%; display: block; float: left; bottom: 0; margin: 10px; }
ul.sub-body li.li60  	{ width: 60%; display: block; float: left; bottom: 0; margin: 10px; }
ul.sub-body li.libar    { width: 30%; display: block; float: left; bottom: 0; margin: 10px; border-left: 1px solid #ccc; height: 200px; }
ul.sub-body li p		{ padding: 0 10px; display: block; }
ul.sub-body li h2		{ margin: 0 10px; padding: 0; border: 0; display: inline; }
ul.sub-body li h3		{ margin: 0 10px; padding: 0; border: 0; display: inline; }

#textlinks 				{ margin: 0 10px 0 10px; background: #fbfbf9; padding: 10px; display: block; }

/* 			FOOTER CONTENT 			*/
#footer-content			{ position: relative; height: 60px; background-color: #fbfaf9; border-bottom: 1px solid #ccc; border-top: 1px solid #d5cac1; vertical-align: middle; }
.footerLinks 			{ text-align: right; font-size: 11px; color: #666; height: 20px; padding-right: 20px; right: 0px; margin-top: 20px; }

.footerLinks a:link 	{ color: #d9a100; }
.footerLinks a:visited 	{ color: #d9a100; }
.footerLinks a:hover 	{ color: #f00; }

.hints                  { color: #33c; }
.hints-alert			{ color: #c33; }

/* 			LAYOUT OPTIONS 			*/
ul#book 	{ list-style-type: none; margin: 0; padding: 2px 6px; width: 256px; height: 106px;  background: url( /img/20/bkgrnd_book.png ) top left no-repeat; }
ul#book li 	{ float: left; margin: 0; padding: 0; }

.title		    { position: relative; display: block; margin: 0; padding: 0; border: 0; width: 896px; height: 26px; }
.title h2	    { margin: 0 34px; padding: 0; border: 0; display: inline; float: left; }
.title h3	    { margin: 0 34px; padding: 0; border: 0; display: inline; float: left; }

.catTitle       	{ display: block; margin: 0 34px; padding: 5px 0 0 0; border: 0; }
.catTitle-noHeader	{ display: block; margin: 0 34px; padding: 0; border: 0; height: 2px;}
.catTitle h2		{ border: 0; display: inline;  }
.catTitle h3		{ border: 0; display: inline;  }

.orgTitle		    { position: relative; display: block; margin: 0; padding: 5px 0 0 0; border: 0; width: 896px; height: 26px; }
.orgTitle h2	    { margin: 0 0 0 34px; border: 0; display: inline; float: left; }
.orgTitle h3	    { margin: 0 0 0 34px; border: 0; display: inline; float: left; }

div#headerPadding 	{height: 2px; width: 100%; overflow:hidden;}

.page-error {
	margin: 10px;
	position: relative;
	display: block;
	background-color: #efeae5;
	font-weight: bold;
	border: 1px solid #ccc;
	text-align: left;
	}
.page-message {
	display: block;
	padding: 10px;
	background-color: #efeae5;
	font-weight: bold;
	}
.page-error .icon, .page-message .icon {margin-right: 5px;}
.page-error .error, .page-message .message {
	color: #f33;
	}
.server-error{
	}
.error {display: block;}
.disabledInput {
	background-color: #eaeaea;
	color: #999;
	}

fieldset, .fieldset {
	padding: 20px;
	border: 1px solid #ccc;
	background-color: #fff;
	}

iframe {
	border: 0px solid #ffffff;
	}
	
iframe.fullPage {
	position: absolute;
	height: 100%;
	left: 0;
	top: 0;
	width: 100%;
}

.fixedTable {table-layout: fixed;}

.scrollable { height: 600px; overflow-y: auto; overflow-x: hidden; }

.stdForm TABLE TR TD 				{padding-top: 5px; padding-bottom: 5px;}
.stdForm TABLE TR TD LABEL 			{}
.stdForm TABLE TR TD .hints			{padding: 0px 0px 5px 0px;}

/* 			BUTTONS			 */
a.button, span.button, del.button {
	display:-moz-inline-box;
	display:inline-block;
	cursor:pointer;
	border:none;
    font-size:0;
    line-height:0;
    outline:none;
	background-position:0 0;
	background-repeat:no-repeat;
	height:30px;
	text-decoration:none;
	color:#2e523b;
	font-style:normal;
	margin:0 6px 0px 0;
	padding:0 10px 0 0;
	vertical-align:middle;
	_position:relative;
	_width:10px;
	_overflow-y:hidden;
}

a.button, span.button, del.button,
a.button span, span.button button, span.button input, del.button span {
    background-image:url(/img/20/btn_gray.png);
    _background-image:url(/img/20/btn_gray.png);
    color:#222;
}

a.button_red, span.button_red, del.button_red,
a.button_red span, span.button_red button, span.button_red input, del.button_red span {
    background-image:url(/img/20/btn_red.png);
    _background-image:url(/img/20/btn_red.png);
    color: #e5e5e5;
}

a.button_yellow, span.button_yellow, del.button_yellow,
a.button_yellow span, span.button_yellow button, span.button_yellow input, del.button_yellow span {
    background-image:url(/img/20/btn_yellow.png);
    _background-image:url(/img/20/btn_yellow.png);
    color: #594309;
}

a.button span, span.button button, span.button input, del.button span {
	white-space:nowrap;
	cursor:pointer;
	display:-moz-inline-box;
	display:inline-block;
	line-height:1.2;
    letter-spacing:0 !important;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size:12px !important;
    font-style:normal;
    font-weight: 600;
    background-color:transparent;
	background-position:100% 0;
	background-repeat:no-repeat;
	height:30px;
	padding:8px 17px 0 7px;
	margin:0 -16px 0 10px;
	border:none;
	_position:relative;
    _padding-left:0px;
	_padding-right:12px;
	_margin-right:-10px;
	_display:block;
	_top:0;
	_right:-5px;
}

span.button button { line-height:2.5;/*Opera need this*/ }
html.safari a.button span,
html.safari del.button span { line-height:1.3; }
html.safari span.button button { line-height:2.6; }
html.safari a.button:focus,
html.safari span.button button:focus { outline:none; }

del.button{	background-position:0 -120px; }
del.button span { cursor:default; color:#aaa !important; background-position:100% -120px; }
span.button button, span.button input { padding-top:0px; line-height:2.5;/*Opera need this*/ }

a.button:hover span,
span.button:hover button,
a.button:focus span,
span.button-behavior-hover button,
span.button-behavior-hover input { background-position:100% -60px; }
del.button-behavior-hover, del.button:hover{ background-position:0 -180px; }
del.button-behavior-hover span, del.button:hover span {	background-position:100% -180px; }

div.swfError { background: #EFEAE5; border: 1px solid #D5CAC1; font: normal 1em Arial, Helvetica, Verdana, sans-serif; }

/* 			TOOLTIPS 			*/
.tooltipTrigger { cursor: help; }
.tooltip-standard {background:#fff; border:1px solid black; text-align: left; padding: 1em;z-index:999;}