
/*	-----------------------------------------------------------
	STYLE
	Appearance: margins, padding, fonts, borders
	-----------------------------------------------------------	*/
	

/*	---------------------------------------------------------------------------------------
	CONSTANTS
	
	Sizes
	----------------------------------------
	S1 line-height																	1.4em
	S2 somewhat smaller font size													94%
	S3 small font size, twikiSmall													85%
	S4 horizontal bar padding (h2, patternTop)										5px
	S5 form and attachment padding													20px
	S6 left margin left bar															1em

	---------------------------------------------------------------------------------------	*/

/*	-----------------------------------------------------------
	General elements
	-----------------------------------------------------------	*/
	
/* HTML elements */
html body {
	line-height:1.4em; /*S1*/
	font-family:"Lucida Grande", verdana, arial, sans-serif;
	font-size:x-small;
	voice-family:"\"}\""; 
	voice-family:inherit;
	font-size:small;
}
html>body { /* Mozilla */
	font-size:small;	
}
p {
	margin:1em 0 0 0;
}
table {
	border-collapse:separate;
}
th {
	line-height:1.15em;
}
strong, b {
	font-weight:bold;
}
hr {
	height:1px;
	border:none;
}
pre, code, tt {
	font-size:100%;
	line-height:1.4em; /*S1*/
}
/* put overflow pre in a scroll area */
pre {
    width:100%;
    margin:1em 0; /* Win IE tries to make this bigger otherwise */
}
html>body pre { /* hide from IE */
	/*\*/ overflow:auto !important; /* */ overflow:scroll; width:auto; /* for Mac Safari */
}
/* IE behavior for pre is defined in twiki.pattern.tmpl in conditional comment */
ol li, ul li {
	line-height:1.4em; /*S1*/
}
	
/* Text */
h1, h2, h3, h4, h5, h6 {
	font-family:"Lucida Grande", arial, verdana, sans-serif;
	line-height:104%;
	padding:0em;
	margin:1em 0 .1em 0;
}
h1, h2 {
	font-weight:500;
}
h1 { font-size:200%; }
h2 { font-size:170%; }
h3 { font-size:135%; }
h4 { font-size:122%; }
h5 { font-size:110%; }
h6 { font-size:95%; }
h1,
.patternPreviewArea h1 {
	font-size:200%;
	margin:0 0 .5em 0;
}
.patternNoViewPage h1 {
	font-size:175%;
}
.patternTopic h2,
.patternTopic h3,
.patternTopic h4,
.patternTopic h5 {
	display:block;
	/* give header a background color for easy scanning: */
	padding:.1em 5px;
	margin:1em -5px .35em -5px;
	border-width:0 0 1px 0;
	border-style:solid;
	height:auto;
	
}


/* Links */
/* somehow the twikiNewLink style have to be before the general link styles */
.twikiNewLink {
	border-width:0 0 1px 0;
	border-style:dotted;
}
.twikiNewLink a {
	text-decoration:none;
	margin-left:1px;
}
.twikiNewLink a sup {
	text-align:center;
	padding:0 2px;
	vertical-align:baseline;
	font-size:100%;
	text-decoration:none;
}
.twikiNewLink a:link sup,
.twikiNewLink a:visited sup {
	border-width:1px;
	border-style:solid;
	text-decoration:none;
}
.twikiNewLink a:hover sup {
	text-decoration:none;
}

:link:focus,
:visited:focus,
:link,
:visited,
:link:active,
:visited:active {
	text-decoration:underline;
}
:link:hover,
:visited:hover {
	text-decoration:none;
}

img {
	vertical-align:text-bottom;
}

/* Forms */
form { 
	display:inline;
	margin:0em;
	padding:0em;
}
textarea,
input,
select {
	font-size:100%;
	vertical-align:middle;
	border-width:1px;
	border-style:solid;
	padding:1px;
}
input {
	margin:.15em 0;
}
textarea {
	font-family:"Lucida Grande", verdana, arial, sans-serif;
}
label {
	vertical-align:middle;
}


/*	-----------------------------------------------------------
	Plugin elements
	-----------------------------------------------------------	*/

/* EditTablePlugin */
.editTable .twikiTable {
	margin:0 0 2px 0;
}
.editTableInput,
.editTableTextarea {
	font-family:monospace;
}
.editTableEditImageButton {
	border:none;
}

