/* ----- Calendar Template Styles -----  */
#Content.Calendars.Begin {
	text-align:left;
}
.Calendars {
	text-align:center;
}

#CalendarNav {
	text-align:center;
}

.Calendars h3 {
}

/** Setup **/
.Calendars .StartMonth h3 {
	text-indent:-100em;
	overflow:hidden;
	background:url(images/calendars/starting_month.png);
	width:236px;
	height:30px;
	margin:20px auto 15px;
}

.Calendars .NumMonths h3 {
	text-indent:-100em;
	overflow:hidden;
	background:url(images/calendars/number_months.png);
	width:312px; 
	height:25px;
	margin:40px auto 20px;
}

/** Cover Selection **/
#CalendarCover {
	width:690px;
}

#CalendarCover .Image {
	border:1px solid #ddd;
	width:550px;
	margin:0 auto;
	height:425px;
	background:#fff;
}

.Calendars .ChooseCover {
	text-indent:-100em;
	overflow:hidden;
	background:url(images/calendars/choose_cover.png);
	width:307px; 
	height:31px;
	margin:40px auto 20px;
}

/** Pages selection **/

.CalendarPage {
	font-size:9px;
	border:#aaa 1px solid;
	width:180px;
	margin:0;
	padding:5px;
	cursor:pointer;
}

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

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

.CalendarPage .Top {
	border-bottom:1px solid #bbb;
	height:140px;
	padding:0; margin:0;
	
}

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

.CalendarPage .Top .Image {
	width:180px;
	height:136px;
	margin-bottom:4px;
	background:url("images/calendars/drag_target.png");
}



.CalendarPage .Bottom {
	background:url("images/calendars/bottom_small.png");
	width:180px; height:136px;
}

.CalendarPage .Bottom .Month {
	text-align:left;
	padding:6px 5px;
	margin:0 auto 0 0;
	font-size:12px;
	color:#fff;
	font-family:sans-serif;
	width:110px;
	text-align:center;
}



#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;
}


.CalendarPageProof {
	width:205px;
}

.CalendarPageProof .Image { background:#fff; }

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


.CalendarPageProof .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;
}

.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 #Pages { clear:both; }