/* Moon Phase Widget CSS by Jon Wiley */

.front, .back, .border, #sun, #moon, #moonb, #shadow, #shadowb, .bevel {
	height: 125px;
	width: 125px;
	background-position: center center;
	background-repeat: no-repeat;
}

#moon-container {
	position:absolute;
	width:200px;
	height:200px;
	top:350px;
	left:0px;
	z-index:0;
}

#sun-container {
	position:absolute;
	width:200px;
	height:200px;
	top:220px;
	left:0px;
	z-index:0;
}

.front, .back {
	position:relative;
	top:0px;
	left:0px;
}

#moon-container .front, #sun-container .front, #moon-container .back {
	position:absolute;
	top:0px;
	left:0px;
	cursor:pointer;
}

div.mooninfo, div.suninfo {
	width:815px;
	position:absolute;
	bottom:12px;
	left:135px;
	background-color:#fff;
	width:auto;
	font-size:12px;
	white-space:nowrap;
	padding:5px;
	background: url('../i/white50.png');
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i/white50.png',sizingMethod='scale');
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

div.suninfo select {
	font-size:12px;
}

.back {
	display:none;
}

.bevel, .border  {
	position: absolute;
}

.bevel {
	/*background-image: url(images/moonphase/bevel.png);*/
	z-index: 100;
}

.border {
	/*background-image: url(images/moonphase/border.png);*/
}

#shadow, #shadowb {
	background-image: none;
	padding-top: 0px;
	padding-left: 0px;
}

#sun  {
	background-image: url(images/sun/sun6.png) !important;
	background-image: url(images/sun/sun5.gif);
}

#moon  {
	background-image: url(images/moonphase/moon3.png) !important;
	background-image: url(images/moonphase/moon3.gif);
}

#moonb  {
	background-image: url(images/moonphase/moonb3.png) !important;
	background-image: url(images/moonphase/moonb3.gif);
}