/* ###################### DEFAULTS */
body {
	font: 12px "Trebuchet MS ", Tahoma, Arial, sans-serif;
}
p {
	margin: 4px 0;
}
a img {
	border: none;
	text-decoration: none;
}

/* ###################### LOGIN */

#loginWrapper form {
	background: #FFF url(/images/libretto/login-logo.png) no-repeat left top;
	margin: 40px auto;
	padding-top: 100px;
	width: 575px;
}

	#loginWrapper form dl dt {
		float: left;
		margin-bottom: 12px;
	}
	#loginWrapper form dl dt label {
		color: #000;
		display: block;
		font-size: 16px;
		font-weight: bold;
		padding-top: 5px;

	}
	#loginWrapper form dl dd {
		margin-bottom: 12px;
		margin-left: 200px;

	}

	#loginWrapper form dl dd input.text {
		background: #F9F9F9;
		border: none;
		border-top: 1px solid #C6D9E8;
		border-left: 1px solid #C6D9E8;
		font: 12px "Trebuchet MS ",Tahoma,Arial,sans-serif;
		padding: 7px;
		width: 375px;
	}
	#loginWrapper form dl dd input.text:focus {
		background: #F7F8DC;
		border: none;
		border-top: 1px solid #B0C1CE;
		border-left: 1px solid #B0C1CE;
	}
	#loginWrapper form dl dd input.submit {
		background: #00B6F8;
		border: none;
		color: #FFF;
		font-weight: bold;
		padding: 8px 25px;
		text-transform: uppercase;

		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius:3px;
	}
	#loginWrapper form dl dd input.submit:hover {
		background: #0388D7;
	}

	p.error {
		background: #FFFFE0;
		color: #EB0B16;
		font-weight: bold;
		margin: 15px 0;
		padding: 8px 0;
		text-align: center;
	}



/* ###################### LAUNCH PAD */
#landing {
	margin: 0 auto;
	margin-top: 50px;
	width: 680px;
}
	#expressInstall {
		float: left;
		width: 128px;
	}
	#issueIntro {
		margin-left: 138px;
	}
		#landing noscript a {
			color: #EB0B16;
		}


/* ###################### MAIN ISSUE */
html, body.view, body.view * {
	height:100%;
	margin: 0;
	padding: 0;
}
	div#getFlash {
		background: #F6F6F6;
		border-bottom: 1px solid #787878;
		border-top: 1px solid #787878;
		margin: 0 auto;
		margin-top: 50px;
		padding: 10px;
		width: 700px;
	}
		div#getFlash h1 {
			font-size: 22px;
			margin-bottom: 8px;
			text-align: center;
		}
		div#getFlash p {
			margin: 5px 0;
		}
		div#getFlash a {
			background: #FFFFD8;
			color: #000;
			font-weight: bold;
			padding: 1px;
			text-decoration: none;
		}

		div#getFlash #downloadLogos {
			margin: 30px 0;
			text-align: center;
		}
			div#getFlash #downloadLogos a {
				background: transparent;
				margin: 0 10px;
			}

/* ###################### HTML ONLY PAGES */
#HTML_page #wrapper {
	background: url(/images/client-header.jpg) no-repeat top right;
	margin: 0 auto;
	margin-top: 20px;
	padding-top: 55px;
	width: 800px;
}

	#HTML_page #wrapper h1 {
		color: #880c04;
		font-size: 18px;
		margin-bottom: 6px;
	}

	#HTML_page #wrapper #footer {
		background: transparent url(/images/libretto/footer-logo.jpg) no-repeat right 7px;
		border-top: 6px solid #880c04;
		color: #C6C6C6;
		margin-top: 12px;
		padding: 5px 0;
		padding-bottom: 45px;
	}
		#HTML_page #wrapper #footer p {
			margin-bottom: 4px;
		}
			#HTML_page #wrapper #footer p a {
				color: #C6C6C6;
				text-decoration: none;
			}

		#HTML_page #wrapper form {
			background: #F2F2F2;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px;
			margin: 30px 0;
			padding: 15px;
		}

		#HTML_page #wrapper form label {
			color: #464A4B;
			font-size: 12px;
		}

		#HTML_page #wrapper form input.text {
			border: 1px solid #442B79;
			padding: 2px 1px;
			width: 221px;
		}
		#HTML_page #wrapper form input.submit {
			background: #880c04;
			border: none;
			color: #FFF;
			font-size: 10px;
			font-weight: bold;
			padding: 4px 1px;
			padding-bottom: 3px;
			text-transform: uppercase;
		}
		a.cancel {
			text-decoration: none;
			text-transform: uppercase;
		}

/* ###################### ISSUES ARCHIVE */
#HTML_page #wrapper ul.archiveList {
	list-style: none;
	margin: 15px 0;
}
	#HTML_page #wrapper ul.archiveList li {
		background: #C6C6C6;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		display: inline;
		margin: 0 1px;
		padding: 3px 0;
	}
	#HTML_page #wrapper ul.archiveList li.active, #HTML_page #wrapper ul.archiveList li.active:hover {
		background: #880c04;
	}
	#HTML_page #wrapper ul.archiveList li:hover {
		background: #ac0e04;
	}
		#HTML_page #wrapper ul.archiveList li a {
			color: #FFF;
			height: 100%;
			font-weight: bold;
			padding: 0 9px;
			text-decoration: none;
		}

