* {
	margin: 0;
	padding: 0;
}
html, body {
	font-family: "trebuchet ms", verdana, arial, tahoma;
	font-size: 90%;
	color: #888;
	background-color: #777;
	height: 100%;
}

strong 
{
	color: #000; font-style:normal; font-weight: bolder;
}
p  {
	padding-bottom: 1.5em;
	line-height: 160%
}
h1 
{
	font-size: 140%;
}
h2 {
	font-size: 120%; font-style: italic;
	/*padding-bottom: 1.5em;*/
}
h3 {
	font-size: 110%; font-style: italic;		
}
ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}
li {	
	background: url(/images/icons/bullet_right.gif) no-repeat 0 1px;
	padding-left: 17px;
	text-align: left;
	vertical-align: middle;	
}

div .title 
{
	font-size: 110%; font-style: italic; font-weight: bold;
	margin-left: 20px;
}
img {
	border: 0;
}


input.data, select.data
{
	width: 150px;
	border-collapse: collapse;
	border: black 1px solid;           
    background-color: #e6e6e6;
    font-weight: normal;
    color: #444;
}

input.command, select.command
{
	BORDER: #CFA667 1px solid;    
    WIDTH: 175px;    
    BACKGROUND-COLOR: #FFEECF;
}
input.commandbutton
{
    WIDTH: 100px;
}


input.login, input.button {
	width: 80px; font-size: 75%;
}

input.login {
    border-collapse:collapse; 
    border: black 1px solid;           
    background-color: #e6e6e6;
    font-weight: normal;
    color: #444;
}
td.login 
{
	font-size: 90%;
}

blockquote 
{
	width: 80%;
	text-align:center;
	color: #6A6A6A;
	padding: 5px 0 10px 15px;
  	background: transparent url(/images/design/quote.png) left top no-repeat;
  	line-height: normal;
	font-style: italic;
  	margin: 0 auto;	
}

blockquote div
{	
	width: 300px;
	margin: -15px 0 0 0;
  	padding: 0;
	font-size: 75%;
	text-align: right;
	font-style:italic;
	vertical-align: text-top;
}

input.textbox
{
}

td.smalltext
{
	font-size: 70%;
	padding-left: 5px;
	font-style: italic;
}

.messageblock
{	
	margin: 0 0 5px 10px;
	border: solid 1px #AE9866;
	background-color: #F0DBB0;
	padding: 3px 10px 5px 5px;
}

.highlight
{    
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: #ccffcc
}
/*----------------------------
 INPUT BOX
----------------------------*/
input.highlight
{
    BORDER: #336633 1px solid;    
    WIDTH: 150px;    
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: #ccffcc
}

/*----------------------------
 LINKS
----------------------------*/

a:link
{
    COLOR:  #5b8fbe;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none
}
a:visited
{
    COLOR:  #5b8fbe;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none
}
a:active
{
	COLOR:  #5b8fbe;
	FONT-FAMILY: Verdana;
	TEXT-DECORATION: none
}
a:hover
{
	color:  #5b8fbe;
	font-family: Verdana;	
	text-decoration: underline;
}

.chevron {		
	padding-left: 15px;	
	background: url(/images/icons/double_chevron.gif) no-repeat;		
}

/*----------------------------
 STATUS MESSAGES
----------------------------*/
.msgok
{
	border: solid 1px #80CF67;
	background-color: #AAFF8F;
}
.msgerr
{
	border: solid 1px #FF0000;
	background-color: #FFAA8F;
}
/*----------------------------
 DATA TABLES
----------------------------*/
TABLE.data
{
	border-collapse:separate;
	border: 1px solid #CFA667;	
	font-family: Verdana;
	font-size: 8pt;
}
/* default cell */
TABLE.data td
{	
	padding: 1px 4px 1px 4px;
}
/* header row */
TABLE.data thead th, TABLE.data thead td
{
	padding: 0 4px;	
	border-bottom: 1px solid #CFA667;
	background-color: #EFC077;	
	color: #000;
}
/* header cell in body */
TABLE.data tbody tr th
{
	background-color: #EAEAEA;
	font-size: 8pt;
	font-weight: normal;	
	padding: 0 4px 0 4px;	
}
/* body row */
TABLE.data tbody tr td
{
	background-color: #FFE0AF;	
}
/* alternative body row*/
TABLE.data tbody tr.odd td
{
	background-color: #E4E4E4;
}
TABLE.data tbody tr.odd th
{
	background-color: #D4D4D4;
}

TABLE.data tbody tr.total td, TABLE.data tbody tr.total th
{
	border-top: double 3px #333333;
}
TABLE.data tbody tr td.highlight
{
	background-color: #AACCEE;
}
/*---------------------------------------------
 Outline
---------------------------------------------*/
#parent
{
	display: block;	
	/*width: 980px;*/
	margin: 0 auto;	z-index: 0;		
}

