/*
    AGORAMAIN.CSS - TˇAˇO Agora CSS for screen. Provide the base for Agora styles.

    This software is distributed FREE if unmodified; for details see AGORALICENSE.TXT
    This software is provided AS IS: author will be not liable for consequences of its use.
    CopyrightŠ2006,2007 Eugene Arenhaus for TˇAˇO LLC
*/

html { height: 100%; } /* for sticky footer support */
body { height: 100%; }

body { margin: 0px; padding: 0px; text-align: justify; min-width: 800px; min-height: 600px; border: none; }

h1, h2, h3, h4, h5, h6  { text-align: left; page-break-after: avoid; page-break-before: auto; page-break-inside: avoid; padding: 0px; margin: 0px; margin-top: 1em; display: block; clear: both; }
html[dir="rtl"] h1, html[dir="rtl"] h2, html[dir="rtl"] h3, html[dir="rtl"] h4, html[dir="rtl"] h5, html[dir="rtl"] h6 { text-align: right; }

h1 { font-size: 1.7em; letter-spacing: 4pt; margin-bottom: 0.5em; }
h2 { font-size: 1.5em; letter-spacing: 2pt; margin-bottom: 0.4em; }
h3 { font-size: 1.3em; letter-spacing: 1.5pt; margin-bottom: 0.3em; }
h4 { font-size: 1.1em; /*margin-bottom: 1.1em;*/ }
h5 { font-size: 1em; /*margin-bottom: 1em;*/ }
h6 { font-size: 0.9em; /*margin-bottom: 0.9em;*/ }

hr { height: 1px; border: none; }

