/*
	CSS file for SurfBuddies SurfMail
	Protected by GNU General Public License
	(c) Michal A. Valasek - Altair Communications, 2001-2003
*/
body {
	color: #ffffff;
	font-family: Verdana, Tahoma, sans-serif;
	font-size: 9pt;
	margin: 0px;
	padding: 0px;
	background-color: #FFB100;
	background: #FFB100;
	background-image: url(/_gfx/bg.gif);
	background-repeat: repeat-y; 
}
.bodyclass {
	margin: 0px;
	padding: 0px;
	background-color: #FFB100;
}
TD, TH, INPUT, SELECT, TEXTAREA, BUTTON, .input {
	font-family: Verdana, Tahoma, sans-serif;
	font-size: 9pt;
}
INPUT, SELECT, TEXTAREA, BUTTON, .input {
	border-width: 1px;
}
TH {
	text-align: left;
}
H1 {
	color: #6A4498;
	font-size: 16pt;
}
H2 {
	color: #6A4498;
	font-size: 14pt;
	font-weight: bold;
}
H3 {
	color: #6A4498;
	font-size: 12pt;
	font-weight: bold;
}
SMALL, .small {
	font-size: 7pt;
	}
STRONG, .strong {
	font-weight: bold;
}
CODE, .code {
	font-size: 10pt;
	color: #660000;
	font-family: monospace;
}
A:link {
	color: #FF6600;
}
A:visited {
	color: #FF9900;
}
A:hover {
	color: #FF0000;
}
.menu
{
	position: absolute;
	left: 0px;
	top: 105px;
	color: #ffffff;
/*	background-color: #FF8103;
*/
	float: left;
	width: 190px;
	margin-top: 0px;
	padding-top: 0px;
	padding-left: 5px;
}
.button {
	background-color: #357cb9;
	font-size: 8pt;
	text-decoration: none;
	border-left: #6699FF 1px solid;
	border-top: #6699FF 1px solid;
	border-right: #6A4498 1px solid;
	border-bottom: #6A4498 1px solid;
	padding: 3px;
	padding-left: 5px;
	padding-right: 5px;
	color: #ffffff !important;
}
.buttonSelected
{
	background-color: #357cb9;
	font-size: 8pt;
	text-decoration: none;
	border-left: #6699FF 1px solid;
	border-top: #6699FF 1px solid;
	border-right: #6A4498 1px solid;
	border-bottom: #6A4498 1px solid;
	padding: 3px;
	padding-left: 5px;
	padding-right: 5px;
	color: #ffffff !important;
	font-style: italic;
}
.button A:hover{
	font-weight:bold !important;
}
.button-head {
	margin-top: 5px;
	border-right: #6A4498 1px solid;
	padding-right: 5px;
	border-top: #6699cc 1px solid;
	padding-left: 5px;
	font-weight: bold;
	font-size: 8pt;
	padding-bottom: 3px;
	border-left: #6699cc 1px solid;
	color: #ffffff !important;
	padding-top: 3px;
	border-bottom: #6A4498 1px solid;
	background-color: #275a8d;
	text-decoration: none;
}
.frame {
	font-size: 8pt;
	text-align:center;
}
.menu A, .button A, .frame A {
	color: #ffffff !important;
	text-decoration: none;
}
.main
{
	/* main working area */
	position: absolute;
	left: 200px;
	top: 105px;
	padding: 10px;
	float: left;
	padding-left: 20px;
	padding-right: 10px;
	height: 100%;
	background-position: left top;
/*	background-image: url(/_gfx/ZillaBkg.jpg);
*/
	background-image: url(/_gfx/ZillaBkg.gif);
	background-repeat: no-repeat;
/*	background-color: #ffb100;
*/	
	background-color: transparent;
}
/*
.tbl TH, .DataGrid .Header TD, .Header {
*/
.tbl TH {
	background-color: #ff8103 !important;
	padding: 3px;
	font-weight: bold;
}
.tbl TD, .DataGrid .Item TD {
/*	background-color: #fed809;
*/
	background-color: transparent;
	padding: 3px;
}
.DataGrid .AlternatingItem TD {
	padding: 3px;
	background-color: #e6e6fa;
}
.tbl A:link, .DataGrid A:link {
	color: #000099 !important;
}
.tbl A:visited, .DataGrid A:visited {
	color: #6A4498 !important;
}
.tbl A:hover, .DataGrid A:hover  {
	color: #0000ff !important;
}
.inf {
	background-color: #FED809;
	color: #6A4498;
	padding: 10px;
	border: solid 2px #6a4498;
}
.inf A {
	color: #0000ff !important;
}
.infheader
{
	font-weight: bold;
	font-size: large;
}
.err {
	background-color: #FFE5E5;
	color: #660000;
	padding: 10px;
	border: solid 2px #ff0000;
}
.graph-used {
	background-color: #357cb9;
	height: 10px;
	border-left: solid 1px #357cb9;
	border-top: solid 1px #357cb9;
	border-bottom: solid 1px #357cb9;
}
.graph-free {
	background-color: #eaf2f8;
	height: 10px;
	border-right: solid 1px #357cb9;
	border-top: solid 1px #357cb9;
	border-bottom: solid 1px #357cb9;
}
body
{
	font-family: Verdana, Tahoma, sans-serif;
	font-size: 9pt;
	margin: 0px;
	padding: 0px;
	background-color: #FFB100;
	background-image: url(/_gfx/bg.gif);
	background-repeat: repeat-y; 
}

