/* ---------------------------------------------
Riverbanks Zoo Extranet Screen Style Sheet
author: Cyberwoven
version:  2007.06
----------------------------------------------- */

body { font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#333; margin:0; padding:0; background: #cdc4ac url(../images/bodybg.jpg); text-align:center; }

p { line-height:20px; }

a, a:link { color:#565e6c; text-decoration:underline; }

a:visited { color:#565e6c; }

a:hover { text-decoration:none; }

h3, h4, h5 { font-family:"Trebuchet MS", Helvetica, Verdana, Arial, sans-serif; padding-left:15px; }

h3 { font-size:26px; line-height:35px; font-weight:normal; border-bottom:1px solid #57492f; color:#57492f; padding:0 0 0 15px; margin:25px 0 10px 0; }

h4 { font-size:20px; line-height:22px; font-weight:normal; color:#565e6c; padding:0; margin:0 0 15px 0; }

h5 { font-size:16px; line-height:18px; font-weight:normal; color:#565e6c; }

/* Login Page Specific Styles
----------------------------------------------- */
body#login { background: #cdc4ac url(../images/login-bodybg.jpg) top center repeat-x; }

#loginbox { margin:136px auto 0 auto; padding-top:36px; width:404px; height:297px; background:url(../images/login-boxbg.jpg) no-repeat; position:relative; z-index:1; }

#loginbox h1 { height:85px; background:url(../images/login-riverbankslogo.gif) center no-repeat; font-size:1px; text-indent:-9999px; margin:0 0 7px 0; }

#loginbox h2 { height:39px; background:url(../images/login-extranet.gif) center no-repeat; font-size:1px; text-indent:-9999px; margin:0 0 10px 0; }

#loginbox form { margin:0 0 0 55px; padding:0; width:280px; }

#loginbox form label { margin:0; padding:0; float:left; display:block; width:82px; height:20px; text-indent:-9999px; font-size:1px; clear:left; }

#loginbox form #emaillabel { background:url(../images/login-label-email.gif); }

#loginbox form #passlabel { background:url(../images/login-label-pass.gif); }

#loginbox input.logintextbox { width:181px; height:13px; border:none; margin:0 0 4px 0; padding:4px 5px; font-size:11px; }

#loginbox input#txtEmail { background:url(../images/login-textbox1.gif); }

#loginbox input#txtPassword { background:url(../images/login-textbox2.gif); }

#loginbox input.loginsubmit { margin:22px 0 0 205px; }
#loginbox input.loginretrieve { margin:5px 0 0 110px; padding:0; }


#loginbox #rememberme {position:absolute; top:228px; left:138px; font-size:11px;}
#loginbox #rememberme input#chkRemember {float:left;}
#loginbox #rememberme label {text-indent:0; color:#57492f; clear:none; padding-top:5px; font-size:11px; width:110px; text-align:left;}

 
#loginbox #rememberme input#chkPreserveLogin {float:left;}


#loginbox a.forgotpassword { position:absolute; top:300px; left:140px; color:#565e6c; text-decoration:underline; font-size:11px; }
#loginbox a.forgotpassword:hover { color:#57492f; }

#loginbox .emailerror, #loginbox .passerror { position:absolute; z-index:10; display:block; top:187px; left:338px; width:231px; height:20px; background:#ffeded url(../images/login-error.gif); color:#900; text-align:left; text-indent:20px; line-height:20px; }
#loginbox .emailerror { top:180px; }
#loginbox .passerror { top:205px; }
#loginbox .retrievetext { font-size:10px; line-height:12px; margin:0; color:#57492f; text-align:right; }

/* Hooray, animals! */

.loginanimal { position:absolute; display:none; z-index:5; }

#animal0a { display:block; background:url(../images/login-animal-giraffe.gif); left:-21px; top:-105px; width:265px; height:170px; }

#animal1a { display:block; background:url(../images/login-animal-koala.jpg); left:-78px; top:-57px; width:130px; height:235px; }

#animal2a { display:block; background:url(../images/login-animal-lioncub.gif); left:152px; top:-117px; width:205px; height:215px; }

#animal3a { display:block; background:url(../images/login-animal-gibbon1.jpg); left:350px; top:33px; width:175px; height:302px; }

#animal3b { display:block; background:url(../images/login-animal-gibbon2.jpg); left:187px; top:6px; width:50px; height:30px; }

/* Layout Blocks
----------------------------------------------- */

#container { background:#fff url(../images/containerbg.jpg) repeat-x; border-bottom:4px solid #5e5036; padding:8px 0; }

#header, #content, #footer { text-align:left; margin:0 auto; width:1024px; padding:0; }

#header { background:url(../images/headerbg.gif) no-repeat; position:relative; padding-top:10px; }

#header h1 { background:url(../images/riverbankslogo.gif) no-repeat; margin:0 0 0 10px; width:246px; height:75px; font-size:1px; text-indent:-9999px; }

#header h2 { background:url(../images/extranet.gif) right center no-repeat; margin:0; position:absolute; top:10px; left:10px; }

#header h2 a { font-size:1px; text-indent:-9999px; display:block; width:455px; height:50px; }

#nav { margin:0; padding:0; list-style:none; display:block; height:29px; }

#nav li { display:inline; margin:0; padding:0; }

#nav li a { display:table-cell; float:left; padding:0 15px; height:29px; line-height:29px; font-size:15px; text-decoration:none; color:#57492f; }

#nav li a:hover { background:#c8bea0; }

#nav li a.active { background:#fff; color:#565e6c; }

#header p { position:absolute; top:40px; right:0; color:#fff; }

#header p a { color:#fff; text-decoration:underline; }

#content { position:relative; }

.downloadpage { position:relative; font-size:1px; line-height:1px; text-indent:-9999px; height:1px; z-index:50; }

.downloadpage a { position:absolute; display:block; width:25px; height:25px; top:-40px; }

.downloadpage a span { display:none; }

.downloadpage a.icontxt { right:15px; background:url(../images/icon-txt.gif); }

.downloadpage a.iconpdf { right:40px; background:url(../images/icon-pdf.gif); }

#footer { color:#57492f; margin:15px auto; }

#footer a { color:#57492f; text-decoration:none; }

#footer a:hover { text-decoration:underline; }

/*** added by Lauren ***/
.calTable{font-size:11px; width: 100%;}
.calTable td, .calTable th{
	width:auto !important;
	padding: 15px 10px;
}
	.calTable th a{
		color:#57492f;
	}

/* Reusables
----------------------------------------------- */

.box { border:1px solid #697384; background:#ebecee; margin:0 0 20px 0; padding:12px; line-height:20px; }

.emergencybox { border-color:#900; background:#ffeded; }

.weatherbox { background:#ebecee url(../images/weatherboxbg.jpg) repeat-x; position:relative; }

.weatherbox .weathertemp { position:absolute; top:15px; right:3px; margin:0; padding:0; font-size:30px; line-height:30px; color:#333; }

.weatherbox .weatherdetails { position:absolute; top:44px; right:15px; margin:0; padding:0; font-size:18px; line-height:18px; color:#333; }

.box p { margin-top:0; }

.scrollbox {height:300px; padding:15px; background:#fff; border:1px solid #d0c8b3; overflow:scroll;}

ul.subnavbox { margin-left: 0; padding-left: 0; list-style-type: none; border: 1px solid #697384; border-bottom:none; }

ul.subnavbox a { display: block; padding: 3px 15px; background-color: #ebecee; border-bottom: 1px solid #697384; text-decoration:none; }

ul.subnavbox a:hover { background-color: #697384; color: #fff; }

ul.schedulebox { margin-left: 0; padding-left: 0; list-style-type: none; border: 1px solid #697384; }

ul.schedulebox a { display: block; padding: 2px 15px; text-decoration:none; }

ul.schedulebox a.even { background-color:#fff; }

ul.schedulebox a.odd { background-color:#ebecee; }

ul.schedulebox a:hover { background-color: #697384; color: #fff; }

table.data { line-height:20px; }

table.data .odd { background:#eee; }

table.data td, table.data tr { border:none; }

/* used for non-form href links */
.linkbutton, .smalllinkbutton { margin:5px 0; font-size:14px; line-height:28px; text-decoration:none !important; padding:4px 8px; border:1px solid #CCC; color:#333; background:#EEE; }

.linkbutton:hover, .smalllinkbutton:hover { color:#000; background:#ebecee; border-top:1px solid #b9c0cd; border-right:1px solid #697384; border-bottom:1px solid #697384; border-left:1px solid #b9c0cd; }

.smalllinkbutton { font-size:12px; }

.clear { border:0; clear:both; display:block; float:none; margin:0; overflow:hidden; visibility:hidden; width:0; height:0; }

.hidden { display:none; }

.popupwindowbox { background:#fff; border:2px solid #57492f; margin:10px; padding:15px; text-align:left; }

.onethird { width:228px; margin:15px; float:left; }

.twothirds { width:486px; margin:15px; float:left; }

.fullwidth { margin:15px; clear:left; }

.red { color:#900; }

.small { font-size:10px; }

.border { border:1px solid #697384 }

.filecabroot { display:block; padding-left:30px; line-height:24px; height:24px; font-size:16px; background:url(../images/filecabicon.gif) no-repeat; }

.calendardropdowns { margin:5px 0 10px 0; font-size:11px; }

.calendardropdowns select { font-size:11px; margin-right:20px; }

/* MICAH ADDITIONS
----------------------------------------------- */

.errortext { color:Red; }

a.redsans { color:#900; }

.bold { font-weight:bold; }

.h3button { width:300px; height:35px; float:right; margin:-45px 15px 0 0; text-align:right; }

#subfolderslist { margin-left:15px; }

ul.manageFolder { margin:-45px 15px 60px 0; text-align:right; }

ul.manageFolder li { display:inline; list-style-type:none; margin-right:15px; }

ul.manageFolder li a { float:right; margin-left:8px; line-height:16px; }

.fileTitle { font-weight:bold; }

a.green { color:#005919; }

td.download, td.delete, td.send { padding: 0 20px 0 20px; }

.textbox { border-top:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #eee; border-bottom:1px solid #eee; width:200px; padding:2px; background:#fefdec; }

.dropDown { border-top:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #eee; border-bottom:1px solid #eee; width:200px; padding:2px; background:#fefdec; }

.highLight { }


.togglename {padding:3px 5px; margin:0 0 0 0; font-size:16px; }

.toggle {display:none; width:14px; height:14px; padding:6px 10px; margin:0 0 0 0; float:right; background:url(../images/togglebg.gif) no-repeat 0 -26px; text-indent:-9999px; outline:none;}



.toggleplus {background-position:0 0;}

.togglable {border-top:1px solid #cccccc; padding:10px 0 0 0; margin-bottom:10px; width:100%;}