/* Start of CMSMS style sheet '4R CSS' */
/* COMMON */

body { background: #fff url(uploads/layout/background.png) center; color: #fff; text-align: left; font-size: 16px; font-family: Lato, Arial, sans-serif; line-height: 24px; }
p { margin: 0 0 1.5em 0; padding: 0; }
.clear { clear: both; }
img { padding: 0 15px 15px 15px; border: 0; }
a, a:link, a:active { background-color: inherit; color: #de0b0b; text-decoration: none; }
a:visited { background-color: inherit;   color: #de0b0b; text-decoration: underline; }
a:hover { background-color: inherit; color: #de0b0b; text-decoration: none; }
div#headertop, div#headerbottom, div#content, div#copyright, div#footer { margin: 0 auto; width: 960px; }
.alignleft { float: left; margin-right: 10px; }
.alignleft ul { width: 305px; }
.alignright { float: right; }
.spacer { clear: both; width: 100%; height: 30px; background: transparent url(uploads/viiva5.png) no-repeat 15px 10px; }
.spacer2 { clear: both; width: 100%; height: 60px; background: transparent url(uploads/viiva5.png) no-repeat 153px 30px; }
.clear { clear: both; }
small { padding-left: 3px; font-size: 12px; }

/* WRAPPERS */

div#headertopwrapper { background: transparent url(uploads/layout/headertop-shadow.png) no-repeat bottom left; }
div#headerbottomwrapper { height: 93px; background-color: #fff; }
div#contentwrapper { border-bottom: 1px solid #333; background: transparent url(uploads/layout/background-grey.png) center; }
div#copyrightwrapper { border-bottom: 1px solid #333; background: transparent url(uploads/layout/background-darkgrey.png) center; }
div#footerwrapper { background: transparent url(uploads/layout/content-topshadow.png) repeat-x; }

/* HEADER */

div#headertop { height: 55px; background: transparent url(uploads/layout/header-logotop.png) no-repeat 70px bottom; }
div#headerbottom { height: 93px; background: transparent url(uploads/layout/header-logo.png) no-repeat; }
div#headerbottom h1 { overflow: hidden; text-indent: -9999px; }
div#headerbottom h1 a { display: block; width: 272px; height: 93px; }
div#mainmenuwrapper { float: right; margin: 12px 0 12px 0; width: 655px; border-left: 1px dotted #000; }
div#mainmenutop, div#mainmenubottom { float: right; width: 630px; }
div#mainmenutop a, div#mainmenubottom a { text-decoration: none; }
div#mainmenutop a:hover, div#mainmenubottom a:hover { text-decoration: underline; }
div#mainmenutop { padding: 5px 0 12px 0; border-bottom: 1px dotted #000; }
div#mainmenubottom { padding: 7px 0 2px 0; }
div#mainmenutop ul { padding-left: 4px; }
div#mainmenubottom ul { padding-left: 5px; }
div#mainmenutop ul li { display: inline; float: left; }
div#mainmenubottom ul li { display: inline; float: left; }
div#mainmenutop ul li a { padding: 0 17px; color: #de0b0b; text-transform: uppercase; font-size: 17px; }
div#mainmenubottom ul li a { padding: 0 8px; color: #565656; font-size: 14px; }

/* CONTENT */

#sub_ul { float: left; margin: 0 0 0 20px; padding: 10px 0 0 0; }
#sub_ul span { float: left; padding: 0 10px; }
#sub_ul span a { float: left; color: #fff; font-size: 12px; }
#sub_ul span.currentpage a { color: #de0b0b; }
div#main { padding: 10px 0 30px 10px; }
div#main div.mainimagewrapper img { padding: 0; }
div#main div.mainimagewrapper { float: right; padding: 0 0 37px 10px; background: transparent url(uploads/layout/picbottomshadow.png) no-repeat 15px bottom; }
div#main div.mainimage { padding: 10px 0; width: 338px; background: transparent url(uploads/layout/picshadow.png) repeat-y; text-align: center; }
div#content h2 { float: left; clear: both; overflow: hidden; margin: 10px 0 20px 0; padding-bottom: 20px; width: 100%; height: 20px; border-bottom: 1px dotted grey; font-weight: normal; font-size: 28px; }
div#content h2 span.title { float: left; clear: both; font-size: 30px; }
div#content h2 a { color: #fff; text-decoration: none; }
div#content h3 { margin: 10px 0; font-size: 18px; }
body#body_in-memoriam div#main { text-align: center; }
body#body_in-memoriam div#main h2 { text-align: left; }
.boxblock { float: left; width: 450px; }
.thumb { float: left; }
#lbImageContainer img { padding: 0; }
.parentimage { float: right; width: 250px; }
#body_eurasier p, #body_suomenlapinkoira p { padding-left: 15px; }
.error_message { margin: 5px 0 20px 0; }
.error_message ul li { font-weight: bold; }

/* GUESTBOOK */

.cms-guestbook-pagination_header { margin: .5em 0; }
.cms-guestbook-pagination_nav { margin: .5em 0; font-weight: bold; }
.cms-guestbook-pagination_nav span { padding: 0 5px; }
.cms-guestbook-pagination_nav a { font-weight: normal; }
.cms-guestbook-entry { margin-bottom: 1em; }
.cms-guestbook-entry-header { padding: 5px 7px; border-radius: 5px 5px 0 0; background: #de0b0b url(uploads/layout/background.png); color: white; }
.cms-guestbook-entry-text  { padding: .5em; border-radius: 0 0 5px 5px; background: #fff; color: black; }
.cms-guestbook-entry-posted  { float: right; padding: 0 5px; font-size: smaller; 0 0; }
.cms-guestbook-entry-header a { color: #fff; } 
.cms-guestbook-entry-header a:hover { color: black; } 
.cms-guestbook-entry-sendername { font-weight: bold; }
.cms-guestbook-entry-email { font-size: smaller; }
.cms-guestbook-entry-homepage { margin: 2px; margin-bottom: 0; font-size: smaller; }
.cms-guestbook-somesmileys a { margin-right: .5em; }
.cms-guestbook-div-insert label { float: left; margin-top: 8px; width: 100%; }
.cms-guestbook-div-insert fieldset { border: none; }
.cms-guestbook fieldset { float: left; width: 315px; }
.cms-guestbook fieldset input { float: left; width: 290px; }
.cms-guestbook fieldset textarea { float: left; width: 290px; height: 71px; }
.cms-guestbook fieldset .cms_submit { margin: 12px; width: 125px; }
.cms-guestbook-showform-button .cms_submit { float: right; margin-top: 15px; }
.cms-guestbook-pagination { float: left; width: 400px; }
#recaptcha_widget_div { padding-top: 2px; clear: both; }

/* PEDIGREE */

table.pedigree { height: 300px; width: 100%; }
table.pedigree td.last { width: 40%; }
table.pedigree tr td { padding: 0; border: 1px solid #fff; vertical-align: middle; }
table.pedigree td div { padding: 5px 10px; }
table.pedigree table tr td { width: 100%; border: 0; border-bottom: 1px solid #fff; vertical-align: middle; }
table.pedigree table, table.pedigree tbody { height: 100%; width: 100%;}
table.pedigree td span { height: 50%; }
.litter { margin-left: 40px; }
.breedlist { margin-left: 40px; }

/* FORM BUILDER */

.formbuilderform .inputwrap, .formbuilderform .textareawrap { float: left; clear: left; margin: 0 0 19px 0; width: 540px; }
.formbuilderform .submit { float: left; clear: left; margin: 0 0 19px 120px; width: 420px; }
.formbuilderform .inputwrap label, .formbuilderform .textareawrap label { float: left; width: 120px; }
.formbuilderform .inputwrap input { float: left; margin: 0; padding: 3px 4px; width: 408px; border: none; border: 1px solid #fff; border-bottom: 1px dotted #ccc; }
.formbuilderform .textareawrap textarea { float: left; margin: 0; padding: 3px 4px; width: 408px; height: 130px; border: 1px dotted #ccc; }
.formbuilderform .inputwrap input:focus, .formbuilderform .textareawrap textarea:focus { border: 2px dotted #de0b0b; }
.formbuilderform .captcha { float: left; clear: left; }
.formbuilderform .captcha span { float: left; clear: left; margin-left: 120px; padding: 0 0 10px 0; width: 420px; }
.formbuilderform .captcha img { float: left; clear: left; margin: 10px 10px 10px 120px; padding: 0; }
.formbuilderform .captcha #recaptcha_widget_div { margin: 0 0 20px 120px; }

/* COPYRIGHT */

div#copyright { padding: 10px 20px; color: #c5b2b2; text-align: center; font-size: 10px; }

/* FOOTER */

div#footer { padding: 15px 20px 20px 20px; text-align: center; }
div#footer ul li { display: inline; padding: 0 10px; }
/* End of '4R CSS' */