/* Basic styles for the front and back of the widget */
#mainView{
	display: block;
	width: 1000px;
	height: 120px;
	background: transparent;
}
#mainEditableContent{
	position: absolute;
	height: 100px;
	width: 1000px;
	/*
	background: white;
	top: 40px;
	left: 10px;
	*/	
}
/* common settings for all elements belonging to the button class */
.button:hover{
	background-position: 0 50%;
}
.button:active{
	background-position: 0 300%;
}



/*#configView{
	display: none;
	width: 200px;
	height: 300px;
	background: transparent url(img/200_300_milk.png) 0px 0px no-repeat;
}*/
/* Style and positioning of the main and config views. This relates to the part of the widget that contains the UI for the widget */

/*#configEditableContent{
	position: absolute;
	top: 35px;
	left: 22px;
	background: transparent;
	height: 235px;
	width: 165px;	
}*/

/* The buttons on the top left of the widget */
/*.reloadButton{
	position: absolute;
	top: 23px;
	right: 50px;
	width: 15px;
	height: 15px;
	background: transparent url(img/reloadButton15px.png)  no-repeat;
}
.configButton{
	position: absolute;
	top: 23px;
	right: 35px;
	width: 15px;
	height: 15px;
	background: transparent url(img/configButton15px.png) no-repeat;
}
.closeButton{
	position: absolute;
	top: 23px;
	right: 20px;
	width: 15px;
	height: 15px;
	background: transparent url(closeButton15px.png) no-repeat;
}
*/