input{
		font-size:10px;
		border: 2px solid #CCC;
		padding: 2px;
		margin: 2px;
		}
	
#mainContainer{
		width:100%;
		margin:0 auto -30px auto;
		text-align:left;
		height:100%;		
		background: url(../images/back-boxes.gif) repeat-x;
		*background-position: 0 45px;
		padding-bottom: 20px;
		}

.dragableBox{	/* The RSS box */
		position:relative;
		background-color:#FFF;
		margin:5px;
		padding: 0 0 0 7px;
		background: url(../images/box.png) top left;
  	}
	/* A div inside the rss box - with a blue border */
	.dragableBoxInner{
		padding: 0;

		}
		
.dragableBoxHeader{	/* Header inside RSS box */
  	padding-top: 8px;
		background: url(../images/box.png) top right ;
		height:25px;
		font-weight:normal;
		text-transform: uppercase;
		color: #000;
		font-size: 0.9em;
		
  	}

.dragableBoxHeader span{	/* Text inside header of RSS box */
  	}

.dragableBoxHeader img,.dragableBoxHeader span{	/* Text and reload image inside RSS box */
		float:left;
	  }
	  
.boxItemHeader{	/* Title of items inside dragable boxes */
		font-weight:normal;
		margin:0 0 2px 0;
		text-decoration:none;
		overflow:hidden;
	  }	
	
.boxItemHeader:hover{	/* Title of items inside dragable boxes - mouseover*/
		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:#666;
		font-weight: normal;
	 }

	.dragableBox  iframe {	/* The RSS box */
width: 99%;
_width: 94%;
_margin: 0;
_padding: 1px;
_overflow-X: none;
  	}
	 
.dragableBoxContent{	/* DIV holding data inside dragable boxes */
		padding:1px;
		_padding: 0;
		clear:both;
		background: url(../images/box.png)  right;
		padding-bottom: 10px;
		font-size: 11px;
		font-family: arial, sans-serif;
		line-height: 16px;
  	}

.dragableBoxContent a{	/* DIV holding data inside dragable boxes */
		color: #333;
		font-size: 11px;
  	}
  	
.dragableBoxContent a:hover{	/* DIV holding data inside dragable boxes */
		color: #C00;
 		font-size: 11px;
 	}

  	
#rectangleDiv{	/* Dotted rectangle indicating where objects will be dropped */
		border:1px dotted red;
		margin:5px;
		background-color: #eaeaea;
	 }
	
.closeButton{	/* Close button */
		line-height:9px;
		height:9px;
		color:#333;
		padding:2px;
		margin-right: 6px;
		}
		
.closeButton_over{	/* Close button - mouse over */
		padding:2px;
		line-height:9px;
		color:#FFF;
		background-color: #C00;
		margin-right: 6px;
		}
	

.dragableBoxStatusBar{	/* Status bar at the bottom of rss boxes */
		position: absolute;
		bottom: 10px;
		right: 10px;
		display: none;
		}

.boxBottom {
		height: 10px;
		background: url(../images/box.png) bottom right;	
	  background-repeat: no-repeat;
	  _margin: 0 0 0 -7px;
    }

.boxBottom h5 {	/* Status bar at the bottom of rss boxes */
		height: 10px;
		width: 10px;
		margin-left: -7px;
		margin-top: -10px;
		*margin-top: 0px;
		_margin:0;
		background: url(../images/box.png) bottom left;	
		} 

.dragableBoxEditLink{	/* Edit link on top of a box */
		color:#333;
		text-decoration:none;
		padding-top:1px;
	  }

.dragableBoxEditLink:hover{	/* Edit link - mouse over */
		color:#333;
		text-decoration:underline;
	  }
	  
#mainContainer form{	/* No borders in forms */
		padding: 10px 10px 5px 0;
		border-bottom: 1px solid #CCC;
	  }
	
#addNewFeed{	/* The white box at the top right corner where you can add a new RSS feed */
		background: #FCE156 url('images/top-back.jpg') repeat-x;
		background-position: bottom;
		color:#FFF;
		height: 100px;
		display: block;
	}
	
	#addNewFeed h4{	/* The white box at the top right corner where you can add a new RSS feed */
		padding: 0;
		margin: 0;
		}




#addNewFeed ul{	
		width: 120px;
		padding: 0 10px;
		float: left;
		}

#addNewFeed li{	
		list-style: none;
		padding: 1px;
		}
#addNewFeed li a{	
		text-decoration: none;
		color: #FFF;
		font-size: 0.8em;
		}	
#addNewFeed li a:hover{	
		text-decoration: none;
		color: #FFF;
		}	
	#addNewFeed li img {	
		vertical-align: bottom;
		}	
		#addNewFeed h4 {	
		margin-bottom: 10px;
		}	
	img{
		border:0px;
		}


.favicon {
	background-color: #FFF;
		width:16px; 
		height: 16px; 
		border:1px solid #666;
		margin: -2px 5px 0 0;
			}