/* ====== side navigation ====== */
ul.nav {
margin: 0;
padding-top: 8px;
}
ul.nav li {
list-style: none;
}
ul.nav li a {
padding: 10px;
background-color: #E1EAAB;
color: #333333;
display: block;
font-size: 1em;
position: relative;
}
ul.nav li.current a {
background-color: #9BBB0D;
color: #ffffff;
width: 318px;
background-image: url(/skin/navcurrent.jpg);
background-repeat: no-repeat;
background-position: right center;
}
ul.nav li.current a,ul.nav li a:hover {
background-color: #9BBB0D;
color: #ffffff;
}
ul.nav li ul li {
font-size: 1em;
}
ul.nav li.current ul li a {
background-color: #E1EAAB;
color: #333333;
background-image: none;
width: 300px;
}
ul.nav li.current ul li.current a {
background-color: #9BBB0D;
color: #ffffff;
}
ul.nav li.current ul li a:hover {
background-color: #9BBB0D;
color: #ffffff;
width: 318px;
background-image: url(/skin/navcurrent.jpg);
background-repeat: no-repeat;
background-position: right center;
}
/* ====== homepage sidebar ====== */
/* ====== tables ====== */
div.border {
overflow: hidden;
}
div#main div.border p {
text-align: right;
}
div#main div.border p span.blink {
margin: 0;
padding: 2px;
font-size: 1.1em;
margin-left: 10px;
display: inline;
float: none;
}
div.buying,div.selling {
width: 49%;
background-color: #999;
margin-bottom: 10px;
}
div.buying {
float: left;
}
div.selling {
float: right;
}
div.trade {
width: 100%;
clear: both;
margin-bottom: 10px;
}
table {
width: 100%;
font-size: 1.3em;
text-align: left;
}
caption,td,th {
text-align: left;
padding: 3px;
border-bottom: solid 1px #fff;
border-right: solid 1px #fff;
}
caption {
background-color: #4B721D;
color: #FFF;
}
th {
background-color: #E1EAAB;
color: #333;
}
td {
background-color: #f4f4f4;
}
table.pet td,table.pet th {
text-align: center;
}
table#partners {
margin-bottom: 15px;
}
table#partners td {
text-align: center;
background-color: #ffffff;
}
table#partners td img {
float: none;
margin-left: auto;
margin-right: auto;
border: none;
}
div#updates {
overflow: hidden;
margin-bottom: 20px;
}
div.updated {
background-color: #F4F4F4;
width: 168px;
height: 130px;
float: left;
padding: 10px;
margin-right: 5px;
margin-left: 5px;
text-align: center;
position: relative;
border: solid 1px #E1EAAB;
}
div.updated h2 {
font-size: 1.5em;
}
div#main div.updated p {
display: block;
position: absolute;
left: 0;
bottom: 0;
text-align: center;
font-size: 1.8em;
width: 100%;
}
div#main ul#memberlist li {
margin-bottom: 0;
padding: 6px;
display: block;
margin-right: 20px;
}
div#main ul#memberlist li.odd {
background-color: #f4f4f4;
}
/* @group Form */
fieldset {
margin: 0 0 20px 0;
padding: 6px 10px 15px 25px;
border: 1px solid #d0e8b0;
}
form.news label {
font-size: 1.4em;
margin-right: 20px;
}
form.news input {
width: 300px;
border: 1px solid #8cc63f;
padding: 2px;
font-size: 100%;
color: #333;
margin: 5px 15px 0 0;
}
form.news input.submitbutton {
padding: 3px 15px;
border: 1px solid #4B721D;
background-color: #4B721D;
color: #fff;
text-align: center;
margin: 20px 0 10px 50px;
cursor: pointer;
font-size: 1.3em;
}
form.news p.disclaimer {
font-size: 1.2em;
}
input#signup {
padding: 3px 15px;
border: 1px solid #4B721D;
background-color: #4B721D;
color: #fff;
text-align: center;
margin: 10px 0 10px 0;
cursor: pointer;
font-size: 1.3em;
}
input#submitbutton {
padding: 3px 15px;
border: 1px solid #4B721D;
background-color: #4B721D;
color: #fff;
text-align: center;
margin: 20px 0 10px 0;
cursor: pointer;
font-size: 1.3em;
}
#notice {
font-size: 1.3em;
}
div.formElm input#signup {
margin-top: 20px;
padding: 3px 30px;
}
input#signup:hover,input#submitbutton:hover,form.news input.submitbutton:hover {
background-color: #9BBB0D;
color: #fff;
}
div#form form input,div#form form textarea,.password_field {
font-size: 1.3em;
font-family: "Lucida Sans Unicode","Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
}
div#form input#remember_me {
margin-top: 8px;
}
legend {
font-weight: normal;
margin: 0;
padding: 5px;
color: #465616;
font-size: 1.6em;
}
label {
margin: 10px 0 10px 5px;
color: #656565;
font-size: 1.2em;
}
form#sidesearch label {
color: #ffffff;
padding-top: 2px;
}
form#petition_form label {
font-size: 1.1em;
margin: 0;
padding-bottom: 10px;
}
form#petition_form table {
margin-bottom: 10px;
}
form#petition_form img {
border: none;
}
.file label {
font-size: 1.6em;
}
form input,form textarea {
font-size: 100%;
font-family: "Lucida Sans Unicode","Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
}
input.text_field,textarea.text_area,.password_field,select {
width: 90%;
display: block;
border: 1px solid #8cc63f;
padding: 2px;
font-size: 100%;
color: #333;
margin: 5px 15px 0 0;
}
input.text_field:focus,textarea.text_area:focus,select:focus {
border: 1px solid #656565;
}
form#petition_form span {
color: #cc0000;
}
form#petition_form span.plain {
color: #333;
}
form#petition_form div.withError input.text_field {
border: 1px solid #CC0000;
color: #CC0000;
}
.withError {
color: #cc0000;
clear: both;
}
span.formError {
color: #CC0000;
background: url(/skin/bullet_error.gif) 0 2px no-repeat;
padding-left: 20px;
padding-bottom: 10px;
display: block;
font-size: 1em;
margin-top: 10px;
}
div#error.flash {
background: url(/skin/alert.gif) 10px 50% no-repeat;
border: 2px solid #cc0000;
padding: 25px;
padding-left: 70px;
color: #cc0000;
margin-bottom: 40px;
margin-top: 20px;
width: 450px;
font-size: 1.2em;
}
div#fancy_ajax div#form {
padding: 15px;
padding-top: 10px;
padding-bottom: 10px;
}
div#fancy_ajax div#form p {
margin-bottom: 10px;
}
div#fancy_ajax div#form label {
display: block;
float: left;
width: 30%;
}
div#fancy_ajax div#form input {
padding: 3px;
margin-bottom: 15px;
width: 220px;
}
div#fancy_ajax div#form input#signup {
margin-left: 30%;
}
div#fancy_ajax div#form input#remember_me {
width: auto;
}
div.callouts {
width: 290px;
}
div.callouts img {
margin-bottom: 7px;
margin-top: 7px;
}
span.question {
display: block;
font-weight: bold;
margin-bottom: -5px;
}
ol#answers {
margin-right: 20px;
}
div#main div.member img.avatar {
float: left;
}
div#main ul.members li {
list-style: none;
display: block;
width: 100px;
float: left;
text-align: center;
margin-right: 15px;
}
div#main ul.members li img {
float: none;
margin-left: auto;
margin-right: auto;
}
div#main div.signup img {
float: left;
margin: 0;
margin-right: 20px;
}
div.memberinfo {
width: 84%;
padding: 20px;
background-color: #CC0;
margin-bottom: 10px;
}
div#main div.file {
overflow: hidden;
margin-bottom: 20px;
}
div#comments div.even,div#comments div.odd,div#comments div.gp {
overflow: hidden;
width: 84%;
padding: 20px;
margin-bottom: 10px;
}
div#comments div.even {
background-color: #F4F4F4;
}
div#comments div.gp {
background-color: #E1EAAB;
}
div#comments div img {
float: left;
margin-left: 0;
margin-right: 10px;
border-color: #F4F4F4;
}
div#main div#comments div p {
padding-left: 70px;
}
div#main div#comments div div.details p {
padding-left: 0;
}
div.signup {
clear: both;
}
div#main p.bloginfo a.com {
padding-left: 20px;
background-image: url(/skin/comment.jpg);
background-repeat: no-repeat;
background-position: left center;
}
div#main p.bloginfo a.addcom {
padding-left: 20px;
background-image: url(/skin/comment_save.jpg);
background-repeat: no-repeat;
background-position: left center;
}
div.pagination {
margin-top: 30px;
font-size: 1.2em;
overflow: hidden;
clear: both;
}
div.pagination span,div.pagination a {
display: block;
padding: 5px;
float: left;
margin-right: 5px;
border: solid 1px #eaeaea;
}
div.pagination span:hover,div.pagination a:hover {
background-color: #eaeaea;
}
div.pagination span.current {
background-color: #D2D2D2;
color: #2d2d2d;
}
p.tagband {
padding: 5px;
margin: 5px;
background-color: #F2F5E9;
}
div#main ul#sitemap li {
font-size: 1.4em;
}
div#main ul#sitemap li ul {
margin-top: 5px;
}
div#main ul#sitemap li ul li {
font-size: 1em;
}
div#main ul.dl {
margin-left: 0;
}
div#main div.panel ul.dl {
margin-left: 0;
margin-bottom: 0;
}
div#main ul.dl li {
list-style: none;
padding-top: 2px;
padding-bottom: 2px;
}
div#main ul.dl li.pdf {
padding-left: 20px;
background-image: url(/skin/icon_pdf.jpg);
background-repeat: no-repeat;
background-position: left center;
}
div#main ul.dl li.zip {
padding-left: 20px;
background-image: url(/skin/icon_zip.jpg);
background-repeat: no-repeat;
background-position: left center;
}
div#main ul.dl li.xls,div#main ul.dl li.xlsx {
padding-left: 20px;
background-image: url(/skin/icon_excel.gif);
background-repeat: no-repeat;
background-position: left center;
}
div#main ul.dl li.doc,div#main ul.dl li.docx {
padding-left: 20px;
background-image: url(/skin/icon_word.gif);
background-repeat: no-repeat;
background-position: left center;
}

/* google translate */
div#google_translate_element {
width: 180px;
float: right;
overflow: hidden;
}
div#main div#google_translate_element img {
float: none;
border: none;
margin: 0;
padding: 0;
}
img.medal {
position: absolute;
top: 110px;
right: -20px;
}
a#fcbadge {
display: block;
height: 27px;
margin-left: 20px;
position: relative;
top: -25px;
width: 128px;
}
div.arch {
color: #fff;
margin-top: 20px;
margin-bottom: 20px;
}
div.arch h2 {
color: #8EA507;
font-size: 2em;
}
div.archive h3 {
background-color: #85A207;
padding: 10px;
padding-left: 15px;
cursor: pointer;
color: #ffffff;
}
div.slider {
width: 290px;
margin: auto;
}
div.archive:hover h3,div.archive.on h3 {
background-color: #9BBB0D;
}