/*############################ Common ############################*/

.frame 
{
	margin:50px auto 200px auto;
    overflow:hidden;
}
.frame h3 
{
	color:#808080;
}

/*############################ View ############################*/

.frame.view > * > table
{
	width:100%;
}
.frame.view
{
	width:600px;
}
.frame.view > *
{
	margin:25px 30px;
}
.frame.view table
{
	margin-top:5px; 
}
.frame.view td
{
	padding:3px 0px;
}
.frame.view td.desc 
{
	color:#909090;
	padding-right:5px;
}

.frame.view td.val
{
        max-width: 250px;
}


.frame.view div.list
{
    padding-top: 5px;
}

.frame.view div.val
{
    overflow: hidden; 
    text-overflow: ellipsis; 
    white-space:nowrap;
    color: #909090;
    font-size: 80%;
}

/*############################ Input ############################*/

.frame.input
{
	width:400px;
}
.frame.input form 
{
	margin:25px 30px 15px 30px; 
}
.frame.input table
{
	margin-top:15px;
	width:100%;
} 
.frame.input table td.desc
{
	padding-bottom:3px; 
}
.frame.input table input[type=button], .frame.input .button 
{
	background-color:#fafafa;
	color:#808080;
	font-size:1.1em;
}
.frame.input table input[type=text], .frame.input .text 
{
	width:220px; 
}
.frame.input div.spacer 
{
	height:15px; 
}



/* Color */

.s-color-lightgrey {
	color:#b0b0b0;
}
.s-color-grey {
	color:#808080;
}
.s-color-red {
	color:#a00000;
}
.s-color-green {
	color:#00a000;
}

/* Background Color */

.s-bgc-lightred
{
	background-color:#ffeae0;
}
.s-bgc-lightgray
{
	background-color:#fafafa;
}