body{

		font-family:  Segoe UI, Tahoma, Arial, Verdana, Lucida Sans Unicode, Arial, sans-serif;	/* Font to use */

		background-color:#b7d5ba;

		font-size:.7em;
		


		margin:0px;

		padding:0px;

		height:100%;

		width:100%;

		text-align:left;

		background-color:#b7d5ba;
		

		

	}

	input{

		font-size:10pt;

	}

	#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/bg_heading.gif');

		background-repeat:repeat-x;

		height:99px;		

	}	/* Logo image */

	#header img{

		float:left;

	}

	

	

	.dragableBox{	/* The RSS box */

		

		background-color:#ffffff;

		margin:5px;

		border-right:0px solid #a3a3a5;	/* "Shadow "*/

		border-bottom:0px solid #a3a3a5;	/* "Shadow " */

	}

	/* A div inside the rss box - with a blue border */

	.dragableBoxInner{

		border:1px solid #72a578;

	}

	.dragableBoxHeader{	/* Header inside RSS box */

		height:20px;

		font-weight:bold;

		color: #000000;

		background-color:#c8decb;

	}

	.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 */



		margin:0px;

		color:#000;

		text-decoration:none;

		overflow:hidden;

	}	

	.boxItemHeader:hover{	/* Title of items inside dragable boxes - mouseover*/



		margin:0px;

		color:#333333;

		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:#c8decb;

	}

	.dragableBoxContent{	/* DIV holding data inside dragable boxes */

		padding:3px;

		clear:both;

	}

	#rectangleDiv{	/* Dotted rectangle indicating where objects will be dropped */

		border:1px dotted #72a578;

		margin:5px;

	}

	

	.closeButton{	/* Close button */

		padding:0px;

		border:0px solid #000000;

		line-height:9px;

		height:9px;

		margin:2px;

		color:#000000;

		padding:0px;

		padding-bottom:3px;

	}

	.closeButton_over{	/* Close button - mouse over */

		padding:0px;

		border:0px solid #000000;

		line-height:9px;

		padding:0px;

		padding-bottom:3px;

		margin:2px;	

		background-color:#dbdbdb;

		color:#000000;

	}

	.dragableBoxStatusBar{	/* Status bar at the bottom of rss boxes */

		border-top:0px double #317082;

		height:0px;

		background-color:#E2EBED;

		padding:0px;

	}

	

	.dragableBoxEditLink{	/* Edit link on top of a box */

		color:#000000;

		text-decoration:none;

		padding-top:1px;

	}

	.dragableBoxEditLink:hover{	/* Edit link - mouse over */

		color:#404040;

		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-color:#FFF;

		border:2px solid #317082;

		padding:2px;

		margin-right:2px;

		margin-top:2px;

	}

	

	img{

		border:0px;

		}