body { font: 13px Arial, sans-serif; text-align: center; background: url('../img/top-background.png') 0px 0px repeat-x #eee }

#content { width: 80%; padding: 1px 15px 10px 15px; background: #fff; margin: 0px auto; text-align: left; border: 2px solid #999; border-bottom: 2px solid #666; overflow: auto; }

h1 { font-size: 18px; color: #333; margin: 10px 0px; }
h2 { font-size: 14px; color: #333; margin: 10px 0px; }

/* Admin navigation */
#nav ul { list-style-type: none; width: 80%; display: block; height: 27px; margin: 0px auto 15px auto; padding: 0px }
#nav ul li { float: left; margin: 0px 5px }
#nav ul li a { background: #eee; color: #666; display: block; height: 15px; padding: 5px 7px; margin-top: 5px; font: bold 13px Arial, sans-serif; text-decoration: none; }
#nav ul li a:hover, #nav ul li a.highlight { color: #333; height: 17px; margin-top: 3px; }
#nav ul li.last-child { float: right; }

/* Nav tree */
ul.navigation-tree { margin: 0px; padding-left: 25px; }
ul.navigation-tree li { width: 100%; }
ul.navigation-tree li span { display: block; padding: 2px; border: 1px solid #fff; }
ul.navigation-tree li small { float: right; margin-top: 1px; }
ul.navigation-tree li small a { padding-top: 2px; }
ul.navigation-tree li span:hover { border: 1px solid #ccc; background: #ffc; }

/* Links */
a { padding: 1px; color: #333; }
a:hover { background-color: #ffd; text-decoration: none; }
a img { border: none; vertical-align: middle }
a.create { padding-left: 18px; background: url('../img/page_add.png') center left no-repeat; }
a.update { padding-left: 18px; background: url('../img/page_edit.png') center left no-repeat; }
a.delete { padding-left: 18px; background: url('../img/page_delete.png') center left no-repeat; }

/* Form styles */
fieldset { border: 1px solid #ccc; margin: 5px 0px; }
fieldset legend { font-size: 14px; }
label { font-weight: bold; display: block; padding: 3px 3px 3px 0px; margin-top: 5px; }
label img { vertical-align: top; }
button { margin-top: 20px; display: block; }
label img { cursor: help; }

#helpers { border: 1px solid #ccc; width: 95%; padding: 5px 0px 5px 0px; }
#helpers a { padding: 5px; text-decoration: none; }
#helpers img { vertical-align: text-bottom; }

/* Form styles for specific forms */
#title, #url { width: 500px; }
#meta { width: 500px; height: 40px; }
#body { width: 95%; height: 450px; }

.left { float: left; padding-right: 30px; }

/* Pagination */
.pagination { float: right; }
.pagination a { border: 1px solid #333; padding: 3px 6px; text-decoration: none; color: #666; }
.pagination a:hover { color: #333; }
.pagination a.highlight { background: #ffd; color: #333; }

/* Various table styles */
table { border: 1px solid #666; width: 100%; }
td { padding: 3px 2px; border-bottom: 1px solid #ccc }
th { padding: 3px 2px; background: #eee; color: #333; border-bottom: 1px solid #ccc }
tr:hover, tr.alt:hover { background: #ffc }
tr.alt { background: #ffe }
th.actions, td.actions { width: 140px; text-align: center; }

/* Styles for file manager */
#file-manager { width: 440px; padding: 5px 10px; margin: 50px auto 10px auto; background: #fff; border: 2px solid #666; text-align: left; }
#file-manager.wide { width: auto; margin: 10px auto; padding: 0px; border: none; }
#file-manager a { padding-left: 17px; }
#file-manager label, #file-manager input { float: left; }
#file-manager label { padding-right: 10px; margin-top: 0px; }
#file-manager button { float: right; margin: 0px; }
#file-manager table { border: 0px; }
#file-manager table td { border: 0px; }

#file-manager #upload-a-file-to-this-directory { width: 40%; float: left; margin-left: 5%; }
#file-manager #create-a-new-directory { width: 40%; float: left; margin-left: 5%; }


/* Specialized link styles for filetypes */
#file-manager a.file { background: url('../img/page_white.png') 0px 1px no-repeat; }
#file-manager a.dir { background: url('../img/folder.png') 0px 1px no-repeat; }
#file-manager a.up { background: url('../img/folder_go.png') 0px 1px no-repeat; }
#file-manager a.html { background: url('../img/page_white_code.png') 0px 1px no-repeat; }
#file-manager a.zip { background: url('../img/page_white_zip.png') 0px 1px no-repeat; }
#file-manager a.doc, #file-manager a.docx { background: url('../img/page_white_word.png') 0px 1px no-repeat; }
#file-manager a.ppt { background: url('../img/page_white_powerpoint.png') 0px 1px no-repeat; }
#file-manager a.pdf { background: url('../img/page_white_acrobat.png') 0px 1px no-repeat; }
#file-manager a.php { background: url('../img/page_white_php.png') 0px 1px no-repeat; }
#file-manager a.png, #file-manager a.gif, #file-manager a.jpg { background: url('../img/image.png') 0px 1px no-repeat; }
#file-manager a.delete { background: url('../img/bin.png') 0px 1px no-repeat; float: right; width: 16px; height: 16px; padding: 0px; margin:-16px 0px 0px 0px; }

/* Misc styles */
.debug { background: url('../img/debug.png') top right no-repeat #ffc; border: 2px solid #666; padding: 20px; font-size: 10px }
.flash { color: green }
.error { color: #dc5855 }
.required { color: #dc5855; font-weight: bold; }
.accessibility { position: absolute; left: -9999px }
.clear-left { clear: left; }
p small { font-size: 11px }
.align-center { text-align: center }
.no-margin { margin: 0px }
/*.focus { background: #ffd }*/