/* 
  Layout and CSS tricks obtained from 
  http://www.bluerobot.com/web/layouts/ 
*/


body {
	font-size: 10pt;
	margin:0px;
	padding:0px;
	font-family:arial, helvetica, sans-serif, verdana;
	color:#333;
	background-color:white;
	}
h1 {
	margin:0px 0px 15px 0px;
	padding:0px;
	font-size:28px;
	line-height:28px;
	font-weight:900;
	color:#ccc;
	}
p {
	font:11px/20px arial, helvetica, sans-serif, verdana;
	margin:0px 0px 16px 0px;
	padding:0px;
	}
#Content>p {margin:0px;}
#Content>p+p {text-indent:30px;}

a {
	color:#09c;
	font-size:11px;
	text-decoration:none;
	font-weight:600;
	font-family:arial, helvetica, sans-serif, verdana;
	}

p.alpha {
	padding-bottom: 2em;
}

a.alpha {
	font-size: 110%;
}

table,tr,td,th {
	border: hidden;
	font-size: 10pt;
	
}

td.check {
	text-align: center;
}

td.button {
	padding-top: 1em;
	text-align: center;
}

td.trash {
	padding-right: 3px;
}

div.row {
  clear: both;
  padding-top: 10px;
  }

div.button {
	clear: both;
	padding-top: 5px;
	text-align:	center;
}

div.row span.label {
  float: left;
  width: 125px;
  text-align: right;
  }

div.row span.formw {
  position: relative;
  width: 300px;
  text-align: left;
  }

.textfield      { border-color: #000000;
		  border-width: 1px; }

a:link {color:#09c;}
a:visited {color:#07a;}
a:hover {background-color:#EDEDED;}

.tbhl {
	border-style:solid;
	border-color:black;
	border-width:1px 1px; /* top and bottom borders: 1px; left and right borders: 0px */
	}

#Header {
	font-size: 12pt;
	margin:0px 0px 0px 0px;
	padding:10px 0px 2px 20px;
	/* For IE5/Win's benefit height = [correct height] + [top padding] + [top and bottom border widths] */
	height:10px; /* 14px + 17px + 2px = 33px */
	border-style:solid;
	border-color:black;
	border-width:1px 0px; /* top and bottom borders: 1px; left and right borders: 0px */
	line-height:11px;
	background-color:#EDEDED;
	voice-family: "\"}\"";
	voice-family:inherit;
	height:10px; /* the correct height */
	}
body>#Header {height:28px;}

#Footer {
	font-size: 8pt;
	line-height:1px;
	background-color:#EDEDED;
	}
body>#Footer {height:1px;}

#Header>a:link, #Header>a:visited {
  font-family:arial, helvetica, sans-serif, verdana;
  font-size: 10pt;
  color: #000;
}

#Header>a:hover {
  font-family:arial, helvetica, sans-serif, verdana;
  font-size: 10pt;
  color: #09c;
}
#Content {
	margin: 10px 10px 25px 25px;
	padding:10px;
	overflow: auto;
	}

#forms {
	margin: 15px 15px 50px 50px;
	width: 550px; 
	border: 1px dashed #999; 
	padding: 10px; 
	overflow: visible;
}

#Centered {
	
	width:400px;
	margin-top:50px;
	
	padding:15px;
	border:1px dashed #333;
	background-color:#EBF6F9;
}

#Info {
	
	margin-top:25px;
	
	padding:25px;
	border:1px dashed #333;
	background-color:#EBF6F9;
}

#Menu {
	width:100%;
	padding:10px;
	background-color:#FFFFFF;
	border:1px dashed #999;
	line-height:17px;
/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:100%;
	}
/* Again, "be nice to Opera 5". */
body>#Menu {width:150px;}

#Status {
  bottom: 2em;
  font-weight: bold;
  left: 10%;
  text-align: center;
  border: 1px dashed #999;
  padding-top: .5em;
  padding-bottom: .5em;
  padding-left: 2em;
  padding-right: 2em;

/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:500px;
}
/* Again, "be nice to Opera 5". */
body>#Status {width:500px;}


/* FROM WEBMAIL */

	.textbox {
		color : Black;
		background-color : #FFFFFF;
		height : 19px;
		font-size : 12px;
	}
	
	.formfield {
		border-color : #333333 #333333 #333333 #333333;
		border-width : 1 1 1 1;
		color : Black; background-color : #CCCCCC;
		height : 19px; font-size : 12px;
	}
	
	TD.headers { background-color : #EDEDED; text-align : center; font-weight: bold;}
	TD.cent { text-align: center; color: Black;}
	TD.right { text-align: right; color: Black;}
	TD.default { color : Black; }
	TD.default9 { color:#09c; font-weight: bold;}
	TD.headerright { background-color : #EDEDED; text-align : right; }
	
	.menu { color : #EDEDED; }