/*
*/
/* Default2 style for Tiki 1.2 this is a short-version CSS template if you want to FULLY customize
every aspect of Tiki adpat the subsilver CSS file, but normally this is the file you want to
adapt to produce a new theme
*/
body {
background-color: #FFFFFF;
margin-top: 0px;
margin-left: 0px;
margin-bottom: 0px;
margin-right: 0px;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Arial, sans-serif;
font-size: 12px;
color: #000;
}
ul {
margin-top: 2px;
margin-bottom: 6px;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Arial, sans-serif;
font-size: 12px;
color: Black;
}
ol {
margin-top: 2px;
margin-bottom: 6px;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Arial, sans-serif;
font-size: 12px;
color: Black;
}
div, p, span {
color: Black;
font-family: 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
font-size: 12px;
vertical-align: top;
}
/* Used for wiki paragraphs */
div.p {margin: 1em 0pt 1em 0pt; }
/* Cells where nothing is specified */
TD {color: Black;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Arial, sans-serif;
font-size: 11px;
vertical-align: top;}
.breadcrumb
{
font-size: 9px;
color: #676767;
padding: 10px 5px 0px 0px;
}
.breadcrumb a { color : #676767; text-decoration: underline; }
.breadcrumb a:active { color : #676767; text-decoration: underline;}
.breadcrumb a:hover { color : #676767; text-decoration: underline; }
.breadcrumb a:visited { color : #676767; text-decoration: underline; }
/* HS: Use this when looping over items to be displyed in a module */
.moduleitem {
margin: 5px 15px 7px 0px;
}
.moduleitem .title {
color: #a1a5a9;
font-weight:bold;
font-size:12px;
}
.moduleitem a {color:blue; text-decoration: underline; }
.moduleitem a:active {color:red; text-decoration: underline;}
.moduleitem a:hover {color:black; text-decoration: underline; }
.moduleitem a:visited {color:purple; text-decoration: underline; }
/* Not so important info */
.moduleitem .info {
color:#676767;
font-size:10px;
font-weight:normal;
}
.moduleitem .info a {color: #676767; text-decoration: underline; }
.moduleitem .info a:active {color: #676767; text-decoration: underline;}
.moduleitem .info a:hover {color: #676767; text-decoration: underline; }
.moduleitem .info a:visited {color: #676767; text-decoration: underline; }
.moduleitem .summary {
color:black;
font-size:11px;
font-weight:normal;
}
.moduleitem .summary a {color:blue; text-decoration: underline; }
.moduleitem .summary a:active {color:red; text-decoration: underline;}
.moduleitem .summary a:hover {color:red; text-decoration: underline; }
.moduleitem .summary a:visited {color:purple; text-decoration: underline; }
/* HS: Links the navigate between related pages of a module */
.actionlinks {
font-size:10px;
padding:5px 10px 5px 0px;
color:#676767;
}
.actionlinks a {color: #676767; text-decoration: underline; }
.actionlinks a:active {color: #676767; text-decoration: underline;}
.actionlinks a:hover {color: #676767; text-decoration: underline; }
.actionlinks a:visited {color: #676767; text-decoration: underline; }
/* Featured image */
.section_heading_reverse
{
background: black; /* #5FA3D6 */
color: white;
font-size: 12px;
font-weight: bold;
height: 15px;
padding: 2px 5px 2px 5px;
vertical-align: middle;
}
.section_heading_reverse a {color: white; text-decoration: none; }
.section_heading_reverse a:active {color: white; text-decoration: none;}
.section_heading_reverse a:hover {color: white; text-decoration: none; }
.section_heading_reverse a:visited {color: white; text-decoration: none; }
.searchsummary {
font-size: 13px;
}
.searchdidyoumean {
font-size: 16px;
color: #D84040;
}
.searchdidyoumean a {color: #551A8B; text-decoration: underline; }
.searchdidyoumean a:active {color: #551A8B; text-decoration: underline;}
.searchdidyoumean a:hover {color: #551A8B; text-decoration: underline; }
.searchdidyoumean a:visited {color: #551A8B; text-decoration: underline; }
.searchuri {
font-size: 13px;
color: green;
}
.searchuri a {color: #7777CC; text-decoration: underline; }
.searchuri a:active {color: #7777CC; text-decoration: underline;}
.searchuri a:hover {color: #7777CC; text-decoration: underline; }
.searchuri a:visited {color: #7777CC; text-decoration: underline; }
.searchbadwords {
font-size: 13px;
color: #676767;
}
.adminmenu {
font-size:13px;
}
.adminmenu a {display:block; color: black; text-decoration: none; }
.adminmenu a:active {color: black; text-decoration: underline;}
.adminmenu a:hover {color: black; text-decoration: none; }
.adminmenu a:visited {color: black; text-decoration: none; }
/* Bar under logo */
.headersubbar
{
color: #676767;
/*background: #f2f2f2;
background-image: url(images/stripes-11x49.gif);*/
vertical-align: middle;
}
.headersubbar a { color: #676767; text-decoration: none; }
.headersubbar a:active {color: #676767; text-decoration: none;}
.headersubbar a:hover {color: #676767; text-decoration: none; }
.headersubbar a:visited {color: #676767; text-decoration: none; }
.FooterRegion {
font-size: 11px;
font-style: normal;
line-height: normal;
/*text-align: left; */
background: #FFFFFF;
color: #666666;
padding: 0px 5px 0px 5px;
vertical-align: middle;
}
.FooterRegion a {
color: #666666;
}
.FooterRegion a:link{ color: #666666; background: #FFFFFF;}
.FooterRegion a:active{ color: #FFFFFF; background: #003366;}
.FooterRegion a:visited{color: #666666; background: #FFFFFF;}
.FooterRegion a:hover { color: #FFFFFF; background: #003366; }
/* Images in Wikitext */
div.floatright, table.floatright {
clear: right;
float: right;
margin: 0;
position: relative;
border: 0.5em solid White;
border-width: 0.5em 0 0.8em 1.4em;
}
div.floatright p { font-style: italic; }
div.floatleft, table.floatleft {
float: left;
margin: 0.3em 0.5em 0.5em 0;
position: relative;
border: 0.5em solid White;
border-width: 0.5em 1.4em 0.8em 0;
}
div.floatleft p { font-style: italic; }
.thumbcontainer{margin:5px;}
#stats td {
border: 1px solid white;
/*border-color: inactiveborder;*/
cursor: default;
position: relative;
text-align: left;
}
#criteriatable {
background: #edf3fe; margin-top: 10px; margin-bottom: 10px;
}
#criteriatable td {
background: #edf3fe; padding-left: 2px;padding-right: 2px;padding-top: 2px;padding-bottom: 2px;
}
caption{
font: caption;
caption-side: bottom;
border: inherit;
background: infobackground;
}
td div.dragInactive{
position: relative;
/*border-color: red;*/
/*background: yellow;*/ /*ActiveButton*/
z-index: 10;
cursor: move;
border: 2px solid white;
/*width:60px; height:60px;*/
padding: 2px;
}
td div.dragActive {
/*background: red;*//* infobackground */
border: none; /* activeborder */
position: relative;
/*width:60px; height:60px;*/
padding: 2px;
}
td div.dragFocused {
position: relative;
border: 2px solid #418CE5; /*activeborder*/
/*background: #FFFF00;*/
/*width:60px; height:60px;*/
padding: 2px;
}
.inactive {
position: relative;
height: auto;
border: 1px solid red;
background-color: red;
}
.active {
position: relative;
border: 1px solid activeborder;
background: scrollbar;
}
.drop-separator-on {
position: relative;
/*width:2px;
height:70px;*/
background: black;
/*z-index: 0;*/
}
.drop-separator-off {
position: relative;
/*width:2px;
height:70px;*/
background: white;
/*z-index: 0;*/
}
.tablink {
color: #333;
font-size: 10px;
text-decoration: none;
}
span.tabbut2 {
/*border-top: 1px solid #a1a5a9;
border-left: 1px solid #a1a5a9;
border-right: 1px solid #a1a5a9;*/
color: #333;
margin-left:2px;
padding-left:2px;
padding-right: 2px;
/*background-color: #f2f2f2;*/
}
/*
.tablink2 {
color: #333;
font-size: 10px;
text-decoration: none;
padding: 5px;
border-top: 1px solid #a1a5a9;
border-left: 1px solid #a1a5a9;
border-right: 1px solid #a1a5a9;
display: block;
float: left;
}
*/
#navregion{}
#metadatafields {
padding: 20px;
/*border-top: 1px solid #a1a5a9;*/ border-bottom: 1px solid #a1a5a9; border-right: 1px solid #a1a5a9; border-left: 1px solid #a1a5a9;
}
/* begin navigation */
#nav { background: #fff; }
#nav td { text-align: center; font-size: 10px; border: 0px; /*border-top: 1px solid #a1a5a9; border-bottom: 1px solid #a1a5a9; border-right: 1px solid #a1a5a9; */}
/*#nav td a { text-decoration: none; display: block; padding: 3px 14px 3px 14px; margin-top: 1px; border-top: 1px solid #a1a5a9; border-bottom: 1px solid #a1a5a9; border-right: 1px solid #a1a5a9; background: url(avire/nav_whitebar.jpg); }
#nav td a:link, #nav td a:visited { color: #666; text-decoration: none; }
#nav td a:hover { color: #000; background: url(avire/nav_silverbar.jpg); text-decoration: none; }
*/
#one a:link, #one a:visited { border-left: 1px solid #a1a5a9;}
#nav td#emptyfirst {border-bottom: 1px solid #a1a5a9;}
#nav td#emptylast {border-bottom: 1px solid #a1a5a9; width:100%}
/*#nav td#one a {border-bottom: 0px; color:#000; background-color:white;background: url(#);padding: 4px 14px 4px 14px; margin-top:0px;}
*/
/*body#sectionone #nav td#one a,
body#sectiontwo #nav td#two a,
body#sectionthree #nav td#three a,
body#sectionfour #nav td#four a {background: url(avire/nav_silverbar.jpg); color: #000;}
*/
.tablink2 {color: #666; text-decoration: none; display: block; padding: 3px 14px 3px 14px; margin-top: 1px; border-top: 1px solid #a1a5a9; border-bottom: 1px solid #a1a5a9; border-right: 1px solid #a1a5a9; background: url(avire/nav_whitebar.jpg);
}
a.tablink2:hover { color: #000; background: url(avire/nav_silverbar.jpg); text-decoration: none; }
.tablink2on {color:#000; text-decoration: none; display: block; border-top: 1px solid #a1a5a9; border-bottom: 0px; border-right: 1px solid #a1a5a9; background-color:white; background: url(#); padding: 4px 14px 4px 14px; margin-top:0px;
}
a.tablink2on:hover { color: #000; background: url(#); text-decoration: none; }
/* end navigation */
/* ------- begin Horizonal Tabs - pointing down ----------- */
.hs_tabs_horiz_down { background: #fff; }
.hs_tabs_horiz_down td { text-align: center; font-size: 10px; border: 0px; }
.hs_tabs_horiz_down td#emptyfirst {border-top: 1px solid #a1a5a9;}
.hs_tabs_horiz_down td#emptylast {border-top: 1px solid #a1a5a9; width:100%}
.tabdown {color: #666; text-decoration: none; display: block; padding: 3px 14px 3px 14px; margin-bottom: 1px; border-top: 1px solid #a1a5a9; border-bottom: 1px solid #a1a5a9; border-right: 1px solid #a1a5a9; background: url(avire/nav_whitebar.jpg);
}
a.tabdown:hover { color: #000; background: url(avire/nav_silverbar.jpg); text-decoration: none; }
.tabdownon {color:#000; text-decoration: none; display: block; border-bottom: 1px solid #a1a5a9; border-top: 0px; border-right: 1px solid #a1a5a9; background-color:white; background: url(avire/nav_bluebar.jpg); padding: 4px 14px 4px 14px; margin-top:0px;
}
a.tabdownon:hover { color: #000; background: url(avire/nav_bluebar.jpg); text-decoration: none; }
/* ------- end Horizonal Tabs - pointing down ----------- */
/* ------- begin Horizonal Tabs - pointing up ----------- */
.hs_tabs_horiz_up { background: #fff; }
.hs_tabs_horiz_up td { text-align: center; font-size: 10px; border: 0px; }
.hs_tabs_horiz_up td#emptyfirst {border-bottom: 1px solid #a1a5a9;}
.hs_tabs_horiz_up td#emptylast {border-bottom: 1px solid #a1a5a9; width:100%;}
/*.tabup {color: #666; text-decoration: none; display: block; padding: 3px 14px 3px 14px; margin-top: 1px; border-top: 1px solid #a1a5a9; border-bottom: 1px solid #a1a5a9; border-right: 1px solid #a1a5a9; background: url(avire/nav_whitebar.jpg); float: left;
}
a.tabup:hover { color: #000; background: url(avire/nav_silverbar.jpg); text-decoration: none; }
.tabupon {color:black; text-decoration: none; display: block; border-bottom: 0px; border-top: 1px solid #a1a5a9; border-right: 1px solid #a1a5a9; background-color:white; background: url(#); padding: 4px 14px 4px 14px; margin-top:0px;font-weight: normal;
}
a.tabupon:hover { color: black; background: url(#); text-decoration: none; }
*/
/* --- */
.tabup {color: #666; text-decoration: none; display: block; padding: 3px 14px 3px 14px; margin-top: 1px;margin-left:-1px; border-top: 1px solid #a1a5a9; border-bottom: 1px solid #a1a5a9; border-right: 1px solid #a1a5a9; border-left: 1px solid #a1a5a9;background: url(avire/nav_whitebar.jpg); float: left;
}
a.tabup:hover { color: #000; background: url(avire/nav_silverbar.jpg); text-decoration: none; }
.tabupon {color:black; text-decoration: none; display: block; border-bottom: 0px; border-top: 1px solid #a1a5a9; border-right: 1px solid #a1a5a9;border-left: 1px solid #a1a5a9; background-color:white; background: url(#); padding: 4px 14px 4px 14px; margin-top:0px;margin-left:-1px;font-weight: normal;float: left;
}
a.tabupon:hover { color: black; background: url(#); text-decoration: none; }
/* --- iKit Tabs ---- */
div.itab2{
border: 3px solid blue;
margin-right:20px;
}
.itab2 ul, .itab2 li {
list-style-type: none;
margin: 0;padding: 0;
/*float: left;position:relative;display: inline;*/
}
.itab2 li {
float: left;
}
.itab2 a {
display: block;
}
.itab2 ul {
float: left;
width:100%;
background-color: #ff0;
border: 10px solid #0f0;
}
.itab2 li a {
padding: 10px;
border: 5px solid #ccf;
border-right-width: 0;
color: #fff;
background-color: #00c;
text-decoration: none;
font-weight: bold;
white-space: nowrap;
}
.itab2 li a:hover {
background-color: #f00;
}
div.itab2:after {
clear: both; display: block; content: 'X'; height: 0; visibility: hidden;
}
/* iKit tabs -- use for grouped nav links to distinct urls
Use in conjunction with lib/tiki-js.js -> hs_highlightMenuItem(itab)
Apply 'itab' class to a div that contains UL of links:
Options:
class="itab" -- all tabs the same size - ie horizontal nav bar
class="itab direction_up" -- tabs point up and visually attach to div below
class="itab direction_down" -- tabs point down and visually attach to div below
Note in above example, that hs_highlightMenuItem will set the 'CalendarViewList'
cookie to the ON link's id value.
*/
.itab {
font-size: 10px;
}
div.itab{
position: relative;
/*background-color: yellow;
border: 1px solid blue;
margin-right:0px;*/
margin-bottom: 10px; /* default for horizontal buttons */
width:100%;/* need width set so that box expands to encompass tabs */
}
/* Clearing after the div makes it surround the inner blocks properly */
div.itab:after {
clear: both; display: block; content: 'X'; height: 0; visibility: hidden;
}
.itab ul, .itab li {
list-style-type: none;
margin: 0;padding: 0;
float: left;position:relative;display: inline;
}
.itab ul {
padding-left: 1px; /* offset against moving each link to the left */
/*position: absolute; bottom: 0px; left: 0px; */
width:90%; /* 100% makes IE go too wide */
/* border: 0px solid red;*/
}
.itab a { /* Off state */
display: inline;position:relative;float:left;
color: #666; text-decoration: none;
border: 1px solid #a1a5a9;
background: url(avire/nav_whitebar.jpg);
margin:1px 0px 0px -1px;
padding: 3px 14px 3px 14px; /* padding determines height of box too */
height:12px; /* Set the desired height of the nav buttons */
/* Doesn't quite work because background image is not clipped properly
border-radius : 8px 6px 0 0;
-moz-border-radius : 6px 6px 0 0;
-khtml-border-radius : 6px 6px 0 0;*/
}
.itab a:hover { color: #000; background: url(avire/nav_silverbar.jpg);}
.itab .on { /* On state - applied to */
color: black;
background: url(#); background-color:white;
}
.itab a.on:hover {background: url(#);}
.itab .text {
padding: 3px 14px 3px 14px;
}
/* --up & down -- */
div.direction_up, div.direction_down {
/* Move DOWN and UP tabs down 1 px to cover content's border.
Assumes that the relevant content will be in the following div with matching
border and width set to 100%. Note that padding and margin's affect widths.
*/
margin-bottom: -1px;
}
.direction_down ul , .direction_up ul {
padding-left: 4px;/* Move tabs inwards a little to give a visual 'shoulder' */
/* Uncomment for double line below tabs */
/*margin-bottom: -1px; Move down a pixel more to overlap the double line */
}
/* -- Up -- */
div.direction_up {
/* Uncomment for double line below tabs */
/*border-bottom: 3px double #a1a5a9;*/
}
.direction_up .on { /* On state - applied to */
border-bottom: 1px solid white;
margin:0px 0px 0px -1px;
padding: 4px 14px 3px 14px;
}
/* --down -- */
div.direction_down {
border-left: 1px solid #a1a5a9;
border-right: 1px solid #a1a5a9;
border-top: 3px double #a1a5a9;
background-color: white;
}
.direction_down a {
margin:-1px 0px 1px -1px;
}
.direction_down .on { /* On state - applied to */
border-top: 1px solid white;
margin:-1px 0px 0px -1px;
padding: 3px 14px 4px 14px;
}
.clear {
clear: both;
}
/*
.tab_up a {
display: inline;position:relative;float:left;
color: #666; text-decoration: none; padding: 3px 14px 3px 14px; margin:1px 0px -1px -1px; border: 1px solid #a1a5a9; background: url(avire/nav_whitebar.jpg);
}
.tab_up .on {
display: inline;position:relative;float:left;
color: black; text-decoration: none; padding: 4px 14px 3px 14px; margin:0px 0px -1px -1px; border: 1px solid #a1a5a9; border-bottom: 1px solid yellow; background: url(#); background-color:white;
}
*/
.tab_up2 a {color: #666; text-decoration: none; display: inline; padding: 3px 14px 3px 14px; margin:1px 0px -1px -1px; border: 1px solid #a1a5a9; background: url(avire/nav_whitebar.jpg); position:relative;float:left;
}
.tab_up2 .on {color:black; text-decoration: none; display: inline; border: 1px solid #a1a5a9; border-bottom: 1px solid white; background-color:white; background: url(#); padding: 4px 14px 3px 14px; margin:0px 0px -1px -1px;font-weight: normal;position:relative;float:left;
}
/* --- */
.tab_horiz a {color: #666; text-decoration: none; display: block; padding: 3px 14px 3px 14px; margin:1px 0px -1px -1px; border: 1px solid #a1a5a9; background: url(avire/nav_whitebar.jpg); float: left;
}
.tab_horiz .on {color:black; text-decoration: none; display: block; border: 1px solid #a1a5a9; border-bottom: 1px solid white; background-color:white; background: url(#); padding: 3px 14px 3px 14px; margin:0px 0px -1px -1px;font-weight: normal;float: left;
}
/* ------- end Horizonal Tabs - pointing up ----------- */
/* ------- begin Horizonal Tabs - standalone ----------- */
.hs_tabs_horiz { background: #fff; }
.hs_tabs_horiz td { text-align: center; font-size: 10px; border: 0px; }
.hs_tabs_horiz td#emptyfirst {border-bottom: 0px none #a1a5a9; }
.hs_tabs_horiz td#emptylast {border-bottom: 0px none #a1a5a9; width:100%; }
.tab {color: #666; text-decoration: none; display: block; padding: 2px 10px 2px 10px; border-top: 1px solid #a1a5a9; border-bottom: 1px solid #a1a5a9; border-right: 1px solid #a1a5a9; background: url(avire/nav_whitebar.jpg);
}
a.tab:hover { color: #000; background: url(avire/nav_silverbar.jpg); text-decoration: none; }
.tabon {color:#000; text-decoration: none; display: block; border-bottom: 1px solid #a1a5a9; border-top: 1px solid #a1a5a9; border-right: 1px solid #a1a5a9; background-color:white; background: url(avire/nav_bluebar.jpg); padding: 2px 10px 2px 10px; margin-top:0px;
}
a.tabon:hover { color: #000; background: url(avire/nav_bluebar.jpg); text-decoration: none; }
/* ------- end Horizonal Tabs - standalone ----------- */
/* ------- begin Horizonal Tabs - standalone -small ----------- */
.hs_tabs_horiz_small { background: #fff; }
.hs_tabs_horiz_small td { text-align: center; font-size: 10px; border: 0px; }
.hs_tabs_horiz_small td#emptyfirst {border-bottom: 0px none #a1a5a9; }
.hs_tabs_horiz_small td#emptylast {border-bottom: 0px none #a1a5a9; width:100%; }
.tabsmall {color: #666; text-decoration: none; display: block; padding: 2px 5px 2px 5px; border-top: 1px solid #a1a5a9; border-bottom: 1px solid #a1a5a9; border-right: 1px solid #a1a5a9; background: url(avire/nav_whitebar.jpg);
}
a.tabsmall:hover { color: #000; background: url(avire/nav_silverbar.jpg); text-decoration: none; }
.tabsmallon {color:#000; text-decoration: none; display: block; border-bottom: 1px solid #a1a5a9; border-top: 1px solid #a1a5a9; border-right: 1px solid #a1a5a9; background-color:white; background: url(avire/nav_bluebar.jpg); padding: 2px 5px 2px 5px; margin-top:0px;
}
a.tabsmallon:hover { color: #000; background: url(avire/nav_bluebar.jpg); text-decoration: none; }
/* ------- end Horizonal Tabs - standalone ----------- */
/* ------- begin Horizonal Tabs - sub level to hs_tabs_horiz_up ----------- */
.hs_tabs_horiz_sub { background: #fff; }
.hs_tabs_horiz_sub td { text-align: center; font-size: 10px; border: 0px; }
.hs_tabs_horiz_sub td#emptyfirst {border-bottom: 1px solid #a1a5a9; border-left: 1px solid #a1a5a9;background: url(avire/nav_whitebar.jpg);}
.hs_tabs_horiz_sub td#emptylast {border-bottom: 1px solid #a1a5a9; width:100%;border-right: 1px solid #a1a5a9; background: url(avire/nav_whitebar.jpg);}
.tabsub {color: #666; text-decoration: none; display: block; padding: 2px 10px 2px 10px; border-top: 0px none #a1a5a9; border-bottom: 1px solid #a1a5a9; border-right: 0px none #a1a5a9; background: url(avire/nav_whitebar.jpg);
}
a.tabsub:hover { color: #000; background: url(avire/nav_silverbar.jpg); text-decoration: none; }
.tabsubon {color:black; text-decoration: none; display: block; border-bottom: 1px solid #a1a5a9; border-top: 0px none #a1a5a9; border-right: 0px none #a1a5a9; background-color:white; background: url(#); padding: 2px 10px 2px 10px; margin-top:0px;font-weight: normal;
}
a.tabsubon:hover { color: black; background: url(#); text-decoration: none; }
.hs_tabs_horiz_sub td#one a:link, .hs_tabs_horiz_sub td#one a:visited { border-left: 0px none #a1a5a9;}
/* ------- end Horizonal Tabs - standalone ----------- */
/***************** tiki tabs ***************/
.tabs {
padding : 1px 5px;
}
.tabmark {
display : block; /* Inline Spans in div don't impact on the div's size */
float: left; /* Therefore conver to floats */
font-size : 10px;
background-color : #DDDDDD;
border : 1px solid #666666;
border-bottom : 1px solid #a1a5a9;
margin-left : -1px;
margin-top : 2px;
margin-bottom : -1px;
margin-right : 0px;
padding: 2px 5px 2px 5px;
/* border-radius : 5px 5px 0 0;
-moz-border-radius : 5px 5px 0 0;
-khtml-border-radius : 5px 5px 0 0;*/
border-collapse: collapse;
height: 12px;
}
.tabmark a {
/* border-radius : 5px 5px 0 0;
-moz-border-radius : 5px 5px 0 0;
-khtml-border-radius : 5px 5px 0 0;*/
border-bottom : 0;
color : #666666;
font-weight : bold;
padding : 1px 5px;
text-decoration: none;
}
.tabmark a:active {
background-color : white;
color : red;
text-decoration: none;
}
.tabmark a:hover {
color : black;
background-color : #CCCCCC;
text-decoration: none;
}
.tabmarkon {
display : block; /* Inline Spans in div don't impact on the div's size */
float: left; /* Therefore conver to floats */
font-size : 10px;
background-color : #eeeeee;
border : 1px solid #666666;
border-bottom : 1px solid #eeeeee;
margin-left : -1px;
margin-bottom : -1px;
margin-right : 0px;
padding: 2px 5px 2px 5px;
/* border-radius : 3px 3px 0 0;
-moz-border-radius : 3px 3px 0 0;
-khtml-border-radius : 3px 3px 0 0;*/
border-collapse: collapse;
height: 14px;
}
.tabmarkon a {
/* border-radius : 5px 5px 0 0;
-moz-border-radius : 5px 5px 0 0;
-khtml-border-radius : 5px 5px 0 0;*/
border-bottom : 0;
color : #282828;
font-weight : bold;
padding : 1px 5px;
text-decoration: none;
}
.tabmarkon a:active {
background-color : white;
color : red;
text-decoration: none;
}
.tabmarkon a:hover {
color : black;
background-color : #CCCCCC;
text-decoration: none;
}
.tabcontent {
width:100%;
/* z-index : 1;interfering with jscalendar
position : relative;*/
border : 1px solid #999999;
padding: 6px 0px 2px 0px;
margin: 0px;
background-color: white;
/* border-radius : 0px 4px 4px 4px;
-moz-border-radius : 0px 4px 4px 4px;
-khtml-border-radius : 0px 4px 4px 4px;*/
}
/* GENERAL LAYOUT EXPLANATION
*
* The tiki application is enclosed as a whole in tiki-main tiki-main contains three divs: tiki-top,
* tiki-mid and tiki-botthat will be used for the header, application and footer.
*
* tiki-mid contains a 3-column table, the columns are called (ids) leftcolumn, centercolumn and rightcolumn
* Finally centercolumn contains tiki-center where the main area of the application is displayed.
*
*/
/***** GENERAL LAYOUT *****/
/* This div encloses the whole Tiki application */
DIV#tiki-main { height: 100%; margin: 0px 0px 0px 0px; }
DIV#usermenu {
background-color: white;
border-bottom: 1px solid #8CACBB;
color: black;
margin-bottom: 5px;
padding-right: 10px;
padding-bottom: 2px;
font-size: 10px;
}
/* This is the middle */
DIV#tiki-mid { background: #FFFFFF; height: auto; padding-bottom: 0px; }
/* And this is the footer */
DIV#tiki-bot { padding-top: 10px; margin-top: 0px; background: #FFFFFF; margin-bottom: 10px;margin-left: 0px;margin-right: 0px; padding-bottom: 5px; }
/* The three columns */
TD#leftcolumn { /*background-color: #5FA3D6;*/ padding-left: 0px; padding-right: 2px; vertical-align: top; width: 120px;}
TD#rightcolumn
{
padding: 3px 0px 0px 0px;
vertical-align: top;
width: 200px;
background-color: transparent;
}
TD#centercolumn { padding-right: 12px; vertical-align: top; width: auto; }
/* And this is what lies inside the centercolumn */
DIV#tiki-center { margin-left: 0px; margin-right: 5px; padding-left: 0px; padding-right: 0px; }
div#debugconsole {
position: absolute;
background-color: #8CACBB;
top: 0px;
left: 20px;
right: 310px;
height: auto;
z-index: 1;
padding: 5px;
border: 6px ridge #996600;
font-size: 12px;
}
span.on-option { color: #00C000; }
span.off-option { color: #005000; }
/*****GENERAL STYLE PROPERTIES *****/
/* BOXES boxes are used to present a box with a title bar and content, they are used for modules and they
are also used in the rankings, admin screen etc.
The box class is used for modules while the cbox class is used for other boxes
*/
/* Boxes used for modules (modules are those boxes in the left/right columns) */
div.box
{
background-color: #F7F7F7;
margin: 4px 0px 8px 0px;
border: 1px solid #a1a5a9;
padding-bottom: 0px;
overflow: hidden;
width: 200px;
/* background-image: url(auc/side-bar-top-EDECED.gif);*/
background-repeat: no-repeat;
background-position: left top;
position:relative;
}
/* Boxes are divided in title and data, this is the title */
div.box-title
{
background-color: #f2f2f2;
/*#ffe71e*/
border-bottom: 1px dotted #a1a5a9;
color: #333;
/* #a1a5a9 */
font-size: 12px;
overflow: hidden;
text-align: left;
padding: 3px 5px 1px 15px;
width: auto; /*160px */
height: 16px;
font-weight: bold;
background-image: url(snow/nav_whitebar.jpg);
/* background-image: url(../images/side-bar-top-2470AE.gif);*/
background-repeat: repeat-x;
background-position: left top;
position:relative;
}
.box-title a {color:black; text-decoration: none; }
.box-title a:active {color:red; text-decoration: none;}
.box-title a:hover {color:red; text-decoration: none; }
.box-title a:visited {color:black; text-decoration: none; }
/* And this is the data */
div.box-data {
/* overflow: hidden;*/
background-color: transparent;
color: black;
padding: 3px 0px 8px 0px;
font-size: 11px;
width: auto;
/* background-image: url(../images/side-bar-bottom-EDECED.gif);*/
background-repeat: no-repeat;
background-position: left bottom;
}
div.box-text {
overflow: hidden;
background-color: transparent;
color: black;
padding: 5px 15px 0px 15px;
font-size: 11px;
width: auto;
}
#tiki-clean .box {
width: 100%;
font-size: 12px;
}
#tiki-center .box {
width: 100%;
font-size: 12px;
}
#tiki-center .box-title {
height: 16px;
font-size: 12px;
/*color: #333;*/
}
#tiki-center .box-data {
font-size: 12px;
}
#tiki-center .box-text {
font-size: 12px;
padding: 10px 10px 10px 10px;
}
/* --- */
.no .box
{
background-color: white;
background-image: url(../images/spacer.gif);
border: none;
}
.no .box .box-title
{
padding: 3px 5px 1px 0px;
background-color:white;
border-bottom: 1px solid #a1a5a9;
color: black;
background-image: url(../images/spacer.gif);
}
.no .box .box-title a {color:black; text-decoration: none; }
.no .box .box-title a:active {color:red; text-decoration: none;}
.no .box .box-title a:hover {color:red; text-decoration: none; }
.no .box .box-title a:visited {color:black; text-decoration: none; }
.no .box .box-data {
color: black;
background-image: url(../images/spacer.gif);
}
.no .box .box-data .box-text {
padding: 5px 0px 0px 0px;
color: black;
}
/* --- */
.sq_gray .box
{
border: 1px solid #a1a5a9;
background-color: white;
background-image: url(../images/spacer.gif);
}
.sq_gray .box .box-title
{
background-color: #f2f2f2;/*#ffe71e*/
border-bottom: 1px dotted #a1a5a9;
color: #333; /* #a1a5a9 */
background-image: url(snow/nav_whitebar.jpg);
}
.sq_gray .box .box-title a {color:black; text-decoration: none; }
.sq_gray .box .box-title a:active {color:red; text-decoration: none;}
.sq_gray .box .box-title a:hover {color:red; text-decoration: none; }
.sq_gray .box .box-title a:visited {color:black; text-decoration: none; }
.sq_gray .box .box-data {
color: black;
background-image: url(../images/spacer.gif);
}
.sq_gray .box .box-data .box-text {
color: black;
}
/* --- */
.sq_red .box .box-title
{
background-color: #990000;
color: white;
background-image: url(../images/spacer.gif);
border-bottom: 1px solid #a1a5a9;
}
.sq_red .box .box-title a {color:white; text-decoration: none; }
.sq_red .box .box-title a:active {color:white; text-decoration: none;}
.sq_red .box .box-title a:hover {color:white; text-decoration: none; }
.sq_red .box .box-title a:visited {color:white; text-decoration: none; }
/* --- */
.sq_orange .box .box-title
{
background-color: #CA2E14;
color: white;
background-image: url(../images/spacer.gif);
border-bottom: 1px solid #a1a5a9;
}
.sq_orange .box .box-title a {color:white; text-decoration: none; }
.sq_orange .box .box-title a:active {color:white; text-decoration: none;}
.sq_orange .box .box-title a:hover {color:white; text-decoration: none; }
.sq_orange .box .box-title a:visited {color:white; text-decoration: none; }
/* --- */
.sq_yellow .box .box-title
{
background-color: #F6AE3B;
color: white;
background-image: url(../images/spacer.gif);
border-bottom: 1px solid #a1a5a9;
}
.sq_yellow .box .box-title a {color:white; text-decoration: none; }
.sq_yellow .box .box-title a:active {color:white; text-decoration: none;}
.sq_yellow .box .box-title a:hover {color:white; text-decoration: none; }
.sq_yellow .box .box-title a:visited {color:white; text-decoration: none; }
/* --- */
.sq_green .box .box-title
{
background-color: #99C748;
color: white;
background-image: url(../images/spacer.gif);
border-bottom: 1px solid #a1a5a9;
}
.sq_green .box .box-title a {color:white; text-decoration: none; }
.sq_green .box .box-title a:active {color:white; text-decoration: none;}
.sq_green .box .box-title a:hover {color:white; text-decoration: none; }
.sq_green .box .box-title a:visited {color:white; text-decoration: none; }
/* --- */
.sq_blue .box .box-title
{
background-color: #0060A9;
color: white;
background-image: url(../images/spacer.gif);
border-bottom: 1px solid #a1a5a9;
}
.sq_blue .box .box-title a {color:white; text-decoration: none; }
.sq_blue .box .box-title a:active {color:white; text-decoration: none;}
.sq_blue .box .box-title a:hover {color:white; text-decoration: none; }
.sq_blue .box .box-title a:visited {color:white; text-decoration: none; }
/* --- */
.sq_lightblue .box .box-title
{
background-color: #71BFE3;
color: white;
background-image: url(../images/spacer.gif);
border-bottom: 1px solid #a1a5a9;
}
.sq_lightblue .box .box-title a {color:white; text-decoration: none; }
.sq_lightblue .box .box-title a:active {color:white; text-decoration: none;}
.sq_lightblue .box .box-title a:hover {color:white; text-decoration: none; }
.sq_lightblue .box .box-title a:visited {color:white; text-decoration: none; }
/* --- */
.sq_lightpurple .box .box-title
{
background-color: #6D7AAA;
color: white;
background-image: url(../images/spacer.gif);
border-bottom: 1px solid #a1a5a9;
}
.sq_lightpurple .box .box-title a {color:white; text-decoration: none; }
.sq_lightpurple .box .box-title a:active {color:white; text-decoration: none;}
.sq_lightpurple .box .box-title a:hover {color:white; text-decoration: none; }
.sq_lightpurple .box .box-title a:visited {color:white; text-decoration: none; }
/* --- */
.sq_purple .box .box-title
{
background-color: #330066;
color: white;
background-image: url(../images/spacer.gif);
border-bottom: 1px solid #a1a5a9;
}
.sq_purple .box .box-title a {color:white; text-decoration: none; }
.sq_purple .box .box-title a:active {color:white; text-decoration: none;}
.sq_purple .box .box-title a:hover {color:white; text-decoration: none; }
.sq_purple .box .box-title a:visited {color:white; text-decoration: none; }
/* --- */
.sq_black .box .box-title
{
background-color: #000000;
color: white;
background-image: url(../images/spacer.gif);
border-bottom: 1px solid #a1a5a9;
}
.sq_black .box .box-title a {color:white; text-decoration: none; }
.sq_black .box .box-title a:active {color:white; text-decoration: none;}
.sq_black .box .box-title a:hover {color:white; text-decoration: none; }
.sq_black .box .box-title a:visited {color:white; text-decoration: none; }
/* --- */
.rd_red .box
{
border: none;
background-color: #990000;
background-image: url(../images/side-bar-top-990000.gif);
}
.rd_red .box .box-title
{
background-color: #990000;
color: white;
border-bottom: 1px dotted #a1a5a9;
background-image: url(../images/side-bar-top-990000.gif);
}
.rd_red .box .box-title a {color:white; text-decoration: none; }
.rd_red .box .box-title a:active {color:blue; text-decoration: none;}
.rd_red .box .box-title a:hover {color:blue; text-decoration: none; }
.rd_red .box .box-title a:visited {color:white; text-decoration: none; }
.rd_red .box .box-data {
color: white;
background-image: url(../images/side-bar-bottom-990000.gif);
}
.rd_red .box .box-data .box-text {
color: white;
}
.rd_red a {color:white; text-decoration: underline; }
.rd_red a:active {color:blue; text-decoration: underline;}
.rd_red a:hover {color:blue; text-decoration: underline; }
.rd_red a:visited {color:white; text-decoration: underline; }
/* --- */
.rd_maroon .box
{
border: none;
background-color: #651B2C;
background-image: url(../images/side-bar-top-651B2C.gif);
}
.rd_maroon .box .box-title
{
background-color: #651B2C;
color: white;
border-bottom: 1px dotted #a1a5a9;
background-image: url(../images/side-bar-top-651B2C.gif);
}
.rd_maroon .box .box-title a {color:white; text-decoration: none; }
.rd_maroon .box .box-title a:active {color:blue; text-decoration: none;}
.rd_maroon .box .box-title a:hover {color:blue; text-decoration: none; }
.rd_maroon .box .box-title a:visited {color:white; text-decoration: none; }
.rd_maroon .box .box-data {
color: white;
background-image: url(../images/side-bar-bottom-651B2C.gif);
}
.rd_maroon .box .box-data .box-text {
color: white;
}
.rd_maroon a {color:white; text-decoration: underline; }
.rd_maroon a:active {color:blue; text-decoration: underline;}
.rd_maroon a:hover {color:blue; text-decoration: underline; }
.rd_maroon a:visited {color:white; text-decoration: underline; }
/* --- */
.rd_orange .box
{
border: none;
background-color: #CA2E14;
background-image: url(../images/side-bar-top-CA2E14.gif);
}
.rd_orange .box .box-title
{
background-color: #CA2E14;
color: white;
border-bottom: 1px dotted #a1a5a9;
background-image: url(../images/side-bar-top-CA2E14.gif);
}
.rd_orange .box .box-title a {color:white; text-decoration: none; }
.rd_orange .box .box-title a:active {color:blue; text-decoration: none;}
.rd_orange .box .box-title a:hover {color:blue; text-decoration: none; }
.rd_orange .box .box-title a:visited {color:white; text-decoration: none; }
.rd_orange .box .box-data {
color: white;
background-image: url(../images/side-bar-bottom-CA2E14.gif);
}
.rd_orange .box .box-data .box-text {
color: white;
}
.rd_orange a {color:white; text-decoration: underline; }
.rd_orange a:active {color:blue; text-decoration: underline;}
.rd_orange a:hover {color:blue; text-decoration: underline; }
.rd_orange a:visited {color:white; text-decoration: underline; }
/* --- */
.rd_yellow .box
{
border: none;
background-color: #F6AE3B;
background-image: url(../images/side-bar-top-F6AE3B.gif);
}
.rd_yellow .box .box-title
{
background-color: #F6AE3B;
color: white;
border-bottom: 1px dotted #a1a5a9;
background-image: url(../images/side-bar-top-F6AE3B.gif);
}
.rd_yellow .box .box-title a {color:white; text-decoration: none; }
.rd_yellow .box .box-title a:active {color:blue; text-decoration: none;}
.rd_yellow .box .box-title a:hover {color:blue; text-decoration: none; }
.rd_yellow .box .box-title a:visited {color:white; text-decoration: none; }
.rd_yellow .box .box-data {
color: white;
background-image: url(../images/side-bar-bottom-F6AE3B.gif);
}
.rd_yellow .box .box-data .box-text {
color: white;
}
.rd_yellow a {color:white; text-decoration: underline; }
.rd_yellow a:active {color:blue; text-decoration: underline;}
.rd_yellow a:hover {color:blue; text-decoration: underline; }
.rd_yellow a:visited {color:white; text-decoration: underline; }
/* --- */
.rd_green .box
{
border: none;
background-color: #99C748;
background-image: url(../images/side-bar-top-99C748.gif);
}
.rd_green .box .box-title
{
background-color: #99C748;
color: white;
border-bottom: 1px dotted #a1a5a9;
background-image: url(../images/side-bar-top-99C748.gif);
}
.rd_green .box .box-title a {color:white; text-decoration: none; }
.rd_green .box .box-title a:active {color:blue; text-decoration: none;}
.rd_green .box .box-title a:hover {color:blue; text-decoration: none; }
.rd_green .box .box-title a:visited {color:white; text-decoration: none; }
.rd_green .box .box-data {
color: white;
background-image: url(../images/side-bar-bottom-99C748.gif);
}
.rd_green .box .box-data .box-text {
color: white;
}
.rd_green a {color:white; text-decoration: underline; }
.rd_green a:active {color:blue; text-decoration: underline;}
.rd_green a:hover {color:blue; text-decoration: underline; }
.rd_green a:visited {color:white; text-decoration: underline; }
/* --- */
.rd_lightblue .box
{
border: none;
background-color: #71BFE3;
background-image: url(../images/side-bar-top-71BFE3.gif);
}
.rd_lightblue .box .box-title
{
background-color: #71BFE3;
color: white;
border-bottom: 1px dotted #a1a5a9;
background-image: url(../images/side-bar-top-71BFE3.gif);
}
.rd_lightblue .box .box-title a {color:white; text-decoration: none; }
.rd_lightblue .box .box-title a:active {color:blue; text-decoration: none;}
.rd_lightblue .box .box-title a:hover {color:blue; text-decoration: none; }
.rd_lightblue .box .box-title a:visited {color:white; text-decoration: none; }
.rd_lightblue .box .box-data {
color: white;
background-image: url(../images/side-bar-bottom-71BFE3.gif);
}
.rd_lightblue .box .box-data .box-text {
color: white;
}
.rd_lightblue a {color:white; text-decoration: underline; }
.rd_lightblue a:active {color:blue; text-decoration: underline;}
.rd_lightblue a:hover {color:blue; text-decoration: underline; }
.rd_lightblue a:visited {color:white; text-decoration: underline; }
/* --- */
.rd_blue .box
{
border: none;
background-color: #0060A9;
background-image: url(../images/side-bar-top-0060A9.gif);
}
.rd_blue .box .box-title
{
background-color: #0060A9;
color: white;
border-bottom: 1px dotted #a1a5a9;
background-image: url(../images/side-bar-top-0060A9.gif);
}
.rd_blue .box .box-title a {color:white; text-decoration: none; }
.rd_blue .box .box-title a:active {color:blue; text-decoration: none;}
.rd_blue .box .box-title a:hover {color:blue; text-decoration: none; }
.rd_blue .box .box-title a:visited {color:white; text-decoration: none; }
.rd_blue .box .box-data {
color: white;
background-image: url(../images/side-bar-bottom-0060A9.gif);
}
.rd_blue .box .box-data .box-text {
color: white;
}
.rd_blue a {color:white; text-decoration: underline; }
.rd_blue a:active {color:blue; text-decoration: underline;}
.rd_blue a:hover {color:blue; text-decoration: underline; }
.rd_blue a:visited {color:white; text-decoration: underline; }
/* --- */
.rd_purple .box
{
border: 0px none #a1a5a9;;
background-color: #330066;
background-image: url(../images/side-bar-top-330066.gif);
}
.rd_purple .box .box-title
{
background-color: #330066;
color: white;
border-bottom: 1px dotted #a1a5a9;
background-image: url(../images/side-bar-top-330066.gif);
}
.rd_purple .box .box-title a {color:white; text-decoration: none; }
.rd_purple .box .box-title a:active {color:blue; text-decoration: none;}
.rd_purple .box .box-title a:hover {color:blue; text-decoration: none; }
.rd_purple .box .box-title a:visited {color:white; text-decoration: none; }
.rd_purple .box .box-data {
color: white;
background-image: url(../images/side-bar-bottom-330066.gif);
}
.rd_purple .box .box-data .box-text {
color: white;
}
.rd_purple a {color:white; text-decoration: underline; }
.rd_purple a:active {color:blue; text-decoration: underline;}
.rd_purple a:hover {color:blue; text-decoration: underline; }
.rd_purple a:visited {color:white; text-decoration: underline; }
/* --- */
.rd_lightpurple .box
{
border: none;
background-color: #6D7AAA;
background-image: url(../images/side-bar-top-6D7AAA.gif);
}
.rd_lightpurple .box .box-title
{
background-color: #6D7AAA;
color: white;
border-bottom: 1px dotted #a1a5a9;
background-image: url(../images/side-bar-top-6D7AAA.gif);
}
.rd_lightpurple .box .box-title a {color:white; text-decoration: none; }
.rd_lightpurple .box .box-title a:active {color:blue; text-decoration: none;}
.rd_lightpurple .box .box-title a:hover {color:blue; text-decoration: none; }
.rd_lightpurple .box .box-title a:visited {color:white; text-decoration: none; }
.rd_lightpurple .box .box-data {
color: white;
background-image: url(../images/side-bar-bottom-6D7AAA.gif);
}
.rd_lightpurple .box .box-data .box-text {
color: white;
}
.rd_lightpurple a {color:white; text-decoration: underline; }
.rd_lightpurple a:active {color:blue; text-decoration: underline;}
.rd_lightpurple a:hover {color:blue; text-decoration: underline; }
.rd_lightpurple a:visited {color:white; text-decoration: underline; }
/* --- */
.rd_black .box
{
border: none;
background-color: #000000;
background-image: url(../images/side-bar-top-000000.gif);
}
.rd_black .box .box-title
{
background-color: #000000;
color: white;
border-bottom: 1px dotted #a1a5a9;
background-image: url(../images/side-bar-top-000000.gif);
}
.rd_black .box .box-title a {color:white; text-decoration: none; }
.rd_black .box .box-title a:active {color:blue; text-decoration: none;}
.rd_black .box .box-title a:hover {color:blue; text-decoration: none; }
.rd_black .box .box-title a:visited {color:white; text-decoration: none; }
.rd_black .box .box-data {
color: white;
background-image: url(../images/side-bar-bottom-000000.gif);
}
.rd_black .box .box-data .box-text {
color: white;
}
.rd_black a {color:white; text-decoration: underline; }
.rd_black a:active {color:blue; text-decoration: underline;}
.rd_black a:hover {color:blue; text-decoration: underline; }
.rd_black a:visited {color:white; text-decoration: underline; }
/* --- */
/* Special case for lhs menu */
/* Boxes used for modules (modules are those boxes in the left/right columns) */
div.menubox
{
background-color: #F7F7F7;
margin: 4px 0px 8px 0px;
border: 1px solid #a1a5a9;
padding-bottom: 5px;
overflow: hidden;
width: 200px;
/* background-image: url(../images/side-bar-bottom-EDECED.gif);
background-repeat: no-repeat;
background-position: left bottom;
*/
}
div.menubox-title
{
background-color: #f2f2f2;/*#ffe71e*/
border-bottom: 1px dotted #a1a5a9;
color: #333; /* #a1a5a9 */
font-size: 12px;
overflow: hidden;
text-align: left;
padding: 3px 5px 1px 15px;
width: auto; /* 160px*/
height: 16px;
font-weight: bold;
background-image: url(snow/nav_whitebar.jpg);
/*background-repeat: no-repeat;
background-position: left top;*/
position:relative;
}
.menubox-title a {color:#333; text-decoration: none; }
.menubox-title a:active {color:red; text-decoration: none;}
.menubox-title a:hover {color:red; text-decoration: none; }
.menubox-title a:visited {color:#333; text-decoration: none; }
/* And this is the data */
div.menubox-data {
overflow: hidden;
background-color: transparent;
color: black;
padding: 0px;
font-size: 11px;
width: auto; /* 160 px */
}
/* Menus */
/* Separators are used to sepparate menu areas in the application menu and user created menus*/
div.separator-box {
background: transparent;
font-size: 10px;
margin: 0px 0px 0px 0px;
/* border-bottom:dotted #a1a5a9 1px;*/ /*padding: 5px;*/
}
.avire_menu .menuitem {}
/* Horizontal menus */
.h_menu {
font-size: 11px;
color: white;
text-decoration: none;
padding: 3px 10px 3px 10px;
text-align:center;
}
.h_menu:active { color: white; text-decoration: none;}
.h_menu:hover {color : black; text-decoration: none;
/*background-color: #ffe71e;*/
background-image: url(auc/bar-blue2-on.gif);
background-repeat: repeat-x;
background-position: left top;
}
.h_menuon
{
font-size: 11px;
color: black;
text-decoration: none;
padding: 3px 10px 3px 10px;
/*background-color: #333300;*/
background-image: url(auc/bar-blue2-on.gif);
background-repeat: repeat-x;
background-position: left top;
text-align:center;
}
.h_menuon:active
{
color: white;
text-decoration: none;
/*background: url(avire/nav_blue-highlight.jpg);*/
}
.h_menuon:hover { color: black; text-decoration: none;
}
/* Subinks in menus */
/* FIX left padding to 5 px (was 21). This was being done in tiki-user_menu.tpl */
.menulink { font-size: 11px; color : #000000; text-decoration: none;
padding: 3px 5px 3px 22px;
display: block;
/* border-top: 1px dotted #a1a5a9;*/
}
.menulink:active { color: red; text-decoration: none;}
.menulink:hover {color : black; text-decoration: none;background-color: #ffe71e;}
.menulinkon { font-size: 11px; color : black; text-decoration: none; font-weight:bold;
padding: 3px 5px 3px 22px; display: block;
/*background-color: white;*/
/*border-bottom: 1px dotted #a1a5a9;*/
/* background-image: url(boardmatters/menu-on.gif);
background-repeat: no-repeat;
background-position: left top;*/
}
.menulinkon:active
{
color: #333300;
text-decoration: none;
/*background: url(avire/nav_blue-highlight.jpg);*/
}
.menulinkon:hover { color : #333300; text-decoration: none;
}
/* Links in menus */
/*Don't think linkmenu is used anymore */
.linkmenu, .rsslink { font-size: 11px; color : #000000; text-decoration: none;padding: 5px; display: block;vertical-align: middle;}
.linkmenu:active, .rsslink:active { color: red; text-decoration: none;}
.linkmenu:hover, .rsslink:hover { color : blue; text-decoration: none;}
/* Sublinks in menus */
.sublinkmenu { font-size: 11px; color : #000000; text-decoration: none;
padding: 2px 5px 2px 30px;display: block;}
.sublinkmenu:active { color: black; text-decoration: none;}
.sublinkmenu:hover { color : black; text-decoration: none;background-color: #ffe71e;}
.sublinkmenuon { font-size: 11px; color : white; text-decoration: none;
padding: 2px 5px 2px 30px;display: block;background-color: #a1a5a9; /*background: url(avire/nav_blue-highlight.jpg);*/}
.sublinkmenuon:active { color: white; text-decoration: none;background-color: #a1a5a9;}
.sublinkmenuon:hover { color : white; text-decoration: none;background-color: #a1a5a9;}
/* Links to extend/collapse menus */
.separator
{
font-size: 11px;
color: #000000;
text-decoration: none;
padding: 3px;
display: block;
/*border-top:dotted #a1a5a9 1px;*/
}
.separator:active {color : black; text-decoration: none; }
.separator:hover { color : black; text-decoration: none;/*background-color: white;*/ }
.cseparator
{
font-size: 12px;
color: #000000;
text-decoration: none;
padding: 3px 0px 3px 0px;
display: block;
}
.cseparator:active {color : black; text-decoration: none; }
.cseparator:hover { color : black; text-decoration: none; }
/* Links to collapse menus for example the main menu can be completely collapsed*/
.flip { font-size: 11px; color : black; text-decoration: none;}
.flip:active { font-size: 11px; color : black; text-decoration: none;}
.flip:hover { font-size: 11px; color : black; text-decoration: none;}
#sidebox {width: 100%; /*border: 1px solid #a1a5a9; margin-bottom: 1.5em;*/}
#sidebox h2 {color: #000; font-size: 12px; padding: 5px; margin: 0; background: #e2e2e2; border-bottom: 1px solid #a1a5a9;}
#sidebox ul {margin: 0; padding: 0;}
#sidebox li {font-size: 10px; padding: 5px; margin-top: 0;}
#csidebox {width: 100%; /*border: 1px solid #a1a5a9;*/ margin-bottom: 1.0em;}
#csidebox h2 {color: #000; font-size: 12px; padding: 5px; margin: 0; background: #e2e2e2; border-bottom: 1px solid #a1a5a9;}
#csidebox ul {margin: 0; padding: 0;}
#csidebox li {font-size: 12px; padding: 0px; margin-top: 0;margin-left:10px;}
.bumblebee .odd {background: white;}
.bumblebee .even, .bumblebee .more {background: #edf3fe;}
.bumblebee_reverse .odd {background: transparent;}
.bumblebee_reverse .even, .bumblebee_reverse .more {background: transparent;}
.linkmenu2 { font-size: 11px; color : blue; text-decoration: none;}
.linkmenu2:active { font-size: 11px; color: red; text-decoration: none;}
.linkmenu2:hover { font-size: 11px; color : red; text-decoration: none;}
.linkmenu2:visited { font-size: 11px; color : purple; text-decoration: none;}
div.user-box-text {
color: black;
font-size: 10px;
padding: 5px;
}
.user-box-text a:active {font-size: 10px; color: red; text-decoration: none;}
.user-box-text a:hover {font-size: 10px; color : red; text-decoration: none;}
.user-box-text a:visited {font-size: 10px; color : purple; text-decoration: none;}
/* When modules display a list of items each item is enclosed in a cell with the following style */
TD.module {font-size: 10px; color : black; text-align: left;}
/* Links in modules */
.linkmodule {font-size: 11px; color : blue; text-decoration: none;}
.linkmodule:active { color : red; text-decoration: none;}
.linkmodule:hover { color : red; text-decoration: none;}
.linkmodule:visited { color : purple; text-decoration: none;}
/* Now the boxes for the rest of Tiki (non-modules */
div.cbox {
background: white; margin-left: 4px; margin-right: 4px; margin-top: 4px; margin-bottom: 0px;
border: 1px solid #a1a5a9; padding: 0px 0px 3px 0px; overflow: hidden; width: 100%;
}
/* Boxes are divided in title and data, this is the title */
div.cbox-title
{
background-color: #f2f2f2;
color: #333;
border-bottom: 1px solid #a1a5a9;
font-size: 12px;
overflow: hidden;
text-align: left;
padding-left: 10px;
padding-right: 10px;
padding-top: 3px;
margin: 0px;
height: 16px;
width: 100%;
font-weight: bold;
}
/* When there's a link in a cbox-title */
.cboxtlink { font-size: 10px; color : black; text-decoration: none;}
.cboxtlink:active {font-size: 10px; color : black; text-decoration: none;}
.cboxtlink:hover {font-size: 10px; color : black; text-decoration: none; }
/* And this is the data */
div.cbox-data {
overflow: hidden;
background: white;
padding: 10px;
font-size: 12px; color: black;
}
/* Some boxes are identified by an ID, for example the boxes in the main application menu, we set display to
none to make the menu appear collapsed initially, change this to 'block' if you want it to be extended fully */
/* Banners of type text (textadds) are displayed as links using the following style */
.bannertext {font-size: 10px; color : black; text-decoration: none;}
.bannertext:active {font-size: 10px; color : black; text-decoration: none;}
.bannertext:hover {font-size: 10px; color : black; text-decoration: none;}
/* Some boxes uses thumbnails this is the image style */
div.imagerank { margin-left: 5px; margin-right: 5px; margin-bottom: 10px; margin-top: 10px; }
/* A simple box is just a div with a border around and some margin
* used for example in the admin screen */
div.simplebox {
margin-left: 1px; margin-right: 1px; margin-top: 5px; margin-bottom: 5px;
padding-left: 2px; padding-top: 2px; padding-bottom: 2px; padding-right: 2px;
color: black;
border: 1px solid #a1a5a9; background: white;
font-size: 11px;
}
/* Prevent forms from generating unwanted padding or margins */
FORM { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
/* General form elements */
input,textarea, select {color : #000000; font: normal 11px 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Arial, sans-serif; }
input { text-indent : 2px; }
small, .small {
font-size: 10px;
}
form.thin
{ padding:1px 1px 1px 1px;
margin: 0px 0px 0px 0px;
vertical-align: baseline;
}
td.quicksearch {padding:0px;
margin: 0px;
}
/* General tables */
/* These styles apply to tables used to display common listings such as the wiki page listing, last changes,
listings in admin screens, etc. */
/* Cells in forms without background color (inside a div for example) */
TD.form
{ color: Black; font-size: 11px; vertical-align: top; text-align: left;}
TD.formbor
{ border: 1px solid #8CACBB; color: Black; font-size: 10px; vertical-align: top; text-align: left;}
/* Cells in forms using a background color */
TD.formcolor, td.galform , td.editblogform, td.editfgalform, TD.comform,td.forumform
{ color: black; background: transparent; font-size: 11px; vertical-align: top; text-align: right;
padding-top:5px; padding-bottom:5px}
TD.formcolorright, td.galform , td.editblogform, td.editfgalform, TD.comform,td.forumform
{ color: black; background: transparent; font-size: 11px; vertical-align: top; text-align: left;
padding-top:5px; padding-bottom:5px}
/* The table */
table.listgallery, table.creategalform,TABLE.normal,table.gallerylisting, table.bloglist, table.editblogform,
table.editfgalform, table.listfgal, table.listfiles, table.listarticles,table.forumstable,table.forumformtable,
table.viewthread
{ padding:0px; margin: 0px; border-collapse: collapse; width: 100%;}
TABLE.normalnoborder { width: 97%;}
/* Table headings */
TD.heading, td.gallistheading, td.listgalheading, td.bloglistheading, td.listfgalheading,
td.listfilesheading, td.listartheading, td.forumheading, td.thead, th
{
color: black; font-size: 11px;font-weight: bold;
/*background-color: #f2f2f2;*/
border-top: 1px solid #a1a5a9;
border-bottom: 1px solid #a1a5a9;
padding: 3px 5px 3px 0px;
text-align: left;
background-image: url(snow/nav_whitebar.jpg);
}
TD.button
{
color: black; font-size: 10px;
/* background-color: #C7D0D9;
border: 1px solid #8CACBB;
padding-left: 2px;
padding-right: 5px;*/
text-align: right;
vertical-align: middle;
}
/* Links to view an object from a table listing objects can be generalized to this link */
a.tablename, a.galname, a.imagename, a.blogname, a.fgalname, a.artname, a.forumname
{ font-weight: bold; font-size: 11px ; /*letter-spacing: 1px;*/ color : black; text-decoration: none;}
a.tablename:hover, a.galname:hover, a.imagename:hover, a.blogname:hover, a.fgalname:hover, a.artname:hover, a.forumname:hover
{ text-decoration: underline; }
a.forumnameread
{ font-size: 11px ; /*letter-spacing: 1px;*/ color : black; text-decoration: none;}
a.forumnameread:hover
{ text-decoration: underline; }
/* Links in table headings */
.tableheading,.gallistheading, .listgalheading, .bloglistheading, .llisfgalheading,
.llistfileslink,.llistart,.lforumheading
{ color: black; font-size: 10px; text-decoration: none;}
.tableheading:hover,gallistheading:hover,.listgalheading:hover, .bloglistheading:hover, .llisfgalheading:hover,
.llistfileslink:hover, .llistart:hover,.lforumheading:hover
{color: black; font-size: 10px; text-decoration: none;}
/* When a find button is provided for a listing the table form is displayed in a table with the following style */
table.findtable { width: 97%; margin-bottom: 1px; padding-bottom: 10px;}
td.findtable {font-size: 11px;}
/* Odd rows in several listings */
TD.odd,td.gallistnameodd,td.gallistdescriptionodd,td.gallistcreatedodd,td.gallistlastModifodd, td.gallistuserodd,
td.gallistimagesodd, td.gallisthitsodd, td.gallistactionsodd, td.listgalidodd, td.listgalnameodd, td.listgalcreatedodd,
td.listgalhitsodd, td.listgaluserodd, td.listgalfilesizeodd, td.bloglistnameodd, td.bloglistdescriptionodd,
td.bloglistcreatedodd,td.bloglistlastModifodd,td.bloglistuserodd,td.bloglistpublicodd,td.bloglistpostsodd,
td.bloglistvisitsodd, td.bloglistactivityodd, td.bloglistactionsodd, td.listfgalnameodd, td.listfgaldescriptionodd,
td.listfgalcreatedodd, td.listfgallastModifodd, td.listfgaluserodd, td.listfgalfilesodd, td.listfgalvisitsodd,
td.listfgalactionsodd, td.listfilesnameodd,td.listfilesdescriptionodd,td.listfilesidodd,td.listfilesfilenameodd,
td.listfilesfilesizeodd,td.listfilescreatedodd,td.listfilesdlsodd,td.listfilesnameodd,td.listfilesuserodd,td.listfilesactionsodd,
td.listarttitleodd,td.listarttopicodd,td.listartpublishDateodd,td.listartauthorodd,td.listartreadsodd,td.listarthasimageodd,
td.listartuseimageodd,td.listartactionsodd,td.listartsizeodd,td.forumstableodd,td.forumstableinfoodd,td.topictitleodd,
td.topicrepliesodd,td.topicreadsodd,td.topicscoreodd,td.topiclastpostodd,td.topicauthorodd
{/*border: 1px solid #8CACBB;*/
font-size: 11px; color : black; background-color: #FFFFFF; vertical-align: top; text-align: left;padding:3px 3px 3px 3px;}
/* Even rows in several listings */
TD.even,td.gallistnameeven, td.gallistdescriptioneven, td.gallistcreatedeven,td.gallistlastModifeven, td.gallistusereven ,
td.gallistimageseven,td.gallisthitseven, td.gallistactionseven, td.listgalideven, td.listgalnameeven, td.listgalcreatedeven,
td.listgalhitseven, td.listgalusereven,td.listgalfilesizeeven, td.bloglistnameeven, td.bloglistdescriptioneven,
td.bloglistcreatedeven,td.bloglistlastModifeven,td.bloglistusereven,td.bloglistpubliceven,td.bloglistpostseven,
td.bloglistvisitseven, td.bloglistactivityeven, td.bloglistactionseven, td.listfgalnameeven, td.listfgaldescriptioneven,
td.listfgalcreatedeven, td.listfgallastModifeven, td.listfgalusereven, td.listfgalfileseven, td.listfgalvisitseven,
td.listfgalactionseven,td.listfilesnameeven ,td.listfilesdescriptioneven,td.listfilesideven,td.listfilesfilenameeven,
td.listfilesfilesizeeven,td.listfilescreatedeven,td.listfilesdlseven,td.listfilesnameeven,td.listfilesusereven,td.listfilesactionseven,
td.listarttitleeven,td.listarttopiceven,td.listartpublishDateeven,td.listartauthoreven,td.listartreadseven,td.listarthasimageeven,
td.listartuseimageeven,td.listartactionseven,td.listartsizeeven,td.forumstableeven,td.forumstableinfoeven,td.topictitleeven,
td.topicreplieseven,td.topicreadseven,td.topicscoreeven,td.topiclastposteven,td.topicauthoreven
{/*border: 1px solid #8CACBB;*/ font-size: 11px; background-color: #edf3fe; color : black; vertical-align: top; text-align: left; padding:3px 3px 3px 3px;}
TD.third {border: 1px solid #8CACBB; font-size: 10px; color : Black; background-color: #8CACBB; vertical-align: top; text-align: left;}
/* Titles */
/* When the page title is a link this is the style */
.pagetitle, .forumspagetitle { font-size: 24px; color : black;}
a.pagetitle, a.forumspagetitle {font-size: 24px; text-decoration: none; color : black;}
a.pagetitle:hover,a.forumspagetitle:hover {font-size: 24px; color : black;}
/* Non-linking titles (three levels) */
H1 { font-size: 24px; font-family: 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Arial, sans-serif; color : black; margin:10px 0px 10px 0px;/* border-bottom: 1px solid #76797c;*/}
H2 { font-size: 18px; font-family: 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Arial, sans-serif; color : black; margin:10px 00px 3px 0px; border-bottom: 1px solid #a1a5a9;}
H3 { font-size: 14px; font-family: 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Arial, sans-serif; color : black; margin:10px 10px 3px 0px;border-bottom: 1px solid #a1a5a9;}
H4 { font-size: 13px; font-family: 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Arial, sans-serif; color : black; margin:3px 10px 3px 0px;/*border-bottom: 1px solid #a1a5a9;*/}
H4 a {color: black; text-decoration: none; }
H4 a:active {color: black; text-decoration: none;}
H4 a:hover {color: black; text-decoration: none; }
H4 a:visited {color: black; text-decoration: none; }
/* Links where no special link style apply (usually with the general application background) */
.link, .gallink, .bloglink, .fgallink, .trailer, .opencomlink, .commentslink,
.admlink,.forumbutlink
{ font-size: 11px; color : #676767; text-decoration: underline;}
.link:hover, .gallink:hover, .bloglink:hover, .fgallink:hover, .trailer:hover, .opencomlink:hover,.commentslink:hover,
.admlink:hover,.forumbutlink:hover
{font-size: 11px; color : #676767; text-decoration: underline;}
/* Search results display a date using the following style*/
div.searchdate { font-size: 10px; color : #333333;}
/* Pagination for listings */
.mini {font-size: 9px;color : Black;}
/* prev & next buttons in pagination */
.prevnext, .galprevnext, .blogprevnext, .fgalprevnext, .artprevnext, .forumprevnext
{font-size: 12px; color : black; text-decoration: none;}
.prevnext:active, .galprevnext:active, .blogprevnext:active, .fgalprevnext:active, .artprevnext:active, .forumprevnext:active
{font-size: 12px; color : black; text-decoration: none;}
.prevnext:hover, .galprevnext:hover, .blogprevnext:hover, .fgalprevnext:hover, .artprevnext:hover, .forumprevnext:hover
{font-size: 12px; color : black; text-decoration: underline;}
/* Warning background/color */
span.warn { color: red;}
/***** THE WIKI ********/
div.titlebar {
background: #C7D0D9;
color: black;
border: 1px solid #8CACBB;
padding-left: 1px;
padding-right: 1px;
padding-top: 1px;
padding-bottom: 1px;
margin: 1px 1px;
clear: both;
}
/* The bar where the actions for a page are displayed */
DIV#page-bar
{
margin-left: 5px;
vertical-align: bottom;
height: 30px;
position: relative;
border : 0px solid red;
padding:0px;
}
/* Wiki action buttons (the buttons displayed at the end of each page to edit/print/remove/etc a page */
div.button2 {
font-size: 10px;
color : #225566;
background: white;
border: 1px solid #99bec6;
margin: 0.0ex 0px;
}
/* Links in buttons */
.linkbut { font-size: 10px; color : #225566; background: white; text-decoration:none;}
.linkbut:hover { font-size: 10px; color : #225566; background: #C7D0D9; text-decoration: none;}
/* When a cached version of an external link is displayed */
div.cache {
background: #EFEFEF;
border: 1px solid black;
padding-left: 0.1em; padding-right: 0.1em; padding-top: 0.1em; padding-bottom: 0.1em;
margin: 0.1ex 0px;
}
div.cachedpage {
border: 1px solid black;
padding-left: 0.1em; padding-right: 0.1em; padding-top: 0.1em; padding-bottom: 0.1em;
margin: 0.1ex 0px;
}
/* When an external link is cached a small link to the cached version (cache) is displayed using this style */
.wikicache {font-size: 9px; color : #225566; text-decoration: none;}
.wikicache:active {font-size: 9px; color : #225566; text-decoration: none;}
.wikicache:hover {font-size: 9px; color : #225566; text-decoration: none;}
table.wikitable {
border-collapse:collapse; width:100%;
}
td.wikicell {
border-collapse:collapse;
/* border: 1px solid #8CACBB;
background-color: #F7F9FA;*/
}
/* Text in wiki pages is displayed using the following style */
div.wikitext {
background: white;
font-size: 12px;
/* border: 1px solid #99bec6;*/
/*border-bottom: 1px solid #a1a5a9;*/
padding: 3px 0px 20px 0px;
margin: 0px 1px 5px 1px;
clear: both;
}
/* Links to wiki pages */
.wiki { color: blue; text-decoration:underline;}
.wiki:hover {color: red;text-decoration:underline;}
.wiki:visited {color: purple;text-decoration:underline;}
.wiki:active {color: red;text-decoration:underline;}
/* Date displayed for last modification date of pages */
p.editdate { color: #76797c; font-size: 9px; }
/* The edit-help used to display the wiki syntax when editing a page */
div.wiki-edithelp { background: white; border: 1px solid black; font-size: smaller; padding: 6pt;}
/**** IMAGE GALLERIES ****/
TABLE.galtable { border-collapse:collapse;}
/* You can set a different background color for odd and even rows in the thumbnails table */
/* Thumbnails in odd rows are shown inside oddthumb tds */
TD.oddthumb {/* background: transparent; border: 1px solid #8CACBB;border-collapse:collapse;*/}
TD.eventhumb {/* background: #F7F9FA;border: 1px solid #8CACBB; border-collapse:collapse;*/}
/* Container for thumbnails */
div.thumbnails { /* border : 1px solid white;*/ margin-top: 2px; margin-bottom: 7px;}
/* Thumbnails images */
img.athumb { border : 1px solid black; margin-left: 2px; margin-right: 3px;margin-bottom: 3px;}
.caption { color: black;}
/* No records found text (displayed in the table when no records */
p.norecords { font-weight : bold;}
/* Browsing an image */
div.imagetitle {font-weight: bold; font-size: 26px; color : #00287B;}
div.gallerylink {}
div.showimage { text-align: center; margin-top: 5px; margin-bottom: 5px;}
/****WEBLOGS ***/
/* The header of a weblog post */
/*div.posthead {
font-family: Georgia, serif;
font-size: 12px;
color: black;
overflow: hidden;
text-align: center;
padding-left: 0px;
padding-right: 0px;
margin-bottom: 5px;
}
div.posthead td[align=right]
{
vertical-align: bottom;
margin-bottom: 0;
padding-bottom: 0;
}
*/
div.postarea{border-top: 1px solid #a1a5a9;padding-top:5px; }
/* The font used in the heading of the weblog */
div.posthead
{
font-family: Georgia, serif;
font-size: 14px;
font-weight: bold;
color: maroon;
margin: 0px 0px 5px 0px;
letter-spacing: 0.2em;
}
div.posthead small {letter-spacing: 0.2em;font-family: Georgia, serif; font-size: 9px; color: #676767; font-weight: normal;padding:0px 0px 0px 0px; }
/* Links in the weblog post heading (edit/remove) */
/* When there's a link in a cbox-title */
.blogt { font-family: Georgia, serif; font-size: 9px; color : #676767; text-decoration: underline;}
.blogt:active {font-family: Georgia, serif; font-size: 9px; color : #676767; text-decoration: underline;}
.blogt:hover {font-family: Georgia, serif; font-size: 9px; color : #676767; text-decoration: underline; }
/* The post body */
div.postbody
{
overflow: hidden;
background: white;
font-family: Georgia, serif;
font-size: 12px;
color: black;
padding-left: 0px;
padding-top: 5px;
padding-bottom: 2px;
margin-bottom: 10px;
line-height: 1.5em;
}
/* The weblog title */
div.blogtitle {
font-family: Georgia, serif;
color: #a1a5a9; font-weight : bold;
font-size: 18px;
/* background-color: #C7D0D9; */
padding-left: 0px;
padding-right: 5px;
margin-top: 12px;
border-bottom: 1px solid #a1a5a9;
/* border: 1px solid #8CACBB;
border-bottom: 0px;*/
}
/* The weblog information */
div.bloginfo {
/* background: white;
border: 1px solid #8CACBB;&*/
padding: 5px 10px 5px 5px;
color: #676767;
font-size: 10px;
font-family: Georgia, serif;
/*clear: both;*/
}
/* Weblog description */
div.blogdesc {
padding-left: 0.8em;
padding-right: 0.8em;
padding-top: 0em;
padding-bottom: 0.5em;
margin-bottom: 10px;
font-family: Georgia, serif;
font-size: 11px;
color: #676767;
clear: both;
}
/* Links to post/edit/rss feed for the webelog are contained inside this div */
div.blogtools {
padding-left: 0.8em;
padding-right: 0.8em;
padding-top: 0.5em;
padding-bottom: 0.5em;
margin-bottom: 10px;
font-size: 10px;
clear: both;
}
/** CMS ***/
/* The article title bar */
div.articletitle {
color: #a1a5a9; font-size: 2.0em;
border-bottom: 0px;
padding-right: 0.8em;
padding-bottom: 0.1em;
margin-top: 1em;
clear: both;
}
/* The article heading */
div.articleheading {
/* border-bottom: 1px dotted #aeaeae;*/
padding-right: 0.8em;
padding-top: 1em;
padding-bottom: 0em;
clear: both;
}
/* Text in the article heading */
span.articleheading
{
font-size: 13px;
font-weight: bold;
}
div.articletrailer {
background: white;
margin-bottom: 10px;
font-size: 12px;
clear: both;
}
/* The body */
div.articlebody
{
background: white;
padding-right: 2em;
padding-top: 1em;
padding-bottom: 1em;
margin: 10px 0px 10px 0;
font-size: 12px;
clear: both;
line-height: 1.5em;
}
/* The article title */
span.titlea { font-size: 20px; font-weight: bold;}
/* The author, date and number of reads */
span.titleb { font-size: 11px; color: #676767;}
/* The trailer */
span.trailer {font-size: 12px; }
/**** CALENDAR ****/
/* LINKS TO DAYS IN THE CALENDAR */
.day { font-size: 9px; text-decoration: none; color : black;}
.day:hover {font-size: 9px; color : black; text-decoration: none; }
/* LINKS FOR TODAY */
.today {font-size: 9px; text-decoration: none; color : black; font-weight : bold; text-decoration: none; }
.today:hover {font-size: 9px; color : black; text-decoration: none; font-weight : bold;}
/* Links to change month, year or go to today */
.nav {font-size: 9px; text-decoration: none; color : black; font-weight : bold; text-decoration: none; }
.nav:hover {font-size: 9px; color : black; text-decoration: none; font-weight : bold; }
.changedate {font-size: 8px; color : black; font-weight : bold;}
.date {font-size: 9px;
color : black;
font-weight : bold;
}
/**** COMMENTS ******/
/* The whole comment area when it is visible and when it is not */
#comzone { display: none; margin-left: 1px; margin-right: 1px; margin-top: 5px; margin-bottom: 5px; padding-left: 2px; padding-right: 2px;}
#comzoneopen { display: block; margin-left: 1px; margin-right: 1px; margin-top: 5px; margin-bottom: 5px; padding-left: 2px; padding-right: 2px;}
/* The comment title */
span.commentstitle { font-weight: bold; font-size: 12px; width: 100%;}
/*** CHAT******/
table.chatroom { border-color: #5A4A39; border-style: solid; border-width: 2px; width: 97%;}
td.chatchannels {background: #B5C6DE; font-size: 11px; color: white;}
td.chatarea { padding-left: 0px; margin-left: 0px;font-size: 11px; color: black; background: #FFFFFF;}
table.chatform { border-color: #00639C; border-style: solid; border-width: 2px; width: 97%; border-top:0px;}
td.tdchatform { color: Black;background: #EFEFEF; font-size: 11px; vertical-align: top; text-align: left;}
span.chnormal { color: black;font-size: 11px; }
span.chuser { color: black;font-size: 11px; font-weight: bold;}
/**** POLLS */
div.pollresults {
background: white;
border: 1px solid black;
margin-top: 5px;
font-size: 14px;
padding-left: 5px;
}
table.pollresults { width: 97%;}
td.pollr { font-size: 11px; color: black;}
/* MODULES */
/**** FORUMS ****/
/* Title for the forums page */
div.forumspagetitle { margin-top: 10px; margin-bottom: 40px;}
table.threads { width: 97%;}
td.viewthreadl { border-right: 1px solid #DDDDDD; border-collapse:collapse; background-color: white; height: 10px; vertical-align: top;}
td.viewthreadr { border-collapse:collapse; background-color: white; height: 10px; vertical-align: top;}
/* Cells for the threads table */
td.threadsevenl { border-right: 1px solid #DDDDDD; border-collapse:collapse; font-size: 11px; background: transparent; vertical-align: top;}
td.threadsevenr { border-collapse:collapse; font-size: 12px; background: transparent; vertical-align: top;}
td.threadsoddl { border-right: 1px solid #DDDDDD; border-collapse:collapse; font-size: 11px; background: transparent; vertical-align: top;}
td.threadsoddr { border-collapse:collapse; font-size: 12px; background: transparent; vertical-align: top;}
td.threadseparator { border-collapse:collapse;background-color: #f1f1f1; height: 0px;}
#forumpost { display: none;}
#forumpostopen { display: block;}
div.forumtoolbar { border: 1px solid #a1a5a9; background-color: #f1f1f1; border-collapse:collapse; padding: 3px 10px 3px 10px;}
td.forumtoolbar { color: black; font-size: 11px; font-weight : bold; text-decoration: none; vertical-align: bottom;}
.toolbarlink { color: white; font-size: 11px; font-weight : bold; text-decoration: none;}
.toolbarlink:active { color: white; font-size: 11px; font-weight : bold; text-decoration: none;}
.toolbarlink:hover { color: #00FFFF; font-size: 11px; font-weight : bold; text-decoration: none;}
/* Links to vote */
.forumvotelink {font-size: 12px; color : black;}
.forumvotelink:active {font-size: 12px; color : black;}
.forumvotelink:hover {font-size: 12px; color : black;}
/****** CATEGORIES *****/
table.tcategpath { margin-bottom: 10px; border-color: #a1a5a9; border-style: solid; border-width: 1px; width: 97%; border-collapse:collapse;background-image: url(avire/nav_whitebar.jpg);}
/* Table containing the category path */
td.tdcategpath {
color: #225566; font-size: 12px; font-weight : bold;
background-color: #f2f2f2;
padding-left: 2px;
margin: 0px;
border-spacing: 0px;
padding-right: 5px;}
/* Links to up/top categories */
.categpath { font-size: 12px; color : #225566; text-decoration: none;}
.categpath:active { font-size: 12px; color : #225566; text-decoration: none;}
.categpath:hover {font-size: 12px; color : #225566; text-decoration: none;}
/* Table with the subcategories */
table.subcats { padding-top: 20px; padding-bottom: 20px; width: 97%; border-spacing: 0px; padding-right: 0px; margin-bottom: 10px; border-color: #99bec6; border-style: solid; border-width: 1px; background: #C7D0D9; border-collapse:collapse;}
td.tdsubcat {width: 25%; background: #C7D0D9;}
/* Links to subcategories */
.categlink { font-size: 11px; color : #225566; text-decoration: none; font-weight: bold;}
.categlink:active {font-size: 11px; color : #225566; text-decoration: none;font-weight: bold;}
.categlink:hover {font-size: 11px; color : #225566; text-decoration: underline;font-weight: bold;}
table.catobjects { width: 97%; border-spacing: 0px; padding-right: 0px; margin-bottom: 10px; /*border-color: #8CACBB; border-style: solid; border-width: 1px; border-collapse:collapse;*/}
td.categobjectsnameeven,td.categobjectsnameodd {
font-size: 11px;
color: black;
}
td.categobjectsdataeven,td.categobjectsdataodd {
font-size: 11px;
background-color: #F7F9FA;
color: black;
}
.catname { font-size: 11px; color : #436976; text-decoration: none;}
.catname:active { font-size: 11px; color : #436976; text-decoration: none;}
.catname:hover {font-size: 11px; color : #436976; text-decoration: underline;}
/******FAQS ****/
/* The list of questions */
div.faqlistquestions {
color: black;
font-size: 12px;
padding-top: 5px;
padding-bottom: 5px;
}
/* Container for question-answer block */
div.faqqa {
color: black;
font-size: 12px;
margin-bottom: 20px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
}
/* The question */
div.faqquestion
{
margin-bottom: 5px;
font-size: 13px;
/* background: #edf3fe;*/
font-weight: bold;
}
/* The answer */
div.faqanswer {
font-size: 12px;
}
/**** SHOUTBOX ********/
div.shoutboxmsg {
border: 1px solid black;
background: white;
margin-bottom: 0px;
padding-bottom: 1px;
}
div.shoutboxmodmsg {
font-size: 10px;
margin-bottom: 4px;
margin-left: 5px;
margin-right: 5px;
padding-top: 5px;
padding-bottom: 1px;
}
textarea.tshoutbox{
background-color: white;
border: #aeaeae 1px solid;
color: #000000;
font-family: tahoma, arial, helvetica, sans-serif;
font-size: 10px;
width: 156px;
}
.wiki-table {
border-color: gray;
border-style: solid;
border-width: 1px;
width: 90%;
}
.wiki-tr-a td {
background: #ddd;
border: none;
}
.wiki-tr-b td {
background: #efefef;
border: none;
}
div.code {
font-size: 90%;
padding: 5px;
border-style: solid;
border-width: 1px;
border-color: #CCCCCC;
background-color: #F4F4F4;
font-family: courier;
}
hr {
width: 100%;
height: 1px;
background-color: #AAAAAA;
border-width: 0px;
padding: 0px;
color: #AAAAAA;
}
/****** WIKI TOCS ********/
div.tocnav {
font-size: 9px;
background: #C7D0D9;
border: 1px solid #8CACBB;
color: black;
padding-bottom: 2px;
padding-top: 2px;
margin-bottom: 2px;
}
.tocnavlink { color:black; text-decoration: underline;
font-size: 10px; }
.tocnavlink:hover {
font-size: 10px; color: black; text-decoration:underline;}
/****** DIRECTORY *******/
/* The list of categories */
div.dircategs {
border: 0.5px solid #99bec6;
padding-bottom: 5px;
padding-top: 5px;
padding-left: 5px;
}
/* Links to categories */
.dirlink {font-size: 12px; color : black; text-decoration: underline; font-weight: bold;}
.dirlink:hover { font-size: 12px; color : #636363; text-decoration: underline; font-weight: bold;}
/* Links to subcategories */
.dirsublink {font-size: 10px; color : black; text-decoration: underline;}
.dirsublink:hover {font-size: 10px; color : #636363; text-decoration: underline;}
/* The list of sites in any category */
div.dirlistsites {
background-color: white;
padding-left: 5px;
padding-top: 5px;
padding-bottom: 10px;
border: 0.5px solid #99bec6;
margin-top: 10px;
}
/* each site in the list of sites */
div.dirsite {
background-color: #F7F9FA;
margin-bottom: 10px;
margin-right: 5px;
}
span.dirsitedesc {}
span.dirsitetrail {font-size: 10px;}
span.dirsitecats {}
/* Links to sites */
.dirsitelink {font-size: 12px; color : black; text-decoration: underline;}
.dirsitelink:hover {font-size: 12px; color : #636363; text-decoration: underline;}
/* Related categories */
div.dirrelated {
background-color: White;
margin-top: 10px;
border: 0.5px solid #99bec6;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
}
/* Footer with stats for the directory */
td.dirfooter {
font-size: 9px;
}
div.dirfooter {
margin-top: 10px;
border: 0.5px solid #99bec6;
}
/****** MESSAGES *****/
/* Links for priority colors */
td.prio1 { border: 1px solid #a1a5a9;font-size: 11px; padding-left: 2px; background-color: #F7F9CA;}
td.prio2 { border: 1px solid #a1a5a9;font-size: 11px; padding-left: 2px;background-color: #F7F9EA;}
td.prio3 { border: 1px solid #a1a5a9;font-size: 11px; padding-left: 2px;background-color: #F7F9FA;}
td.prio4 { border: 1px solid #a1a5a9;font-size: 11px; padding-left: 2px;background-color: #F7F9FD;}
td.prio5 { border: 1px solid #a1a5a9;font-size: 11px; padding-left: 2px; background-color: #F7F9FF;}
/* Div containing links to flag/unflag messages when reading a message */
div.messureadflag {
background-color: #CCCCCC;
padding-left: 5px;
}
/* Header when reading a message */
div.messureadhead {
background-color: #DEDEDE;
margin-top: 2px;
}
/* Message body when reading */
div.messureadbody {
margin-top: 5px;
background-color: #DEDEDE;
}
/* Links to read emails (the subject in the mailbox listing) */
.readlink {font-size: 10px; color : black; text-decoration: underline;}
.readlink:hover {font-size: 10px; color : #636363; text-decoration: underline;}
/* HS: Cal stykes was here */
/* style of the popup background in case of transparent styles */
#opaque
{
background-color: #ffffff;
}
div#edithelpzone { display: none; }
div#attzone { display: none; margin-top: 10px; }
div#attzoneopen { display: block; margin-top: 10px; }
.highlight { background-color: #FFAAAA; color: #000000; }
/*
* Caption in tables.
* Currently in Attachments and comments only.
*/
caption
{
font-size: 11px;
font-weight : bold;
text-align: right;
}
/* trees */
div.tree
{
text-align: left;
padding-left: 1.5em;
}
/* Root of tree (outer div) */
div.tree#top
{
/* border: 1px outset #00E000;*/
padding: 10px 1.5em 20px 1.5em;
}
/* Wiki editpage textarea */
textarea.wikiedit
{
width: 100%;
}
/* help links style */
a.tikihelp, a.tikihelp:visited {
color: inherit;
border: inherit;
background-color: inherit;
font-size: inherit;
font-weight: inherit;
margin: inherit;
padding: inherit;
text-decoration: inherit;
}
a.tikihelp:hover {
color: #224466;
border: inherit;
background-color: inherit;
font-size: inherit;
font-weight: inherit;
margin: inherit;
padding: inherit;
cursor: help;
text-decoration: inherit;
}
div.scroll {
height: 80px;
width: 530px;
overflow: auto;
border: 0px solid #666;
background-color: white;
padding: 4px; margin-bottom: 5px;
}
div.categories_scrollable_area {
height: 200px;
width: 330px;
overflow: auto;
border: 1px solid #666;
background-color: white;
padding: 4px; margin-bottom: 5px;
}
div.copyright_conditions {
height: 200px;
width: 530px;
overflow: auto;
border: 0px solid #666;
background-color: white;
padding: 4px; margin-bottom: 5px;
}
.progressBar {
background-color: #FFFFFF;
width: 172px;
height: 24px;
position: relative;
left: 0px;
top: 0px;
display:block;
}
.progressBarOff {
display:none;
}
.add_zone {
background: #edf3fe; padding: 10px;
}
.alert
{
background-color: red;
color: white;
padding: 10px;
margin: 5px;
font-weight: bold;
}
.alert a:active
{
color: blue;
font-weight: bold;
text-decoration: underline;
}
.alert a:visited
{
color: blue;
font-weight: bold;
text-decoration: underline;
}
#pageFooter {text-align:left; padding:0px 0px 0px 3px;}
/* Fades form one billbaord to the next - used in AUC */
#billboard {width: 700px; margin: 0 auto 10px; clear: both; color: #76797c;}
#billboard {width: 700px; margin: 10px auto 14px;}
#billboard img {padding: 0; border: 0; margin: 0;}
#billboard #crossfade {margin: 0; padding: 0; position: relative; width: 700px; height: 250px; background: #ffffff; overflow: hidden;}
#billboard .fader {display: block;}
#tiki-main a.dl { background: url(../images/icon-download.gif) left top no-repeat; display: block; padding-left: 20px; text-decoration: none;}
/******************************************** Tiki calendar *********************************************/
#caltable {border:1px solid #a1a5a9; border-collapse: collapse;}
.calcontent {
height: 60px;
min-height:60px; /* Doesn't work in IE - see Prop-Clear min height hack */
}
/*.calcontent:after {
clear: both; display: block; content: 'X'; height: 0; visibility: hidden;
}*/
.calfocus {
font-size : 10px;
background-color : transparent;
}
.calfocus a {
text-decoration : none;
font-weight : normal;
color : #000000;
font-size : 10px;
}
.calfocuson {
font-size : 10px;
background-color : #F3E498;
}
.calfocuson a {
text-decoration : none;
font-weight : normal;
color : #000000;
font-size : 10px;
}
.dark .calfocus a {color: #676767}
.opaque { /* onmouseover info box */
background-color: #fff;
}
.Cal0, .Cal1, .Cal2 {
color : white;
font-size : 10px;
padding-right : 0px;
}
.calcontent a, .calcontent a:visited {
font-size : 10px;
text-decoration:none;
color: white;
}
.calitem a, .calitem a:visited {
font-size : 10px;
text-decoration:none;
color: white;
}
.calitem {
color: white;
margin: 1px 0px 1px 0px;
border-radius : 3px 3px 3px 3px;
-moz-border-radius : 3px 3px 3px 3px;
-khtml-border-radius : 3px 3px 3px 3px;
}
.calitem div, .calitem span, .calitem p{
color: white;
}
.cal_label_area:after {
clear: both; display: block; content: 'X'; height: 0; visibility: hidden;
}
.cal_label {
font-size : 12px;
width: 150px;
}
.lightorange {
background-color: #f2a640;
border: 1px solid #f2a640;
}
.lightred {
background-color: #D96666;
border: 1px solid #D96666;
}
.orange {
background-color: #dd5511;
border: 1px solid #dd5511;
}
.lightyellow {
background-color: #E0C240;
border: 1px solid #E0C240;
}
.lightblue {
background-color: #94A2BE;
border: 1px solid #94A2BE;
}
.lightpurple {
background-color: #A992A9;
border: 1px solid #A992A9;
}
.purple {
background-color: #8C66D9;
border: 1px solid #8C66D9;
}
.lightgreen {
background-color: #4CB052;
border: 1px solid #4CB052;
}
.steel {
background-color: #8997A5;
border: 1px solid #8997A5;
}
.lightbrown {
background-color: #C4A883;
border: 1px solid #C4A883;
}
#menu_nav ul { margin: 0pt; padding: 2px 0pt 0pt; list-style-type: none; list-style-image: none; list-style-position: outside; }
.menu_vertical li {margin: 0pt; font-size: 11px; display: block; }
.menu_vertical a {display: block;padding: 3px 5px 3px 22px; color : #000000; text-decoration: none;}
.menu_vertical .active {border: none; background-color: transparent}
.menu_vertical .on {color : white; text-decoration: none; font-weight:bold; background-color: #AAD62B}
.menu_vertical .on:active {color: white; text-decoration: none; background-color: #AAD62B}
.menu_vertical .on:hover {color: white; text-decoration: none; background-color: #AAD62B}
.menu_vertical a:active { color: red; text-decoration: none;}
.menu_vertical a:hover {color : black; text-decoration: none;background-color: #ffe71e;}