/* TablePlugin */
.twikiTable {
    border-collapse:collapse;
    border-width:1px;
	border-style:solid;
	border-spacing:0px;
}
.twikiTable td,
.twikiTable th {
	border-width:1px;
	border-style:solid;
}
.twikiTable th {
    padding:4px;
}
.twikiTable td {
    padding:2px 4px;
}
.twikiTable th a:link,
.twikiTable th a:visited,
.twikiTable th a font {
	text-decoration:none;
}
.twikiTable th a:hover,
.twikiTable th a:hover font {
	text-decoration:none;
	border-width:0 0 1px 0;
	border-style:solid;
}

/* TablePlugin - sorting of table columns */
th.twikiSortedAscendingCol a:link,
th.twikiSortedAscendingCol a:link font,
th.twikiSortedAscendingCol a:visited,
th.twikiSortedAscendingCol a:visited font {
	border-width:1px 0 0 0;
	border-style:solid;	
}
th.twikiSortedDescendingCol a:link,
th.twikiSortedDescendingCol a:link font,
th.twikiSortedDescendingCol a:visited,
th.twikiSortedDescendingCol a:visited font {
	border-width:0 0 1px 0;
	border-style:solid;
}
th.twikiSortedAscendingCol a:hover,
th.twikiSortedAscendingCol a:hover font {
	border-width:0 0 1px 0;
	border-style:solid;
	text-decoration:none;
}
th.twikiSortedDescendingCol a:hover,
th.twikiSortedDescendingCol a:hover font {
	border-width:1px 0 0 0;
	border-style:solid;
	text-decoration:none;
}

.twikiEditForm {
	margin:0 0 .5em 0;
}

/* TipsContrib */
.tipsOfTheDayContents .tipsOfTheDayTitle {
	font-weight:bold;
}
.patternTopic .tipsOfTheDayHeader {
	display:block;
	padding:3px 5px;
}
.patternTopic .tipsOfTheDayText {
	padding:0 5px 5px 5px;
}
.patternTopic .tipsOfTheDayText a:link,
.patternTopic .tipsOfTheDayText a:visited {
	text-decoration:none;
}
/* TipsContrib - in left bar */
#patternLeftBar .tipsOfTheDay {
	margin:1em 1em .5em 0;
	border-width:0;
}
#patternLeftBar .tipsOfTheDayHeader img {
	display:none;
}
#patternLeftBar .tipsOfTheDayContents {
	padding:.25em .25em .5em .25em;
}
#patternLeftBar .tipsOfTheDayHeader {
	display:block;
	font-weight:normal;
}

/* TwistyContrib */
a:link.twistyTrigger,
a:visited.twistyTrigger {
	text-decoration:none;
}
a:link .twistyLinkLabel,
a:visited .twistyLinkLabel {
	text-decoration:underline;
}

/*	-----------------------------------------------------------
	TWiki styles
	-----------------------------------------------------------	*/

.twikiAttachments,
.twikiForm {
	margin:1em 0;
	padding:1px; /* fixes disappearing borders because of overflow:auto; in twikiForm */
}
.patternContent .twikiAttachments,
.patternContent .twikiForm {
	/* form or attachment table inside topic area */
	font-size:94%; /*S2*/
	padding:.5em 20px; /*S5*/ /* top: use less padding for the toggle link; bottom: use less space in case the table is folded in  */
	border-width:1px 0 0 0;
	border-style:solid;
	margin:0;
}
.twikiAttachments table,
table.twikiFormTable {
	margin:5px 0 10px 0; /* bottom: create extra space in case the table is folded out */
	border-collapse:collapse;
	padding:0px;
	border-spacing:0px;
	empty-cells:show;
	border-style:solid;
	border-width:1px;
}
.twikiAttachments table {
	line-height:1.4em; /*S1*/
	width:auto;
	voice-family: "\"}\""; /* hide the following for Explorer 5.x */
	voice-family:inherit;
	width:100%;
}
.twikiAttachments th,
table.twikiFormTable th.twikiFormTableHRow,
.twikiEditForm th {
	padding:3px 6px;
	height:2.5em;
	vertical-align:middle;
}
.twikiAttachments th a:link,
.twikiAttachments th a:visited {
	text-decoration:none;
}
/* don't show any of those ugly sort icons */
.twikiAttachments th img,
.twikiAttachments th a:link img,
.twikiAttachments th a:visited img {
	display:none;
}
.twikiAttachments td,
table.twikiFormTable td {
	padding:3px 6px;
	height:1.4em; /*S1*/
	text-align:left;
	vertical-align:top;
}
.twikiAttachments td {
	/* don't show column lines in attachment listing */
	border-width:0 0 1px 0;
}
.twikiAttachments th.twikiFirstCol,
.twikiAttachments td.twikiFirstCol {
	/* make more width for the icon column */
	width:26px;
	text-align:center;
}
.twikiAttachments caption {
	display:none;
}
table.twikiFormTable th.twikiFormTableHRow a:link,
table.twikiFormTable th.twikiFormTableHRow a:visited {
	text-decoration:none;
}

