/* ---[ showComponents ]------------------------------- */
div{
		margin; 0 -1px 0 -1px;
}

a.showComponentsLink {
	background: #FFFF99;
	padding: 4px;
	color: #700000;
	text-decoration: none;
	font-weight: bold;
}

div.outline{
    /*border: #818181 dotted 1px;*/
    margin-top: 5px;
}

div.webComponentToolbar{
    background: url(/images/pagepilot/componentToolbar/componentToolbar.gif) top left no-repeat; 
    background: #F0EFEF;
    border-bottom: #E3DFDF solid 1px;
    width:  98%; 
    height: 47px; 
    padding: 5px 5px 5px 5px;
    margin: 5px 0 5px 0;
    color: #999;
    font-family: Arial;
    font-size: 11px;
    clear: left; 
}

div.webComponentToolbarButtons{
  padding: 5px 5px 5px 0;
}

div#addComponent{
    width: 92%;
    background: #F0EFEF;
    margin: 5px 5px 5px 5px;
    padding: 5px 5px 5px 5px;
    border: solid 1px #E3DFDF;
}

/* ---[ Easy float clearing ]------------------------------- */

div.outline:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

div.outline{display: inline-table;}

/* Hides from IE-mac \*/
* html div.outline {height: 1%;}
div.outline {display: block;}
/* End hide from IE-mac */