@charset "utf-8";
* {
	margin:0px;
	padding:0px;
}

html {height:100%;}
body {font-family:sans-serif;width:100%;height:100%;font-size:10pt;}
img {border:none;}
table {border-collapse:collapse;border-color:#aaaaaa;padding:3px;}
td {text-align:left;padding:3px;vertical-align:top;}
a {text-decoration:none;}

#container {
	float:left;
	width:100%;
	height:96%;
	margin-right:-260px;
}

#picteditctrl {
	margin:10px;
	margin-right:260px;
	font-size:10px;
	height:35px;
}

#thumbnail {
	position:absolute;
	margin-right:260px;
	height:100%;
	margin-top:40px;
	padding-left:10px;
	overflow:auto;
}

.pictrect {width:130px;height:148px;float:left;}
.pict {position:relative;width:128px;height:128px;border:solid 1px;}

.fstlettertag {font-size:1.5em;font-weight:bold;}

#namelist {
	width:230px;
	height:100%;
	padding-left:10px;
	padding-right:10px;
	border-left:dotted;
	border-width:1px;
	float:right;
}

#nameeditctrl {
	margin-top:10px;
	font-size:10px;
	height:35px;
	text-align:center;
}

#namelistctrl {
	text-align:center;
	margin-top:10px;
	margin-left:10px;
	margin-bottom:10px;
}

#names {
	position:absolute;
	height:100%;
	width:220px;
	margin-top:10px;
	padding-left:10px;
	overflow:auto;
}
.itn {color:#88cc88;font-weight:bold;}
.ppn {border:solid 1px #888888;font-size:10pt;font-weight:normal;}

.trhigh {background-color:#ffffff;}
.trlow {background-color:#e8e8e8;}

#orderbtn {border:none;width:20px;height:20px;background:url(orderbtn.gif) left top no-repeat;}

.empty {position:absolute;display:block;width:100%;height:100%;background-image:url(./empty.gif);}