.twikiToc {
	margin:1em 0;
	padding:.3em 0 .6em 0;
}
.twikiToc ul {
	list-style: none;
	padding:0 0 0 .5em;
	margin:0em;
}
.twikiToc li {
	margin-left:1em;
	padding-left:1em;
	background-repeat:no-repeat;
	background-position:0 .5em;
}
.twikiToc .twikiTocTitle {
	margin:0em;
	padding:0em;
	font-weight:bold;
}

.twikiSmall {
	font-size:85%; /*S3*/
}
.twikiSmallish {
	font-size:94%; /*S2*/
}
.twikiNew { }
.twikiSummary {
	font-size:85%; /*S3*/
}
.twikiEmulatedLink {
	text-decoration:underline;
}
.twikiPageForm table {
	width:100%;
	border-width:1px;
	border-style:solid;
	margin:0 0 2em 0;
}
.twikiPageForm th,
.twikiPageForm td {
	border:0;
	padding:.15em;
}
.twikiPageForm td {}
.twikiPageForm th.last,
.twikiPageForm td.last {
	border-bottom:0;
}
.twikiPageForm td.first {
	padding-top:1em;
}
.twikiBroadcastMessage {
	padding:.25em;
}
.twikiButton, 
.twikiSubmit {
	font-size:100%;
	border-width:1px;
	border-style:solid;
	vertical-align:middle;
	padding:0 1px;
}
.twikiCheckbox,
.twikiRadioButton {
	border:none;
	vertical-align:middle;
	margin:0 .3em 0 0;
}
.twikiHelp {
	padding:1em;
	margin:.5em 0 1em 0;
	border-width:1px 0;
	border-style:solid;
}
.twikiHelp ul,
.twikiHelp li {
	margin-top:0;
	margin-bottom:0;
}
.twikiAccessKey {
	text-decoration:none;
	border-width:0 0 1px 0;
	border-style:solid;
}
a:hover .twikiAccessKey {
	text-decoration:none;
	border:none;
}
.twikiWebIndent {
	margin:0 0 0 1em;
}

/*	-----------------------------------------------------------
	Pattern skin specific elements
	-----------------------------------------------------------	*/

#patternPage {
	font-size:100%;
}
#patternColumnWrapper {
	border-width:0 0 1px 0;
	border-style:solid;
}
#patternMain {
	border-width:1px 0 0 1px;
	border-style:solid;
}
.patternMainContents {
	padding:0 2em 1em 2em;
}

/* Top bar */
#patternTopBar {}
table.patternTopBarContents {
	padding:0 0 0 1em; /*S6*/ /* left padding same as #patternLeftBar */ 
	height:100%;
	width:100%;
}	
table.patternTopBarContents td {
	height:100%;
	vertical-align:middle;
}

/* Bottom bar */
#patternBottomBar {
	padding:1em 2em 1.5em 2em;
}
.patternBottomBarContents {
	font-size:85%; /*S3*/
	line-height:1.3em;
	text-align:center;
}

.patternSeparator {
	font-family:monospace;
}

