/*

  CSS Styles supporting the TplRawDataProvider CGI

*/

body 
{
/* main body style */
	font-family: verdana,helvetica,sans-serif;
	font-size:12px;
	color: #3f7089;
	background-color: #FFFFFF;
	margin-top: 1px;
	margin-left: 1px;
}

h1
{	
	font-family: verdana,helvetica,sans-serif;
        font-size:48px;
        color: #f0f0a0;
        background-color: #406c40;
        text-align:center;
}

table.maintbl
{
/*
   this style applies to the <TABLE> grouping
   all UI elements
*/
	border: 1px solid blue;
	border-collapse: collapse;
	padding: 6px; 
	margin-left: auto;
	margin-right: auto;
}

table.auxtbl
{
/*
   this style applies to the subordinate <TABLE> grouping
   specific options
*/
	border: 1px solid green;
	border-collapse: collapse;
	padding: 6px; 
	margin-left: auto;
	margin-right: auto;
}

th.title
{
/*
   this style applies to the <TH> grouping
   all UI elements
*/
	width: 100%;
	border: 1px solid blue;
	border-collapse: collapse;
	font-family: verdana,helvetica,sans-serif;
	font-size: 20px; 
	font-weight: bold; 
	background-color: #D3D6D8; 
	padding: 6px;
	margin: 0px;
	text-align: center;
}

th.auxtitle
{
/*
   this style applies to the <TH> grouping
   specific options
*/
	width: 100%;
	border: 1px solid green;
	border-collapse: collapse;
	font-family: verdana,helvetica,sans-serif;
	font-size: 14px; 
	font-weight: bold; 
	background-color: #E3F6E8; 
	padding: 4px;
	margin: 0px;
	text-align: center;
}

td.label
{
/*
  this style applies to all <TD> elements containing
  a field description (aka "label")
*/
	border: 1px solid blue;
	border-collapse: collapse;
	font-family: verdana,helvetica,sans-serif;
	font-size:14px; 
	font-weight: bold; 
	background-color: #F9FBFD; 
	padding: 6px;
	margin: 0px;
	text-align: right;
}

td.auxlabel
{
/*
  this style applies to all <TD> elements containing
  a field description (specific options)
*/
	border: 1px solid green;
	border-collapse: collapse;
	font-family: verdana,helvetica,sans-serif;
	font-size:12px; 
	font-weight: bold; 
	background-color: #F6FFF4; 
	padding: 4px;
	margin: 0px;
	text-align: right;
}

td.auxmail
{
/*
  this style applies to the mailbox note <TD> element
  deferred processing + e-mail notification
*/
	border: 1px solid green;
	border-collapse: collapse;
	font-family: verdana,helvetica,sans-serif;
	font-size:12px; 
	font-weight: bold; 
	background-color: #E3E698; 
	color: #5643A1; 
	padding: 4px;
	margin: 0px;
	text-align: center;
}

td.background
{
/*
  this style applies to all <TD> elements containig
  a combobox, a button or an input text; as the name
  itself states, the intended scope is the one to
  nicely format the background
*/
	border: 1px solid blue;
	border-collapse: collapse;
	background-color: #F9FBFD; 
	padding: 6px;
}

td.auxbackground
{
/*
  this style applies to all <TD> elements containig
  a combobox, a button or an input text; 
  (specific options)
*/
	border: 1px solid green;
	border-collapse: collapse;
	background-color: #F6FFF4; 
	padding: 4px;
	font-family: verdana,helvetica,sans-serif;
	font-size:12px; 
	font-weight: bold; 
}

td.auxcell
{
/*
  this style applies to all <TD> elements containig
  a specific options <Table>
*/
	background-color: #F6FFF4; 
	padding: 8px;
}

th.alttitle
{
/*
   this style applies to the <TH> grouping
   an alternate row table
*/
	border: 1px solid blue;
	border-collapse: collapse;
	font-family: verdana,helvetica,sans-serif;
	font-size: 12px; 
	font-weight: bold; 
	background-color: #D3D6D8; 
	padding: 6px;
	margin: 0px;
	text-align: center;
}

td.altodd
{
/*
  this style applies to all <TD> elements containing
  a field description (specific options)
*/
	border: 1px solid green;
	border-collapse: collapse;
	font-family: verdana,helvetica,sans-serif;
	font-size:10px; 
	font-weight: bold; 
	background-color: #FFFFF0; 
	padding: 4px;
	margin: 0px;
	text-align: right;
}

td.alteven
{
/*
  this style applies to all <TD> elements containing
  a field description (specific options)
*/
	border: 1px solid green;
	border-collapse: collapse;
	font-family: verdana,helvetica,sans-serif;
	font-size:10px; 
	font-weight: bold; 
	background-color: #F0F0FF; 
	padding: 4px;
	margin: 0px;
	text-align: right;
}

select.combobox
{
/* this style applies to any combobox element;
   lotto, ente selection and alike
*/
	width: 300px;
	height: 34px;
	font-family: verdana,helvetica,sans-serif;
	font-size:12px; 
}

input.password
{
/* this style applies to the user/password input */
        width: 400px;
        height: 34px;
        font-family: verdana,helvetica,sans-serif;
        font-size:12px;
}

input.mailbox
{
/* this style applies to the mailbox input */
	width: 298px;
	height: 34px;
	background-color: #E3E698; 
	color: #5643A1; 
	font-family: verdana,helvetica,sans-serif;
	font-size:14px; 
	font-weight: bold; 
	margin: 0px;
	padding: 4px;
}

select.auxcombobox
{
/* this style applies to any combobox element;
   (specific options)
*/
	width: 350px;
	height: 22px;
	font-family: verdana,helvetica,sans-serif;
	font-size:12px; 
}

input.button
{
/*
  this style applies to any button element
*/
	width: 500;
	height: 38px;
	font-family: verdana,helvetica,sans-serif;
	font-size: 20px; 
	font-weight: bold; 
	text-align: center;
}