@import "html.css";

/* begin layout divs */
	#wrapper
	{
		/* placeholder in case you want to add width constraints later */
	}

	#header
	{
		background-image: url(../i/header-bg.jpg);
		background-repeat: repeat-x;
		background-position: top;
	}

	#status	/* status bar under header */
	{
		padding: 10px 20px 10px 20px;
		text-align: right;
		border-top: 1px solid #FFF;
		border-bottom: 1px solid #E4E4E4;
		background-image: url(../i/status-bg.jpg);
		background-repeat: repeat-x;
		background-position: top;
	}
	
		#status p
		{
			line-height: 0px;
		}

	#main
	{
		padding: 20px;
	}


	#footer	/* last div before end of wrapper */	
	{
		margin-top: 50px;
		padding: 20px;
		border-top: 1px solid #E4E4E4;
	}


/* common clases */

	.data-table
	{
		width: 100%;
		border-top: 1px solid #c3c3c3;
		border-right: 1px solid #c3c3c3;
	}

	.data-table th
	{
		text-align: left;
		padding: 5px;
		border-bottom: 1px solid #c3c3c3;
		border-left: 1px solid #c3c3c3;
	}

	.data-table td
	{
		padding: 5px;
		border-bottom: 1px solid #c3c3c3;
		border-left: 1px solid #c3c3c3;
	}

	
	.ro
	{
		background-color: #DEDEDE;
	}