body{
	font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
	font-size:0.7em;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-bottom:0px;
	height:100%;
	width:100%;
	text-align:center;
	background-color:#778899;
	top: 0px;
}
	input{
		font-size:10px;
	}

/* メイン */
#mainContainer{
	width:800px;
	text-align:left;
	height:100%;
	cursor:default;
	top: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-bottom:0px;
}

/* ヘッダー */
#header{
	background-color:#778899;
	background-repeat:no-repeat;
	height:233px;		
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom:0px;
}
#header h1 {
	margin: 0;
	background-color:#FFFFFF;
}
	#header2{	/* Header at the top of the demo */
		background-color:#778899;
		background-repeat:repeat-x;
/*		height:182px;*/
		height:151px;		
		margin-top: 0px;
		margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom:0px;/* 30px */
	}	/* Logo image */
	#footer{
		float: left;
		background-color:#778899;
		background-repeat:no-repeat;
		height:30px;		
		margin-top: 0px;
		margin-bottom: 0px;
		padding-top: 0px;
		padding-bottom:0px;/* 30px */
	}
	
	a.l1:link { color:#ffffff; text-decoration:none }
	a.l1:visited { color:#ffffff; text-decoration:none }
	a.l1:active { color:#ffffff; text-decoration:underline }
	a.l1:hover { color:#ffff00; text-decoration:underline}

	a.l2:link { color:#336699; text-decoration:none }
	a.l2:visited { color:#336699; text-decoration:none }
	a.l2:active { color:#336699; text-decoration:underline }
	a.l2:hover { color:#ff3300; text-decoration:underline}

	a.l3:link { color:#4040FF; text-decoration:none }
	a.l3:visited { color:#4040FF; text-decoration:none }
	a.l3:active { color:#4040FF; text-decoration:underline }
	a.l3:hover { color:#ff3300; text-decoration:underline}

	a.l4:link { color:#0066CC; text-decoration:none }
	a.l4:visited { color:#0066CC; text-decoration:none }
	a.l4:active { color:#0066CC; text-decoration:underline }
	a.l4:hover { color:#0066CC; text-decoration:underline}

	#floatingBoxParentContainer{
		margin-top: 0px;
		margin-right: auto;
		margin-bottom: 0px;
		margin-left: auto;
		padding-top: 0px;
		padding-bottom:0px;/* 30px */
	}

	
	.dragableBox{	/* The RSS box */
    	padding: 0px 0px;
		background-color:#FFE;
		margin:1px;
		border-left:1px solid #FFF;	/* "Shadow "*/
		border-top:1px solid #FFF;	/* "Shadow " */
	}
	/* A div inside the rss box - with a blue border */
	.dragableBoxInner{
/*		border:1px solid #317082;*/
		border:1px solid #ffffff;
	}
	.dragableBoxHeader{	/* Header inside RSS box */
		margin-top: 0px;
		margin-bottom: 0px;
/*		background-color:#E2EBED;*/
/*		background-color:#2f4f4f;*/
		background-color:#4682b4;
		height:20px;
		font-weight:bold;
/*		color: #317082;*/
		color: #ffffff;
		font-size:10px;
	}
	.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 */
		margin-top: 0px;
		margin-bottom: 0px;
		font-weight:bold;
		margin:0px;
		color:#000;
		text-decoration:none;
		overflow:hidden;
	}	
	.boxItemHeader:hover{	/* Title of items inside dragable boxes - mouseover*/
		margin-top: 0px;
		margin-bottom: 0px;
		font-weight:bold;
		margin:0px;
		color:#F00;
		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:#F00;
	}
	.dragableBoxContent{	/* DIV holding data inside dragable boxes */
		margin-top: 0px;
		margin-bottom: 0px;
		padding-top:2px;
		padding-bottom:2px;
		padding-left:10px;
		padding-right:0px;
		clear:both;
	}
	#rectangleDiv{	/* Dotted rectangle indicating where objects will be dropped */
		border:1px dotted blue;
/*		margin:5px;*/
		margin-top: 0px;
		margin-bottom: 0px;
	}
	
	.closeButton{	/* Close button */
		padding:2px;
/*		border:1px solid #317082;*/
		border:1px solid #ffffff;
		line-height:9px;
		height:9px;
		margin:2px;
/*		color:#317082;*/
		color:#ffffff;
		padding:2px;
		padding-bottom:3px;
	}
	.closeButton_over{	/* Close button - mouse over */
		padding:2px;
/*		border:1px solid #317082;*/
		border:1px solid #ffffff;
		line-height:9px;
		padding:2px;
		padding-bottom:3px;
		margin:2px;	
/*		background-color:#317082;*/
		background-color:#ffffff;
		color:#FFF;
	}
	.dragableBoxStatusBar{	/* Status bar at the bottom of rss boxes */
		border-top:3px double #317082;
		height:14px;
		background-color:#E2EBED;
		padding:2px;
	}
	
	.dragableBoxEditLink{	/* Edit link on top of a box */
/*		color:#317082;*/
		color:#ffffff;
		text-decoration:none;
		padding-top:1px;
	}
	.dragableBoxEditLink:hover{	/* Edit link - mouse over */
		color:blue;
		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:400px;
		background-color:#FFF;
		border:2px solid #317082;
		padding:2px;
		margin-right:2px;
		margin-top:2px;
	}
	
	img{
		border:0px;
		}