body{
		font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;	/* Font to use */
		font-size:0.7em;
		margin:0px;
		padding:0px;
		height:100%;
		width:100%;
		text-align:center;
	}
	input{
		font-size:10px;
	}
	#mainContainer{
		width:100%;
		height:100%;		
		margin:0 auto;
		text-align:left;
		padding-bottom:30px;
	}
	floatingBoxParentContainer {
		width:100%;
		height:100%;		
		margin:0 auto;
		text-align:left;
		padding-bottom:30px;
	}
	#headernews{	/* Header at the top of the demo */
	display:block;
	}	/* Logo image */
	#header img{
		float:left;
	}
	
	.dragableBox{	/* The RSS box */
 		background-color:#FFF;
		margin:5px;
		border-top:1px solid #D3D3D3;	/* "Shadow "*/
		border-left:1px solid #D3D3D3;	/* "Shadow "*/
		border-right:1px solid #D3D3D3;	/* "Shadow "*/
		border-bottom:2px solid #D3D3D3;	/* "Shadow " */
	}
	/* A div inside the rss box - with a blue border */
	.dragableBoxInner{
		border:1px solid #82A407;
	}
	.dragableBoxHeader{	/* Header inside RSS box */
		background-color:#DCF4C2;
		height:20px;
		font-weight:bold;
		color: #82A407;
	}
	.dragableBoxHeader span{	/* Text inside header of RSS box */
		line-heigth:20px;
	}
	.dragableBoxHeader img,.dragableBoxHeader span{	/* Text and reload image inside RSS box */
		float:left;
	}
	.boxItemHeader{	/* Title of items inside dragable boxes */
		font-weight:bold;
		margin:0px;
		color:#000;
		text-decoration:none;
		z-index:24;
	    position:relative; 
		}	
	.boxItemHeader:hover{	/* Title of items inside dragable boxes - mouseover*/
		font-weight:bold;
		margin:0px;
		z-index:25;
		color:#F00;
		text-decoration:none;
}
	a.boxItemHeader span{display: none}
	
	a.boxItemHeader:hover span{ 
		/*le contenu de la balise span ne 
		sera visible que pour l'état a:hover */
		display:block; 
		position:absolute;
		width:271px;
		padding:10px;
		margin:0 10px 0 10px;
		border:1px solid #A5C452;
		background-color:#fff; 
		color:#000;
		text-align: justify;
		font-weight:normal;
	}

	.dragableBoxHeader input{	/* text inputs that gets visible when you click on the "edit" link at the top of a rss box */
		font-size:10px;	
	}
	
	.rssNumberOfItems{	/* Number of RSS items in header - the one inside parantheses */
		color:#F00;
	}
	.dragableBoxContent{	/* DIV holding data inside dragable boxes */
		padding:3px;
		clear:both;
	}
	#rectangleDiv{	/* Dotted rectangle indicating where objects will be dropped */
		border:1px dotted red;
		margin:5px;
	}
	
	.closeButton{	/* Close button */
		padding:2px;
		border:1px solid #82A407;
		line-height:9px;
		height:9px;
		margin:2px;
		color:#82A407;
		padding:2px;
		padding-bottom:3px;
	}
	.closeButton_over{	/* Close button - mouse over */
		padding:2px;
		border:1px solid #82A407;
		line-height:9px;
		padding:2px;
		padding-bottom:3px;
		margin:2px;	
		background-color:#82A407;
		color:#FFF;
	}
	.dragableBoxStatusBar{	/* Status bar at the bottom of rss boxes */
		height:2px;
		background-color:#DCF4C2;
		padding:2px;
	}
	.dragableBoxEditLink{	/* Edit link on top of a box */
		color:#82A407;
		text-decoration:none;
		padding:1px;
	}
	.dragableBoxEditLink:hover{	/* Edit link - mouse over */
		color:red;
		text-decoration:underline;
	}
	form{	/* No borders in forms */
		display:inline;
		padding:0px;
	}
	#addNewFeed{	/* The white box at the top right corner where you can add a new RSS feed */
		float:left;
		width:100%;
		background-color:#FFF;
		border:2px solid #82A407;
		padding:2px;
		margin-top:5px;
	}
	
	img{
		border:0px;
		}