/* CSS style sheet for archInvoice.com by James A. Wilson	*/

body 	{
		background-color: #94A4C1;
		background-image: url('../images/bg.gif');
		background-repeat: no-repeat;
		background-position: 10px 120px;
		}

h3.errors {
		font-family: Arial, Verdana, sans-serif;
		font-weight: bold;
		color: #DDDDEE;
		}

a		{
		text-decoration: none;
		}

em		{
		font-style: normal;
		font-weight: bold;
		color: #FF0000; /* Red */
		}

input	{
		padding-left: 0.3em;
		}

hr.table {
		height: 4px;
		color: #94A4C1;
		background-color: #94A4C1;
		}

.button {
		color: #444488;
		font-family: Verdana, sans-serif;
		font-variant: small-caps;
		font-weight: bold;
		font-size: 14px;
		border-top: 2px solid #FFFFFF;
		border-left: 2px solid #FFFFFF;
		border-right: 2px solid #777788;
		border-bottom: 2px solid #777788;
		background: #DDDDEE;
		padding: 2px;
		}

.button:hover {
		color: #FFFFFF;
		background: #6060A0;
		border-top: 2px solid #FFFFFF;
		border-left: 2px solid #FFFFFF;
		border-right: 2px solid #777788;
		border-bottom: 2px solid #777788;
		}

.midbutton {
		color: #444488;
		font-family: Verdana, sans-serif;
		font-variant: small-caps;
		font-weight: bold;
		font-size: 12px;
		border-top: 2px solid #FFFFFF;
		border-left: 2px solid #FFFFFF;
		border-right: 2px solid #777788;
		border-bottom: 2px solid #777788;
		background: #DDDDEE;
		padding: 2px;
		}

.midbutton:hover {
		color: #FFFFFF;
		background: #6060A0;
		border-top: 2px solid #FFFFFF;
		border-left: 2px solid #FFFFFF;
		border-right: 2px solid #777788;
		border-bottom: 2px solid #777788;
		}

.smbutton {
		color: #444488;
		font-family: Verdana, sans-serif;
		font-variant: small-caps;
		font-weight: bold;
		font-size: 9px;
		border-top: 2px solid #FFFFFF;
		border-left: 2px solid #FFFFFF;
		border-right: 2px solid #777788;
		border-bottom: 2px solid #777788;
		background: #DDDDEE;	/* Light Blue */
		padding: 2px;
		}

.smbutton:hover {
		color: #FFFFFF;
		background: #6060A0;
		border-top: 2px solid #FFFFFF;
		border-left: 2px solid #FFFFFF;
		border-right: 2px solid #777788;
		border-bottom: 2px solid #777788;
		}

div.frame {
		position: relative;
		top: -30px;
		left: 23%;
		}

div.databox {
		width: 100%;
		height: 268px;
		overflow: auto;
		border-width: 1px;
		border-style: solid;
		border-color: #000000;
		}

table.outer {
		table-layout: auto;
		background-color: #DDDDEE;
		border-width: 5px;
		border-style: solid;
		border-top-color: #D3D3D3; /* Light Gray */
		border-left-color: #D3D3D3; /* Light Gray */
		border-right-color: #000000; /* Black */
		border-bottom-color: #000000; /* Black */
		}

table.inner {
		border-collapse: collapse;
		width: 100%;
		border: 0px;
		padding: 0px;
		spacing: 0px;
		}

caption {
		font-family: Arial, Helvetic, sans-serif;
		font-size: 28px;
		font-weight: bold;
		color: #DDDDEE; /* LightBlue */
		margin-bottom: 5px;
		}

th		{
		font-family: Arial, Verdana, sans-serif;
		font-size: 14px;
		background-color: #E8E8E8; /* Light Gray */
		border-bottom: 1px solid black;
		}

tr.rowodd {
		background-color: #CCCCDD;
		}

tr.roweven {
		background-color: #DDDDEE;
		}

td		{
		font-family: Arial, Verdana, sans-serif;
		font-size: 12px;
		}

td.udatal {
		text-align: left;
		border-bottom: 1px solid #000000;
		}

td.udatac {
		text-align: center;
		border-bottom: 1px solid #000000;
		}

td.udatar {
		text-align: right;
		border-bottom: 1px solid #000000;
		}