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


body {
	font-size: 10pt;
	margin:0px;
	padding:0px;
	font-family:verdana, arial, helvetica, sans-serif;
	color:#333;
	background:url(./images/linen.jpg?v=0382.14157) repeat #dfe0e3;
	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 verdana, arial, helvetica, sans-serif;
	margin:0px 0px 16px 0px;
	padding:0px;
	}
#Content>p {margin:0px;}
#Content>p+p {text-indent:30px;}

a {
	color:#000;
	font-size:1em;
	text-decoration:none;
	font-weight:bold;
	font-family:verdana, arial, helvetica, sans-serif;
	}

/*
p.alpha {
	padding-bottom: 2em;
}
*/
a.alpha {
	font-size: 110%;
}

p.alpha {
	border: 2px solid #a3a3a3;
	background:#d6d6d6;
	padding: 0px 10px 0px 10px;
	width: 800px;
	text-align:center;
	}

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

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: 10px;
	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: #a3a3a3;
    border-width: 1px; 
    background:#e4e4e4;
    }

a:link {color:#545454;}
a:visited {color:#545454;}
a:hover {color:#0061a7;}

#Header {
	font-size:18px;
	margin:0px 60px 0px 60px;
	padding:10px 0px 2px 10px;
	/* For IE5/Win's benefit height = [correct height] + [top padding] + [top and bottom border widths] */
	height:40px; /* 14px + 17px + 2px = 33px */
	border: 2px solid #a3a3a3;
	line-height:11px;
	background-color:#d6d6d6;
	voice-family: "\"}\"";
	voice-family:inherit;
	height:28px; /* the correct height */
	}
body>#Header {height:28px;}

#mailsecure {
	height: 50px;
	padding: 10px 0px 0px 10px;
	margin:0px 60px 10px 60px;
	background:url(./images/linen.jpg?v=0382.14157) repeat #dfe0e3;
	/*background:url(./images/ms_logo.png) bottom left no-repeat;*/
	}

#Header a, #Header a:link, #Header a:visited {
	font-size:1.2em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#545454;
}
#Header a:hover {
	color:#0061a7;
}

.textmailsecure {
    font-size: 1.1em;
    font-weight:bold;
    color: #545454;
    padding:10px 0px 2px 10px;
    }
/*
#foot {
    border: 2px solid black;
    height:139px;
    background: url(./images/twlkomlogo.png) bottom right no-repeat;
    }
*/
/*
#Header>a:link, #Header>a:visited {
  font-family:verdana, arial, helvetica, sans-serif;
  font-size: 1.5em;
  color: #000;
}

#Header>a:hover {
  font-family:verdana, arial, helvetica, sans-serif;
  font-size: 1.5em;
  color: #09c;
}
*/
#Content {
	margin: 0px 50px 50px 230px;
	padding:10px;
	overflow: auto;
	}

#forms {
	margin: 10px 100px 50px 240px;
	width: 825px; 
	border: 2px solid #a3a3a3;
	background: #d6d6d6; 
	padding: 20px; 
	overflow: visible;
	}
}

#Centered {
	position:absolute;
	left:50%;
	width:500px;
	margin-top:50px;
	margin-left:-266px;
	padding:15px;
	border:2px solid #a3a3a3;
	background-color:#d6d6d6;
}

#Menu {
	position:absolute;
	top:124px;
	left:60px;
	width:182px;
	padding:10px;
	background-color:#d6d6d6;
	border:2px solid #a3a3a3;
	line-height:15px;
/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:160px;
	}
/* Again, "be nice to Opera 5". */
body>#Menu {width:150px;}

#Status {
  position: absolute;
  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;}