body, #banner, .subtitle {
	background-color: 	#222;
}
.photopreview, #banner, .subtitle {
	-moz-box-shadow: 0px 4px 5px #000;
	-webkit-box-shadow: 0px 4px 5px #000;
}
body {
	padding:			0px;
}
#frame {
	width:				850px;
	/*height: 			100%;*/
	left:				50%;
	margin-left:		-425px;
	text-align:			left;
	/*top: 				8px;*/
	position:			absolute;
	padding:			32px;
	padding-top:		10px;
	-moz-box-shadow: 0px 0px 15px #000;
	-webkit-box-shadow: 0px 0px 15px #000;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
}
#popupbox {
	width:			400px;
	height: 			200px;
	left:				50%;
	margin-left:		-200px;
	margin-top:		-100px;
	text-align:			left;
	top: 				50%;
	position:			absolute;
	padding:			32px;
	padding-top:		10px;
	-moz-box-shadow: 0px 0px 15px #000;
	-webkit-box-shadow: 0px 0px 15px #000;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
}
body, input, .caption, .field, textarea, select, #banner, .subtitle, a {
	color:					#FFF;
	font-family:			"Nimbus Sans L", "Tahoma";
	font-size: 				10px;
}
.photopreview, input, .field, textarea, select {
	background-color:	#444;
}
.caption {
	background-color:	#555;
}
#banner, .subtitle, .field {
	background-color: 	#333;
	text-shadow: 2px 2px 2px #000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
input, .caption, .field, textarea, select {
	border:				black solid 1px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

input.button , input.selected{
	border:				#FFF outset 3px;
	padding:			0px;
}
input.selected {
	background-color:	#F55;
	border-color:		#F55;
}

@media print {
	input, .caption, .field, textarea, select {
		border:				none;
		background-color:	#FFF;
	}
}

select {
	height: 14px;
}
.detailrecord {
	width: 				100%;
	height: 			auto;
	border:				black solid 1px;
	padding-top:		1px;
	padding-bottom:		1px;
	margin-top:			1px;
	margin-bottom:		1px;
	float:				left;
	clear:				left;
	-moz-box-sizing:	border-box;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.photopreview {
	position: relative;
	left: 16px;
	width: 				144px;
	height: 			144px;
	border:				black solid 1px;
	margin:				4px;
	float:				left;
	padding:			4px;
	-moz-box-sizing:	content-box;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.photopreview .subtitle {
	background-image:	none;
	text-align:			center;
	width: 				140px;
	font-size:			12px;
	padding-top: 		2px;
	padding-bottom: 	2px;
	padding-left: 		0px;
	height:				36px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.photopreview img.photo {
	position: 			relative;
	margin-bottom: 4px;
}

input, .caption, .field, textarea, select {
	width: 				200px;
	margin:				4px;
	float:				left;
	padding:			0px;
	padding-top:		4px;
	padding-left:		4px;
	height: 			24px;
	-moz-box-sizing:	border-box;
}
.field {
	height:				24px;
}
.caption {
	border: 2px outset #888;
	color: #ddd;
}
.caption {
	width:				94px;
	height: 			24px;
}
#leftcontent {
	width: 				150px;
	float: 				left;
	height:				100%;
}
#leftcontent ul {
	font-size: 12px;
	list-style-type: none;
	margin-left: 0px;
}
#leftcontent ul img {
	vertical-align: middle;
}
#leftcontent .subtitle {
	width: 				140px;
	margin-bottom:		16px;
	max-width:128px;
}
#rightcontent {
	margin-left: 		8px;
	width: 				650px;
	float: 				left;
}
.subtitle {
	width: 690px;
	max-width: 690px;
}
#banner {
	width: 850px;
}
#banner, .subtitle {
	white-space: 		pre;
	display: 			block;
	padding-left: 		8px;
	-moz-box-sizing:	border-box;
}
#banner {
	font-size: 			24pt;
	margin-bottom:		8px;
}
.section {
	float: 				left;
	width: 				100%;
}
.subtitle {
	height:				24px;
	font-size: 			14pt;
	margin-bottom:		8px;
	float: 				left;
	background-image:	url('icon_rabbit.gif');
	background-repeat:	no-repeat;
	padding-left:		24px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	overflow:			hidden;
	white-space:		nowrap;
}
.subtitle a {
	font-size: 			14pt;
}
ul {
	padding: 			0px;
	margin: 			0px;
	margin-left: 		16px;
	margin-bottom: 		8px;
}
#rightcontent li {
	margin-bottom: 		16px;
}
a {
	text-decoration: 	none;
	font-weight: 		bold;
}
a img {
	border:				none;
}
a:link, a:visited, a:active {
}
a:hover {
	text-decoration: 	underline;
}
.deletebutton {
	background-image:	url('../images/icon_delete.png');
	float: 				right;
	margin-top: 		-10px;
	margin-left: 		-4px;
	width:				14px;
	height:				14px;
}

a.tt{
	position:relative;
	z-index:24;
	color:#3CA3FF;
	font-weight:bold;
	text-decoration:none;
}
a.tt span{
	display: none;
	top:0px;
	left:-48px;
}

a.tt:hover{
	z-index:25;
	color: black;
	background:;
}
a.tt:hover span.tooltip{
	display:block;
	position:absolute;
	padding: 15px 0 0 0;
	width:200px;
	color: #993300;
	text-align: center;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
a.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
	background: url(bubble.gif) no-repeat top;
}
a.tt:hover span.middle{
	display: block;
	padding: 0 8px; 
	background: url(bubble_filler.gif) repeat bottom; 
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
	background: url(bubble.gif) no-repeat bottom;
}