body {text-align: center; min-width: 600px; padding:0; margin:0; font: 12px "Verdana";}
div, table {text-align:left;}
h1 {text-indent:-9999px; font-size:1px; line-height:1px;}
h4 {color:#999; font:16px "Georgia", serif;}
a { color:#258; font: bold 11px "Verdana";}
a:hover { color:#000; }
p {padding:0;}
p#sync a {padding: 2px 2px 2px 18px; background:url(img/sync.gif) no-repeat left center;}
p#title { font: bold 12px "arial"; text-align:center;}
  
a#upload_files {background:url(img/upload_files.gif) no-repeat left center;}
#foot {clear:both; color:#888; font-size:10px; text-align:center; width:100%;}

/* HEADER & NAVIGATION
===========================================*/
#branding {
	background:#556c86 url(img/myfineprint.gif) no-repeat center center;
	border-bottom: 3px solid #abc8e4;	
	height:80px;
	margin: 0 0 20px 0;
}

#nav {
	background:#abc8e4;
	border-bottom:1px solid #8ac;     
	float:right;	
	list-style:none;
	margin: -23px 0 20px 0; 
	padding:0;
	width:100%;	
} 	
#nav li{ float:right; margin: 0;}
li#welcome {float:left; font: 11px "arial"; margin: 6px 12px;}
#nav li.first a { border-left: 1px solid #8ac; }
#nav li a{
	border-left:1px solid #8ac;	
	display:block;
	float:left;
	padding: 6px 0;
	text-decoration:none;
	width:100px;
}

#nav li a:hover{	
	background:#8ac;
}


/* LOGIN
===========================================*/

#login, #login_help {width:170px;}
#login span {display:block; text-align:center; width:170px; }
#login input {width:170px;}  
p#login_submit input {width:170px;}

/* ALERTS
===========================================*/
p#warn, p#success, p#please {
	display:inline;
	font: bold 12px "arial";
	text-align:left;
	margin: 6px auto;
	}
p#warn, p#success {padding: 6px 12px 6px 35px; border:1px solid;}
p#warn { 
	background:#fcc url(img/warn.gif) no-repeat left center;
	border-color:#f00; color:#f00;	
	}
p#success {
	background:#cfc url(img/success.gif) no-repeat left center;
	border-color:#090; color:#090;
	}
p#please {color:#000;}

span#not_accepted {color:#000;}

.red {color:#f00;}
.center {margin: 0 auto;}
.left {float:left; display:inline;}
.right {float:right; display:inline;}

/* TABS
===========================================*/

.tabberlive .tabbertabhide {
 display:none;
}

.tabbertab {
}
.tabberlive {
 margin:1em auto; width:750px;
}

ul.tabbernav
{
 margin:0;
 padding: 5px 0;
 border-bottom: 1px solid #8ac;
 font: bold 12px Verdana, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 5px 16px;
 margin-right: 3px;
 border: 1px solid #8ac;
 border-bottom: none;
 background: #def;
 text-decoration: none;
}

ul.tabbernav li a:hover
{
 color: #000;
 background: #8ac;
 border-color: #666;
}

ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #258;
 background: white;
 border-color:#8ac;
 border-bottom: 1px solid white;
}

.tabberlive .tabbertab {
 padding:5px;
 border:1px solid #8ac;
 border-top:0;
}

.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* FILE LIST
===========================================*/
table#filelist {background:#e4e4e4; border:1px solid #999; margin:10px; width:720px;}
table#filelist th {font:normal 12px "Verdana"; padding: 6px 0 6px 8px;}
table#filelist td {padding: 2px 0 2px 8px; font-size:11px;}
table#filelist td, tr.directory th {border-bottom: 1px solid #fff;}
tr.header {background:#999; color:#fff;}
tr.directory {background:#ccc;}
td.deletebox input {margin-left:12px;}
span.hotspot {cursor:hand; color:#258; font-weight:bold; text-decoration:underline;} 
span.hotspot:hover {color:#000;}
td.notes {padding: 6px;}
td.notes textarea {width:690px;border:black solid 1;background:#f1f1f1; margin: 6px 0;}
tr.total {background:#fff; border-bottom:1px solid #fff;color:#999;}
p.submit {width:720px; padding:0 10px;}
p.submit input {width:100%;}

span.folder {
	background:url(img/folder.gif) no-repeat left center;
	font-weight:bold;
	padding-left: 25px;}

/* FILE UPLOAD
===========================================*/

#uploadWrap {background:#999;
	border:1px solid #999;
	margin:12px;
}
p.reminder {text-align:center; margin: 4px 12px; color:#999;}
#uploadWrap div {padding:0 12px; margin:0;}
#uploadWrap p {margin: 3px 0px;}
#uploadfolder {color:#fff;}
#uploadWrap div.odd {background:#e4e4e4; padding: 2px 12px;}
#uploadWrap div.even {background:#ccc; padding: 2px 12px;} 


select.tofolder {width:380px;}
span.deletefolder {padding: 0 0 0 15px; background:transparent url(img/deletefolder1.gif)no-repeat left center;}	
span.deletefolder a {background:transparent url(img/deletefolder2.gif)no-repeat right center; color:#f00; text-decoration:none; font-weight:normal; padding: 0 16px 0 0; height:17px;}
input.choose {border: solid 1px #000;width:80px;background:#f1f1f1;font-size:12px;}  
span.noteslabel {width:100px;}
textarea.notesinput {border: solid 1px #000;width:100%;background:#f1f1f1;}
textarea#file3 {margin-bottom: 8px;}	
#timerDiv {clear:both;}

/* REMINDER
===========================================*/
#reminder {float:left; border:1px solid #ccc; margin: 12px 0; width:222px;}
#reminder h4 {margin: 5px 12px;}
#reminder ul {list-style-type:none; margin: 5px 12px; padding:0;}
#reminder li a {font-size:10px; background: url(img/check.gif) no-repeat left center; padding: 2px 2px 2px 12px; text-decoration:none; margin:0;}
#reminder p {font-size:10px; margin: 5px 12px;}
#search, #member_list { width:400px; background:#cef;}
#select_member {border:1px solid #ccc;}
#error {padding:15px; border:1px solid #f00;}
#upload_email {}





.alerter { color:#666666;text-decoration:underline; cursor:help; font-weight:normal;}

.alerter:hover {color:#888888;}

.field{ width:223px; }

.green { color:#008800;}

.green:hover { color:#00bb00;}

.panel {color:#ff0000;
	font-weight:bold;
	font-family:arial;
	text-decoration:none;
	font-size:13px;
}

.panel:hover {
	color:#0000ff;
	font-weight:bold;
	font-family:arial;
	text-decoration:none;
	font-size:13px;
}

.orange {
	color:#ffa000;
	font-family:arial;
	text-decoration:underline;
	font-size:13px;
	font-weight:normal;
}

.orange:hover {
	color:#ffc000;
	font-family:arial;
	text-decoration:none;
	font-size:13px;
	font-weight:normal;
}

.red {
	color:#ff0000;
	font-family:arial;
	text-decoration:underline;
	font-size:13px;
	font-weight:normal;
}

.red:hover {
	color:#ff8080;
	font-family:arial;
	text-decoration:none;
	font-size:13px;
	font-weight:normal;
}