.patternTopicAction {
	font-size:94%; /*S2*/
	line-height:1.5em;
	margin:0 0 3em 0;
	padding:.5em 20px; /*S5*/
	border-width:1px 0;
	border-style:solid;
}
.patternActionButtons a:link,
.patternActionButtons a:visited {
	padding:1px 1px 2px 1px;
}
.patternTopicAction .patternActionButtons a:link,
.patternTopicAction .patternActionButtons a:visited {
	text-decoration:none;
}
.patternTopicAction .patternSaveOptions {
	margin-bottom:.5em;
}
.patternTopicAction .patternSaveOptions .patternSaveOptionsContents {
	padding:.2em 0;
}
.patternMoved {
	font-size:94%; /*S2*/
	margin-bottom:1em;
}	
.patternMetaNav {
	font-size:85%; /*S3*/
}
.patternMetaNav a:link,
.patternMetaNav a:visited {
	text-decoration:none;
}
.patternMetaNav .patternSeparator {
	margin:0 .5em;
}
.patternMetaNav input#quickSearchBox,
.patternMetaNav input#jumpBox {
	margin:0 0 0 .85em;
	padding:0;
	height:1.2em; /* 85% of default line-height 1.4 */
}
.patternMetaNav input#quickSearchButton,
.patternMetaNav input#jumpButton {
	margin:0 0 0 2px;
	border:0;
}

/* Left bar */
#patternLeftBar {
	border-width:1px 0 0 0;
	border-style:solid;
}
.patternLeftBarContents {
	padding:0 0 1.5em 1em; /*S6*/
	font-size:94%; /*S2*/
	overflow:hidden;
}
.patternLeftBarContents a img {
	margin:1px 0 0 0;
}
.patternLeftBarContents a:link,
.patternLeftBarContents a:visited {
	text-decoration:none;
}
.patternLeftBarContents ul {
	padding:0;
	margin:.5em 0 1em 0;
	list-style:none;
}
.patternLeftBarContents li {
	width:100%;
	margin:0 1em 0 0;
	overflow:hidden;
	text-overflow:ellipsis;
}
.patternLeftBarContents .patternFormHolder {
	margin:1em 0;
}
.patternLeftBarContents .patternFormHolder th {
	padding:0 0 2px 0;
	vertical-align:middle;
}
.patternLeftBarContents .patternFormHolder th.patternFormSpacer {
	width:1px;
}
.patternLeftBarContents .patternFormHolder th.patternFormFieldButton {
	width:16px;
}
.patternLeftBarContents input.patternFormField {
	border-width:1px;
	border-style:solid;
	font-size:85%; /*S3*/
	margin:0;
}
.patternLeftBarContents input.patternFormButton {
	display:block;
	margin:auto 1em auto 0;
	border:0;
	width:16px;
}
.patternLeftBarContents .patternChangeLanguage {
	margin:0 2em 0 0; /*S6*/ /*needed for proper wrapping: 1em is left margin, 1em is right margin*/
	font-size:85%; /*S3*/
}
#patternLeftBar .patternWebIndicator {
	margin:0 0 0 -1em; /*S6*/
	line-height:1.4em;
	padding:.55em 1em .55em 1em; /*S6*/
	text-align:center;
}
#patternLeftBar .patternWebIndicator a:link,
#patternLeftBar .patternWebIndicator a:visited {
	text-decoration:none;
}
.patternLeftBarPersonal {
	margin:0 0 .7em -1em; /*S6*/
	padding:.25em 1em .25em 1em; /*S6*/
	border-width:1px 0;
	border-style:solid;
}
.patternLeftBarPersonal ul {
	margin:0;
	padding:0;
}
.patternLeftBarPersonal li {
	padding-left:1em;
	background-repeat:no-repeat;
	background-position:0 .5em;
}
.patternLeftBarPersonal a:hover {
	text-decoration:none;
}


/* table used in various places */
.patternVersatileTable table {
	width:auto;
	padding:0px;
	border-spacing:0px;
	border-collapse:collapse;
	empty-cells:show;
	border-width:1px;
	border-style:solid;
	margin:1em 0;
	font-size:94%; /*S2*/
}
.patternVersatileTable th,
.patternVersatileTable td {
	vertical-align:middle;
	border-width:1px 0 0 0;
	border-style:solid;
	padding:5px 1em 5px 1.25em; /*S4*/
}

/* Topic text */
.patternTopic {
	padding:0 0 1.5em 0;
	margin:0 0 1px 0;
}

