/* ----- Playing card Template Styles -----  */
#Content.PlayingCards.Begin {
	text-align:left;
}

.PlayingCards {
	text-align:center;
}

/** Pages selection **/
#SetPages h3 {
	text-indent:-100em;
	overflow:hidden;
	background:url(images/calendars/select_pages.png);
	width:461px;
	height:28px;
	margin:40px auto 20px;
}

.CardContent {
	border:#555 1px solid;
	height:300px;
	width: 216px;
	margin:0 auto 0;
	padding:0px;
	text-align: center;
}

.MissingPhoto .CardContent {
	border:2px solid #f00;
	background:#fdd;
}

.MissingPhoto .CardContent .Month {
	color:#f00;
}


.CardContent .Title {
	padding:0; margin:0;
	font-size:120%;
	font-weight:bold;
}

.CardContent .Image {
	width:216px;
	height:300px;
	margin-bottom:4px;
	background:url(images/playing_cards/drag_target.png);
}


#CalendarCarousel {
	display:block;
	position:relative;
	width:650px;
	height:320px;
	margin-left:15px;
	padding:0 10px;
}

#CalendarCarousel .jcarousel-clip {
	height:330px;
	width:670px;
}

#CalendarCarousel .jcarousel-next-horizontal {
	top:150px;
	right:-10px;
}

#CalendarCarousel .jcarousel-prev-horizontal {
	position:absolute;
	left:-20px;
	top:150px;
}

#CalendarCarousel ul {
	height:320px;
	width:570px;
}


.CardContentProof {
	width:205px;
}

.CardContentProof .Image { background:#fff; }

.CardContentProof img {
	border:1px solid #000;
	padding:2px;
	width:200px;
	height:155px;
}


.CardContentProof .Date { 
	width:200px;
	text-align:center;
	margin:0;
	padding:2px;
}


div.CalendarOptions {
	top:0px;
}

.CalendarOptions table.Layout {
	width:80%;
	margin:0 auto;
}

.CalendarOptions table.Layout td {
	vertical-align:top;
	text-align:left;
	padding:20px;
}



/*
 *
 * Order Complete Styles ---------------------------------------------------
 *
 */

.CalendarComplete {
	padding:200px 0 50px;
	margin-top:20px;
	background:url(images/calendars/complete.jpg) top center no-repeat;
	font-size:15px;
	position:relative;
	height:291px;
}

.CalendarComplete h2 { display:none }
.CalendarComplete h3 { display:none; }

.CalendarComplete a {
	border:none;
	display:block;
	position:absolute;
	left:413px;
	width:242px;
	height:35px;
}

.CalendarComplete a#CreateAnother { top:184px; }
.CalendarComplete a#Checkout { top:231px; }

.CalendarComplete a span { display:none; }

.Finalize.Loading {
	background:url(images/highslide/loader.white.gif) center left no-repeat;
	padding-left:20px;
}

table.CalendarProof {
	border-collapse:collapse;
}

table.CalendarProof tr.Info     { background:#ddd; }
table.CalendarProof tr.Quantity { background:#eee; }
table.CalendarProof tr.Cover    { background:#ddd; }
table.CalendarProof tr.Pages    { background:#eee; }

table.CalendarProof {
	width:90%;
	margin:0 auto;
}

table.CalendarProof a.Change {
	font-size:10px;
	font-weight:normal;
	color:#00f;
}

table.CalendarProof td {
	padding:20px 0;
	text-align:left;
}

table.CalendarProof th {
	width:10em;
	margin:0;
	text-align:right;
	font-size:120%;
	padding:20px 20px 20px 10px;
}

.ProofStep #Deck { clear:both; }
#Deck .Image img
{
	height: 200px;
}
#Canvas
{
	border: none;
}

.PlayingCards.Setup img {
	cursor:pointer;	
}

.PlayingCards.Setup li, 
.PlayingCards.Setup ul {
	padding:0;
	margin:0;
	list-style-type:none;
}

.PlayingCards .CardBack {
	width:216px;
	height:299px;
	padding:0;
	margin:0 auto;
	position:relative;
}

.PlayingCards .CardBack .Loading {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url(images/status/loading.gif) center no-repeat #fff;
	z-index:1000;
}


.PlayingCards .CardBack .Image {
	width:216px;
	height:299px;
	padding:0;
	margin:0 auto;
	position:relative;
}

.PlayingCards .CardBack #DropTarget,
.PlayingCards .CardBack #DropMask {
	padding:0;
	margin:0 auto;
	position:absolute;
	top:0; left:0;
	width:216px;
	height:299px;
}

.PlayingCards .CardBack #DropTarget {
	background:url(images/playing_cards/drag_target.png) center no-repeat;
}

.PlayingCards .CardBack #DropMask {
	background:url(images/playing_cards/drag_mask.png) center no-repeat;
}

.PlayingCards .CardBack .Mask {
	margin:0; padding:0;
	position:absolute;
	top:0; left:0;
}
.PlayingCards .CardBack .Mask.Round {
	width:221px;
	height:301px;
	background:url(images/playing_cards/mask.png) center no-repeat;
}

.PlayingCards.SetBox table {
	margin:0 auto;
	border-collapse:collapse;
}

.PlayingCards.SetBox table td {
	text-align:center;
	padding:10px;
}

.PlayingCards.SetBox table td.Selected {
	background:#aa4;
}

.PlayingCards.SetBox table img {
	border:1px solid #000;
	cursor:pointer;
}

.PlayingCards.SetTheme table {
	margin:0 auto;
	border-collapse:collapse;
}

.PlayingCards.SetTheme table td {
	text-align:center;
	padding:10px;
}

.PlayingCards.SetTheme table td.Selected {
	background:#aa4;
}

.PlayingCards.SetTheme table img {
	border:1px solid #000;
	cursor:pointer;
}