/* Regular box ******************************/

.box
{
	border: solid 1px #bbbbbb;
	background-color: white;
}

.box .body 
{
	padding: 5px;
	border: solid 1px white;
	background-image: url(../../img/default/bg_box.jpg);
	background-repeat: repeat-x;	
}

.box .body .footer
{
	margin-top: 10px;
	border-top: solid 1px #bbbbbb;
	padding-top: 7px;
}


/* Styled boxes *****************************/

.box .body.grey,
.box .body.white { background-image: none; }
.box .body.grey { background-color: #f5f5f5; }
.box .body.white { background-color: #ffffff; }

.box.green
{
	border: solid 1px #66cc66;
	background-color: white;
}
.box.green .body { background: #ddffdd; }

.box.red
{
	border: solid 1px #cc6666;
	background-color: white;
}
.box.red .body { background: #ffdddd; }


/* Code box *********************************/

.box.small, .box .body code { font-size: 12px; }


/* Documentation box ************************/

.box.documentation { float: right; }
.box.documentation .body
{
	padding: 3px;
	font-size: 11px;
}


/* Control property change box **************/

.box.properties
{
	float: right;
	border-top: none;
	margin-right: 5px;
}

.box.properties .body { text-align: right; }

.box.properties .body,
.box.properties .body div { font-size: 11px; }

.box.properties .body div { margin-bottom: 5px; }