.patternTop {
	font-size:94%; /*S2*/
}
.patternTop table {
	border:none;
	width:100%;
}
.patternTop td {
	vertical-align:top;
}
.patternTop td.patternHomePath,
.patternTop td.patternRevInfo {
	padding:.25em .5em .25em 0;
	line-height:1.25em;
}
.patternTop td.patternHomePath {
	text-align:left;
	width:auto;
}
.patternTop td.patternRevInfo {
	text-align:right;
	width:40%;
}
.patternTop .patternHomePath a:link,
.patternTop .patternHomePath a:visited,
.patternTop .patternRevInfo a:link,
.patternTop .patternRevInfo a:visited {
	text-decoration:none;
}

/* Button tool bar */
.patternToolBar {
	padding:.25em .5em 0 .5em;
	line-height:100%;
}
td.patternToolBar {
	vertical-align:bottom;
}
.patternToolBar a:link,
.patternToolBar a:visited {
	text-decoration:none;}
.patternToolBarButtons {
	float:right;
}
.patternToolBarButtons .twikiSeparator {
	display:none;
}
.patternToolBar .patternButton {
	float:left;
}
.patternToolBar .patternButton s,
.patternToolBar .patternButton strike,
.patternToolBar .patternButton a:link,
.patternToolBar .patternButton a:visited {
	display:block;
	margin:0 0 -1px 4px;
	border-width:1px;
	border-style:solid;
	/* relative + z-index removed due to buggy Win/IE redrawing problems */
	/*
	position:relative;
	z-index:0;
	*/
	padding:.35em .6em;
}
.patternToolBar .patternButton a:link,
.patternToolBar .patternButton a:visited {
	text-decoration:none;
}
.patternToolBar .patternButton s,
.patternToolBar .patternButton strike {
	text-decoration:none;
}
.patternToolBar .patternButton a:hover {
	text-decoration:none;
	/*z-index:3;*/
}
.patternToolBarBottom {
	position:relative;
	border-width:1px 0 0 0;
	border-style:solid;
	margin:0 0 .5em 0;
	z-index:2;
}

.patternSimpleLogo {
	margin:0 0 1.5em 0;
}
input.patternFormFieldVerticalForm {
	margin:.1em 0 .6em 0;
}

/* Pages that are not a view page */

.patternNoViewPage #patternPage,
.patternPrintPage #patternPage,
.patternPlainPage #patternPage {
	padding-left:0;
}
.patternNoViewPage #patternMain {
	padding-top:2em;
	padding-bottom:4em;
	border-left:0;
}
.patternNoViewPage #patternBottomBar {
	/* same margins as #patternPage in layout.css */
	margin-left:3%;
	margin-right:3%;
}

/* Edit page */

.twikiChangeFormButtonHolder {
	margin:1em 0;
	float:right;
}
.patternFormHolder { /* constrains the textarea */
	width:100%;
}
.twikiChangeFormButton {
	font-family:"Lucida Grande", verdana, arial, sans-serif;
	padding:0em;
	margin:0em;
	border:none;
	text-decoration:underline;
}
.patternSig {
	margin:.25em 0 .5em 0;
}

.patternAccessKeyInfo {
	margin-top:1em;
	padding:.25em .5em;
	border-width:1px 0;
	border-style:solid;
}
.patternAccessKeyInfo a:link,
.patternAccessKeyInfo a:visited {
	text-decoration:underline;
}
.patternAccessKeyInfo a:hover {
	text-decoration:none;
}

.patternRenameOptionsList {
	margin:0 0 2.5em 3em;
}

table.patternDiffOptions {
	margin:.5em 0;
	border:none;
}
table.patternDiffOptions td {
	border:none;
	text-align:center;
}
table.patternDiffOptions img {
	padding:0 10px;
	border-width:1px;
	border-style:solid;
}

/* Preview page */

.patternPreviewArea {
	border-width:1px;
	border-style:solid;
	margin:0em -.5em 2em -.5em;
	padding:.5em;
}

/* Attach page */

