@import "art.css";
@import "ratingDialog.css";
@import "switchCart.css";
@import "stripes.css";

* {
	font-family: Verdana, sans-serif;
	font-size: 11px;
	color: black; /*#444444*/;
}

@media print {

	#banner {
		display: none;
		visibility: hidden;
	}

	a {
		text-decoration: none;
	}

	.noprint {
		display: none;
		visibility: hidden;
	}

}

BODY {
	margin: 0 10px 0 10px;
	min-width: 800px;
	background-color: #6884AB;
	/*
	#6884AB - light blue original iTunes;
	#737D8C - light GameSpot gray
	#3F4A59 - dark GrameSpot gray
	*/
}

H1, SPAN.inline-H1 {
	font-family: Trebuchet MS, Verdana, sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: black;
}

A {
	color: #2971a7;
	text-decoration: none;
}

A.more {
	padding-right: 9px;
	background: url(/img/morearrow.png) 100% 0.4em no-repeat;
	white-space: nowrap;
}

A.more-white {
	padding-right: 9px;
	background: url(/img/morearrow-white.png) 100% 0.4em no-repeat;
	white-space: nowrap;
}

A:hover {
	text-decoration: underline;
}

div.normalOuterContainer {
	text-align: center;
	margin: 0 auto;
	width: 980px;
}

#banner {
	margin: 0 4px 4px; /*margin-left: -4px;*/
/*margin-right: -4px;*/
/*margin-bottom: 3px;*/
/*margin-top: 0;*/
	background-image: url(../img/banner-left.png);
	background-repeat: no-repeat;
	background-position: top left;
}

#bannerContent {
	background-image: url(../img/banner-right.png);
	background-position: right top;
	background-repeat: no-repeat;
	height: 100px;
}

#bannerSearch {
	color: silver;
}

#bannerSearchBox {
	color: gray; /*width:  120px;*/
	padding-left: 20px;
	background: white url(/img/search_glass.png) no-repeat 5px;
	margin: 0 3px 0 0;
}

#logOutLink {
	color: white;
	margin-top: 20px;
}

#logOutLink:hover {
	text-decoration: underline
}

#bannerPhone {
	text-align: center;
	vertical-align: top;
	margin-top: 24px;
	width: 100%;
	white-space: nowrap;
	height: 66px;
}

#bannerPhone h2 {
	margin-top: 0;
	margin-left: 10px;
	display: inline;
	font-family: Trebuchet MS, Verdana, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #6884AB /* #737D8C; #f27d00; */
}

#orderSummary {
	color: white; /* #f27d00; */
}

#menubar td {
	color: whitesmoke;
	height: 30px;
	text-align: center;
	vertical-align: top;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
}

#menubar td:hover {
	cursor: pointer
}

#menubar a {
	color: whitesmoke;
	white-space: nowrap;
}

#menubar a:hover {
	text-decoration: none;
}

#menubar td.selected, #menubar td:hover {
	color: white;
	background-image: url(/img/menubar-select-background_blue.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	height: 30px;
	vertical-align: top;
	text-align: center;
	padding-top: 5px;
}

.linkSeparator {
	color: lightgray;
	padding-left: 0.5em;
	padding-right: 0.5em;
}

/*
	COMMON PAGE FOOTER ELEMENTS
*/

#footer {
	margin-top: 20px;
}

#footer * {
	font-size: 11px;
	color: white;
}

#rottenTomatoesCopyright {
	text-align: center;
	margin: 1em;
}

#copyright {
	text-align: center;
}

#footer #address {
	text-align: center;
}

/*
	DARK GLASS DIALOG
*/

.darkglass-dialog {
	margin: 0 auto;
	min-width: 20em;
	max-width: 3000px; /* I only cut the left background images out to 800px. You could do much larger, etc. */
	color: #fff;
}

.darkglass-dialog * {
	color: silver;
}

.darkglass-dialog INPUT, .darkglass-dialog SELECT, .darkglass-dialog OPTION {
	color: black;
}

.darkglass-dialog BUTTON {
	color: #444444;
}

.darkglass-dialog .hd H1 {
	margin: 0 0 0 15px;
	padding-top: 10px;
	font-family: Trebuchet MS, Verdana, sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: cornflowerblue; /*white; /*#f27d00;*/
}

.darkglass-dialog H1 {
	color: #f27d00;
}

.darkglass-dialog .hd .c {
	font-size: 1px; /* ensure minimum height */
	height: 10px;
}

.darkglass-dialog .ft .c {
	font-size: 1px; /* ensure minimum height */
	height: 6px;
}

.darkglass-dialog .hd {
	background: transparent url(/img/dialogs/darkglass-tl.png) no-repeat -1px 0;
	margin-right: 8px; /* space for right corner */
}

.darkglass-dialog .hd .c {
	background: transparent url(/img/dialogs/darkglass-tr.png) no-repeat right 0;
	margin-right: -8px; /* pull right corner back over "empty" space (from above margin) */
}

