/*template_css.css*/
HTML {
height: 100%;
margin-bottom: 1px;
}
BODY {
height: 100%;
margin: 0px;
background-image: url(template_images/page_bg.png);
background-repeat: repeat;
}
h1
{
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
font-size: 18px;
color: #8D9055;
line-height: 18px;
margin: 5px 0;
}
h2
{
font-size:14px;
color:#595959;
}
a:link, a:visited {
color: #8D9055; text-decoration: none;
font-weight: bold;
}
a:hover {
color: #8D9055; text-decoration: underline;
font-weight: bold;
}
td,tr,p,div {
font-family: Arial, Helvetica, sans-serif;
line-height: 140%;
font-size: 12px;
color: #333333;
text-align: left;
}
h3, .componentheading {
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
font-size: 18px;
color: #8D9055;
line-height: 18px;
margin: 5px 0;
}
.componentheading {
padding-top: 10px;
}
.contentheading {
font-family: Georgia, "Times New Roman", Times, serif;
background: url(template_images/hsep.png) bottom left repeat-x;
padding: 0px 0px 5px 0px;
font-size: 20px;
font-weight: normal;
height: 45px;
vertical-align: bottom;
color: #8D9055;
text-align: left;
width: 100%;
}
ul
{
margin: 0;
padding: 0;
list-style: none;
}
ul li
{
line-height: 20px;
padding-left: 15px;
padding-top: 0px;
background-image: url(template_images/bullet.png) ;
background-repeat: no-repeat;
background-position: 0px 3px;
}
.small {
font-size: 10px;
color: #999999;
font-weight: bold;
text-align: left;
}
.modifydate {
height: 30px;
vertical-align: bottom;
font-size: 10px;
color: #999999;
font-weight: bold;
text-align: left;
}
.createdate {
height: 25px;
vertical-align: top;
font-size: 10px;
color: #999999;
font-weight: bold;
vertical-align: top;
padding-bottom: 10px;
padding-top: 0px;
}
.clr {
clear: both;
}
#main_bg {
height: 100%;
padding: 0;
margin-bottom: 1px;
background-color: #8A8E51;
}
div.mosimage_caption {
font-size: 10px;
color: #666666;
}
div.center {
text-align: center;
}
table#main {
margin-left: auto;
margin-right: auto;
text-align: center;
}
div.blog_more {
margin-top: 30px;
}
div.syndicate div {
text-align: center;
}
table.opentable {
border-collapse: collapse;
margin-left: 5px;
}
table.opentable td {
margin:0;
padding: 0;
}
td.left_shadow {
width: 13px;
background-image: url(template_images/js_bg_l.png);
background-repeat: repeat-y;
}
td.right_shadow {
width: 13px;
background-image: url(template_images/js_bg_r.png);
background-repeat: repeat-y;
}
td.bottom {
height: 29px;
background-image: url(template_images/js_bottom.png);
background-repeat: no-repeat;
background-position: center top;
width: 732px;
}
td.wrapper {
width: 706px;
}
#runner {
float: right;
padding-top: 7px;
}
#bottomnav_links ul {
margin: 0;
padding: 0;
}
#bottomnav_links li {
background-image: none;
list-style:none;
float: left;
margin: 0px;
padding: 0px;
font-size: 11px;
line-height:17px;
height: 17px;
white-space: nowrap;
}
#header {
float: left;
width: 706px;
height: 112px;
/*background-image: url(template_images/js_header.png);*/
background-repeat: no-repeat;
}
.topbar {
width: 732px;
height: 27px;
background-image: url(template_images/js_top.jpg);
background-repeat: no-repeat;
margin: 0px;
padding: 0px;
}
.designertoo{
display:block;
text-indent:-5000px;
text-decoration:none;
height:0;}
#contentarea {
float: left;
width: 706px !important;
width: 706px;
background: #eee;
}
table.contentarea {
width: 706px;
max-width: 706px;
}
td.sidenav {
}
div.forcewidth {
width: 175px;
overflow: hidden;
}
td.seperator {
background: url(template_images/vsep.png) top center repeat-y;
}
td.middle {
width: 552px;
}
div.menuholder_t {
float: left;
width: 175px;
height: 20px;
overflow: hidden;
background-image: url(template_images/js_filmod_t.png);
background-repeat: no-repeat;
margin-top: 10px;
padding: 0px;
}
div.menuholder_m {
float: left;
width: 175px !important;
width: 175px;
background-image: url(template_images/js_modbg.png);
background-repeat: repeat-y;
padding-right: 8px;
padding-bottom: 8px;
padding-left: 8px;
}
div.menuholder_m td {
color: #ffffff;
}
div.menuholder_b {
float: left;
width: 175px;
height: 10px;
overflow: hidden;
margin-bottom: 8px;
background-image: url(template_images/js_mod_b.png);
background-repeat: no-repeat;
}
a.mainlevel:link, a.mainlevel:visited {
display: block;
font-size: 10px;
font-weight: bold;
color: #8D9055;
font-family: Arial, Helvetica, sans-serif;
text-transform: uppercase;
text-align: left;
height: 21px;
line-height: 21px;
text-indent: 14px;
width: 156px;
background-image: url(template_images/menu_bg.png);
background-position: left center;
background-repeat: no-repeat;
}
a.mainlevel:hover {
display: block;
font-size: 10px;
font-weight: bold;
color: #606239;
font-family: Arial, Helvetica, sans-serif;
text-transform: uppercase;
text-align: left;
height: 21px;
line-height: 21px;
text-indent: 14px;
width: 156px;
background-image: url(template_images/menu_bg_over.png);
background-position: left center;
background-repeat: no-repeat;
}
a.mainlevel#active_menu {
color: #000;
}
a.mainlevel#active_menu:hover {
color: #999999;
}
div#left div.moduletable {
float:left;
width: 175px;
background: url(template_images/hsep.png) repeat-x;
padding-top: 5px;
margin-top: 5px;
margin-right: 5px;
margin-bottom: 5px;
margin-left: 5px;
}
div#left div.moduletable h3 {
font-family: Georgia, "Times New Roman", Times, serif;
}
#flashbox {
width: 520px;
margin-top: 3px;
}
#flashbox td.topflash {
background-image: url(template_images/js_uf_t.png);
background-repeat: no-repeat;
background-position: center bottom;
}
#flashbox td.midflash {
padding: 8px;
background-image: url(template_images/js_uf_bg.png);
background-repeat: repeat-y;
background-position: center top;
}
#flashbox td.botflash {
background-image: url(template_images/js_uf_b.png);
background-repeat: no-repeat;
background-position: center top;
}
.moduletable th {
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
font-size: 18px;
color: #8D9055;
line-height: 18px;
margin: 5px 0;
}
table#flashbox a:link, table#flashbox a:visited {
color: #333333;
}
table#flashbox a:hover {
color: #8D9055;
}
div#mainbody {
width: 510px;
padding-left: 10px;
padding-top: 0px;
}
input.button {
border: 1px solid #677639;
height: 20px;
padding: 2px 10px 4px 10px !important;
padding: 0px 5px 0px 5px;
font-weight: bold;
color: #FFFFFF;
text-transform: uppercase;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
background-image: url(../../md_openoffice2/images/butbg.png);
background-repeat: repeat-x;
background-position: left center;
}
.inputbox {
font-size: 11px;
}
table.moduletable {
width: 100%;
margin: 0px 0px 0px 0px;
}
table.moduletable td {
padding: 4px;
}
#content-pane .tab-page {
}
table.contentpane {
text-align: left;
width: 100%;
padding: 0px;
margin: 0px;
border-collapse: collapse;
}
table.contentpaneopen {
text-align: left;
width: 100%;
padding: 0px;
margin: 0px;
border-collapse: collapse;
}
.contentpagetitle {
font-size: 13px;
font-weight: bold;
color: #cccccc;
text-align:left;
}
a.contentpagetitle:link, a.contentpagetitle:visited {
padding: 0px;
font-size: 17px;
height: 25px;
line-height: 25px;
padding-top: 10px;
color: #8D9055;
text-align: left;
width: 100%;
}
a.contentpagetitle:hover {
color: #7A7C49;
}
a.sublevel:link, a.sublevel:visited {
vertical-align: middle;
font-size: 11px;
font-weight: bold;
color: #677639;
text-align: left;
line-height: 19px;
padding-left: 3px;
}
a.sublevel:hover {
color: #666666;
font-weight: bold;
text-decoration: none;
}
div#mainbody td.sectiontableheader {
font-weight: bold;
background: #8D9055;
color: #ffffff;
padding: 4px;
border-left: 1px solid #eee;
}
td.smalldark {
color: #666666;
font-size: 11px;
font-weight: bold;
}
table.pollstableborder {
padding: 0;
margin: 0;
border-collapse: collapse;
text-align: left;
}
table.pollstableborder td {
padding: 5px 2px 0 0;
}
td.sectiontableentry1 {
padding: 0px;
}
td.sectiontableentry2 {
padding: 0px;
}
tr.sectiontableentry1 td {
padding-left: 4px;
padding-right: 4px;
}
tr.sectiontableentry2 td {
padding-left: 4px;
padding-right: 4px;
}
.ontab {
background-color: #cccccc;
border-left: solid 1px #666666;
border-right: solid 1px #666666;
border-top: solid 1px #666666;
border-bottom: solid 0px #cccccc;
text-align: center;
cursor: pointer;
font-weight: normal;
color: #cc0000;
}
.offtab {
background-color: #BCBCBC;
border-left: solid 1px #999999;
border-right: solid 1px #bbbbbb;
border-top: solid 1px #999999;
border-bottom: solid 1px #666666;
text-align: center;
cursor: pointer;
font-weight: normal;
color: #666666;
}
.tabpadding {
}
.tabheading {
background-color: #eeeeee;
text-align: left;
}
.pagetext {
visibility: hidden;
display: none;
position: relative;
top: 0;
}
hr {
background: #999999; height:1px; border: 1px solid;
}
td.buttonheading img{
padding-left: 5px;
}
span.highlight {
background: #ffffcc;
}
/* Content - Sections & Categories */
table.contenttoc {
margin: 3px;
border:solid 1px #cccccc;
}
table.contenttoc th {
font-size: 11px;
text-transform: uppercase;
color: #333333;
background: #eeeeee;
padding: 5px;
}
table.contenttoc td {
font-size: 8pt;
font-weight: normal;
text-align:left;
padding: 5px;
}
.contentdescription {
text-align: left;
}
.poll {
font-size: 11px;
padding: 0px;
margin: 0px
}
table.pollstableborder {
border: 0px;
margin: 0px;
padding: 0px;
border-collapse: collapse;
}
.smalldark {
font-size: 11px;
color: #333333;
text-decoration: none;
font-weight: normal;
}
table.searchinto {
width: 100%;
}
table.searchintro td {
color: #000000;
font-weight: bold;
}
.pagenav {
font-weight: normal;
}
.pagenavbar {
}
.content_rating {
font-weight: normal;
font-size: 8pt;
}
.content_vote {
font-weight: normal;
font-size: 8pt;
}
.back_button {
text-align: center;
margin-top: 40px;
}
.readon {
display: block;
}
strong {
color: #441112;
}
#pathway {
padding-left: 15px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
.copy, .copy a:link, .copy a:visited, .copy a:hover {
color: #fff;
text-decoration: none;
text-align:center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
}
.designer{color: #666;}
.designer a:link,.designer a:visited{color: #666;text-decoration: none;}
.designer a:hover{color: #666;}
/*News box*/
#news
{
width: 146px;
padding: 5px;
background: #deded5;
font-size: 80%;
}
#corvedalecompost
{
width: 146px;
padding: 5px;
background: #deded5;
font-size: 80%;
}
.caption
{
width: 168px;
float: left;
font-size: 10px;
font-style:italic;
padding: 0;
margin: 0;
text-align: center;
}
/*top message*/
p.topmessage{
border-bottom: 1px solid rgb(188, 190, 93);
margin: 0pt;
padding: 8px;
background: rgb(166, 169, 120);
}
p.topmessage a{
color: #3a5f93;
font-weight: normal;
text-decoration: underline;
}
.err li
{
color: red;
}
p.err
{
color: red;
}
p.alert
{
border: solid 1px #E70606;
padding: 0px 5px;
color: #E70606;
background: #FFECEC;
}
/* awesome css3 buttons by Zurb */
.awesome, .awesome:visited {
background: #222 url(/images/alert-overlay.png) repeat-x;
display: inline-block;
padding: 5px 10px 6px;
color: #fff;
text-decoration: none;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
border-bottom: 1px solid rgba(0,0,0,0.25);
position: relative;
cursor: pointer;
}
.awesome:hover { background-color: #111; color: #fff; }
.awesome:active { top: 1px; }
.small.awesome, .small.awesome:visited { font-size: 11px; padding: ; }
.awesome, .awesome:visited,
.medium.awesome, .medium.awesome:visited { font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
.large.awesome, .large.awesome:visited { font-size: 14px; padding: 8px 14px 9px; }
.green.awesome, .green.awesome:visited { background-color: #91bd09; }
.green.awesome:hover { background-color: #749a02; }
.blue.awesome, .blue.awesome:visited { background-color: #2daebf; }
.blue.awesome:hover { background-color: #007d9a; }
.red.awesome, .red.awesome:visited { background-color: #e33100; }
.red.awesome:hover { background-color: #872300; }
.magenta.awesome, .magenta.awesome:visited { background-color: #a9014b; }
.magenta.awesome:hover { background-color: #630030; }
.orange.awesome, .orange.awesome:visited { background-color: #ff5c00; }
.orange.awesome:hover { background-color: #d45500; }
.yellow.awesome, .yellow.awesome:visited { background-color: #ffb515; }
.yellow.awesome:hover { background-color: #fc9200; }