#glow-left 
{	
	background: transparent url(/images/design/glow_left.jpg) repeat-y left top;			
	
}
#glow-right
{	
	background: transparent url(/images/design/glow_right.jpg) repeat-y right top;	
	
}

#header, #content, #footer, div.gutter 
{
	margin: 0 15px;	
}

div .gutter
{
	background-color: #000;
	height: 10px; 
}
/*---------------------------------------------
 Header
---------------------------------------------*/
#header
{
	background: transparent url(/images/design/bg.jpg) repeat-x left top;
}
#header-main {
	text-align: right;
	margin: 0 0;
	padding-right: 20px;
	height: 115px;
	line-height: 3em;
	color: #ccc;
	font-size: 130%;
	background: transparent url(/images/design/header.jpg) no-repeat left top;
	overflow: hidden;
}
#screen 
{
    
	position: relative;
	left: 0;
	top: 0;
	font-size: 80%;
}
#version
{
	display: block;
	position: relative;
	right: 0;
	bottom: -32px;
	font-family: Verdana;
	font-size: 8pt;
	color: #000;
}
#servertime
{
    display: block;
    position: relative;
    right:0;
    top:0;
	font-family: Verdana;
	font-size: 8pt;
	color: #000;
}

/*---------------------------------------------
 Content
---------------------------------------------*/
#content
{		
	text-align: left;		
	background-color: #333;	
	min-height: 650px;
}

* html #content {height: 650px;}

#content-main
{
	margin-left: 190px;
	padding: 25px 5px 80px 40px;	
}
/*---------------------------------------------
 Menu
---------------------------------------------*/
#content-menu
{
	float: left;
	width: 190px;
	margin: 0;
	padding: 100px 0 0 40px;

	background: #333 url(/images/design/menu.jpg) no-repeat top left;
	

	font-family:"Lucida Grande","Lucida Sans Unicode",arial,sans-serif;
	color: #888;
	text-align: left;
	line-height: 140%;
	font-size: 110%;
}
#content-menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 90%;
}
#content-menu li {
	background: url(/images/icons/tri_right.gif) no-repeat 0 3px;
	padding-left: 17px;
	text-align: left;
}
#content-menu h3 {
	margin: 1em 0 0.3em 0px;

	font-size: 75%;
	text-transform: uppercase;
	font-style: normal;
	color: #5b8fbe;
	font-weight: normal;
	letter-spacing: 0.15em;
}
#content-menu a:link, #content-menu a:visited { color: #888; }
#content-menu a:hover { color: #5b8fbe; }



/*---------------------------------------------
 Footer
---------------------------------------------*/
#footer
{		
	padding: 4px 0 0 0;
	background: #ccc url(/images/design/footer_line.jpg) repeat-x top left;	
	color: #000;	
}

#footer-main
{
	background: #A47C4B url(/images/design/footer.jpg) no-repeat top right;
	text-align: center;
	height: 66px;
	clear: both;
	color: #000;
		
}
#footer a:link, #footer a:visited { color: #00A; text-decoration: none;}
#footer a:hover {color: #666; text-decoration: none;}




/*---------------------------------------------
 Screenshots
---------------------------------------------*/
#screenshots
{
	margin-top: 40px;
	font-size: 75%;
	font-style: italic;
	color: #CCC;
	text-align: center;
	padding-right: 5px;
}

#screenshots img 
{
	border: 0;
	/*width: 100px;*/
	height: 100px;	
}

#screenshots img:hover {
	border: 1px solid black;
}
/*---------------------------------------------
Status
---------------------------------------------*/
.status_processing
{
    color: #6F6;
}
.status_ok
{
    color: #6F6;
}
.status_error
{
   color: #F66;
}
/*---------------------------------------------
 Rules
---------------------------------------------*/
.majortitle
{
	font-weight: bold;
	font-size:larger;
}
.minortitle
{
	font-weight: bold;
}
#rules ul
{
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 90%;
}
#rules li
{	
	background: url(/images/icons/bullet_right.gif) no-repeat 0 1px;
	padding-left: 17px;
	text-align: left;
}

#rules .example
{
	margin: 0 auto 5px auto;
	width: 80%;	
}
#rules .examplecontent
{	
	padding: 3px 10px;
	width: 100%;
	border: 1px solid #CFA667;
	background-color: #FFE0AF;	
	white-space:pre;
}

 .formula
{	
	margin: 0 auto 5px auto;
	padding: 3px 10px;
	width: 80%;
	border: 1px solid #CFA667;
	background-color: #FFE0AF;	
	white-space:pre;
	text-align: center;
}