#HTML_page #wrapper dl.issueList {
	border-bottom: 1px solid #F2F2F2;
	margin: 20px 0;
}
	#HTML_page #wrapper dl.issueList dt {
		float: left;
	}

	#HTML_page #wrapper dl.issueList dd {
		margin-left: 148px;
		min-height: 200px;
	}


/* ###################### PURCHASE */
	form#newSubscription #subscriptionLengths ul {
		list-style: none;
		margin: 25px 0;
	}
		form#newSubscription #subscriptionLengths ul li {
			background: #C6C6C6;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px;
			display: inline;
			margin: 0 1px;
			padding: 5px 0;
		}
		form#newSubscription #subscriptionLengths ul li.active, form#newSubscription #subscriptionLengths ul li.active:hover {
			background: #880c04;
		}
		form#newSubscription #subscriptionLengths ul li:hover {
			background: #ac0e04;
		}
			form#newSubscription #subscriptionLengths ul li a {
				color: #FFF;
				height: 100%;
				font-weight: bold;
				padding: 0 12px;
				text-decoration: none;
			}

dt.emailAddress {
	float: left;
	width: 160px;
}
	dt.emailAddress label {
		font-weight: normal;
		vertical-align: middle;
	}

dd#currentUserTitle {
	margin: 15px 0 8px 0;
}

#currentUserSelection ul li {
	margin: 8px 0;
}
	#currentUserSelection ul li label {
		vertical-align: middle;
		text-transform: none !important;
	}
	#currentUserSelection ul li input {
		vertical-align: middle;
	}
	#currentUserSelection ul li #password {
		margin-left: 26px;
	}

#currentPrice {
	margin: 25px 0;
}
	#currentPrice p {
		color: #880c04;
		font-weight: bold;
	}

#fPasswordLink {
	margin-left: 162px;
}

noscript {
	clear: both;
	color: #EB0B16;
	display: block;
	background: #FFFFE0;
	font-weight: bold;
	margin: 15px 0;
	padding: 8px 0;
	text-align: center;
}

#newSubscriptionConfirm dl dt, #newBackIssueConfirm dl dt {
	float: left;
	margin-bottom: 8px;
	width: 150px;
}
#newSubscriptionConfirm dl dd, #newBackIssueConfirm dl dd {
	margin-bottom: 8px;
}
#newSubscriptionConfirm dl dd.total, #newBackIssueConfirm dl dd.total {
	color: #880c04;
}
#newSubscriptionConfirm dl dd.footer, #newBackIssueConfirm dl dd.footer {
	margin-top: 25px;
}
#newSubscriptionConfirm dl dd.footer small, #newBackIssueConfirm dl dd.footer small {
	text-transform: uppercase;
}

p#acceptedCards {
	background: url(/images/payment/poweredByWorldPay.gif) no-repeat left top;
	height: 28px;
	padding-top: 5px;
	text-align: right;
	vertical-align: middle
}

#orderEnd, #standardPageContent {
	background: #F2F2F2;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin: 30px 0;
	padding: 15px;
}
	#orderEnd p {
		margin-top: 10px;
	}
	#orderEnd ul {
		background: #FAFAFA;
		border-bottom: 1px solid #D90327;
		border-top: 1px solid #D90327;
		margin: 10px 0;
		padding: 8px;
	}
		#orderEnd ul li {
			margin: 4px 0;
		}


/* ###################### BACK ISSUES */

form#newBackIssue dt#coverShot {
	float: left;
	width: 128px;
}
form#newBackIssue dd#description {
	margin-left: 138px;
}
	form#newBackIssue dd#description h3 a, form#newBackIssue dd#description p#previewLink a {
		color: #880c04;
		font-size: 14px;
		text-decoration: none;
	}
	form#newBackIssue dd#description h3 a, form#newBackIssue dd#description p#previewLink {
		margin-top: 15px;
	}
form#newBackIssue dd#formTitle {
	clear: left;
	margin-top: 25px;
}

form#newBackIssueConfirm dd#coverBubbleWrapper {
	position: relative;
}
form#newBackIssueConfirm #coverBubbleLink {
	color: #880c04;
}
form#newBackIssueConfirm p#coverBubble {
	background: url(/images/libretto/Cover-Bubble.png) no-repeat;
	padding: 25px;
	padding-top: 35px;
	position: absolute;
	top: 10px;
	left: 126px;
}




#standardPageContent p {
	margin: 5px 0;
}
#standardPageContent h3, #standardPageContent h4 {
	margin-top: 12px;
}
#standardPageContent ol li {
	margin: 0 20px;
}

div.entry-content ul{
    list-style-type:disc;
    list-style-position:inside;
    padding:5px 10px;


}

ul.errors {
	background: #FAFAFA;
	border-bottom: 1px solid #D90327;
	border-top: 1px solid #D90327;
	margin: 10px 0;
	padding: 8px;
}
	ul.errors li {
		margin: 4px 0;
	}
	ul.errors li strong {
		color: #D90327;
	}

.clear { clear: both; }
.hidden { display: none; }