.patternAttachPage .patternTopicAction {
	margin-top:-1px;
}
.patternAttachPage .twikiAttachments {
	font-size:94%; /*S2*/
}
.patternAttachPage .patternVersatileTable table {
	margin-bottom:0;
	width:auto;
	voice-family: "\"}\""; /* hide the following for Explorer 5.x */
	voice-family:inherit;
	width:100%;	
}
.patternAttachPage .patternVersatileTable th {
	text-align:right;
}
.patternPrevious {
	margin:1em 0 3em 0;
}
.patternMoveAttachment {
	margin:-1.5em 0 3em 0;
	font-size:94%; /*S2*/
}
.patternPrevious table {
	width:auto;
}

/* Rename page */

.patternRenamePage .patternVersatileTable th {
	text-align:right;
	width:10%;
}

/* WebSearch, WebSearchAdvanced */

table#twikiSearchTable {
	background:none;
	border-bottom:0;
} 
table#twikiSearchTable th,
table#twikiSearchTable td {
	padding:.5em;
	border-width:0 0 1px 0;
	border-style:solid;
} 
table#twikiSearchTable th {
	width:20%;
	text-align:right;
}
table#twikiSearchTable td {
	width:80%;
}
table#twikiSearchTable td.first {
	padding:1em;
}

/*	-----------------------------------------------------------
	Search results
	styles and overridden styles used in search.pattern.tmpl
	-----------------------------------------------------------	*/
	
.patternSearchResultsPage {}
.patternSearchResults {}

.patternSearchResultsHeader {
	padding:.25em 5px .15em 5px; /*S4*/
	margin:0 -5px .25em -5px; /*S4*/
	font-weight:bold;
	border-width:0 0 1px 0;
	border-style:solid;
	height:1.5em; /* or WIN/IE wont draw the backgound */
}
.patternSearchString {
	margin:1em 0 1.5em 0;
}
.patternSearchResults table {
	width:auto;
	voice-family: "\"}\""; /* hide the following for Explorer 5.x */
	voice-family:inherit;
	width:100%;
}
.patternSearchResults .twikiTopRow {
	padding-top:.2em;
}
.patternSearchResults .twikiBottomRow {
	padding-bottom:.25em;
	border-width:0 0 1px 0;
	border-style:solid;
}
.patternSearchResults .twikiAlert {
	font-weight:bold;
}
.patternSearchResults .twikiSummary .twikiAlert {
	font-weight:normal;
}
.patternSearchResults .twikiNew {
	border-width:1px;
	border-style:solid;
	font-size:85%; /*S3*/
	padding:0 1px;
	font-weight:bold;
}
.patternSearchResultsPage .twikiHelp {
	display:block;
	width:auto;
	margin:.25em 0;
}
.patternSearchResults .twikiSRAuthor {
	width:15%;
	text-align:left;
}
.patternSearchResults .twikiSRRev {
	width:30%;
	text-align:left;
}
.patternSearchResultCount {
	margin:.25em 0 1.5em 0;
	font-size:94%; /*S2*/
}
.patternViewPage .patternSearchResultsBegin { /* for changes template with noheader="on" */
	height:1px;
	border-width:0 0 1px 0;
	border-style:solid;
	padding:0 5px; /*S4*/
	margin:0 -5px; /*S4*/
}

/* Search results in book view format */

.patternBookViewList .patternSearchResultsHeader {
	margin-bottom:1em;
}
.patternBookViewList .twikiTopRow {
	padding:.25em 5px .15em 5px; /*S4*/
	margin:2.5em -5px .15em -5px; /*S4*/
}
.patternBookViewList .twikiBottomRow {
	font-size:100%;
	padding:1em 0;
}
.patternBookViewList .twikiBottomRow {
	width:auto;
}

/* Print */

.patternPrintPage #patternColumnWrapper {
	border-top:none;
}

/* Diff */

.patternDiffPage #patternMain {
	border:none;
}
.patternDiffPage .twikiDiffTable {
	margin:2em 0;
}
.patternDiffPage .twikiDiffTable th,
.patternDiffPage .twikiDiffTable td {
	padding:.2em;
}
tr.twikiDiffDebug td {
	border-width:1px;
	border-style:solid;
}
.patternDiffPage td.twikiDiffDebugLeft {
	border-bottom:none;
}
.twikiDiffLineNumberHeader {
	padding:.3em 0;
}

.patternPlainPage #patternMain {
	padding-top:2em;
}
