/*************************************************************/
/* Copyright (c) 2007, Epic Digital Ltd, All rights reserved */
/*************************************************************/


/*************************************************************/
/* General */ 

body {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	line-height: 1.4;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	background-color: #FFF;
	color: #222;
}

hr {
  margin: 2em 150px 2em 150px;
	border-color: #CCA; 
	border-style: dotted;
	border-width: 0px 0px 2px 0px;
}

table {
	border-collapse: collapse;
  border: 0px;
  padding: 0px;
	margin: 0px;
}

table tr {
	border: 0px;
	padding: 0px;
	margin: 0px;
}

table td {
	border: 0px;
	padding: 0px;
	margin: 0px;
}

form {
  margin: 0em;
  border: 0em;
	padding: 0em;
}

img {
  border: 0;
}

a {
	font-size: 100%;
	color:#88B;
  text-decoration: underline;
}

a:hover {
	color:#333377;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0em 0em 0em 0em;
}

h1, h5 {
	color:#555;
  padding: 0em;
	font-size: 135%;
  margin: 1em 0em 1em 0em;
}

h2, h4 {
	color:#997;
	font-size: 125%;
	margin: 0.7em 0em 0.7em 0em;
}

h4 {
  margin-top: 1.7em 
}

h5 {
	color:#9C6;  
}

li {
  margin-top: 1em;
  margin-left: -0.5em;
}

.mainTable {
  margin-top: 1em;	
}

.greenText {
  color:#99CC33;
}

/*************************************************************/
.logo {
	padding: 10px 0px 12px 6px;
}

/*************************************************************/
/* Content */

#header {
	border-color: #CCA; 
	border-style: dotted;
	border-width: 0px 0px 1px 0px;
}

/*************************************************************/
/* Content */

#content {
	padding: 0px 0px 10px 6px;
	line-height:1.5em;
}

/*********************************************/
/* Footer */

#contentFooter {
	height: 10px;
}

#footer {
  height: 20px;
	clear: both;
	margin-top: 0em;
	margin-bottom: 1em;
	padding: 4px 0px;
	color: #888;
	border-color: #CCA; 
	border-style: dotted;
	border-width: 1px 0px 0px 0px;
	padding: 0px 0px 10px 6px;
	font-size: 100%;
}

.footerTable td {
	padding-top: 0.7em;
}

.footerLink a {
	color: #555;
	margin-right: 0em;
  background: inherit;
}

.footerLink a:hover {
	color: #955;
}

/*********************************************/

.highlight {
	font-weight: bold;
	color: #C33;
}

.loginHighlight {
	font-weight: bold;
	color: #555;
}

.bold {
  font-weight: bold;
}

.highlight1 {
	font-weight: bold;
	color: #777;
}

.highlight2 {
	font-weight: bold;
	color: #CC3300;
}

.highlight3 {
	font-weight: bold;
	color: #99CC33;
}


/*********************************************/

.labelOkClass {
  font-weight: bold;
  color: #999;
}

.labelBadClass {
	color: #CC6600;
	font-weight: bold;
}

.myInputBoxes {
}

input {
  color: #555;
	border-color: #BBB; 
	border-style: solid;  
	border-width: 1px;
	font-size: 100%;	
}

/*************************************************************/
/* LoginBox */

#login {
	margin: 0 0 17px 0;
}

#login table {
	padding: 5px;
}

#login .loginButton {
  font-size: 100%;
  cursor:pointer;
}

#login td {
  padding-top: 15px;
  padding-right: 5px;
}

#login .loginInput {
  background: #FFF;
  color: #999;
  font-style: normal;
  font-size: 91%;
  padding: 2px;
	border-color: #DDD; 
	border-style: solid;  
	border-width: 1px;
}

#login .text {
  color: #999;
  font-size: 91%;
}

/*********************************************/

.paddedTable {
	margin: -0.2em 0em 0em 0em;
}

.paddedTable td {
	padding: 0.4em 1em 0.4em 0em;
}

/*********************************************/

.boxedBackground {
	padding: 0.9em 0.5em 0.5em 1em;
	border: 1px dashed #AA9;
	margin: 2.0em 0em 0.5em 0em;
}

/*********************************************/

.faintText {
  color: #777;
}

.indent {
	padding: 0em 0em 0em 2em;
}

/*********************************************/
.specialHyperlink a {
  font-size: 110%;
  color: #557;
  font-weight: bold;
}

.specialHyperlink a:hover  {
  color: #3A3;
}

.faintHyperlink a {
  font-size: 110%;
  color: #999;
}

.faintHyperlink a:hover  {
  color: #AAA;
}

.bigText {
 	color:#333;
  font-size: 120%;
	line-height: 1.4em;
}

.readonText {
  font-style:italic;
 	color:#999;  
}

.standoutText {
	color:#99CC33;
}

.code {
	padding: 0em 0em 0em 2em;
	background-color: #EED;
	font-family: "Courier New", Courier, monospace;
}

.listBackground {
  background-color: #FFE;
}

.notice {
	border-color: #CCA; 
	border-style: solid;  
	border-width: 1px;
	padding: 0.5em;
}

.rippleBg {
	background-image: url(images/ripple.jpg);
	background-repeat: no-repeat;
}

.redButton {
  color: #FFF;
  background-color: #900;
	border-color: #900; 
	border-style: solid;  
	border-width: 1px;
  font-size: 110%	
}

.greenButton {
	color: #FFF;
	background-color: #99CC33;
	border-color: #99CC33;
	border-style: solid;
	border-width: 1px;
	font-size: 110%
}

.blueButton {
  color: #FFF;
  background-color: #B83;
	border-color: #B83; 
	border-style: solid;  
	border-width: 1px;
	font-size: 110%
}

.headingText {
  margin: 0.5em 0em 1em 0em;
 	color:#555;
  font-size: 130%;
	line-height: 1.4em;
} 

.hugeText {
	color:#666;
	font-size: 135%;
	line-height: 1.4em;
	padding: 0.51em;
	margin-top: 25px;
	border: 1px solid #DDC;
	font-family: Geneva, Arial, Helvetica, sans-serif;	
}

/*********************************************/

.liquidGraphic {
	padding-top: 20px;
}

.liquidGraphicInsert {
	padding-top: 40px;
	padding-left: 0px;
}

.comment {
	color: #777;
	font-size: 100%;
}

.commentSection {
	line-height: 1.4;
	padding: .3em 1em 0.3em 1em; 
	border-color: #CCA; 
	background-color: #FFE;
	border-style: dotted;
	padding-bottom: 9px;
	border-width: 1px 1px 1px 1px; 
	margin: 0px 0px 0 0px;
}

.quoteMarks {
  color: #C33;
}