/* Ragoodall Design - steven@ragoodall.co.uk */ /* World of Boats Style */ /* Global*/ html {margin: 0; padding: 0;} body {margin: 0; padding: 0; font-size: 62.5%; font-family: verdana, arial, serif; background-color: #eee9df;} a, a:visited, a:active, a:hover {outline: none;} /* Containers */ #container {width: 100%; height: 100%; text-align: center;} #header {width: 100%; height: 170px; background: #0070b5 url('../images/bg-header.png') repeat-x; border-bottom: 2px solid #00426f;} #nav {width: 100%; height: 60px; background-color: #e2ddd3; border-bottom: 2px solid #d9d3c6;} #accordion-box {width: 780px; height: 255px; background-color: #ffffff; border: 2px solid #d9d3c6; margin: 34px auto 0 auto; text-align: left; padding: 10px; padding-right: 5px /* 10px space for accordion animation */; padding-left: 15px; overflow: hidden;} #footer {width: 100%; height: 260px; background: transparent url('../images/bg-footer.png') repeat-x; float: right; margin-top: 34px;} /* Accordion */ .accordion {display: none;} .accordion-boats-photo {width: 605px; height: 245px; background: transparent url('../images/accordion-boats-photo.jpg') no-repeat; border: 5px solid #005894; z-index: 1;} .accordion-library-photo {width: 605px; height: 245px; background: transparent url('../images/accordion-library-photo.jpg') no-repeat; border: 5px solid #00609f; z-index: 1;} .accordion-gallery-photo {width: 605px; height: 245px; background: transparent url('../images/accordion-gallery-photo.jpg') no-repeat; border: 5px solid #006aad; z-index: 1;} .accordion-desc {width: 100%; padding: 10px; z-index: 2; position: relative; top: 210px; left: 0; font-size: 1.2em; background-color: #333333; opacity:0.6;filter:alpha(opacity=60); color: #ffffff;} .handle {float: left; width: 55px; height: 255px; margin: 0; padding: 0;} .handle img {padding: 0; margin: 0; cursor: pointer; border: 0;} .container {padding: 0; margin: 0; width: 780px;} .container ul {list-style-type: none; margin: 0; padding:0;} .container li {display: inline; margin: 0; padding:0;} .contentContainer {padding: 0; margin: 0; float: left; width: 0; height: 255px; overflow:hidden;} .contentWrapper {padding: 0; margin: 0;} .contentInnerWrapper {padding: 0; margin: 0;} /* Header */ #header-box {width: 800px; height: 100%; margin: 0 auto 0 auto;} #header-logo {width: 200px; height: 100%; background: transparent url('../images/bg-logo.png') no-repeat; background-position: 0 35px; float: left;} #header-links {width: 600px; height: 135px; text-align: right; padding-top: 35px; float: right;} /* Footer */ #footer-box {width: 800px; margin: 0 auto 0 auto; padding: 34px 0 34px 0;} #footer-box h1 {padding: 0; margin-bottom: 17px; font-weight: normal; color: #005894; font-size: 2em; font-family: Georgia, sans-serif;} .footer-left {width: 300px; height: 100%; float: left; text-align: left; margin-right: 25px; padding: 0;} .footer-middle {width: 250px; height: 100%; float: left; text-align: left; margin-right: 25px; padding: 0;} .footer-right {width: 200px; height: 100%; float: right; text-align: right; padding: 0;} /* Footer Links */ ul.quick-links {margin: 0; padding: 0; text-align: left; font-size: 1.2em; width: 100%;} ul.quick-links li {margin: 0; padding: 0; list-style-type: none; clear: both; margin-bottom: 2px;} ul.quick-links li a:link {color: #575247; text-decoration: none; width: auto; display: block; padding: 5px;} ul.quick-links li a:active, ul.quick-links li a:visited {color: #575247; text-decoration: none; width: auto; display: block; padding: 5px;} ul.quick-links li a:hover {color: #575247; text-decoration: none; background-color: #ffffff;} ul.social {margin: 0; padding: 0;} ul.social li {margin: 0; padding: 0; list-style-type: none;} ul.social li img {margin-bottom: 10px; border: 0;} /* Navigation */ #nav-box {width: 800px; margin: 0 auto 0 auto; text-align: center;} ul#menu {width: 100%; margin: 0 auto 0 auto; padding: 0; list-style: none; float: left; font-size: 1.4em; text-transform: capitalize;} ul#menu li {margin: 0; padding: 0; overflow: hidden; float: left; height: 60px; text-align: center;} ul#menu a, ul#menu span {padding: 22px 33px 22px 0; float: left; text-decoration: none; color: #78756e; text-transform: uppercase; clear: both; width: 100%; height: 16px; line-height: 20px; margin-right: 10px;} ul#menu a {color: #ffffff; background-position: left bottom; border-left: 1px solid #cbc5b8; border-right: 1px solid #cbc5b8; background: #ccc6b9 url('../images/bg-nav.png') repeat-x;} ul#menu span {background-position: left top;} /* Sub Page Navigation */ ul.sub-menu {margin: 0; padding: 0; text-align: left; font-size: 1em; width: 244px;} ul.sub-menu li {margin: 0; padding: 0; list-style-type: none; clear: both; width: 232px; border-right: 1px solid #d9d3c6; border-bottom: 1px solid #d9d3c6;} ul.sub-menu li.bottom {border-bottom: 0;} ul.sub-menu li a:link {color: #575247; text-decoration: none; width: auto; display: block; padding: 15px 20px 15px 20px;} ul.sub-menu li a:active, ul.sub-menu li a:visited {color: #575247; text-decoration: none; width: auto; display: block; padding: 15px 20px 15px 20px;} ul.sub-menu li a:hover {color: #006aad; text-decoration: none; background-color: #e4f1f9;} ul.sub-menu li.active {width: 244px; background: transparent url('../images/bg-active.png') no-repeat; border: 0;} ul.sub-menu li.active a:link, ul.sub-menu li.active a:active, ul.sub-menu li.active a:visited, ul.sub-menu li.active a:hover {text-decoration: none; color: #ffffff; background-color: transparent;} /* Images */ img {border: 0;} .thumb-page-right {width: 200px; height: 150px; float: left; margin: 0 10px 10px 0; border: 5px solid #d9d3c6;} .thumb-page-right-wide{width: 520px; height: 150px; margin-bottom: 10px; border: 5px solid #d9d3c6;} .header-button {width: 80px; height: 20px; margin-bottom: 5px; border: 0;} /* Lists */ ul.list {margin: 0px; padding: 0px;} ul.list li {list-style-image: url(../images/list-bullet.gif); list-style-type: circle; margin: 0px 0px 12px 28px; padding: 0px 0px 0px 6px;} /* Boat & Library Gallery */ .ad-gallery {width: 532px; height: 100%;} .ad-gallery, .ad-gallery * {margin: 0; padding: 0;} .ad-gallery .ad-image-wrapper {width: 512px; height: 343px; margin: 0 0 10px 0; position: relative; overflow: hidden; border: 10px solid #d9d3c6;} .ad-gallery .ad-image-wrapper .ad-loader {position: absolute; z-index: 10; top: 48%; left: 48%; border: 1px solid #ffffff;} .ad-gallery .ad-image-wrapper .ad-next {position: absolute; right: 0; top: 0; width: 25%; height: 100%; cursor: pointer; display: block; z-index: 100;} .ad-gallery .ad-image-wrapper .ad-prev {position: absolute; left: 0; top: 0; width: 25%; height: 100%; cursor: pointer; display: block; z-index: 100;} .ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next {background: url('../images/slideshow/non-existing.jpg')\9} .ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {background: url('../images/slideshow/ad_prev.png'); width: 30px; height: 30px; display: none; position: absolute; top: 47%; left: 0; z-index: 101;} .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {background: url('../images/slideshow/ad_next.png'); width: 30px; height: 30px; right: 0; left: auto;} .ad-gallery .ad-image-wrapper .ad-image {position: absolute; overflow: hidden; top: 0; left: 0; z-index: 9;} .ad-image-description {position: absolute; bottom: 0px; left: 0px; padding: 7px; text-align: left; width: 100%; z-index: 2; background: url('/images/slideshow/opa75.png'); color: #000;} * html .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src='/images/slideshow/opa75.png');} .ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title {display: block;} .ad-gallery .ad-controls {height: 24px;} .ad-gallery .ad-info {float: left;} .ad-gallery .ad-slideshow-controls {float: right;} .ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop {padding-left: 5px; cursor: pointer;} .ad-gallery .ad-slideshow-controls .ad-slideshow-countdown {padding-left: 5px; font-size: 0.9em;} .ad-gallery .ad-slideshow-running .ad-slideshow-start {cursor: default; font-style: italic;} .ad-gallery .ad-nav {width: 532px; text-align: center; position: relative;} .ad-gallery .ad-forward, .ad-gallery .ad-back {position: absolute; top: 0; height: 100%; z-index: 10;} /* IE 6 doesn't like height: 100% */ * html .ad-gallery .ad-forward, .ad-gallery .ad-back {height: 100px;} .ad-gallery .ad-back {cursor: pointer; left: 0px; width: 13px; display: block; background: url('../images/slideshow/ad_scroll_back.png') 0px 22px no-repeat; margin: 0; padding: 0;} .ad-gallery .ad-forward {cursor: pointer; display: block; right: 0px; width: 13px; background: url('../images/slideshow/ad_scroll_forward.png') 0px 22px no-repeat; margin: 0; padding: 0;} .ad-gallery .ad-nav .ad-thumbs {overflow: hidden; width: 460px; margin: 0 0 20px 20px;} .ad-gallery .ad-thumbs .ad-thumb-list {float: left; width: 10000px; list-style: none;} .ad-gallery .ad-thumbs li {float: left; padding-right: 5px;} .ad-gallery .ad-thumbs li a {display: block;} .ad-gallery .ad-thumbs li a img {border: 2px solid #d9d3c6; display: block;} .ad-gallery .ad-thumbs li a.ad-active img {border: 2px solid #d9d3c6;} /* Can't do display none, since Opera won't load the images then */ .ad-preloads {position: absolute; left: -9000px; top: -9000px;} /* Main Gallery Page */ #gallery-main {width: 532px; padding-bottom: 20px;} /* Thumbs */ #gallery-main-thumbs {margin: 0; padding: 0;} #gallery-main-thumbs ul {list-style-type: none; margin: 0; padding: 0;} #gallery-main-thumbs li {margin: 0; padding: 0; display: inline;} .thumbs img {width: 90px; height: auto; border: 2px solid #d9d3c6;} /* Slides */ #slideshow {} #slideshow img {width: 512px; border: 10px solid #d9d3c6;} /* Controls */ #controls {margin-top: 10px;} .nav-controls {width: 532px; height: 100%; padding-bottom: 20px;} .nav-controls .next {float: right;} .nav-controls .prev {float: left;} .nav-controls a, .nav-controls a:active, .nav-controls a:visited {background-color: #ffffff; border: solid 1px #b5b1a9; padding: 5px; color: #575247; text-decoration: none;} .nav-controls a:hover {color: #006aad; background-color: #e4f1f9; border-color: #93bcd6; padding: 5px; text-decoration: none;} .ss-controls {width: 532px; height: 100%; padding: 0; visibility: collapse;} .ss-controls a {color: #575743; text-decoration: none;} .ss-controls a, a:active, a:visited, a:hover {color: #575743; text-decoration: none;} /* Captions */ #caption {width: 532px; height: 100%; overflow: auto;} .image-title {margin-top: 20px;} .image-desc {margin: 0; padding: 0;} /* Pagnation */ #gallery-main-thumbs .bottom {width: 100%; height: 100%; margin: 15px 0 10px 0;} #gallery-main-thumbs .bottom a {margin: 5px 5px 0 0; background-color: #ffffff; border: solid 1px #b5b1a9; padding: 3px; color: #575247; text-decoration: none; float: left;} #gallery-main-thumbs .bottom a:hover {margin: 5px 5px 0 0; color: #006aad; background-color: #e4f1f9; border: 1px solid #93bcd6; padding: 3px; text-decoration: none; float: left;} #gallery-main-thumbs .bottom .current {margin: 5px 5px 0 0; color: #ffffff; background-color: #006aad; border: 0; padding: 4px; text-decoration: none; font-weight: bold; float: left;} /* Pop Out Menu */ .popMenu img {border: 0; margin: 0 0 0 8px;} ul.popMenu {margin: 0; padding: 0;} ul.popMenu li {list-style: none; margin: 0; padding: 0;} ul.popMenu ul.popOut {z-index:2; position: absolute; display: none; margin: 10px 0 0 0; padding: 0; background-color: #ffffff; border: solid 1px #d9d3c6; border-bottom: none; font-size: 0.85em;} ul.popMenu ul.popOut a {display: block; text-decoration: none; padding: 6px 12px 6px 12px; color: #575247; border-bottom: 1px solid #d9d3c6;} ul.popMenu ul.popOut a:hover {color: #575247; text-decoration: none; background-color: #ffffff; } /* Links */ #page-right p a:link, #page-right p a:active, #page-right p a:visited, #page-full p a:link, #page-full p a:active, #page-full p a:visited {color: #575247; text-decoration: none;} #page-right p a:hover, #page-full p a:hover {background-color: #d9d3c6; text-decoration: none;} .download {margin: 10px 0 30px 0;} .download a:link, .download a:active, .download a:visited {color: #006aad; background: #e4f1f9; border: 1px solid #93bcd6; font-weight: bold; text-decoration: none; padding: 10px;} .download a:hover {color: #006aad; background: #e4f1f9; border: 1px solid #93bcd6; font-weight: bold; text-decoration: underline; padding: 10px;} /* Main */ #main h1 {margin: 0; padding: 20px; color: #369726; text-transform: uppercase; font-size: 1.3em; font-weight: normal; text-align: left; background: #ffffff url('../images/bg-h1.png') repeat-x bottom; border-bottom: 2px solid #d9d3c6;} #main h2 {margin: 0; padding: 0; color: #64ac54; font-size: 1.2em; font-weight: normal;} #main {margin: 34px auto 0 auto; padding: 0; width: 804px;} #main-left {width: 381px; height: 100%; background-color: #ffffff; float: left; margin-right: 34px; border: 2px solid #d9d3c6;} #main-right {width: 381px; height: 100%; background-color: #ffffff; float: right; border: 2px solid #d9d3c6;} /* Other Pages */ #page h1 {margin: 0; padding: 20px; color: #369726; text-transform: uppercase; font-size: 1.1em; font-weight: normal; text-align: left; background: #ffffff url('../images/bg-h1.png') repeat-x bottom; border-bottom: 2px solid #d9d3c6;} #page h2 {margin: 0; padding: 0; color: #64ac54; font-size: 1.2em; font-weight: normal;} #page {width: 804px; height: 100%; margin: 34px auto 0 auto; padding: 0; background-color: #ffffff; border: 2px solid #d9d3c6; overflow: hidden; font-size: 1.2em; color: #575247; text-align: left;} #page-full {width: 764px; padding: 20px 20px 10px 20px;} #page-list {width: 100%; padding: 0;} #page-full p, #page-right p {margin: 0; padding-bottom: 20px;} #page-full p.bottom, #page-right p.bottom {padding-bottom: 10px;} #page-left .top {margin: 0; padding: 0;} #page-left p {margin: 0; padding-top: 20px;} #page-left {width: 244px; margin: 0; padding: 0; float: left;} #page-left h1 {color: #575247; text-decoration: none; width: 192px; display: block; padding: 16px 20px 16px 20px; font-weight: normal; font-size: 1.1em; text-transform: none; background-color: #e2ddd3; background-image: none; border-bottom: 1px solid #d9d3c6; border-right: 1px solid #d9d3c6;} #page-left h2 {width: 100%; color: #369726; text-decoration: none; font-weight: normal; margin: 0 0 10px 0; font-size: 1.1em;} #page-left .box {height: 100%; width: 192px; padding: 20px; border-bottom: 1px solid #d9d3c6; border-right: 1px solid #d9d3c6; overflow: hidden;} #page-left .box-bottom {height: 100%; width: 192px; padding: 20px; border-right: 1px solid #d9d3c6;} #page-right {width: 532px; padding: 20px 20px 10px 8px; float: right;} #page-right h1, #page-full h1 {color: #006aad; background-color: #e4f1f9; border: 1px solid #93bcd6; font-weight: bold; text-decoration: none; text-transform: none; background-image: none; padding: 10px; margin-bottom: 20px; clear: both;} #page-right h3 {margin: 0; padding-bottom: 20px; font-size: 1.1em;} #page-right h3 span {float: right; font-size: 0.8em; font-weight: normal;} /* Home Page */ ul.news-list, ul.comments-list {margin: 0; padding: 0; text-align: left;} ul.news-list li, ul.comments-list li {margin: 0; padding: 10px; list-style-type: none; clear: both; border-bottom: 1px solid #d9d3c6; overflow: auto;} ul.news-list li:hover, ul.comments-list li:hover {background-color: #f7f5f0;} .snippet p a, .snippet p a:active, .snippet p a:visited {color: #575247; text-decoration: none;} .snippet p a:hover {color: #575247; text-decoration: underline;} .snippet h2 a, .snippet h2 a:active, .snippet h2 a:visited {color: #369726; text-decoration: none; text-transform: capitalize;} .snippet h2 a:hover {color: #369726; text-decoration: underline; text-transform: capitalize;} /* Boats Pages */ .boats-viewall {width: 492px; height: 63px; background: transparent url('../images/bg-boats-all.png') no-repeat; color: #ffffff; font-size: 2.4em; padding: 44px 20px 20px 20px; margin-bottom: 20px; text-align: center;} .boats-viewall a, .boats-viewall a:active, a.boats-viewall a:visited {color: #ffffff; text-decoration: none;} .boats-viewall a:hover {color: #ffffff; text-decoration: underline;} /* Library Pages */ .library-viewall {width: 492px; height: 63px; background: transparent url('../images/bg-library-all.png') no-repeat; color: #ffffff; font-size: 2.4em; padding: 44px 20px 20px 20px; margin-bottom: 20px; text-align: center;} .library-viewall a, library-viewall a:active, a .library-viewall a:visited {color: #ffffff; text-decoration: none;} .library-viewall a:hover {color: #ffffff; text-decoration: underline;} #library-background, #boat-background {background: transparent url('../images/bg-library-gallery.png') no-repeat;} /* Library List Page */ .filter {width: 100%; height: 100%; padding: 20px; font-size: 0.9em; overflow: hidden; background-color: #f6f4ef;} .filter a, .filter a:active, .filter a:visited {margin-right: 2px; background-color: #ffffff; border: solid 1px #b5b1a9; padding: 2px; color: #575247; text-decoration: none;} .filter a:hover {color: #006aad; background-color: #e4f1f9; border-color: #93bcd6; padding: 2px; margin-right: 2px; text-decoration: none;} .page {width: 150px; float: left; text-align: left;} .goto {width: 400px; float: left; text-align: center;} .perpage {width: 220px; float: left; text-align: right;} /* News & Comments (Home Page) */ .calendar {width: 50px; height: 70px; background: transparent url('../images/bg-calendar.png') no-repeat; float: left; margin-right: 10px;} .month {color: #ffffff; font-size: 1.2em; padding-top: 4px; text-align: center; text-transform: uppercase;} .day {color: #666666; font-size: 2.4em; padding-top: 10px; text-align: center;} .snippet p {margin: 0; padding: 5px 0 0 0; font-size: 1.1em; color: #575247;} /* Admin */ .icons {margin-bottom: 20px;} .icons img {border: 0;} /* Tables */ table {width: 804px; padding: 0; margin: 0; text-transform: capitalize;} caption {padding-bottom: 10px; width: 90%; margin: 10px auto 10px auto; border-bottom: 1px solid #d9d3c6;} #table-links {width: 100%; padding: 0; margin-bottom: 20px;} #table-ggh {width: 90%; padding: 0; margin: 0 auto 20px auto;} #table-links th.header, #table-ggh th.header {border-bottom: 1px solid #d9d3c6; border-top: 1px solid #d9d3c6; color: #006aad;} th {color: #575247; text-align: left; padding: 10px;} th.header {border-bottom: 1px solid #d9d3c6; color: #006aad;} th.alt {background: #ffffff; padding: 10px; color: #575247; border-bottom: 1px solid #d9d3c6;} td {background: #f6f4ef; padding: 10px; color: #575247; border-bottom: 1px solid #d9d3c6;} td.alt {background: #ffffff; color: #575247;} td img {border: 2px solid #d9d3c6;} /* Table Links */ td a:link, td a:visited, td a:active {color: #575247; text-decoration: underline;} td a:hover {color: #575247; text-decoration: none;} th.header a:link, th.header a:visited, th.header a:active {color: #006aad; text-decoration: none;} th.header a:hover {color: #006aad; text-decoration: none;} /* Validation */ .error {color: #C70A0A; background-color: #F88D8D; padding: 10px; margin-bottom: 20px; border: 1px solid #F15757; font-weight: bold;} .success {color: #3C9A26; background-color: #9FFE89; padding: 10px; margin-bottom: 20px; border: 1px solid #65CB4D; font-weight: bold;} .highlight {color: #64ac54; font-weight: bold;} /* View Boats Thumbs */ .boatpic {width: 120px; margin: 6px 57px 18px 0px; padding: 0px; float: left; text-align: center;} .boatpic-right {width: 120px; margin: 6px 0px 18px 0px; padding: 0px; float: left; text-align: center;} .boatpic img {height: 80px; width: 120px; border: 2px solid #e6e6d6; margin: 0px;} .boatpic:hover img {height: 80px; width: 120px; border: 2px solid #b4d7a1; margin: 0px;} .boatpic-right img {height: 80px; width: 120px; border: 2px solid #e6e6d6; margin: 0px;} .boatpic-right:hover img {height: 80px; width: 120px; border: 2px solid #b4d7a1; margin: 0px;} /* Flags ~ Country Names */ .country {width: 120px; margin: 6px 57px 6px 0px; padding: 0px; float: left; text-align: center;} .country_right {width: 120px; margin: 6px 0px 6px 0px; padding: 0px; float: left; text-align: center;} .country img {height: 80px; width: 120px; border: 2px solid #e6e6d6; margin: 0px 0px 10px 0px;} .country:hover img {height: 80px; width: 120px; border: 2px solid #b4d7a1; margin: 0px 0px 10px 0px;} .country_right img {height: 80px; width: 120px; border: 2px solid #e6e6d6; margin: 0px 0px 10px 0px;} .country_right:hover img {height: 80px; width: 120px; border: 2px solid #b4d7a1; margin: 0px 0px 10px 0px;} /* Quotes */ blockquote {width: 90%; padding: 10px; text-align: center; margin: 0px auto 10px auto; background: transparent url(../images/quote_01.gif); background-position: 6px 8px; background-repeat: no-repeat; font-style: italic; font-size: 1.2em;} blockquote p {margin: 0; padding-right: 22px; display: inline; background: url(../images/quote_02.gif); background-position: bottom right; background-repeat: no-repeat;} /* ALL FORMS ---------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* Forms */ form.default input {width: 200px; padding: 8px; color: #575247; background-color: #ffffff; border: 1px solid #b5b1a9;} form.default select {width: 210px; padding: 8px; color: #575247; background-color: #ffffff; border: 1px solid #b5b1a9;} form.default option {width: 206px;} form.default input.small {width: 81px;} form.default input.wide {width: 306px;} form.default input.countries {width: 114px;} form.default input.radio {background: transparent; border: 0px; width: 40px;} form.default input.button {background: transparent url('../images/bg-button.png') no-repeat; width: 80px; height: 34px; border: 0; font-size: 1em; cursor: pointer; margin-left: 123px; margin-top: 5px;} form.default input.button_nm {background: transparent url('../images/bg-button.png') no-repeat; width: 80px; height: 34px; border: 0; font-size: 1em; cursor: pointer; margin: 0;} form.default input.button-bm {background: transparent url('../images/bg-button.png') no-repeat; width: 80px; height: 34px; border: 0; font-size: 1em; cursor: pointer; margin-bottom: 20px;} form.default input.button_right {width: 101px; height: 34px; margin: 0px 0px 6px 14px; padding: 4px; background: transparent url('../images/bg-button.png') no-repeat;} form.default input.button_comments {width: 101px; height: 34px; margin: 4px 0px 4px 0px; padding: 4px; background: transparent url('../images/bg-button.png') no-repeat;} form.default textarea {width: 356px; padding: 8px; font-size: 1em; font-family: verdana, arial, serif; color: #575247; background-color: #ffffff; border: 1px solid #b5b1a9;} form.default textarea.wide {width: 514px; padding: 8px; font-size: 1em; font-family: verdana, arial, serif; color: #575247; background-color: #ffffff; border: 1px solid #b5b1a9; margin-bottom: 20px;} form.default fieldset {margin-bottom: 10px; border: 1px solid #d9d3c6;} form.default legend {color: #006aad; padding: 0 2px;font-weight: bold;} form.default label {display: inline-block; line-height: 1.8;vertical-align: top;} form.default fieldset ol {margin: 0; padding: 0;} form.default fieldset li {list-style: none;padding: 5px;margin: 0;} form.default fieldset fieldset {border: none;margin: 3px 0 0;} form.default fieldset fieldset legend {padding: 0 0 5px;font-weight: normal;} form.default fieldset fieldset label {display: block;width: auto;} form.default em {font-weight: bold; font-style: normal; color: #006aad;} form.default label {width: 120px;} form.default fieldset fieldset label {margin-left: 123px; /* Width plus 3 (html space) */} .paypal-donate {width: 100%; height: 100%; padding-bottom: 12px;} /* Newsletter - Footer */ .newsletter-home ul {margin: 0; padding: 0;} .newsletter-home ul li {margin: 0; padding: 0; list-style-type: none;} .newsletter-home input {width: 200px; padding: 10px; font-size: 1.3em; color: #575247; font-family: verdana, arial, serif; background-color: #ffffff; border: 2px solid #b5b1a9; margin-bottom: 10px;} .newsletter-home .button {background: transparent url('../images/bg-button.png') no-repeat; width: 80px; height: 34px; border: 0; font-size: 1.2em; cursor: pointer;} /* Page Left Forms */ #page-left form {overflow: hidden;} #page-left input {width: 173px; padding: 8px; color: #575247; font-size: 1em; background-color: #ffffff; border: 1px solid #b5b1a9;} #page-left input:focus {color: #006aad; background-color: #e4f1f9; border-color: #93bcd6;} #page-left .button {background: transparent url('../images/bg-button.png') no-repeat; width: 80px; height: 34px; border: 0; font-size: 1em; cursor: pointer; margin-top: 10px; float: right;} #page-left select {width: 191px; padding: 8px; color: #575247; font-size: 1em; background-color: #ffffff; border: 1px solid #b5b1a9;} #page-left option {padding: 0; border-bottom: 1px solid #b5b1a9;} #page-left input.small {width: 60px;} /* Comments */ .comment-reply input {width: 220px; padding: 8px; font-size: 1em; color: #575247; background-color: #e4f1f9; border: 1px solid #93bcd6; margin-right: 10px;} .comment-reply input.float {float: left;} .comment-reply textarea {width: 468px; padding: 8px; font-size: 0.9em; font-family: verdana, arial, serif; color: #575247; background-color: #e4f1f9; border: 1px solid #93bcd6;} .comment-reply fieldset {margin: 10px 0 0 0; border: 1px solid #d9d3c6; padding: 10px 0 10px 10px; background-color: #ffffff;} .comment-reply input.radio {background: transparent; border: 0px; width: 40px;} .comment-reply input.button {background: transparent url('../images/bg-button.png') no-repeat; width: 80px; height: 34px; border: 0; font-size: 1em; cursor: pointer; margin: 0;} .comment-reply label {width: 220px; display: inline-block; line-height: 1.8; vertical-align: top;} .comment-reply fieldset ol {margin: 0; padding: 0;} .comment-reply fieldset li {list-style: none; padding: 0; margin-bottom: 10px;} a.comment-link:link, a.comment-link:visited, a.comment-link:active {color: #575247; text-decoration: none;} a.comment-link:hover {color: #575247; text-decoration: underline;} .admin_comment {border: solid 1px #94c17c; padding: 10px; margin-bottom: 20px; background: #fdfdf9;} .comment {border: solid 1px #d9d3c6; padding: 10px; margin-bottom: 20px; background-color: #eee9df;} .admin_reply_comment {border: solid 1px #94c17c; padding: 10px; margin-top: 20px; background: #fdfdf9;} .reply_comment {border: solid 1px #d9d3c6; padding: 10px; margin-top: 20px; background: #ffffff;} .note {padding: 6px; margin: 10px 0px 10px 0px; color: #ffffff; background-color: #006aad; font-weight: bold;} .list-note {padding: 6px; margin: 20px; color: #ffffff; background-color: #006aad; font-weight: bold;}