/* colours from http://www.visibone.com/colorlab/ */ /* layout from http://www.positioniseverything.net/articles/onetruelayout/anyorder */ body { margin: 0; padding: 0; font-family: arial, helvetica, sans-serif; color: black; background-color: #EEEEFF; } .ui-widget-body { background: #c5c5e5 url("jquery/jquery-ui/images/ui-bg_diagonals-thick_25_c5c5e5_40x40.png") 50% 50% repeat; } .ui-widget-content a:link, .ui-widget-content a:visited { color: blue; text-decoration: none; } .ui-widget-content a:hover, .ui-widget-content a:active { color: red; text-decoration: none; } a:link, a:visited { color: blue; text-decoration: none; } a:hover, a:active { color: red; text-decoration: none; } a.external { background: url(images/external.png) right center no-repeat; padding-right: 12px; } h1 { margin-top: 1em; text-align: center; background-color: white; border: 1px solid #474790; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; margin-right: 1em; margin-left: 1em; } h1 img { vertical-align: middle; } p.byline { text-align: center; font-size: 1em; } blockquote { margin-top: 1em; background-color: #CCCCFF; padding: 0.5em; border: 1px solid #474790; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } blockquote p { margin: 0.1em; } .bordered { background-color: white; border: 1px solid #474790; margin-top: 0; margin-bottom: 1em; margin-left: 1em; margin-right: 1em; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .pad { margin-top: 1em; margin-bottom: 1em; margin-left: 2em; margin-right: 2em; } * html #layout_content { display: inline; } #layout_content br { clear: both; } #layout_content br.columns { clear: left; } table.content_foot { width: 100%; } td.search { text-align: right; } td.paypal { text-align: left; } td.paypal a img { border: 0px; } #layout_table { margin: 0; padding: 0; border-spacing: 0; width: 100%; border-collapse: collapse; } #layout_menu { vertical-align: top; width: 20%; } #layout_content { width: 50%; vertical-align: top; text-align: justify; } #layout_ads { width: 20%; vertical-align: top; } #layout_ads2 { text-align: center; } #layout_menu h1 { border: 0px; font-size: 0.9em; } #layout_menu h2 { border: 0px; font-size: 1em; } #layout_menu ul { font-size: 0.9em; list-style: none; } .foot { margin-top: 2em; border-top: 1px dashed silver; list-style-type: none; font-style: italic; padding-left: 0; } #footer { clear: both; padding-left: 0; padding-top: 0.2em; } * html body { margin: 0; padding: 0; } * html #footer { position: relative; } strong { color: red; } .download_table { border: dashed 1px black; margin: 0px auto; } table.download { clear: both; border: 1px solid #CCCCFF; border-collapse: collapse; margin-bottom: 2em; } table.download caption { text-align: left; font-weight: bold; width: 100%; margin-top: 1em; } table.download tr{ background-color: yellow; /* we should not see this */ } table.download th { background-color: #9999CC; color: #FFFFFF; text-align: left; border: 1px solid white; } table.download thead tr th a:link, table.download thead tr th a:visited { color: #FFFFFF; } table.download thead tr th a:hover, table.download thead tr th a:active { color: #FFFFFF; text-decoration: underline; } table.download pre { display: inline; font-size: 1.4em; } table.download tr.row-1 { background-color: #EFEFFF; } table.download tr.row-2 { background-color: #DFDFFF; } table.download td { border: 1px solid #CCCCFF; padding: 2px; vertical-align: top; } table.download a:link, table.download a:visited { color: blue; } table.download a:hover, table.download a:active { color: red; } table.download tfoot td, table.download tfoot td a:link, table.download tfoot td a:visited { background-color: #9999CC; color: white; text-align: left; font-size: 0.9em; } table.download tfoot input { background-color: transparent; border: 0; padding: 0; color: white; font-size: 80%; cursor: pointer; } /* Table cell special row_tags */ table.download td.right { text-align: right; } table.download td.center { text-align: center; } table.download td.tools { /* background: white;*/ margin: 0px; padding: 0px; white-space: nowrap; } table.download tr.row-1 td.yes { background-color: #CCFFA9; } table.download tr.row-2 td.yes { background-color: #CCFF99; } table.download tr.row-1 td.no { background-color: #FFCCA9; } table.download tr.row-2 td.no { background-color: #FFCC99; } .info_table { border: dashed 1px black; margin: 0px auto; } table.info { border: dashed 1px black; margin: 0px auto; } .info_table td { border: solid 1px silver; } table.info td { border: solid 1px silver; } .info_table td.right { text-align: right; } table.form { border: solid silver 1px; } table.form th { border-right: solid silver 1px; border-left: solid silver 1px; } table.form td { vertical-align: middle; } table.form caption { text-align: left; font-weight: bold; width: 100%; margin-top: 1em; } .file { font-weight: bold; border: dashed 1px silver; margin-bottom: 2em; font-family: monospace; font-size: 1em; } kbd { display: block; font-weight: normal; border: solid 1px silver; color: black; background-color: rgb(247, 242, 208); margin-bottom: 2px; text-align: left; /* white-space: pre;*/ } kbd b { color: red; } kbd.dos { /* show a > prompt */ } kbd.user { /* show a $ prompt? */ } kbd.root { /* show a # prompt? */ } samp { font-weight: normal; border: solid 1px silver; color: black; background-color: rgb(247, 247, 247); margin-bottom: 0; display: block; white-space: pre; } samp b { color: red; } pre.listing { /* border: solid 1px silver;*/ font-weight: normal; border-top: solid 1px silver; overflow: auto; color: black; background-color: rgb(247, 242, 208); margin-bottom: 0; } ul.columns { list-style-type: square; /* list-style-image: url("bullet.gif"); */ display: inline; float: left; margin-top: 0px; margin-left: 2em; margin-right: 1em; margin-bottom: 1.2em; } ul.single { list-style-type: square; /* list-style-image: url("bullet.gif"); */ margin-top: 0px; margin-left: 2em; margin-right: 1em; margin-bottom: 1.2em; } ul.breadcrumbs { margin-top: 0px; } ul.breadcrumbs li { font-size: 0.8em; display: inline; } img.thumb { float: right; margin-left: 1em; border: 0px; } ol.abc { list-style-type: lower-alpha; } ol.abc li { margin-bottom: 0.5em; } ol.zero123 { list-style-type: decimal; } ol.zero123 li { margin-bottom: 1.5em; } p.small { font-size: 0.75em; } table.sudoku { margin-bottom: 1em; } table.sudoku caption { text-align: left; font-weight: bold; width: 100%; margin-top: 1em; } table.sudoku tr{ background-color: yellow; /* we should not see this */ } table.sudoku tr.row-2 { background-color: #CCCCFF; } table.sudoku tr.row-1 { background-color: #EEEEFF; } table.sudoku td { border: 0px solid white; padding: 2px; padding-top: 6px; padding-bottom: 6px; vertical-align: top; } table.sudoku td.a{ background-color: #CCCCFF; } table.sudoku td.b{ background-color: #A9A9FF; } li .ui-icon { float:left; }