body {
		font-family: verdana,helvetica,arial,sans-serif;	/* Font to use */
		/*background-color: #e8ebf0;*/
		font-size: 0.7em;
		margin: 0px;
		padding: 0px;
		height: 100%;
		width: 100%;
		text-align: center;
		/*overflow-y: scroll;*/
		/*background: #5f5f5f;*/
		/*background: #336699;*/
		background: #f2f2f2;
	}

	input {
		font-size: 10px;
	}

	#mainContainer {
		width: 100%;
		margin: 0 auto;
		text-align: left;
		height: 100%;		
		padding-bottom: 30px;
	}
	
	#header {	/* Header at the top of the demo */
		/*background-image:url('../images/logo_mpl_rss2.jpg');*/
		/*background-repeat: repeat-x;*/
		height: 108px;		
	}

	/* Logo image */
	#header img {
		float: left;
	}
	
	.dragableBox {	/* The RSS box */
		
		background: #7385a3;
		margin: 5px;
		border-right: 2px solid #AAA;	/* "Shadow "*/
		border-bottom: 2px solid #AAA;	/* "Shadow " */
	}

	/* A div inside the rss box - with a blue border */
	.dragableBoxInner {
		border: 1px solid #e8ebf0;
	}

	.dragableBoxHeader {	/* Header inside RSS box */
		/*background-color: #E2EBED;*/
		background: #4b5676;
		color: #fff;
		height: 20px;
		font-weight: bold;
	}

	.dragableBoxHeader span {	/* Text inside header of RSS box */
		line-height: 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: #fff;
		text-decoration: none;
		overflow: hidden;
		float: left;
	}	

	.boxItemHeader:hover {	/* Title of items inside dragable boxes - mouseover*/
		font-weight: bold;
		margin: 0px;
		color: #ffcc00;
		text-decoration: underline;
	}

	.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: #ffcc00;
	}

	.dragableBoxContent {	/* DIV holding data inside dragable boxes */
		padding: 3px;
		clear: both;
		text-align: left;
	}

	#rectangleDiv {	/* Dotted rectangle indicating where objects will be dropped */
		border:1px dotted red;
		margin:5px;
	}
	
	.closeButton {	/* Close button */
		padding: 2px;
		border: 1px solid #ffcc00;
		line-height: 9px;
		height: 9px;
		margin: 2px;
		color: #ffcc00;
		padding: 2px;
		padding-bottom:3px;
	}

	.closeButton_over {	/* Close button - mouse over */
		padding: 2px;
		border: 1px solid #ffcc00;
		line-height: 9px;
		padding: 2px;
		padding-bottom: 3px;
		margin: 2px;	
		background: #ffcc00;
		color: #FFF;
	}

	.dragableBoxStatusBar {	/* Status bar at the bottom of rss boxes */
		border-top: 3px double #e8ebf0;
		height: 14px;
		background: #dbdbdb;
		padding: 2px;
	}
	
	.dragableBoxEditLink {	/* Edit link on top of a box */
		color: #ffcc00;;
		text-decoration: none;
		padding-top: 1px;
	}

	.dragableBoxEditLink:hover {	/* Edit link - mouse over */
		color: #ffcc00;;
		text-decoration: underline;
	}

	form {	/* No borders in forms */
		display: inline;
	}

	#addNewFeed {	/* The white box at the top right corner where you can add a new RSS feed */
		float: right;
		width: 300px;
		background: #FFF;
		border: 2px solid #e8ebf0;
		padding: 2px;
		margin-right: 2px;
		margin-top: 2px;
	}
#publications {	/* The white box at the top right corner where you can add a new RSS feed */
		float: right;
		width: 200px;
		height: 100px;
		background: #FFF;
		border: 2px solid #e8ebf0;
		padding: 2px;
		margin-right: 2px;
		margin-top: 2px;
	}

	#whichSection {
		width: 100%;
		margin-left: auto;
		margin-right: auto;	
	}

	img {
		border: 0px;
		}
	
	#footer {	/* Footer at the bottom of the demo */
		/*background-repeat: repeat-x;*/
		height: 108px;		
	}
	/* Logo image */
	#footer img {
		/*float: left;*/
	}