/* ================================
    CSS CUSTOM STYLES CALWAY
   ================================
*/   

.NiceTable
{
	width: 100%; clear: none;
	border: 1px solid #ddd;
	margin-bottom: 1em;
                font-size: 10pt;
                vertical-align: top;
}

.NiceTable thead
{
	background-color: #9ea5c0;
	border-bottom: 1px solid #ddd;
	text-align: left;
}

.NiceTable th
{
	padding-left: 4px; padding-right: 4px;
}

.NiceTable td
{
	margin: 0;
	padding: 1px 4px;
}

.NiceTable tr.alternate 
{
	background-color: #f6f6f6;
}

.NiceTable tr.section td 
{ 
	border-top: 2px solid #ddd;
}

.NiceTable td.number,
.NiceTable th.number
{
	text-align: right;
}

.NiceTable tfoot
{
	font-weight: bold;
	font-size: 0.8em;
	line-height: 1.2em;
	color: #999;
}

.run-in
{
	float: right;
	width: 250px;
/*	font-size: 80%; */
	margin-left: 1em;
	background-color: #f6f6f6;
	border: 1px solid #ddd;
	padding: 1em;
	padding-bottom: 0;
}
.run-in.center { float: none; margin-left: auto; margin-right: auto; }
.run-in.left { float: left; margin-left: 0; margin-right: 2.5em; }
.run-in h3 { margin-top: 0; margin-left: 0; }
.run-in p { margin: 0; padding: 0; }

img.screenshot 
{
	margin-left: auto; margin-right: auto;
	padding: 5px; border: 1px solid #ddd;
}

/* Set some basic defaults for images. */ 
img.base {
	/* Making the image a block level element will make sure that it doesn't appear somewhere
		halfway in a line, with the line aligned at it's bottom, when placed inline in a text. */ 
	display: block;
	/* This way we can loose the border="0" on each IMG-tag. */ 
	border: 0;
}