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

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

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

.box .body.lines
{
	background-image: url(../../img/default/bg_lines.gif);
	background-repeat: repeat;	
}

.box .body.grey,
.box .body.white { background-image: none; }

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

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


/* Form body/footer separator ***************/

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





/* Colored add-ons to the regular box *******/

.box.blue
{ 
	border: solid 1px #000050;
}
.box.blue .body
{
	border: solid 1px #0c63b6;
	color: white;
	background: #004194;
}

.box.brown
{ 
	border: solid 1px #522900;
}
.box.brown .body
{
	border: solid 1px #a35200;
	color: white;
	background: #773300;
}

.box.green
{ 
	border: solid 1px #5e6a00;
}
.box.green .body
{
	border: solid 1px #c4d03c;
	color: white;
	background: #a2ae1a;
}

.box.red
{ 
	border: solid 1px #400000;
}
.box.red .body
{
	border: solid 1px #bf0000;
	color: white;
	background: #950000;
}

.box.yellow
{ 
	border: solid 1px #8a6701;
}
.box.yellow .body
{
	border: solid 1px #ffce3c;
	color: white;
	background: #dfac13;
}


/* Misc. boxes ******************************/

.box.documentation
{
	float: right;
}

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


.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;
}