body,
html {
margin:0;
padding:0;
background: white;
margin-left: 0px;
color:#000;
}
@media screen {
body {
min-width: 980px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 80%;
}
#wrapper {
background: white;
margin:0 auto;
width:980px;
}
#main {
background: white;
float: right;
width: 600px;
padding-bottom: 20px;
}
#main-gallery {
background: white;
float: right;
width: 700px;
padding-bottom: 20px;
}
#footer
{
font-size: 7pt;
border-width: 1px 0 0 0;
text-align: center;
border-color: Black;
border-style: solid none none none;
width: 100%;
clear: both;
z-index: 2;
}
}
@page {
margin: 5%;
}
#full {
padding-left: 4px;
padding-bottom: 20px;
}
form {
margin-top: 20px;
margin-bottom: 20px;
}
select {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 100%;
}
img {border:0;
margin: 1px;}
p, ul, h3, h4, h5 {
margin-top:1.1em;
margin-bottom:1.1em;
line-height:120%;
}
h1 {
font-weight: bold;
color: #0E8715;
font-family: Arial, Helvetica, sans-serif;
font-size : 12pt;
}
h2, h3 {
font-weight: bold;
color: #0E8715;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 10pt;
margin-bottom: 0px;
}
li {
margin-top: 1.1em;
margin-bottom: 1.1em;
line-height:120%
}
table, th, td {font-size:1em; border-collapse:collapse; text-align:left; vertical-align:top}
a:link {
color: blue;
text-decoration: underline;
font-family : inherit;
font-size : inherit;
font-weight : bolder;
cursor: pointer;
}
a:visited {
color: blue;
text-decoration: underline;
font-family : inherit;
font-size : inherit;
font-weight : bolder;
cursor: pointer;
}
a:hover {
color: blue;
text-decoration: underline;
font-family : inherit;
font-size : inherit;
font-weight : bolder;
cursor: pointer;
}
a:active {
color: blue;
text-decoration: underline;
font-family : inherit;
font-size : inherit;
font-weight : bolder;
cursor: pointer;
}
.tagLine{
font-style: italic;
font-weight: bold;
margin-top: 0px;
margin-left: 30px;
font-size: 12pt;
z-index: 5;
font-family : Arial, Helvetica, sans-serif;
}
.sub ul{list-style:none; margin:0; padding:0}
ul li li {
background: White no-repeat 6px 0.75em;
margin-left: 0.5em;
}
.box {
border: thin solid Black;
margin-bottom: 10px;
}
/* background color for main box */
.sub .box {
background-color: White;
border: thin solid Black;
}
#leftNavigation li {margin:0; padding:0; background:none}
@media screen
{
.breadcrumb{
font-size : .9em;
font-weight : bold;
color : #0E8715;
padding-left: 4px;
display: none;
visibility: hidden;
}
#leftNavigation {
float:left;
width:147px;
font-size: 0.8em;
background-color: white;
z-index : 5;
}
.sub .box {
background-color: White;
border: thin solid Black;
} }
@media print
{
.breadcrumb { display: none;
visibility: hidden; }
#leftNavigation { display: none;
visibility: hidden;}
.sub .box { display: none;
visibility: hidden; }
#main {
float: left;
width: 90%;
padding-bottom: 10px;
}
}
/* Headings */
#leftNavigation h2 {
font-size: 1.3em;
font-weight: bolder;
background: none;
border: 0;
border-bottom: 2px solid Black;
padding: 1px 2px 0;
margin: 0 5px 10px;
}
#leftNavigation .sub h2 {padding:1px 0 0}
/* B level selected */
#leftNavigation h2 a, #leftNavigation h2 a:visited {
color: Blue;
text-decoration: none;
display: block;
padding: 0 2px;
font-weight: bolder;
}
#leftNavigation h2 strong {
color: #0E8715;
text-decoration: none;
display: block;
padding: 0 2px 0px 12px;
font-weight: bolder;
background: url(img/arrow.gif) no-repeat 2px;
}
#leftNavigation h2 a:hover {
color: #0E8715;;
font-weight: bolder;
}
#leftNavigation h2 a:active, #leftNavigation h2 a:focus {
color: #fff;
background-color: #0E8715;
font-weight: bolder;
}
/* B level hover text color */
#leftNavigation .sub h2 a:hover {
color: #0E8715;
font-weight: bolder;
}
#leftNavigation .sub h2 a:active, #leftNavigation .sub h2 a:focus {
color: White;
background-color: White;
}
.sub ul {margin:0 1px; padding-bottom:10px}
.sub li {
border: solid;
border-width: 0px 0;
margin: 1px 0;
height: 1%;
}
html>body .sub li {height:auto}
.sub li.here {
border-color: black;
border: solid;
border-width: 1px 0;
}
/* B level non-selected */
.sub li a:link, .sub li a:visited, .sub li strong {
color: Black;
font-size: 1.1em;
font-weight: bolder;
text-decoration: none;
display: block;
padding: 3px 7px 3px 19px;
background: no-repeat 7px 0.5em;
}
/* B level selected */
.sub li.here a, .sub li.here a:visited, .sub li.here strong {
color: Black;
font-weight: bold;
background: #FFF2F2 url(img/arrow.gif) no-repeat 7px 0.5em;
}
/* B level selected */
.sub li.here strong {
color: #fff;
background: #0E8715
}
/*level B hover box*/
.sub li a:hover, .sub li a:active, .sub li a:focus, .sub li.here a:hover, .sub li.here a:active, .sub li.here a:focus {
color: #0E8715;
font-weight: bolder;
background: White url(img/arrow.gif) no-repeat 7px 0.5em;
}
/* background is lines between C items */
.sub ul ul {
margin: -2px 0 0;
/**/
margin-top: 0;
padding: 0;
background: #fff2f2;
}
.sub ul ul li {border:0; background:#fff2f2}
/* C text, not selected */
.sub li.here ul a:link, .sub li.here ul a:visited, .sub li.here ul strong {
color: Black;
font-size: 1em;
font-weight: bolder;
padding: 0;
background: #FFF2F2 no-repeat 19px 0.25em;
padding: 3px 7px 3px 26px;
border: solid #FFF2F2;
border-width: 0px 0;
}
/* C text, selected */
.sub li.here ul strong, .sub li.here ul li.here a:link, .sub li.here ul li.here a:visited, .sub li.here ul a:hover, .sub li.here ul a:active, .sub li.here ul a:focus, .sub li.here ul li.here a:hover, .sub li.here ul li.here a:active, .sub li.here ul li.here a:focus {
color: #fff;
background: #0E8715 no-repeat 19px 0.95em;
}
/* C text, selected */
.sub li.here ul a:hover, .sub li.here ul li.here a:hover {
color: #0E8715;
font-weight: bolder;
background: #FFF2F2 url(img/arrow.gif) no-repeat 0.95em;
}
.caption {
padding-top: 10px;
padding-bottom: 10px;
padding-left: 200px;
line-height: 14px;
}
.boxonright {
background-color: #F4FFF4; /*#FCF2FE;*/
border-top: solid #0E8715;
border-bottom: solid #0E8715;
border-width: 2px;
padding-left: 5px;
padding-right: 5px;
font-size: .9em;
margin-bottom: 10px;
color: Black;
text-align : left;
margin-top: 0;
margin-right: 10px;
padding-top: 0;
margin-bottom: 0;
padding-bottom: 0;
margin-left: 4px;
}
ul.nobullet {
margin-top: 0;
border-top-width: 0;
padding-top: 0;
margin-bottom: 0;
padding-bottom: 0;
margin-left: 14px;
padding-left: 4px;
line-height: 1.1em;
list-style-type: none;
}
ul {
margin-top: 0;
border-top-width: 0;
padding-top: 0;
margin-bottom: 0;
padding-bottom: 0;
}
li {
margin-top: 0;
padding-top: 0;
margin-bottom: 0;
padding-bottom: 0;
}
/* classes for different size text */
.tinytxt, .tinytext {
font-size: .8em;
}
.tinyboldtxt{
font-size : .8em;
font-weight : bold;
}
.smalltinytext{
font-size : .9em;
font-weight : bold;
}
.smalltxt {
font-size : .9em;
}
.smallboldtxt {
font-size : .9em;
font-weight : bold;
}
.medtxt {
font-size : 1em;
}
.medboldtxt {
font-size : 1em;
font-weight : bold;
}
.bigtxt {
font-size : 1.1em;
}
.bigboldtxt {
font-size : 1.1em;
font-weight : bold;
}
.hugetxt, .hugetext {
font-size : 1.2em;
}
.hugeboldtxt {
font-size : 1.2em;
font-weight : bold;
}
.highlight{
font-weight: bold;
color: #0E8715;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.highlight_red{
font-weight: bold;
color: #B90000;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.highlight_blue{
font-weight: bold;
color: Blue;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.highlight_option{
font-weight: bold;
color: red;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.highlight_select{
background-color: #FFB9FF;
}
.highlighttitle{
font-weight: bold;
color: #0E8715;
font-family: Arial, Helvetica, sans-serif;
font-size : 12pt;
line-height: 18px;
}
.floatleft {
float : left;
min-width : 400px;
vertical-align : top;
}
.floatright {
float : right;
padding-left: 5px;
min-width: 220px;
}
.basicfloatleft {
float : left;
}
.basicfloatright {
float : right;
}
.indenttiny {
padding-left : 6px;
}
.indentsmall {
padding-left : 10px;
}
.indentmed {
padding-left : 12px;
}
.indent50 {
padding-left : 50px;
}
.indent100 {
padding-left : 100px;
}
.indentbig {
padding-left : 146px;
}
.indentverybig {
padding-left: 200px;
}
.indenthuge{
padding-left: 300px;
}
.clear
{
clear: both;
}
.noverticalspace {
margin-top: 0;
border-top-width: 0;
padding-top: 0;
margin-bottom: 0;
padding-bottom: 0;
margin-left: 14px;
padding-left: 4px;
}
.nospace {
margin-top: 0;
border-top-width: 0;
padding-top: 0;
margin-bottom: 0;
padding-bottom: 0;
margin-left: 10px;
}
.left {
float: left;
padding-right: 0.5em;
}
.right {
float: right;
padding-left: 0.5em;
}
.center {
margin: auto;
display: block;
}
@media print {
body {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 80%;
}
#wrapper {
margin:0 auto;
}
#noprint {
display: none;
}
#main {
float: right;
padding-bottom: 20px;
}
#footer {
display: none;
}
}
.pots {
float: left;
margin-right: 0.5em;
border-bottom-style : solid;
border-bottom-width : 3px;
border-right-style : solid;
border-right-width : 3px;
border-bottom-color : #0E8715;
border-right-color: #0E8715;
}
.logo {
z-index: 0;
}
.redhead {
background-image: url(http://www.repotme.com/img/redhead.gif);
background-repeat: repeat-x;
}
#navcontainer
{
width: 100%;
margin-top: 4px;
margin-bottom: 0px;
margin-right: 0px;
margin-left: 0px;
padding: 0;
font-family: georgia, serif;
}
#navlist
{
padding: 3px 0;
margin-left: 0;
border-bottom: 1px solid Black;
font: bold 12px Verdana, sans-serif;
}
#navlist li
{
list-style: none;
margin: 0;
display: inline;
}
#navlist li a
{
padding: 3px 0.5em;
margin-left: 3px;
border: 1px solid black;
border-bottom: none;
background: #DDE;
text-decoration: none;
}
#navlist li a:link { color: #448; }
#navlist li a:visited { color: #667; }
#navlist li a:hover
{
color: #000;
background: #AAE;
border-color: #227;
}
#navlist li a#current
{
background: white;
border-bottom: 1px solid white;
}
.quicksheet {
float: right;
margin-left: 4px;
margin-bottom: 6px;
border-bottom-style : solid;
border-bottom-width : 3px;
border-bottom-color : Green;
border-right-style : solid;
border-right-width : 3px;
border-right-color: Green;
border-top-style : solid;
border-top-width : 1px;
border-top-color: Green;
border-left-style : solid;
border-left-width : 1px;
border-left-color: Green;
padding: 6px;
}
.redbox {
border-bottom-style : solid;
border-bottom-width : 3px;
border-bottom-color : #B90000;
border-right-style : solid;
border-right-width : 3px;
border-right-color: #B90000;
border-top-style : solid;
border-top-width : 1px;
border-top-color: #B90000;
border-left-style : solid;
border-left-width : 1px;
border-left-color: #B90000;
padding: 6px;
}
.redhead {
background-image: url(http://www.repotme.com/img/redhead.gif);
background-repeat: repeat-x;
}