a { text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
a.CollapsibleToggle, a.CollapsibleToggle:hover a.CollapsibleToggle:active { text-decoration: none; }

input, select, textarea, div.inputplaceholder { font-weight: normal; letter-spacing: normal; margin: 0px; padding: 2px; padding-left: 4px; color: black; }
label { font-weight: 600; font-size: 0.8em; letter-spacing: 1pt; }
label.CheckboxLabel, label.SelectLabel { font-weight: normal; letter-spacing: normal; font-size: 1em; }
div.inputplaceholder { font-style: italic; }
div.inputplaceholder + label { margin-top: 0px; }
input { font-size: 1.2em; }
textarea { font-size: 1.2em; }
select { font-size: 1em; }
input[type="submit"], input[type="button"], a.CollapsibleSwitch { font-size: 0.9em;  padding: 0px;  padding-left: 0.5em; padding-right: 0.5em; margin: 1px; cursor: pointer; margin-top: 1em; }
a.CollapsibleSwitch, a.CollapsibleSwitch:visited, a.CollapsibleSwitch:active { text-decoration: none; }
input[type="submit"][disabled], input[type="button"][disabled] { border-color: silver; cursor: not-allowed; }
input[type="checkbox"] { vertical-align: middle; }
input[type="hidden"] { display: none; }
fieldset { border: solid 1px; }
legend { padding-left: 0.5em; padding-right: 0.5em; }
form { clear: both; padding: 24px; }

form.Compact { line-height: 2.4em; }
form.Compact label { margin-left: 2em; }

form .Radio { font-size: 0.8em; margin-left: 1em; }

form table { width: 100%; border: 1px solid silver; border-collapse: collapse; border-spacing: 0px; }
form table td, form table th { margin: 0px; border: 1px solid silver; padding-left: 1em; padding-right: 1em; color: Gray; }
form table th { background: #e0e0e0; color: Gray; }
form table .check { width: 1.5em; text-align: center; padding: 0px; }

.inline { display: inline; }
.table { display: table; }
.table div { display: table-cell; }
.table div.row { display: table-row; }

.FormContainer { clear: both; }
.FormFieldContainer { margin-top: 1em; }
.FormComment { font-size: 0.8em; color: #707070; }

form.noframe { outline: none; border: none; margin: 0px; padding: 0px; background-color: transparent; font-size: 1em; }


fieldset.DatabaseTable { padding-bottom: 0.3em; padding-left: 1em; }
fieldset.DatabaseTable .FormFieldContainer { float: left; margin-right: 0.8em; } /* puts the fields on the same line */

fieldset.DatabaseTable fieldset { border: none; margin: 0px; padding: 0px; }

/*form .optional label:after { content: " (optional)" }*/

/* Typical page structural componenets, for convenience */
.PageContainer, .PageHeader, .PageSubHeader, .PageBody, .PageFooter { clear: both; margin: 0px; padding: 0px;  }
.PageHeader { overflow: hidden; }
.PageBody { }
.PageBodyEnd { clear: both; } /* This, added to the end of .PageBody, makes sure that floating elements do not go beyond the page. Also, use it to set .PageBody's bottom padding: its "padding-bottom" is used to fix the footer height. */
.PageFooter { }

/* The following rigs a footer that sticks to bottom of screen or page, whichever is greater. */
.PageContainer { position: relative; min-height: 100%; }
* html .PageContainer { /*real values hidden from IE */ height: 100%; } /* For hiding from IE7 use  "* html" selector or insert a comment "html>[HERE]body" */
.PageFooter { position: relative; }
/*   To change footer height to N, set .PageBody{padding-bottom} to N, .PageFooter{height} to N, and .PageFooter{margin-top} to -N - example below. */
/*
.PageBody { padding-bottom: 100px; }
.PageFooter { height: 100px; margin-top: -100px; }
*/

.BackLinks { font-size: 0.8em; margin: 0px; padding: 0px; }

.ChannelSelector { padding-top: 1em; }
.ChannelSelector ul { display: inline; clear: both; }
.ChannelSelector li { display: inline; float: left; list-style-type: none; margin-right: 1em; }
html[dir="rtl"] .ChannelSelector li { float: right; }

.ChannelHeader { font-size: 0.8em; clear: both; margin: 0px; padding: 0px; display: block; }

.Interface { display: block; clear: both; }
.Interface form.Button { display: inline; float: left; margin: 0px; padding: 0px; }
html[dir="rtl"] .Interface form.Button { float: right; }

.Item .Interface { display: block; clear: none; /*none;*/ outline: none; }
.Item .Interface form { display: inline; background: none; border: none; outline: none; margin: 0px; padding: 0px;  }
.Item .Interface form input { display: inline; margin: 0px; padding: 0px; font-size: 0.7em; margin-left: 3px; }
.Item .Interface form input[type="hidden"] { display: none; } /* fix for a display oddity */

.Rank { margin-right: 0.6em; }
img.ChangeRank { border: none; }

.SearchForm { clear: both; padding: 0px; margin: 0px; }
.SearchForm form, .SearchForm button { display: inline; background: none; border: none; outline: none; padding: 0px; margin: 0px; }
.SearchForm button { cursor: pointer; }
.ChannelHeader .Interface { font-size: 1.3em; /* compensates for smaller font in its position in ChannelHeader */  }

.ItemList, .TagList, .TaggedObjectList, .ChannelList, .TopicList { margin-top: 36px; }

.EditLinks form { display: inline; background: none; border: none; outline: none; margin: 0px; padding: 0px; }
.EditLinks form div { display: inline; margin: 0px; padding: 0px; }

.deleted {}
.unpublished {}

.deleted .Title { text-decoration: line-through; }

.Signature { font-size: 0.8em; font-style: italic; }
.Signature .Timestamp { font-size: 0.8em;  }

.Notice, .Notices div, .Tags { display: block; }

.ImageInfo, .ImageFilename { font-size: 0.8em; color: Gray; }

.Post { border-bottom: 1px dotted silver; margin-top: 1em;}
.Post.Editable { border: 1px solid silver; padding-top: 0px;  padding-left: 1.2em; padding-right: 1.2em; padding-bottom: 1.1em; }

.Post .Signature, .Topic .Signature {  }
.Post .Signature { text-align: right; }
html[dir="rtl"] .Post .Signature { text-align: left; }

.FromModerator { /*border-right: 4px solid #FFC529;*/ background-color: #fff8c0; margin-top: 24px; margin-bottom: 36px; padding-left: 12px; padding-right: 12px; padding-top: 8px; }

.NeedsModeratorClearance { border: 2px dashed Orange !important; background-color: #fff8c0; }
/*.NeedsModeratorClearance a { text-decoration: line-through; }*/
.NeedsModeratorClearance .Notice, .NeedsModeratorClearance .Notices div { color: #ff6600; font-weight: bold; bordeR: none; background: none; margin: 0px; padding: 0px; }

.Item {}

.Item.NeedsModeratorClearance, .Topic .NeedsModeratorClearance { padding: 0.4em; margin-top: 0.3em; margin-bottom: 0.3em; }
.Item.NeedsModeratorClearance + .Item.NeedsModeratorClearance { margin-top: 0em; } /* prevent adjacent premoderated items from having double gap */

.Item .Description, .Item .PromotedLink { font-size: 0.6em; }
.Item .MoreLink { font-size: 0.75em; }
.Item .PromotedLink, .Item .MoreLink { color: silver; font-style: italic; }

.SubItemList { padding-left: 1em; }

.EndBullet, .Signature .RegUserMark, .Signature .ProbationMark, .Signature .OwnerMark, .Signature .ModeratorMark, .Signature .MailLink { font-family: "Arial Unicode MS", "Bitstream Vera Serif", sans-serif; /* Arial and Bitstream needed for IE & Konqueror which cannot borrow Unicode glyphs from other fonts */ font-style: normal; cursor: default; }

.Signature .RegUserMark { font-size: 1.1em; color: green; padding-left: 0.2em; vertical-align: 20%;  }
.Signature .OwnerMark { font-size: 1.2em; color: maroon; vertical-align: 10%; }
.Signature .ModeratorMark { font-size: 1.2em; color: maroon; vertical-align: 10%; letter-spacing: 0.2em; }
.Signature .ProbationMark { font-size: 1.2em; letter-spacing: 0.2em; }
.Signature .MailLink { font-size: 1.5em; cursor: pointer; }

.Anonymous { color: silver; }

.Deleted { text-decoration: line-through !important; }

.Timestamp, .Location, .Notice, .Notices div, .AgoraComment { font-size: 0.7em; font-style: italic; }

.SystemMessage { color: Maroon; border: 1px solid Maroon; font-family: sans-serif; font-weight: bold; padding: 1em; margin-bottom: 1em; }

.Warnings { margin-top: 1em; margin-bottom: 1em; }
.Error, .InlineError, .InlineWarning, .InlineMessage { padding: 24px; padding-left: 64px; margin: 0px; margin-bottom: 4px; font-family: sans-serif; font-size: 0.8em; color: black; text-align: justify; background-position: 16px 50%; background-repeat: no-repeat; }
.Error, .InlineError { border: 1px solid maroon; color: maroon; }
.InlineWarning { background-color: #fff8c0; background-image: url(warningicon.png); border-top: 2px solid #ffd030; border-bottom: 2px solid #ffd324; }
.InlineMessage { background-color: #e4f1ff; background-image: url(infoicon.png); border-top: 2px solid #8accff; border-bottom: 2px solid #8accff; }
.PromotionError { background-color: #ffe8e2; border: 1px solid #ff674f; padding: 8px; margin: 2px; }
.PromotionError .PromotedLink { color: maroon; font-size: 0.8em; }

/*.alert {
	background: #fff6bf url(bioneural/exclamation.png) center no-repeat;
	background-position: 15px 50%;
	text-align: left;
	padding: 5px 20px 5px 45px;
	} */

.FormInputError label, label.FormInputError, .FormInputError legend, .FormComment.FormInputError { color: Maroon; }
/*label.AgoraFormInputError { color: Maroon; }*/
/*label.AgoraFormInputError:before { content: '* '; }*/
input.FormInputError, select.FormInputError, textarea.FormInputError, fieldset.FormInputError, .FormInputError fieldset { border: dotted 1px Red; }

.ModeratorTools { margin: 0px; padding: 0px; }

.W3CValidatorIcon img { border: none; }

/* Formatting replacement for non-XHTML tags <strike> and <u> */
.underline { text-decoration: underline; }
.strikeout { text-decoration: line-through; }

/* Special forms */
.InlineForm { text-align: right; white-space: nowrap; letter-spacing: normal; border: none; clear: both; margin: 0px; margin-top: 0px; padding: 0px; padding-bottom: 0.8em; padding-right: 1em; }
html[dir="rtl"] .InlineForm { text-align: left; }
.InlineForm input, .InlineForm select { letter-spacing: normal; padding: 1px !important; }
.InlineForm input[type="submit"] { margin-right: 3px; }

.ImageUploadForm img { max-width: 160px; }
.ImageUploadForm fieldset { width: 160px; display: inline; }
.ImageUploadForm input[type="submit"], .ImageUploadForm input[type="button"] { padding: 0.1em; margin-top: 0.4em; }

form.Button { margin: 0px; margin-right: 12px; padding: 0px; border: none; outline: none; display: inline; clear: none; }
html[dir="rtl"] form.Button { margin: 0px; margin-left: 12px; }
form.Button div { margin: 0px; padding: 0px; display: inline; clear: none; } /* This makes the unnecessary but standard-requisite DIV inside the form invisible. */

/* Database interface channel specials */
/*.RecordList { margin: 0px; padding: 0px; }*/
.InlineRecordEditor { font-size: 0.8em; }
.InlineRecordEditor td { margin: 0px; padding: 0px; }
.InlineRecordEditor input { font-size: 0.8em !important; margin: 0px !important; padding: 0px !important; }
.InlineRecordEditor input[type="submit"], .InlineRecordEditor input[type="button"] { font-size: 0.6em !important; }
.InlineRecordEditor .Radio { font-size: 0.6em; margin: 0px; }
/* Navigation line setup */
.Breadcrumbs ul { display: inline; clear: both; }
.Breadcrumbs li { display: inline; float: left; }
html[dir="rtl"] .Breadcrumbs li { float: right; }

/* Collapsible element support */
.hidden { display: none; }
.collapsible, .CollapsibleContainer { display: block; clear:both; }
.collapsible.closed { display: none; }
.CollapsibleToggle { cursor: pointer; }
a.CollapsibleToggle { font-size: 0.7em;  }
fieldset.contentsclosed { padding: 0px; border: none; }
/*a.CollapsibleToggle:before { content: '[+] '; }
a.CollapsibleToggle.open:before { content: '[-] '; }*/

.OptionDescriptions { }
.OptionDescriptions .Item { display: none; padding: 0px; margin-top: 0.5em; font-size: 0.8em; color: black; }

/* sIFR header substitution styles for screen */
.sIFR-flash { visibility: visible !important; margin: 0px; padding: 0px; }
.sIFR-replaced { visibility: visible !important; }
.sIFR-alternate { position: absolute; left: 0px; top: 0px; width: 0px; height: 0px; display: block; overflow: hidden; }
/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] { display: none !important; }

.BatchLinks, .EditLinks { width: 100%; clear: both; font-size: 0.7em; margin-bottom: 1em; color: black; }

/* User and tag page styles */
.UserList, .TagList, .SearchResultList, .UserList div, .TagList div.Item { }

.SearchResultList .Item .SearchKeyword { font-weight: bold; }

.ImageWrapper { display: inline; margin: 0px; padding: 0px; }

.ImageCaption { margin: 0px; padding: 0px; }

/* Configurator styles */
.Configurator { width: 540px; float: right; margin: 0px; margin-top: 1em; margin-bottom: 2em; padding: 0px; }
.Configurator .FormContainer { margin: 0px; }
.Configurator .FormContainer h3 { margin: 0px; }
.Configurator .inherited { font-style: italic; color: #606060; }
.Configurator form { clear: none; width: 490px; }
.ConfiguredItems { width: 120px; float: left; margin-bottom: 2em; color: black; }
.ConfiguredItems .Item { padding: 0px; margin: 0px; font-size: 0.8em; }
/*.ConfiguredItems .Item a, .ConfiguredItems .Item a:visited { color: gray; }*/
.ConfigurationSection { border: 1px solid silver; margin: 0px; margin-bottom: 0.5px; padding: 12px; }

/* Generic wikicode support */
.Footnote { font-size: 0.8em; margin-top: 2em; margin-left: 6em;  }
.FootnoteMark { font-size: 0.8em; vertical-align: super; }

/*General formatting styles to replace deprecated attributes*/

.AlignRight { text-align: right; }
.AlignLeft { text-align: left; }
.AlignCenter { text-align: center; }
.AlignJustify { text-align: justify; }

img.AlignRight, table.AlignRight { display: inline; margin: 12px; padding: 0px; float: right; margin-right:  0px; }
img.AlignLeft,  table.AlignLeft  { display: inline; margin: 12px; padding: 0px; float: left;  margin-left: 0px; }

.AlignLeft .ImageCaption { text-align: left; }
.AlignRight .ImageCaption { text-align: right; }

.ImageWrapper img { margin: 0px; padding: 0px; }

/* Used to mark SQL queries debug report - used only for development */
.Trace, .Query, .Log, .VarDump { /*max-height: 240px;*/ overflow: auto; padding: 8px; margin: 6px; outline: 1px solid black; border: 2px solid green; white-space: pre; font-family: 'Courier New'; font-size: 12px; background: white; color: DarkGreen; }
.VarDump { color: navy; border-color: DodgerBlue; }
.Log { color: gray; border-color: silver; }
.Trace { color: black; background-color: #E8FFFA; border-color: #60D090; font-family: 'Lucida Console'; padding: 0px; }
.Trace div { border-bottom: 1px solid #60D090; padding: 3px; padding-left: 8px; }
.InlineWarning .Trace { background-color: #fff8c0;  border: 1px solid orange; outline: none; }
.InlineWarning .Trace div { border-bottom: 1px solid orange; }
.Standout { padding: 8px; margin: 6px; outline: 1px solid red; border: 2px orange; color: Red; font-size: 3em; }
.Unrecognized { white-space: pre; font-family: 'Courier New'; font-weight: bold; font-size: 14px; color: Red; outline: 1px solid Red; background: #FFFFC0; padding-left: 6px; padding-right: 6px; }

.A, .B, .C { font-weight: bold; font-size: 60px; border: 1px solid; margin: 10px; padding: 20px; }
.A { color: Red; border-color: Red; }
.B { color: Green; border-color: Green; }
.C { color: Blue; border-color: Blue; }