.darkglass-dialog .bd {
	background: transparent url(/img/dialogs/darkglass-ml.png) repeat-y 0 0;
	margin-right: 8px;
}

.darkglass-dialog .bd .c {
	background: transparent url(/img/dialogs/darkglass-mr.png) repeat-y right 0;
	margin-right: -8px;
}

.darkglass-dialog .bd .c .s {
/* the border is a workaround for an(other) IE6 bug */
	border-top: 1px solid #2C3035;
	color: #f27d00;
	margin: 0 10px 0 10px;
	background-color: #2C3035;
	padding-bottom: 1em;
}

.darkglass-dialog .bd .c .s H1 {
	color: cornflowerblue;
	margin: 0;
	display: inline;
}

.darkglass-dialog .ft {
	background: transparent url(/img/dialogs/darkglass-bl.png) no-repeat -1px 0;
	margin-right: 8px;
}

.darkglass-dialog .ft .c {
	background: transparent url(/img/dialogs/darkglass-br.png) no-repeat right 0;
	margin-right: -8px;
}

.darkglass-dialog p {
	color: silver;
}

/*
	WHITE DIALOG
*/

.white-dialog {
	margin: auto auto auto auto;
	min-width: 20em;
	max-width: 3000px;
	color: #fff;
}

.white-dialog .hd H1 {
	margin: 0 0 0 10px;
	padding-top: 10px;
	font-family: Trebuchet MS, Verdana, sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: black; /*#f27d00;*/
}

.white-dialog .hd .c {
	font-size: 1px; /* ensure minimum height */
	height: 10px;
}

.white-dialog .ft .c {
	font-size: 1px; /* ensure minimum height */
	height: 6px;
}

.white-dialog .hd {
	background: url(/img/dialogs/white-tl.png) no-repeat 0 0;
	margin-right: 8px; /* space for right corner */
}

.white-dialog .hd .c {
	background: url(/img/dialogs/white-tr.png) no-repeat right 0;
	margin-right: -8px; /* pull right corner back over "empty" space (from above margin) */
}

.white-dialog .bd {
	background: url(/img/dialogs/white-ml.png) repeat-y 0 0;
	margin-right: 8px;
}

.white-dialog .bd .c {
	background: url(/img/dialogs/white-mr.png) repeat-y right 0;
	margin-right: -8px;
}

.white-dialog .bd .c .s {
/* the border is a workaround for an(other) IE6 bug */
	border-top: 1px solid white;
	margin: 0 10px 0 10px;
	background-color: white;
	padding-bottom: 1em;
}

.white-dialog .bd .c .s H1 {
	margin: 0;
	display: inline;
}

.white-dialog .ft {
	background: transparent url(/img/dialogs/white-bl.png) no-repeat 0 0;
	margin-right: 8px;
}

.white-dialog .ft .c {
	background: transparent url(/img/dialogs/white-br.png) no-repeat right 0;
	margin-right: -8px;
}

/* WHITE CONTENT BOX */

