html, body { font-size: small; color: #333; background-color: #efefef; font-family: "Lucida Grande", verdana, arial, helvetica, sans-serif; margin: 0; padding: 0;}

/* IE fix: disappearing elements */
* html #Content { height: 0.01%; }

a { color: blue; text-decoration: none; }
a:hover { color: #000; background-color: #ffc; }
a.active { color: #000; background-color: #ffc; }
a img { border: none !important; }

img { border: 1px solid #999; padding: 2px }

h1 { font-size: 180%; margin: 0 0 10px 0; padding: 0 }
h2 { font-size: 120%; border-bottom: 1px solid #ccc; margin-top: 0; margin-bottom: 10px; }
h3 { font-size: 110% !important; margin-top: 0; font-weight: bold; margin-top: 0; margin-bottom: 10px; }
h4 { font-size: 100%; border: none; }

/* Structure and layout */
.col { padding: 10px 20px 20px 20px; margin: 0 10px 0 0; text-align: left; line-height: 1.2; z-index: 101;}
.right .col { min-width: 200px; }
div.accesskey { text-decoration: underline; display: inline; margin: 0; padding: 0;}

hr { border-bottom: 1px solid #ccc;  }

#Container { width: 100%; margin: 0;}

#Header { margin: 0 0 0 0; padding: 0; text-align: left; float: left; width: 100% }
#Header h1 { margin: 5px 0; padding: 0 0 0 10px; color: #fff; width: 30% }
#Header h1 a { color: #fff; }

#Content { padding: 0; margin: 0; clear: both; text-align: left; z-index: 101; background-color: #fff; border-bottom: 1px solid #999; }
#Page { padding: 10px; }
#Footer { margin: 0 0 0 10px; padding: 10px 0 4px 0; text-align: left; clear: both; font-size: 11px; }
#Footer a.nav { margin-right: 20px; font-size: small; }
#Footer div { clear: both; font-size: 5px; }

#Links { margin: 0; padding: 0; text-align: right; font-size: x-small; font-family: verdana, sans-serif; float: right; clear: none; }

/* Documents generic */
.document,
.addon { border: 2px solid #aaa; padding: 10px 10px 5px 10px; margin: 10px 0; }
.addon { background-color: #ffe }
.document .source,
.addon .source { font-size: x-small }

/* Preview */
#Preview .document { border: 2px solid #999; padding: 10px; margin: 4px; background: none;}
#Preview .document table { background-color: #ccc; margin: 10px 0 14px 0; }
#Preview .document td { background-color: #fff; padding: 5px; font-size: 12px; }

a.export { background-color: #f0f0f0; border: 2px solid #999; color: #000; text-transform: uppercase; padding: 2px; font-weight: bold }

#Edit #PreviewDocument { overflow: auto }

/* Public */
#Public .document { border: 2px solid #999; padding: 0.5em 1em; margin: 1em; background-image: none !important; }
#Public .document table { background-color: #ccc; margin: 10px 0 14px 0; }
#Public .document td { background-color: #fff; padding: 5px; font-size: 12px; }

/* Preview/public controls */
#WidthSlider { margin: 2em 0 0 1em; float: left;}
#PreviewOptions { margin: 0 0 0 0.5em; padding: 0; float: left;}
#PreviewOptions th, #PreviewOptions td { text-align: center; padding: 0 10px; }

a#Print img { border: none; margin: 0; padding: 0;}
a#Print:hover { background-color: transparent; }

/* Theme selection */

/* User feedback messages */
.Message { margin: 0 0 10px 0; padding: 0; background-color: #fafafa; border: 1px solid #bbb; }
.Message p { padding-left: 4px }
.Message h2 { background-color: #f0f0f0; margin: 0; padding: 2px 0 2px 24px; color: #000; border-bottom: none; background-image: url('/images/azuki/info.gif'); background-repeat: no-repeat; background-position: 4px 2px; }
.Message .links { padding: 0; font-weight: bold; background-color: #f0f0f0; }
.Message .links a { padding: 2px 0 2px 20px; color: #000; display: block; background-image: url('/images/azuki/close_small.png'); background-repeat: no-repeat; background-position: 4px 3px; }
.Message .links a:hover { background-color: #bbb; }

.UserMessage { margin: 0 0 10px 0; padding: 6px; border: 2px solid #ccc; background-color: #f0f0f0; }
#Notice, #Error { clear: both; }
.notice, #Notice { padding: 4px 2px; margin: 0; margin-top: 10px; margin-bottom: 10px; font-weight: bold; color: green; background-color: #DBFFDB; border-top: 1px solid green; border-bottom: 1px solid green; width: 100%; }
.error, #Error { padding: 4px 2px; margin: 0; margin-top: 10px; margin-bottom: 10px; font-weight: bold; color: red; background-color: #FFDBDB; border-top: 1px solid red; border-bottom: 1px solid red; width: 100%; }
#errorExplanation { padding: 0 0 1px 0; margin: 0 0 10px 0; border: none !important; }
#errorExplanation { background: #f9f9f9 !important; }
#errorExplanation ul { padding: 0; margin: 10px 10px 10px 30px;}
#errorExplanation ul li { font-weight: bold; color: red; }
#errorExplanation h2 { background-position: 4px center; background-repeat: no-repeat; background-image: url('/images/error.gif'); margin: 0; padding: 3px 0 3px 26px; font-size: 1em; border: none; background-color: #FFDBDB; color: red;}
#errorExplanation p { margin: 10px;}

.long_message { padding: 0 0 1px 0; margin: 0 0 10px 0; width: 100%; border: 1px solid #aaa; }
.long_message { background: #f9f9f9 !important; }
.long_message ul { padding: 0; margin: 10px 10px 10px 30px;}
.long_message h2 { background-position: 4px center; background-repeat: no-repeat; margin: 0; padding: 3px 0 3px 26px; font-size: 1em; }
.long_message .details { padding: 0 10px; }

.long_message_notice .long_message h2 { border: none; background-color: #DBFFDB; color: green; }
.long_message_error .long_message h2 { border: none; background-color: #FFDBDB; color: red; }

.notice, #Notice { padding: 4px 2px; margin: 0; margin-top: 10px; margin-bottom: 10px; font-weight: bold; color: green; background-color: #DBFFDB; border-top: 1px solid green; border-bottom: 1px solid green; width: 100%; }
.error, #Error { padding: 4px 2px; margin: 0; margin-top: 10px; margin-bottom: 10px; font-weight: bold; color: red; background-color: #FFDBDB; border-top: 1px solid red; border-bottom: 1px solid red; width: 100%; }
.info, #Info { padding: 4px 2px; margin: 0; margin-top: 10px; margin-bottom: 10px; font-weight: bold; color: green; background-color: #DBFFDB; border-top: 1px solid green; border-bottom: 1px solid green; width: 100%; }

#Notice, #Error { cursor: pointer; background-position: 4px center; background-repeat: no-repeat; }
#Notice { background-image: url('/images/azuki/yes.gif'); }
#Error { background-image: url('/images/azuki/error.gif'); }
#Error span.message_space, #Notice span.message_space { padding: 0 8px; margin: 0; }
#Message { position: absolute; z-index: 1010; }

#Notice .body, #Error .body, #Info .body { margin-left: 24px !important }

.fieldWithErrors { clear: none; display: inline; margin: 0; padding: 0 !important; }
.fieldWithErrors input { background-color: #FFDBDB; }

/* Shown when the document needs saving */
#EditorStatus { float: right; margin: 4px }
.status_error, .status_notice { font-weight: bold; margin: 0; padding: 5px; float: left; line-height: 17px;}
.spinner { margin: 0; padding: 0; }
.status_error { color: #fff; background-color: #ff0000; }
.status_notice { color: #fff; background-color: #009900;}
#ForgetChanges { margin: 0; padding: 0; }

/* Tables */
table.standard { width: 100%; border: 1px solid #666666; line-height: 1.5em }
table.standard tr th { text-align: left; padding: 3px 8px; font-weight: bold; white-space: nowrap;}
table.standard tr td { vertical-align: top; padding: 3px 8px; }
table.standard tr td { border-left: 1px solid #D9D9D9; }
table.standard tr td.odd { background-color: #fff; }
table.standard tr td.even { background-color: #edf3fe; }
table.standard a.table_sort, table.standard a.sort_this { text-decoration: underline; }

.small-text { font-size: 8pt }

/* Dashboard */
#ViewControl { margin: 0; }
.view_control h2, #ViewControl h2 { border: none; margin: 0; padding: 0; }
.mini { width: 8.5em; border: none }
.mini ul { border-bottom: none }
.mini #HideTags a { margin: 0 }

#Dashboard .documents { clear: both; margin: 0 0 20px 0; float: left; width: 100%; }
#Dashboard .document_container { float: left; width: 32%; padding: 0; margin: 0 0 20px 0; }
#Dashboard .document .advanced { display: none; }
#Dashboard .document { border: none; margin: 0; padding: 0; }
#Dashboard .document_container h3 { background-color: #f0f0f0; margin: 0; padding: 2px 2px 2px 0.5em }
#Dashboard .document_container h3 a:hover { color: black }
#Dashboard .document dl { width: 98%; margin: 0; padding: 0; clear: right; font-size: x-small;}
#Dashboard .document dt { margin: 0; padding: 0.5em; clear: none; width: 6em; float: left; font-weight: bold}
#Dashboard .document dd { margin: 0; padding: 0.5em; clear: right; float: left; width: 60%; }

/* Boxes */ 
#Dashboard .document_container .document_header { background-position: top right; background-repeat: no-repeat; padding-right: 20px; margin-right: -1px; }
#Dashboard .document_container h3 { background-position: top left; background-repeat: no-repeat; padding: 10px 0 0.5em 25px; }
#Dashboard .document_container { background-position: bottom right; background-repeat: no-repeat; padding-right: 1px;margin: 0 } 
#Dashboard .document { background-position: bottom left; background-repeat: no-repeat; padding: 5px 0 25px 20px; margin-right: 25px; }

/* Buttons */
.buttons a, .buttons button { float: left; display: block; font-size: 100%; margin: 0 7px 0 0; background-color: #f5f5f5; border: 1px solid #dedede; line-height: 130%; text-decoration: none; color: #444; cursor: pointer; padding: 5px 10px 6px 7px; }
.buttons button { width: auto; overflow: visible; padding: 4px 10px 3px 7px; }
.buttons a { white-space: nowrap; }

.buttons button[type] {
    padding: 5px 10px 5px 7px;
    line-height: 17px;
}
*:first-child+html button[type] {
    padding: 4px 10px 3px 7px; /* IE7 */
}

.buttons button img, .buttons a img { margin: 0 0 -3px 0 !important; padding: 0; border: none; }
.buttons button img.icon, .buttons a img.icon { margin: 0 3px -3px 0 !important; padding: 0; border: none; width: 16px; height: 16px; }

.font_control button,
.button-to button,
.buttons a,
.buttons button { background-color: #f5f5f5; }

/* Buttons: colours/borders */
.button-to button { display: block; font-size: 100%; margin: 0 5px 0 0; border: 1px solid #fff; border-bottom: 1px solid #dedede; border-right: 1px solid #dedede; line-height: 130%; text-decoration: none; font-weight: bold; color: #444; cursor: pointer; padding: 2px 8px 2px 5px }
.button-to button:active, .buttons a:active, .buttons button:active { border: 1px solid #fff; border-top: 1px solid #dedede; border-left: 1px solid #dedede; }
.buttons a, .buttons button { border: 1px solid #fff; border-bottom: 1px solid #dedede; border-right: 1px solid #dedede; text-decoration: none; font-weight: bold; color: #444; }

.button-to button,
.buttons a,
.buttons button,
.buttons_inline button { background-color: #f5f5f5; }

/* Dashboard view buttons */
ul.control_list li.title { float: left }
ul.control_list { text-align: right; clear: right; height: 22px; margin: 0 0 1px 0; padding: 0; z-index: 99; }
ul.control_list li { float: right; margin: 0; padding: 0; display: inline; list-style-type: none; position: relative; }
ul.control_list li a:link, ul.control_list li a:visited, ul.control_list li a:active { position: relative; top: 1px; font-family: verdana, sans-serif; font-size: 11px; padding: 2px 1em 4px 1em; margin-right: 1px; z-index: 99}
ul.control_list li a:hover { background-color: #f0f0f0; color: #333 }
ul.control_list li a.selected, ul.control_list li a:visited.selected { font-weight: bold !important; z-index: 99;}
ul.control_list li a {border: 1px solid #aaa; background-color: #999; color: #fff }
ul.control_list li a.selected { border-color: #CCC; background-color: #009900; font-weight: bold; color: #fff !important; }
ul.control_list li a.alt { border-color: #f0f0f0; background-color: #f0f0f0; color: #333; font-weight: bold}
ul.control_list li.new { float: left; margin-left: 4px; }
ul.control_list li.new a { background-color: #009900; font-weight: bold; color: #fff; }

div#SortViewOptions { color: #333; margin: 0; padding: 0; background-color: #ffc !important; position: absolute; top: 1.5em; z-index: 110; border: 1px solid #aaa; }
div#SortViewOptions ul { margin: 0; padding: 4px 8px; }
div#SortViewOptions ul li { width: 6em; text-align: left; display: block; float: none; }
div#SortViewOptions ul li a { background-color: transparent; border: none; color: #000; padding: 0; margin: 0; }

/* Form styling */
form.small, form.small div { margin: 0; padding: 0; }

form.standard { margin: 0; padding: 0; }
form.standard label { padding: 0 0 0 1em; text-align: right; float: left; clear: left; width: 12em; margin-right: 0.9em; margin-top: 0.3em; }
form.standard div { padding: 10px 0 0 0; }
form.standard div fieldset { float: left; margin: 0.4em 0 0 0em; padding: 0 0 4px 0; background-color: #fff; text-align: left; height: auto;}
form.standard div fieldset label { text-align: left; width: 20em; }
form.standard div fieldset table { width: 100%; }
form.standard div fieldset table th { white-space: nowrap; }
form.standard div fieldset.table { width: 50%; border: none; }
span.optional { color: #777; }
form.standard div.action { clear: both; }
/* zoom: 1 translates as: Internet Explorer fails at life */
form.standard div.buttons { margin: 0 0 0 0; padding: 10px 0 10px 14em; border-top: 1px solid #fff; background-color: #f0f0f0; zoom: 1; /}
form.standard div.text { padding: 1em 0 0 1.5em;  }
form.standard div.left { margin-left: 0 !important; padding-left: 1.5em; }
form.standard h3, form.standard h4 { margin-left: 1em; }

form.standard div.horizontal label.horizontal { text-align: right; float: none; clear: none; margin-right: 0.9em; }
form.standard div.horizontal input, form.standard div.horizontal select { margin-right: 1em;}

form.standard .wrap { background-color: #fff;}
form.standard div.single_button { margin-bottom: 1em; margin-left: 12.9em;}

form.plain { clear: both; padding: 1px 0; margin: 0; }

/* Font controls */
div.font_control { float: right; text-align: right; margin: 0; padding: 0; }
.document_font_button { border: none; padding: 0; margin: 0; background-color: transparent; color: black; padding: 2px 8px 2px 5px !important; width: auto; overflow: }
.document_font_button:hover { cursor: pointer; background-color: transparent;}

/* Ajax editor */
form.edit { width: 44em; position: absolute; z-index: 1000; padding: 0 !important; left: 0; top: 0; margin: 0 !important; border: 2px solid #999 !important;}
form.edit div { padding: 0 0 1em 0; }
form.edit div.buttons { margin-top: 0; float: left; padding: 1em 0 1em 0; clear: both; width: 100% }
form.edit div.buttons div.action { margin: 0; clear: both; text-align: center; }
form.edit div.buttons button { margin-left: 10px; }
form.edit textarea { width: 27em !important; }
form.edit label { width: 8em; font-size: 80% !important }
form.edit img { border: none; }
form.standard div.buttons { border-top: 1px solid #fff; background-color: #f0f0f0; }
h2.title { margin: 0 0 1em 0; border-bottom: 1px solid #fff !important; padding: 4px 0 4px 10px; background-color: #f9f9f9; color: #444; font-size: 1.25em; }

/* Settings page */
#Settings h2 { text-align: center }
div#SecondaryNavigation { color: #999; width: 100%; text-align: center; margin: 0 0 20px 0; padding: 0; list-style-type: none; font-weight: bold; }
div#SecondaryNavigation strong { color: #000; font-weight: normal; }
span.highlight { background-color: #ffc }
p.highlight { background-color: #ffc; padding: 5px 0 }

#Themes { width: 100%; }

/* Pagination */
div#pagination { margin: 10px 0 0 0 }
div#pagination a { margin: 0; padding: 4px; border: 1px solid #B8C8FF }

/* Document search */
input#DocumentSearchField { color: #222; width: 125px }
#DocumentSearch { z-index: 100; position: absolute; }

/* In-place editor */
a.editor_cancel { color: red; } 
a.editor_cancel:hover { background-color: red; color: white; padding: 2px; } 

form.inplaceeditor-form { margin: 2px; padding: 0; }
.inplaceeditor-form a { margin: 0 0 0 10px; }

/* Sliders */
#ColourSliders { margin: 2px 0 0 0; padding: 0; }
#RenameTagContainer { margin: 0 0 10px 0 }
#ColourSliders div { margin: 2px 0 10px 0; padding: 0; }
.slider { margin: 4px 0 2px 0; clear: none; height: 12px; background: transparent url(/images/slider_track.gif) repeat-x; }
.slider .handle { position: relative; top: -3px; padding: 0; width: 12px; height: 12px; cursor: pointer; background: transparent url(/images/slider_handle.gif) no-repeat; background-position: top}

/* Text for small ajax-related text */
.small { font-size: x-small; background: none !important; padding-left: 2px; font-weight: normal !important; }
.ajax_small { font-size: x-small; background: none !important; padding: 0 !important; margin: 4px !important; font-weight: bold !important; border: none !important; }

/* General typography */
.emphasis { background-color: #ffb; }
.wide { width: 100%; display: block }
.feedback { width: 99%; margin: 0 auto 0 auto;}
.inline_help { color: #333; width: 200px; background-color: #ffc !important; position: absolute; z-index: 102; border: 2px solid #666 }
.inline_help a.close { color: #ff0000 !important; font-size: 0.9em; }

/* Title and tags positioning in the editor */
#Title { width: 48%; float: left; margin: 0 0 10px 0; }
#TagCollection { padding: 0; margin: 0 0 10px 0; float: left; clear: both }
#Tags { width: 49%; float: right; margin: 0 1% 10px 0; }
#ViewControl { clear: both }

/* Editor */
table#Document, table#DocumentControls { width: 100%; }
form#DocumentForm { z-index: 101; margin: 0; padding: 0; }
form#DocumentForm td.title { border: none; color: #111; padding: 0; width: 50%; }
form#DocumentForm td.centre { text-align: center }
form#DocumentForm td.title div { padding: 4px; background-color: #efefef; }
form#DocumentForm td.title input { width: 99%; font-size: 130%; margin: 0}
form#DocumentForm label { text-transform: uppercase; font-size: 88%; color: #666; }
form#DocumentForm div.source, form#DocumentForm div.heading { width: 100%; border: none; }
form#DocumentForm textarea.textinput { margin: 0; padding: 0; width: 100%; height: 400px; font-family: "Lucida Grande", verdana, arial, helvetica, sans-serif; font-size: 14px;}
form#DocumentForm .buttons { float: left; clear: both; padding: 0; margin: 0; width: 100% }
form#DocumentForm .buttons button, form#DocumentForm .buttons a { margin: 4px; }

a#FormattingLink { text-transform: lowercase; }
div#Formatting { width: 29%; margin-right: 1%; float: right; }

form#DocumentForm ul.options { width: 99%; height: 23px; margin: 10px 0 0 0; padding: 4px 0; background-color: #efefef; list-style-type: none;}
ul.options li.left { float: left; width: 50%; margin: 0 4px; }
ul.options li.right { float: right; width: 10em; margin: 0; padding: 4px; text-align: right}

button { background-color: #f0f0f0; padding: 1px 8px; margin: 0; }
button:hover { background-color: #fff; }

ul.options button { font-size: 11px; vertical-align: middle; text-align: center; padding: 2px 8px; }

.font_control { float: right; }
.font_control button { display: block; font-size: 100%; margin: 0 5px 0 0; border: 1px solid #fff; border-bottom: 1px solid #dedede; border-right: 1px solid #dedede; line-height: 130%; text-decoration: none; font-weight: bold; color: #444; cursor: pointer; padding: 2px 8px 2px 5px }
.font_control button:active, .button-to button:active, .buttons a:active, .buttons button:active { border: 1px solid #fff; border-top: 1px solid #dedede; border-left: 1px solid #dedede; }
.font_control button { display: inline; margin: 2px 0 0 0; padding: 4px 3px 2px 5px; font-size: 12px }
#PreviewOptions .font_control button { margin: 0; }

/* The tag list */
#TagLinks { padding: 0; margin: 0; text-align: left }
body#Preview div#TagLinks { font-size: 100%; padding: 0; margin: 2em 1em 0 1em; }
body#Preview div#TagLinks strong { color: #666 }

/* Settings page */
div#Settings { padding: 0 2em; }
div#Settings h2 { font-size: 2em; }

/* Links */
a.action { color: #ff0000 }
a.destroy { color: #ff0000 }
a.destroy:hover { background-color: #ffc }
.back { padding-left: 17px; background: url('/images/azuki/back.png') no-repeat left; }

/* Boxes */
div.section_warning, div.section_ok { border: 2px solid red; padding: 10px 4px; text-align: center; background-color: #eee }
div.section_ok { border: 2px solid green; }

/* Sharing */
.share_url { padding: 10px 4px; margin: 0; font-size: 20px; }
#ShareStatus { float: right; margin: 0 }
tr.pending { background-color: #ffc; color: #555 }
#Share a { float: left; clear: none; }
#Share input.shared_link { height: 20px; margin: 4px 0 0 4px; width: 352px; font-size: 14px; clear: none; }
#Share img { border: none; position: relative; top: 4px; left: 4px; }
.share_settings { margin: 0 10px; }
.share_settings img { float: right; margin: 0 10px; }

/* Storage space */
#SpaceUsed { display: none; }
#Storage { clear: both; margin: 0; padding: 0;}

/* Tag font sizes */
.size1 {font-size: 1.0em;}
.size2 {font-size: 1.2em;}
.size3 {font-size: 1.4em;}
.size4 {font-size: 1.6em;}
.size5 {font-size: 1.8em;}
.size6 {font-size: 2.0em;}

/* Tag editor */
form#TagEditor { margin-bottom: 10px; }
form#TagEditor div#ColourSliders { width: 340px; clear: none; float: left; }
form#TagEditor div#ColourBlock { margin: 1.5em 0 0 0; border: 4px solid #999; width: 100px; height: 70px; float: left; clear: right; background-color: #000;}

/* Document share */
img.share { border: none; margin: 0; padding: 0; }

/* Formatting example classes */
.example { border: 2px solid #aaa; background-color: #ffe; padding: 10px; }

/* Community */
.addons { margin: 8px 0 16px 0; padding: 0 }
.addon img { float: left; margin-right: 16px; }
.addon button { clear: both; }
.addon p.notice, .addon p.error { margin-top: 20px !important; clear: both }
.addon .source { float: right; width: 20%; text-align: right; }
.addon .title { float: left; }
.addon .body { clear: both; margin: 20px 0 0 0; }
.addon p { clear: both }

ul.button_list { list-style-type: none; clear: both; margin: 0; padding: 0; }
ul.button_list li { float: left; margin: 0 10px 0 0; }

.uninstall { border: 2px solid #990000 }
.warning { padding: 0; margin: 0; background-color: #fafafa }
.approved { text-transform: uppercase; font-size: x-small !important; background-color: transparent; color: #006600; padding: 1px 2px }
.dangerous { text-transform: uppercase; font-size: x-small !important; background-color: transparent; color: #660000; padding: 1px 2px }

/* Add-on changelog */
p.changelog { padding: 0; margin: 0; font-size: x-small; clear: both; }
dl.changelog { width: 100%; padding: 0; font-size: x-small; clear: both; }
dl.changelog dt { float: left; clear: left; width: 10em; margin: 0; padding: 0.5em; }
dl.changelog dd { clear: right; margin: 0; width: 40em; padding: 0.5em; border-top: 1px solid #999; }

/* Beta links */
.beta { background-color: #ff0000; color: #fff; font-weight: bold; padding: 0 2px }

/* Boxes */
.box { border-top: 1px solid #777; padding: 0; margin: 0 }
.box .spacer { margin: 0; padding: 0; clear: both; font-size: 1px; line-height: 1px; height: 1px; width: 100%; float: left;}
.box_content { padding: 0; margin: 9px 0 0 0; }
.left { float: left; clear: none; margin: -1px 0 0 -1px; }
.right { float: right; clear: none; margin: -1px -1px 0 0; }

.documents { clear: both; margin: 0 0 10px 0; padding: 0; width: 100%; }
.documents .spacer { clear: both; float: left }
.document_container { float: left; width: 31%; padding: 0; margin: 0; max-width: 600px; width:expression( 
    document.body.clientWidth > (500/12) * 
    parseInt(document.body.currentStyle.fontSize) ?
        "600px":
        "auto" );
}

.document_container h3 { background-color: #f0f0f0; margin: 0; padding: 2px 2px 2px 0.5em }
.document_container h3 a:hover { color: black }

.file_source { border: 1px solid #999 }

.line { border-bottom: 1px solid #999; line-height: 0; font-size: 0; margin: 2px 0 3px 0; padding: 0; }

#documentList { width: 100%; clear: both; margin-top: 3px; }

/* Boxes */ 
table.preview { width: 98%; padding: 0; margin: 8px 0 0 0; }
table.preview td.item { width: 33%; padding: 0; margin: 0; vertical-align: top; }

.document_container .document_header { background-position: top right; background-repeat: no-repeat; padding-right: 20px; margin-right: -1px; }
.document_container h3 { background-position: top left; background-repeat: no-repeat; padding: 10px 0 0.5em 25px; }
.document_container { background-position: bottom right; background-repeat: no-repeat; padding-right: 1px; margin: 0; width: 100%;}
.document { background-position: bottom left; background-repeat: no-repeat; padding: 5px 0 25px 20px; margin-right: 25px; }

table.details { margin: 0; padding: 0; }
table.details th { text-align: right; }
table.details th, table.details td { padding: 3px 0; vertical-align: top }
table.details td { padding-left: 1em; width: 100%; }

#navigation-container { margin: 0 5px }
#navigation { padding: 0; margin: 0; list-style-type: none; clear: both; float: left; width: 100%; }
#navigation li { margin: 0; padding: 0; float: left; }
#navigation li.right { float: right; margin: 0; }
#navigation a { color: #fff; padding: 7px 10px; display: block }
#navigation a:hover, #navigation a.active { color: #000 }
#navigation form { margin: 0; padding: 0; position: absolute; right: 80px; top: 3px }

#navigation ul.sub-navigation { background-color: #fff; border: 1px solid #ccc; position: absolute; margin: 0; padding: 0; z-index: 101; }
#navigation ul.sub-navigation li { float: none; display: block; clear: both; margin: 0 }
#navigation ul.sub-navigation a { color: #000; display: block; margin: 0 }

#navigation .menu-break { border-top: 1px solid #ccc }

ul.sub-navigation {
  -moz-box-shadow: 2px 2px 7px #333;
  -webkit-box-shadow: 2px 2px 7px #333;
  box-shadow: 2px 2px 7px #333;
}

/* IE6! */
ul.sub-navigation li { white-space: nowrap }

/* Auto complete */
div.auto_complete { position: relative; border: 1px solid #666; width: 350px; background: #fff !important; padding: 0 3px 0 0 !important; font-family: "Lucida Grande", verdana, arial, helvetica, sans-serif; line-height: 1em; text-align: left; }
div.auto_complete ul { margin: 0 !important; list-style-type: none; padding: 0 !important; border: none !important; }
div.auto_complete ul li { display: block; width: 100%; margin: 0; padding: 3px 0 3px 3px !important; }
div.auto_complete ul li.selected { background-color: #ffb; font-weight: normal !important;}
div.auto_complete ul strong.highlight { color: #800; margin: 0; padding: 0; }

#DocumentSearch div.auto_complete { font-size: 0.8em; z-index: 500; }
#DocumentSearch div.auto_complete a { margin: 0; padding: 0; color: blue }

.inline-search { margin-bottom: 10px }

/* Windows from navigation */
#TagCloudContainer { position: absolute; width: 70%; z-index: 1001; top: 100px; background-color: #fff; border: 2px solid #999; padding: 10px }

#AboutHelipadContainer { position: absolute; width: 400px; z-index: 1001; top: 100px; background-color: #fff; border: 2px solid #999; padding: 10px }
#AboutHelipadContainer img { border: none; }
#AboutHelipadContainer p.img { text-align: center }

#OpenDocumentContainer { position: absolute; width: 70%; z-index: 1001; top: 100px; background-color: #f0f0f0; border: 2px solid #999; padding: 10px; }
#OpenDocumentContainer form { margin-bottom: 10px }
#DocumentsScrolled { height: 400px; overflow: auto; margin-bottom: 10px; border: 1px solid #ccc }
#DocumentsScrolled table, #DocumentsScrolled td { border: none; background-color: #fff }

#PreviewListContainer { border-top: 1px solid #ccc; padding-top: 10px }

input[type="text"], input[type="password"], textarea { border: 1px solid #999; transition:border linear .1s, box-shadow linear .1s; -moz-transition: border linear .1s, -moz-box-shadow linear .1s; -webkit-transition: border linear .1s,-webkit-box-shadow linear .1s; }
textarea:focus, input:focus { outline: none; border-color: rgba(80, 165, 240, .70) !important; box-shadow: 0 0 8px rgba(80, 165, 240, .70); -moz-box-shadow: 0 0 8px rgba(80, 165, 240, .70); -webkit-box-shadow: 0 0 8px rgba(80, 165, 240, .70); }
textarea, input[type="text"], input[type="password"], form.standard, td.title div, #Themes img, #DocumentForm .buttons { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.escape_closes, form.remote { border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; }
.escape_closes, form.remote { box-shadow: 0 0 30px rgba(0, 0, 0, .8); -moz-box-shadow:0 0 30px rgba(0, 0, 0, .8); -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .8); }

input[type="text"], input[type="password"] { padding: 4px 0 }

/* START AzukiLib */
/* Busybox */
#Busybox { position: absolute; z-index: 1000; padding: 1em !important; left: 0; top: 0; margin: 0 0 0 0 !important; width: 138px; height: 81px; position: absolute; }
#Busybox img { border: none; }

/* Contextual help */
a.help { margin-left: 1px; padding-left: 16px; background: url('/images/azuki/help.gif') no-repeat left; background-position: 0; white-space: nowrap; cursor: pointer }
#HelpContainer { width: 500px; z-index: 1001;}
#HelpContent { margin: 4px; padding: 10px; text-align: left; line-height: 1.2; z-index: 101; background-color: #fff; }
#HelpContent h3 { text-align: center; font-size: 120% !important; border-bottom: 1px solid #ccc; margin-top: 0; margin-bottom: 10px; }

/* Virtual windows */
.popinfo_container { position: absolute; z-index: 1000; padding: 1em !important; left: 0; top: 0; margin: 0 0 0 0 !important; border: 2px solid #999 !important; background-color: #ccc; text-align: center;}
.popinfo_frame { display: block; position: absolute; margin: -3em 0 0 0; width: 10em; z-index: 1; font-size: 12px; }
.popinfo_inner { display: block; position: absolute; z-index: 1; border: solid 1px #999; background-color: #ff8; text-align: center; margin: 0; padding: 4px; color: #000 }
.popinfo_image { display: block; position: absolute; top: 23px; z-index: 1; width: 28px; height: 11px; padding: 0; margin: 0; background: transparent url('/images/azuki/triangle.gif') no-repeat; }

.popinfo_container img { border: none; }

/* Keyboard shortcuts */
div.accesskey { text-decoration: underline; display: inline; margin: 0; padding: 0;}
span.accesskey { text-decoration: underline; }

/* Textarea extensions */
.bigger, .smaller { cursor: pointer }

/* END AzukiLib */