body {
	behavior:url("csshover.htc");
	background: white;
	color: black;
	font-family: LucidaTypewriter, 'B&H LucidaTypewriter', Lucida Console, Andale Mono, Monaco, Terminal, Courier, monospace, sansserif;
	font-size: 12px;
	margin: 10px;
}
a{
	color:#4949FF;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}

li {
	margin-bottom:10px;
}

#header{
	margin:0;
	padding:0;
	height:20px;
	border-bottom: 1px solid #DDD;
}

#dmwh {
	color:#999;
	font-weight:bold;
	font-size:12px;
	padding-bottom:3px;
	padding-top:3px;
	margin:0px;
}

#menu {
	position:absolute;
	top:10px;
	right:10px;
	height:20px;
	width:600px;
	line-height:20px;
	text-align:right;
}


#menu a, #menu a:visited {
	margin:0;
	text-decoration: none;
	color: #999;
	padding: 5px;
}

#menu a#current, a:visited#current, #menu a:hover {
	padding-left:4px;
	padding-right:4px;
	border-left: #DDD solid 1px;
	border-right: #DDD solid 1px;
	background:white;
	color: #000;
}

#menu a:hover {
	background: transparent;
}

#submenu {
	position:absolute;
	right:10px;
	top:66px;
	width:500px;
	text-align:right;
}


.msg, .sysmsg {
	width:500px;
	padding-left:5px;
	padding-right:5px;
}

.msg {
	padding:5px;
}

.sysmsg {
	padding:4px;
	border:1px #4949FF solid;
}


.message {
	width:510px;
	line-height:18px;
	border-bottom:1px solid #DDD;
	padding-left:5px;
	padding-right:5px;
	clear:right;
}

.message .sender, .message .subject{
	height:19px;
	float:left;
	overflow:hidden;
}

.message .sender	{width:92px;}
.message .subject	{width:285px;}
.message .date		{height:18px;}

.t {
	margin-top:35px;
	margin-bottom:50px;
	font-weight:bold;
	font-size:25px;
}
.footnote{
	margin-top:2px;
	margin-left:0px;	
	font-size:10px;
}


.old {
	background:#DDD;
}


.header{
	color:black;
	background:white;
	margin:0;
	padding:2px;
	margin-bottom:5px;
}

pre{
	font-family: LucidaTypewriter, 'B&H LucidaTypewriter', Lucida Console, Andale Mono, Monaco, Terminal, Courier, monospace, sansserif;
	font-size: 12px;
	margin:0;
	padding:0;
}

.field{
	font-family: LucidaTypewriter, 'B&H LucidaTypewriter', Lucida Console, Andale Mono, Monaco, Terminal, Courier, monospace, sansserif;
	font-size: 12px;
	border:1px #DDD solid;
	width:350px;
	background:transparent;
}

textarea.field {
	overflow:visible;
	height:60px;
}

.button {
	font-family: LucidaTypewriter, 'B&H LucidaTypewriter', Lucida Console, Andale Mono, Monaco, Terminal, Courier, monospace, sansserif;
	font-size: 12px;
	color:#4949FF;
	background:#DDD;
	padding:2px;
	border:1px black solid;
	margin-top:10px;
}


h1,h2,h3 {
	font-weight:bold;
	font-size:14px;
	margin-top:14px;
	margin-bottom:5px;
	padding:0;
}

p {
	width:550px;
	margin-top:10px;
	margin-bottom:5px;
	clear:left;
}


table{
	width:410px;
}

th {
	text-align:left;
}

td, th {
	font-size:12px;
	border-bottom:1px solid #DDD;
}

.sys td{
	border-bottom:1px solid #4949FF;
}

caption {
	margin-top:10px;
	text-align:left;
	border-bottom:1px #DDD solid;
	font-size:12px;
}

img{
	margin:0;
	border:none;
	width:64px;
	height:64px;
}

/* copulogram */

.parents{
	background:url(parents.png) no-repeat;
	margin-bottom:64px;
}
.self{
	margin-left:63px;
}
.selfbro{
	margin-left:63px;
	background:url(selfbro.png) no-repeat;	
	clear:all;
}
.icon{
	width:64px;
}
.partner{
	background:url(partner.png) no-repeat;
	margin-left:32px;
	padding-left:32px;
}
.lastpartner{
	background:url(lastpartner.png) no-repeat;
	margin-left:32px;
	padding-left:32px;
}
.children{
	margin-top:16px;
	clear:all;
	height:80px;
}
.nochildren{
	margin-top:9px;
	clear:all;
	height:8px;
	background:white;
}
.child{
	background:url(child.png) no-repeat;
	padding-top:8px;
	float:left;
}
.lastchild{
	background:url(lastchild.png) no-repeat;
	padding-top:8px;
	float:left;
}

a.info {
	text-decoration:none;
	display:block;
	position:relative;
}

a.info:hover {
	z-index:2;
	background-color:#DDD;
	text-decoration:none;
}

a.info span{
	display: none;
}

a.info:hover span{ /*the span will display just on :hover state*/
	display:block;
	position:absolute;
	top:64px;
	left:0px;
	padding:4px;
	background-color:#DDD;
	color:black;
}


div.info {
	display:block;
	position:relative;
	float:left;
	width:64px;
	height:64px;
}

div.info:hover {
 	z-index:3;
	background:#DDD;
}

div.info span{
 	display: none;
}

div.info:hover img{
	display:block;
	background:#DDD;
}

div.info:hover span{ 
 	z-index:3;
	display:block;
	position:absolute;
	padding:4px;
	padding-bottom:10px;
	background-color:#DDD;
	color:black;
}

.info:hover span{
	width:120px;
}


#gridmenu {
	position:absolute;
	left:468px;
	top:0px;
	height:448px;
	z-index:1;
}

#grid {
	position:relative;
	margin-bottom:100px;
}

#grid div {
	width:64px;
	height:64px;
	float:left;
}

.row {
	clear:all;
	width:448px;
}

.row div {
	width:64px;
	height:64px;
	float:left;
}			

#self {
	float:none;
	position:absolute;
	left:192px;
	top:192px;
	z-index:2;
}

.goleft {
	background:url(left.png);	
}

.goleft:hover {
	background:url(left2.png);
}

.stats {
	border:black 1px solid;
	width:50px;
	height:10px;
	overflow:hidden;
	float:left;
}

.goright {
	background:url(right.png);	
}

.goright:hover {
	background:url(right2.png);
}

.goup {
	background:url(up.png);	
}

.goup:hover {
	background:url(up2.png);
}

.godown {
	background:url(down.png);	
}

.godown:hover {
	background:url(down2.png);
}