div.content-box {
	padding: 0 10px 10px 10px;
	margin: 0 4px 10px 4px;
	background-color: #fff;
	border: 1px solid black;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

div.content-box form {
	margin: 0;
	padding: 0;
}

div.content-box form table.form-table tr td {
	text-align: left;
}

div.content-box form table.form-table tr td:first-child {
	text-align: right;
}

div.content-box form table.form-table tr td.form-section {
	text-align: left;
}


div.content-box form table.form-table td.form-button-bar {
	text-align: center !important;
}

div.flat-top {
	-moz-border-top-left-radius: 0;
	-moz-border-top-right-radius: 0;
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-width: 0 1px 1px 1px;
}

div.bread-crumb {
	-moz-border-top-left-radius: 5px;
	-moz-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid black;
	border-right: 1px solid black;
	border-left: 1px solid black;
	margin: 0 4px 0 4px;
}

div.bread-crumb ul {
	height: 30px;
	line-height: 30px;
	color: #9b9b9b;
	width: 100%;
	margin: 0;
	padding: 0;
}

div.bread-crumb ul li {
	list-style-type: none;
	float: left;
	padding-left: 10px;
	margin: 0;
}

div.bread-crumb ul li a {
	height: 30px;
	display: block;
	background-image: url('/img/bc_separator.png');
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 15px;
	text-decoration: none;
	font-weight: bold;
	color: #2971a7;
}

div.content-box div.content-title {
	padding-top: 10px;
}

div.content-box div.content-title h1 {
	margin-top: 0 !important;
}

div.content-box div.content-body {
	margin-top: 10px;
	padding: 10px 10px;
}

/* NOTICE DISPLAY */

div.notice {
	width: 100%;
	position: relative;
	text-align: center;
	font-weight: bold;
	padding: 5px 0 5px 0;
	color: blue;
}

/*
	COMMON FORM ELEMENT STYLES
*/

TD.formLabel {
	font-style: italic;
	text-align: right;
	padding-right: 0.5em;
	white-space: nowrap;
}

.submit {
	margin-left: 0.5em;
	margin-right: 0.5em;
	width: 7em;
}

.required {
	color: maroon;
}

INPUT.date {
	width: 8em;
}

/*
	ICON MENUS - TOOLS, SETTINGS
*/

TD.iconMenu {
	vertical-align: top;
	text-align: center;
	width: 90px;
	padding-bottom: 1em;
	color: white;
}

TD.iconMenu A {
	color: white;
	text-decoration: none;
}

a.tab-close {
	padding-left: 0 !important;
}

a.tab-close img {
	height: 11px;
	width: 11px;
	cursor: pointer;
}

/*
	LIST MENUS - CURRENTLY, ONLY THE ADMIN MENU
*/
LI.menuItem {
	margin-bottom: 1em;
}

LI.menuItem .menuDesc {
	color: #444;
}

/*
	DIV CONTAINER FOR VIDEO IMAGES
*/
DIV.videoBackground {
	width: 110px;
	height: 152px;
	background-image: url(/img/video-shadow.jpg);
	background-repeat: no-repeat;
	text-align: left;
}

IMG.video {
	width: 101px;
	height: 144px;
	border: 1px solid black;
	margin-top: 0;
	margin-left: 0
}

/*
	FOR CD IMAGES
*/
DIV.cdBackground {
	width: 108px;
	height: 138px;
	background-image: url(/img/cd-background.jpg);
	background-repeat: no-repeat;
	text-align: left;
}

IMG.cd {
	position: relative;
	left: 0;
	top: 30px;
	width: 100px;
	height: 100px;
	border: 1px solid black;
}

/*
	DIV CONTAINER FOR AUDIOBOOK IMAGES
*/

DIV.audioBackground {
	background: white url(/img/audiobook-top.gif) no-repeat top;
	padding-top: 30px;
	width: 100px
}

DIV.playawayBackground {
	background: white url(/img/playaway-top.png) no-repeat top;
	padding-top: 25px;
	width: 100px;
}

IMG.audio {
	border: 1px solid black;
}

IMG.playaway {
	border: none;
	width: 100px;
	height: 109px;
}

/*
	THESE ARE PRODUCT LIST STYLES
*/
TD.page {
	background-image: url("/img/page.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	width: 21px;
	height: 23px;
}

A.titleLink {
	font-weight: bold;
}

.artistName {
	font-weight: bold;
}

/*
	THESE STYLES ARE USED THROUGHOUT THE SITE
*/

TH.leftAligned {
	border-bottom: 1px solid black
}

.leftAligned {
	text-align: left;
	padding-left: 0.5em;
	padding-right: 1em;
}

TH.rightAligned {
	border-bottom: 1px solid black
}

.rightAligned {
	text-align: right;
	padding-right: 0.5em;
	padding-left: 1em;
}

TH.centered {
	border-bottom: 1px solid black
}

.centered {
	text-align: center;
	padding-right: 0.5em;
	padding-left: 0.5em;
}

.formLabel {
	text-align: right;
	margin-right: 0.5em;
	font-style: italic;
}

.fieldCaption {
	text-align: left;
	font-style: italic;
}

.errorText, .error {
	color: maroon;
}

.orange {
	color: #f27d00;
}

.mwtPhone {
	font-weight: bold;
}

.circWarning {
	color: white;
	background-color: maroon;
}

SPAN.branchPair {
	float: left;
	text-align: right;
	white-space: nowrap;
}

INPUT.branchQty {
	text-align: right;
	width: 2em;
}

/*
	COMMON TABLE STYLES - SETTINGS LISTS
*/

TR.selector:hover {
	background-color: rgb(49, 117, 216);
}

TR.selector:hover * {
	color: white;
}

TR.selectorAlternate {
	background-color: rgb(232, 232, 232);
}

TR.selectorAlternate:hover {
	background-color: rgb(49, 117, 216);
}

TR.selectorAlternate:hover * {
	color: white;
}

TR.alternate {
	background-color: rgb(232, 232, 232);
}

SPAN.message {
	white-space: nowrap;
}

/* BLUE AND YELLOW */
/*
SPAN.rentalMessage {
	background-color: #FCD715;
	color: #6884AB;
	padding: 0 3px 0 3px;
}

SPAN.retailMessage {
	background-color: #6884AB;
	color: #FCD715;
	padding: 0 3px 0 3px;
}
*/
/* BLACK AND WHITE */

SPAN.retailMessage {
	border: 1px solid black;
	background-color: white;
	color: black;
	padding: 0 3px 0 3px;
}

SPAN.rentalMessage {
	border: 1px solid black;
	background-color: black;
	color: white;
	padding: 0 3px 0 3px;
}

/* BEHAVIORAL CLASS STYLES */

.clear {
	clear: both;
}

.loading-dialog-content table {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
}

.loading-dialog-content table tr td {
	text-align: center;
}

.loading-dialog .ui-dialog-titlebar {
	display: none;
	padding: 0;
}