* {
	padding: 0;
	margin: 0;
	outline: none;
	font-family: arial,helvetica,sans-serif;
	font-size: 12px;
}

a img {
	border: none;
}

form#start_month {
	text-align: center;
}

p.js_warning {
	font-size: 14px;
	color: red;
}

ul#months {
	width: 800px;
	margin: 0 auto;
}

html > body ul#months {
	width: 800px;
}

div#collection_chooser {
	margin-bottom: 10px;
	text-align: center;
}

div#collection_chooser p {
	margin-bottom: 5px;
	font-size: 16px;
}

ul#months li {
	width: 180px;
	float:left;
	margin: 10px;
	list-style: none;
	cursor: pointer;
} 

ul#months li img{
	width: 180px;
	height: 134px;
	border: 1px solid #CECECE;
}


ul#months li p{
	width: 180px;
	text-align: center;
}

.month_over {
	color: #62B2EC;
}

/* Pop Up CSS*/


#popupContact{  
	display:block;  
	display:none;  
	position:fixed;  
	_position:absolute; /* hack for internet explorer 6*/  
	height: 745px;  
	width:860px;  
	background:#FFFFFF;  
	border:2px solid #cecece;  
	z-index:2;  
	padding: 10px 0 10px 10px;  
	font-size:13px;
	overflow: hidden;
}  

#popupContact h1{  
	text-align:left;  
	color:#6FA5FD;  
	font-size:22px;  
	font-weight:700;  
	border-bottom:1px dotted #D3D3D3;  
	padding-bottom:2px;  
	margin-bottom:20px;  
}  

#popupContactClose{  
	font-size:14px;  
	line-height:14px;  
	right:6px;  
	top:4px;  
	position:absolute;  
	color:#6fa5fd;  
	font-weight:700;  
	display:block; 
	cursor: pointer;
}

#month {
	font-size:24px;  
	font-weight:normal;
	padding: 10px 0 0 620px;        /* ===== Position of the Month in the Pop-up ====== */
}

.caption{
	color:#888;
	width:200px;
	display: block;
	position: absolute;
	top: 60px;
	left: 630px;                  /* ===== Position of the Caption in the Pop-up ====== */
}

#choose {
	position: absolute;
	left: 630px;                 /* ===== Position of the Choose Image Button in the Pop-up ====== */
	top: 410px;
	cursor: pointer;
}

form {
	clear: left;
	padding-top: 20px;
	text-align: center;
}

/* Galleria CSS
======================================================== */

.galleria{
	list-style:none;
	margin: 10px 10px 10px 0;
	/*height: 195px; */
	height: 290px;
	overflow: scroll;
	clear: left;
}

.galleria li{display:block;width:109px;height:82px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{
	border: 1px solid #CECECE;
	/*margin-left: -14px;*/
	cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */

#main_image{
	border: 1px solid #CECECE;
	margin-bottom: 10px;
	height:447px;
	width:600px;
	float: left;
	overflow: hidden;
}