.sbheader
{
	position: absolute;
	left: 0px;
	top: 0px;
	LEFT: 0pc;
	float: none;
	width: 100%;
	z-index: 0;
	margin: 0px;
	padding: 0px;
	background-image: url(/_gfx/bg.gif);
	background-repeat: repeat-y; 
}

.containerclass
{
	background-color: #FFB100;
	margin: 0px;
	padding: 0px;
	background: #FFB100;
	background-image: url(/_gfx/bg.gif);
	background-repeat: repeat-y; 
}
.bottom-containerclass
{
	position: relative;
	left: 220px;
	top: 350px;
	float: left;
/*	width: 595px; 
	height: 35px;
*/
	z-index: 10;
	color: #000000;
	background-color: transparent;
/*	background-color: #FF9900;
	padding-right: 0px;
	padding-left: 3px;
	border-right: #B5DC10 2px solid;
	border-top: #B5DC10 2px solid;
	border-left: #B5DC10 2px solid;
	border-bottom: #B5DC10 2px solid;
*/	
	font-size: x-small;
	text-align: left;
	vertical-align: middle;
}
.spanstyle
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    Z-INDEX: 5;
    VISIBILITY: visible;
    COLOR: darkred;
    FONT-FAMILY: Verdana;
    POSITION: absolute;
    TOP: -50px
}
.menulink
{
	background-color: #FCC01E;
	font-size: 8pt;
	text-decoration: none;
	border-left: #6699FF 1px solid;
	border-top: #6699FF 1px solid;
	border-right: #6A4498 1px solid;
	border-bottom: #6A4498 1px solid;
	padding: 3px;
	padding-left: 5px;
	padding-right: 5px;
	color: #cc3300;
}
.menulink A:hover
{
	font-weight:bold !important;
}
.menulink A, .menulink A:visited
{
	color: #cc3300 !important;
	text-decoration: none;
}
.menulabel {
	margin-top: 5px;
	border-right: #6A4498 1px solid;
	padding-right: 5px;
	border-top: #6699cc 1px solid;
	padding-left: 5px;
	font-weight: bold;
	font-size: 8pt;
	padding-bottom: 3px;
	border-left: #6699cc 1px solid;
	color: #ffffff !important;
	padding-top: 3px;
	border-bottom: #6A4498 1px solid;
	background-color: #F35237;
	text-decoration: none;
}