body { background: #000000; font-family: Arial; margin-top: 10px;}
h3 { text-align: left;  color: #954816; font-size: 12pt; text-decoration: none; padding: 0px 0px 8px 0px; margin: 0; }
p { text-align: left; padding: 0; margin: 0; }
li { text-align: left; }
img { border: none; }
a { outline: none; }

.mainpanel { width: 778px; height: 450px; background: #FFFFFF; valign: top; font-size: 10pt; }
.mainpanel td { vertical-align: top; }
.mainpanel td a { color: #954816; }
.newspanel { width: 100%; font-size: 9pt; margin: 0px 0px 20px 0px; border: 1px solid #AAA; }
.newspanel td { padding: 10px 10px 0px 10px; }
.longtext { font-family: Times New Roman; font-size: medium; }

.leftpanel { width: 120px; padding: 10px 0px 0px 5px; }
.middlepanel { padding: 10px 10px 0px 10px; }
.middlepanel p { padding-bottom: 20px; }
.rightpanel { width: 150px; padding: 10px 10px 0px 10px; background: #E6E3C6; color: #333333; }
.rightpanel a { color: #333333; }
.smallrightpanel { width: 100px; padding: 10px 10px 0px 10px; background: #E6E3C6; color: #333333; text-align: right; }
.smallrightpanel a { color: #333333; }

.header { width: 780px; text-align: center; font-size: 11pt; }
.header td { border: 1px solid #000000; } 
.headerrow1 { background: #FFFFFF; }
.headerrow2 { height: 64px; background: #954816; }
.subheader { width: 778px; height: 30px; background: #E6E3C6; }
.subheaderlinks { width: 750px; text-align: right; font: 9pt Arial; }
.subheaderlinks td {padding-top: 5px; }
.subheaderlinks a {text-decoration: none; color: #000000; }
.subheaderlinks a:hover {text-decoration: underline; }

.nav { list-style: none; font: 9pt Arial; padding: 0; margin: 5px auto 10px 18px; text-align: left; }
.nav li { padding-bottom: 1px; }
.nav li a { text-decoration: none; margin-left: -10px; padding: 3px 1px; display: block; color: #680001; font-weight: bold; border-bottom: 1px solid #ECECEC; }
.nav a:hover { color: #333333; background: #E6E3C6; }
.subnav li { list-style: none; margin-left: -30px;}
.link { font: 10pt Arial; list-style: none; margin-left: -40px; }

.lowernav { width: 778px; background: #AAA; text-align: center; height: 30px; } 
.lowernav a { text-decoration: none; color: #000000; font-size: 8pt; }
.lowernav a:hover { color: #FFFFFF; }
.footer { width: 780px; text-align: center; font-size: 7pt; color: #FFFFFF; }
.footer a { color: #FFFFFF; }

.sort-table { font: Icon; border: 1px Solid ThreeDShadow; background: Window; color: WindowText; margin: 0 auto; text-align: left; margin-bottom: 20px; }
.sort-table thead { background:	ButtonFace; }
.sort-table td { padding: 2px 5px; }
.sort-table thead td { border: 1px solid; border-color:	ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight; cursor: default; }
.sort-table thead td:active { border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow; padding:	3px 4px 1px 6px; }
.sort-table thead td[_sortType=None]:active { border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight; padding:	2px 5px; }
.sort-arrow { width: 11px; height: 11px; background-position: center center; background-repeat:	no-repeat; margin: 0 2px; border: none; } 
.sort-arrow.descending { background-image: url("/images/downsimple.png"); }
.sort-arrow.ascending { background-image: url("/images/upsimple.png"); }
.imagecell { width: 100px; text-align: center; }
.namecell { width: 200px; }
.detailcell { width: 75px; text-align: center; }
.width100 { width: 100px; }
.width50 { width: 50px; }
.even { background: #eee; }
.animaldetails { height: 350px; }
.animaldetails p { font-size: medium-small; margin-top: 8px; padding: 0; }

.journaldate { background: #680001; font: 8pt Verdana; color: #FFFFFF; text-align: left; }
.journaltitle { font: bold 8pt Tahoma; text-align: left; }
.journalentry { font: 8pt Tahoma; color: #333333; text-align: left; }

.linkview { text-align: left; margin-top: 8px; }
.linkview li { padding-bottom: 8px; }

.scaffolding { width: 738px; height: auto !important; height: 380px; min-height: 380px; background: #FFFFFF; padding: 20px 20px 20px 20px; text-align: left; font: 9pt Arial; }
.scaffolding p { width: 738px; padding-bottom: 8px; }
.scaffolding form { width: 738px; height: auto; }
.scaffolding table { width: 738px; }
.scaffolding h1 { font: bold 12pt Arial; color: #954816; }
.scaffolding th { font: bold 10pt Arial; text-align: left; }
.scaffolding td { font: 9pt Arial; border: 1px solid #CCC; padding-left: 3px; padding-right: 3px; }
.scaffolding textarea { height: 80px; width: 500px; }
.scaffolding label { font: bold 10pt Arial; }
.memo { width: 738px; }

#loginform { width: 33%; border: 1px solid #CCC; text-align: right; margin: 0 auto; padding: 20px 20px 20px 20px; }
#loginform h3 {padding: 0px 0px 15px 0px; margin: 0; }
#loginform br {clear: left; }
#loginform label { width: 43%; float: left; margin-bottom: 8px; }
#user_login { width: 49%; float: right; margin-bottom: 5px; }
#user_password { width: 49%; float: right; margin-bottom: 5px; }
#leftimg { width: 100px; padding-top: 20px; }
.imgfloatlft { float: left; clear: left; padding: 4px 12px 0px 4px; }
.imgfloatrgt { float: right; clear: right; padding: 8px 4px 0px 12px; }
.imgfloatrgt1 { float: right; clear: right; padding: 30px 4px 0px 12px; }
.imgfloatrgt2 { float: right; clear: right; padding: 0px 4px 0px 12px; margin-top: -18px; }
#largeul { margin-top: -5px; font-family: Times New Roman; font-size: medium; }

.alpaca_edit select { width: 75px; }
.alpaca_edit input { width: 150px; }
.alpaca_edit p { width: 300px; text-align: right; }
.alpaca_left { width: 275px; float: left; }
.alpaca_right { width: 410px; float: left; margin-left: 20px;}
#commitbutton { float: right; width: 75px; margin-top: 40px; margin-right: 60px; }

.nextback { text-align: center; float: right; width: 50px; border: 1px solid #888888; margin-right: 5px; }
.nextback:hover { border: 1px solid black; }
.nextback a { font: 8pt Arial; color: #000000; text-decoration: none; display: block; padding: 3px 0px 3px; 0px; }

.nextback2 { text-align: center; float: right; width: 150px; border: 1px solid #888888; margin-right: 5px; }
.nextback2:hover { border: 1px solid black; }
.nextback2 a { font: 8pt Arial; color: #000000; text-decoration: none; display: block; padding: 3px 0px 3px; 0px; }

/*-------------------------------------------------
FLASHES
-------------------------------------------------*/

#Flash {
	text-align: left;
	border: 1px solid #ccc;
	padding: 5px 5px 5px 30px;
	font-size: 14px;
	margin: 0 auto 12px auto;
  margin-right: 7px;
}

#Flash.good {
	border-color: #9c9;
	color: #060;
	background: url(/images/alertgood_icon.gif) #E2F9E3 left no-repeat;
}
