/* Start resources/css/main.css */
html {
font-size: 100%;
/* Always show a scrollbar for short pages - stops the jump when the scrollbar appears. non-IE browsers */
/*height: 100%;*/
margin-bottom: 1px;
}
body {
background-color: #ffffff;
text-align:center;
height:100%;
margin:0px;
padding:0px;
background: white url('../images/new/bg-body.gif') top left;
}
body, input, textarea, select {
font-family: Arial, Tahoma, helvetica, sans-serif;
font-size: 12px;
color:#000000;
}
br.clear {
font-size:0px;
height:0px;
line-height:0px;
clear:both;
}
#wrapper {
width:980px;
margin:0px auto;
text-align:justify;
position:relative;
background: white url('../images/new/white-left.gif') repeat-y top left;
}
#wrapper-inner {
background: url('../images/new/white-right.gif') repeat-y top right;
}
#page {
}
#left {
width:160px;
float:left;
}
#right {
width:780px;
margin-left:180px;
position:relative;
}
#header {
position:relative;
height:120px;
}
#authorization {
border-bottom:1px solid #CAC8CC;
height:20px;
margin:0 0 5px;
padding:2px 13px 0;
}
#authorization .title {
color:#46889D;
font-size:14px;
font-weight:bold;
float:left;
}
#authorization .menu {
float:right;
}
#logo {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/logo_big.png) no-repeat scroll left top;
float:left;
height:53px;
left:30px;
position:relative;
width:211px;
}
#logo-small {
float:left;
background: url('../images/logo_small.png') no-repeat top left;
width:119px;
height:30px;
margin-left:30px
}
#logo a {
display:block;
height:100%;
text-decoration:none;
width:100%;
}
.switch-box {
float:right;
}
.switch-box span {
color:#46889D;
font-size:11px;
}
.switch-box input {
vertical-align:top;
margin-right:5px;
width:100px;
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
border:1px solid #E5E5E5;
}
/* START IMAGE HEADER */
#navigation {
background: url('../images/new/navigation.png') no-repeat center;
}
#links {
background: url('../images/new/links-of-interest.png') no-repeat center;
}
#header-search {
background: url('../images/new/search.png') no-repeat center;
}
#top10Breeds {
background: url('../images/new/top-10-breeds.png') no-repeat center;
}
#top20Breeds {
background: url('../images/new/top-20-breeds.png') no-repeat center;
}
#top30Breeds {
background: url('../images/new/top-30-breeds.png') no-repeat center;
}
#breeds {
background: url('../images/new/dog-breeds.png') no-repeat center;
}
#breeders {
background: url('../images/new/breeders.png') no-repeat center;
}
#breeds-list {
background: url('../images/new/list-of-breeds.png') no-repeat center;
}
/* END IMAGE HEADER */
/* SEARCH PANEL */
#search {
float:right;
clear:right;
position:relative;
right:30px;
}
#search .searchPanel {
height:27px;
}
.searchBox {
height:27px;
}
#left .searchBox {
margin-left:5px;
}
#left a {
color:#232323;
font-size:14px;
text-decoration:none;
}
.searchBox-left {
float:left;
width:10px;
height:27px;
background: url('../images/new/rounded-input-left.gif') no-repeat top left;
}
.searchBox-center {
float:left;
height:27px;
width:90px;
background: url('../images/new/rounded-input-bg.gif') repeat-x top left;
}
.searchBox-center input {
margin-top:5px;
height:15px;
width:100%;
border:none;
background-color: transparent;
outline: none;
}
.searchBox-right {
float:left;
width:36px;
height:27px;
background: url('../images/new/rounded-input-right.gif') no-repeat top right;
}
.searchBox-right input {
float:right;
width:20px;
height:20px;
border:medium none;
cursor:pointer;
background: url('../images/new/foot-mark-yellow.gif') no-repeat top left;; margin-left:0px; margin-right:3px; margin-top:3px; margin-bottom:0px
}
#searchResults form.gsc-search-box {
display:none;
}
#searchResults .gsc-control {
width:auto;
}
#searchResults .gsc-tabsArea {
display:none;
}
/* END SEARCH PANEL */
/* START TOP MENU */
#topMenu {
margin:5px auto 0px auto;
padding:0px;
background:#3CB7E0 url('../images/new/bg-blue.gif') repeat-x top left;
height:27px;
list-style: none;
}
#topMenu li {
float:left;
width:120px;
height:27px;
border-right:1px solid #0080B9;
border-left:1px solid #60C0FA;
}
#topMenu li.left{
width:15px;
border:medium none;
background:url('../images/new/blue-left.gif') no-repeat top left;
}
#topMenu li.right{
width:15px;
border:medium none;
background:url('../images/new/blue-right.gif') no-repeat top right;
float:right;
}
#topMenu li.last {
width:110px;
border-right:none;
}
#topMenu li.home {
width:103px;
border-left:none;
}
#topMenu li.home div {
width:20px;
height:20px;
margin:0px auto;
position:relative;
top:2px;
background:url('../images/new/foot-mark-yellow.gif') no-repeat top left;
}
#topMenu li a {
color: white;
display: block;
font-size: 13px;
font-weight: bold;
height: 100%;
line-height: 25px;
text-align: center;
text-decoration: none;
text-shadow: 0 -1px 0 #0080B9;
width: 100%;
}
#topMenu li a:hover {
background:#24A5CF url('../images/menu-center-active.gif') repeat-x top left;
text-shadow:0px -1px 0 #0090c9;
}
/* END OF TOP MENU */
/* START MENU */
.menu-panel {
position:relative;
}
.menu-panel .header {
background-color:#21B1DF;
height:27px;
width:auto;
color:white;
clear:both;
}
.menu-panel .header .left {
height:100%;
background: #21B1DF url('../images/new/blue-left.gif') repeat-y top left;
}
.menu-panel .header .right {
margin-left:15px;
height:100%;
}
.menu-panel .header .right {
background: #21B1DF url('../images/new/bg-blue.gif') repeat-x top right;
}
.menu-panel .rounded .right {
background: url('../images/new/blue-right-rounded.gif') no-repeat top right !important;
}
.menu-panel .header .center {
height:100%;
margin-right:15px;
text-align:justify;
background: url('../images/new/bg-blue.gif') repeat-x top center;
position:relative
}
.menu-panel .header h1 {
margin:0px auto 0px auto;
padding: 0px 0px;
font-size:14px;
height:27px;
}
.menu-panel .header h1 {
position:absolute;
width:130px;
}
.menu-panel .panel-body {
background: #fafafa url('../images/new/silver-left.gif') repeat-y top left;
padding:0px;
}
.menu-panel-clear {
padding: 15px 5px;
}
/* END MENU */
/* START COLUMN FOOTER */
.panel-footer{
height:15px;
}
.panel-footer .left{
height:100%;
background: url('../images/new/grey-menu-bottom-left.gif') no-repeat top left;
}
.panel-footer .right{
height:100%;
margin-left:15px;
background: url('../images/new/grey-bottom-right.gif') no-repeat top right;
}
.panel-footer .center{
height:100%;
margin-right:15px;
background-color:#fafafa;
}
/* END COLUMN FOOTER */
/* START PANEL */
.panel {
position:relative;
}
.panel-body .inner {
margin:0px 5px;
padding:5px 0px;
}
.panel-body .inner2 {
margin:0px 5px;
padding:5px 0px;
}
.panel-body ul {
margin:0px 5px 0px 0px;
padding:0px 0px 0px 10px;
list-style-type:none;
}
.panel-body ul li {
margin:5px 0px;
padding:0px;
}
.panel-body {
display: table;
width: 100%; /* IE Hack */
padding: 0px 0 20px;
font-size:13px;
}
.panel-body p a {
text-decoration:none;
color: #6DC2DD;
}
.panel-body a.text-blue {
color:#006699;
font-size:13px;
font-weight:bold;
text-decoration: none;
}
/* END PANEL */
/* START FOOTER */
#footer,
#footer .panel-header {
height:27px;
}
#footer {
font-size:10px;
}
#footer ul.menu {
position:relative;
margin:0px 0px 0px 260px;
padding:0px;
top:6px;
}
/* for ie only */
* html #footer ul.menu {
margin-top:6px;
top:0px;
}
#footer ul.menu li{
float:left;
list-style-type:none;
margin:0px 0px 0px 5px;
padding:0px;
}
#footer .center div {
margin-top:8px;
}
#footer .panel-header a {
color:white;
font-size:10px;
}
#footer .panel-header .left{
height:100%;
background:url('../images/new/blue-left.gif') no-repeat top left;
float:none;
width:auto
}
#footer .panel-header .right{
height:100%;
margin-left:15px;
background:url('../images/new/blue-right.gif') no-repeat top right;
float:none;
width:auto
}
#footer .panel-header .center {
height:100%;
margin-right:15px;
background: url('../images/new/bg-blue.gif') repeat-x top center;
float:none;
width:auto
}
#footer .copyright {
height:25px;
}
#footer .copyright .left {
background:url('../images/new/silver-bottom-left.gif') no-repeat top left;
height:100%
}
#footer .copyright .right {
background:url('../images/new/silver-bottom-right.gif') no-repeat top right;
margin-left:25px;
height:100%
}
#footer .copyright .center {
background: url('../images/new/silver-bottom.gif') repeat-x top center;
margin-right:25px;
height:100%;
line-height:22px;
text-align:center;
}
#footer .copyright a {
color:#46889D;
}
/* END FOOTER */
/* End resources/css/main.css */
/* Start resources/css/controls.css */
/* LOGIN FORM */
.popup_effect {
background:#11455A;
opacity: 0.2;
}
#loginPanel {
background:#123;
}
#signupForm table {
padding:0px;
border:none;
width:250px;
}
#signupForm td {
text-align:left;
}
#signupForm td.label {
width:70px;
text-align:right;
}
#signupForm td.button {
padding:5px 0px;
}
#signupForm .error {
color:#F00;
text-align:left;
float:left;
}
/* END LOGIN FORM */
#forgotForm table {
width:95%;
margin-top:10px;
}
#forgotForm .info-cell {
height:20px;
}
#forgotForm td.label {
width:50px;
text-align:right;
}
#forgotForm .searchBox .searchBox-center {
width:120px;
}
#forgotForm td.button {
padding-top:20px;
}
/* NAVIGATION HISTORY */
div.navHistory {
margin-right:5px;
height: 14px;
}
div.navHistory,
div.navHistory a {
color:#919191;
font-size:10px;
font-weight:normal;
text-decoration:none !important;
}
ul.navHistory {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
height:28px;
font-size:12px;
}
ul.navHistory li {
float:left;
list-style-type:none;
margin:0px;
width:auto;
}
ul.navHistory li a {
color:white;
}
ul.navHistory li.home {
width:19px;
height:21px;
overflow:visible;
background: url('../images/foot-mark-white.png') no-repeat left top;
margin-top:4px;
position:relative;
margin-left:-6px
}
ul.navHistory li.home a {
width:100%;
height:100%;
display:block;
}
ul.navHistory li.delim {
width:12px;
height:28px;
background: url('../images/nav-history-delim.png') no-repeat top left;
overflow:hidden
}
ul.navHistory li.item {
margin:6px 0px 0px 4px;
padding:0px;
overflow:hidden;
}
/* END NAVIGATION HISTORY */
/* START rating control styles */
.rating-container {
}
.item {
width:15px;
height:15px;
background: url('../images/foot-mark-inactive15x15.png') no-repeat top left;
display:block;
float:left;
cursor: pointer
}
.item-over {
width:15px;
height:15px;
background: url('../images/foot-mark15x15.png') no-repeat top left;
display:block;
float:left;
cursor:pointer
}
/* END rating control styles */
/* Quick links*/
.quick-links {
margin:10px 0px 10px;
}
.quick-links,
.quick-links ul a {
font-weight: normal;
font-family: Georgia;
}
.quick-links span {
font-size: 18px;
color: grey;
}
.quick-links ul li {
margin: 3px 0;
}
.quick-links ul a {
color: #006699;
font-size: 15px;
text-decoration: none;
}
/* End resources/css/controls.css */
/* Start resources/css/layout-new.css */
/* blue bg color #21B1DF */
/* silver bg color #F0F0F0 */
/* yellow bg color #F4F5AB */
/* yellow borders color #FAFC84 */
/* blue link color #46889D */
form {
padding:0px;
margin:0px;
}
a {
color:#46889D;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
a.pointer-dashed {
border-bottom: 1px dashed #006666;
cursor: pointer;
text-decoration: none;
}
h1 {
font-size:16px;
margin:0px 0px 10px 0px;
}
h1 a {
font-size:16px;
}
h2 {
font-size:14px;
}
h3 {
font-size:14px;
margin:0px;
}
h4 {
font-size:12px;
margin:5px 0px;
padding:0px;
}
h5 {
font-size:18px;
margin:10px 0 20px;
text-decoration:none;
color: #006699;
}
h5 a {
font-size:20px;
text-decoration:none;
}
hr {
border:none;
border-color:#F0F0F0;
border-top:1px solid #F0F0F0;
margin:2px 0px 0px;
height:1px;
}
table.normal {
width:100%;
border:none;
}
table.normal td {
padding:0px;
}
table.normal td.left-cell {
padding:0px;
}
a.maximum {
width:100%;
height:100%;
display:block;
text-decoration:none;
}
a.inactive {
color:silver;
cursor:text;
}
a.bold {
font-weight:bold;
}
a.bold2 {
font-weight:bold;
font-size:15px;
}
.h-line {
height:26px;
}
.h-line span {
float:left;
border-bottom: 6px solid #3D9BF9;
min-width: 100px;
line-height: 29px;
font-size: 24px;
font-family: Georgia;
font-weight: normal;
}
.h-line hr {
float: right;
margin: 0;
min-width: 100px;
position: relative;
top: 32px;
width: 50%;
}
.h-line a {
color:#006699;
text-decoration: none;
}
.h-line a.f-right {
margin-top: 12px;
}
* html .h-line hr {
top:0px;
margin-top:3px;
}
.f-left {
float:left;
}
.f-right {
float:right;
}
.t-left {
text-align:left;
}
.t-right {
text-align:right;
}
.t-center {
text-align:center;
}
.m-center {
margin:0px auto;
}
.t-red {
color:red;
}
.vtop {
vertical-align:top;
width: 10%;
}
.clear {
clear:both;
}
.l-clear {
clear:left;
}
.center {
text-align:center;
margin:0px auto;
}
.full-height {
height:100%;
min-height:800px;
}
.transparent {
background-color: transparent !important;
}
.clickable {
cursor:pointer;
}
.bordered {
border:1px solid #CAC8CC;
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
}
.bordered2 {
border:1px solid #CAC8CC;
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
font-family: Tahoma, helvetica, Arial, sans-serif;
font-size: 16px;
}
.bordered2 a {
font-family: Tahoma, helvetica, Arial, sans-serif;
font-size: 17px;
}
.bordered-box {
margin:5px 0px;
padding:5px;
border:1px solid #F0F0F0;
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
}
.force-line p {
margin:0px;
display:inline;
font-family: helvetica, Tahoma, Arial, sans-serif !important;
font-size: 11px !important;
}
.yellow-bar {
background-color:#FEFFCF;
border:1px solid #FAFC84;
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
margin:0px 0px 5px;
padding:2px 5px 3px;
font-size:14px;
height:18px;
position:relative;
clear:left;
}
.yellow-bar h1,
.yellow-bar h2 {
margin:0px;
}
.yellow-bar .right-menu {
position:absolute;
right:5px;
top:2px;
width:auto;
font-size:12px;
}
.silver-bar {
background-color:#F0F0F0;
padding:2px 5px;
margin:0px 0px 5px;
clear:left;
text-transform:uppercase;
}
.right-info {
float:right;
margin-top:3px;
}
.panel-body ul.disc {
list-style-type:disc;
margin-left:20px;
}
.panel-body ul.decimal {
list-style-type:decimal;
margin-left:20px;
}
ul.breeds-inline {
font-size:11px;
margin-bottom: 10px;
}
ul.breeds-inline li {
float:left;
width:245px;
margin:2px 5px;
}
ul.breeds-inline a {
font-size: 14px;
line-height: 15px;
color: black;
}
ul.breeds-inline a:hover {
text-decoration: none;
font-weight: bold;
}
/* START PAGE LAYOUT */
#columns .row-fixed {
height:510px;
position:relative;
overflow:hidden;
}
#left, #right, #popup, #left2 {
padding-bottom:30px;
}
#popup {
float:right;
position:relative;
right:10px;
width:950px;
}
#appearanceText {width:98%;}
/* START RIGHT PANEL STYLES */
#right {
width:780px;
margin-left:180px;
position:relative;
}
#right .content-right-banner {
width:580px;
}
#right .training
{
font-family:sans-serif;
font-size:14px;
font-weight:normal;
color:#000000;
text-align:left;
line-height:17px;
}
#right .training a {
font-family:sans-serif;
font-size:14px;
font-weight:normal;
color:#006699;
line-height:17px;
text-align:left;
}
#right .text-with-banner {
}
* html #right .panel-body {
margin-left: -3px; /* IE6 Hack */
}
/** Start bordered content styles **/
.content-bordered {
position:relative;
height:100%;
min-height:800px;
padding-top:30px !important;
}
.content-bordered .training {
border:1px solid #CAC8CC;
padding:40px 70px 70px 80px;
width:auto;
-moz-border-radius-bottomleft:15px;
-moz-border-radius-bottomright:15px;
-moz-border-radius-topleft:15px;
-moz-border-radius-topright:15px;
}
.content-bordered .training h1 {
font-size:30px;
font-weight:normal;
color:#006699;
font-family:Georgia;
}
* html .content-bordered {
margin-bottom:30px !important;
}
* html .content-bordered .training {
padding:0px 15px !important;
}
* html .content-bordered .training h1 {
margin-top:15px;
}
/** End bordered content styles **/
/* END RIGHT PANEL STYLES */
/* START DETAILS BREED PANEL */
.breed-intro {
position:relative;
}
.breed-intro ul.breed-sections {
padding:0px;
height:18px;
float:right;
position:relative;
}
.breed-intro ul.breed-sections li {
float:left;
list-style-type:none;
margin:0px 0px 0px 5px;
padding:0px;
white-space:nowrap;
}
.breed-intro ul.breed-sections a {
color:black;
text-decoration:underline;
}
.breed-intro ul.breed-sections a {
text-decoration:none;
}
.breed-intro .photo {
margin-top:30px;
}
.breed-intro .thumbs {
margin-top:20px;
}
.breed-intro .thumbs img {
width:auto;
}
.breed-intro .vtop img {
width:396px;
}
.breed-intro h1 {
color: #006699;
font-family: Georgia;
font-size: 30px;
font-weight: normal;
line-height: 24px;
margin: 0;
text-align: left;
}
.breed-intro table {
padding:0px;
width:100%;
}
.breed-intro td.description {
vertical-align:bottom;
padding-right:10px;
}
.breed-intro img {
border:1px solid silver;
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
}
.breed-intro .bordered {
padding: 5px;
}
.breed-desc {
margin-right: 40px;
font-family: sans-serif;
font-size: 14px;
color: #000000;
line-height: 19.6px;
text-align: left;
}
.breed-desc p {
padding-left: 30px;
}
.breed-desc .t-right a {
font-size: 12px;
}
.breed-desc .no-info {
color: #919191;
font-size: 12px;
}
.breed-desc .questions {
padding-left: 30px;
padding-top: 10px;
padding-bottom: 5px;
}
/* END DETAILS BREED */
/* START BREEDs LIST */
.letterTopBreeds-panel {
border:1px dotted;
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
float:left;
height:210px;
margin:1px;
padding:0px 5px 5px;
width:200px;
}
table.breed-short {
margin:0px;
width:100%;
color: #000000;
font-family: sans-serif;
}
table.breed-short h2 {
margin:0px 0px 5px 0px;
}
table.breed-short tr {
border:dotted 1px red;
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
}
table.breed-short td {
vertical-align:top;
}
table.breed-short td.photo {
width:100px;
height:100px;
border:1px solid silver;
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
text-align:center;
vertical-align:middle;
}
table.breed-short td.photo a {
text-decoration:none;
}
table.breed-short td.photo img {
width:100px;
border:none;
}
table.breed-short td.photo img.original {
width:auto;
}
table.breed-short td.desc {
padding-left:5px;
}
.blue-bar {
border-bottom: 3px solid #3D9BF9;
margin-bottom: 5px;
}
.blue-bar .breed {
font-family: Georgia;
font-size: 22px;
font-weight: normal;
line-height: 26px;
color: black;
margin: 0px;
}
table.breed-short a.more {
float:right;
clear: right;
}
table.breed-short a:hover {
text-decoration: none;
}
table.breed-short .breed-menu {
margin-top: 10px;
}
table.breed-short p {
color: #919191;
font-size: 10px;
line-height: 12px;
text-align: left;
width: 440px;
float: right;
display: block;
margin: 0px;
padding: :0px;
}
table.breed-short .size {
font-size: 14px;
margin-left:15px;
}
table.breed-short .size strong {
font-size: 17px;
font-weight: normal;
}
/*table.breed-short .desc-panel {
margin:0px 5px;
padding:0 5px;
border-left:1px solid #FAFC84;
border-right:1px solid #FAFC84;
border-bottom:1px solid #FAFC84;
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
}
table.breed-short .fields {
float:left;
margin-right:10px;
}
table.breed-short .fields p {
margin:1px 0px;
clear:both;
border:1px solid #F5F5F5;
padding:0px 4px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
}
table.breed-short .fields p.alt {
background-color: #FAFAFA;
}
table.breed-short .fields label {
display:block;
float:left;
width:70px;
font-weight:bold;
}
table.breed-short .fields span {
}
table.breed-short .text {
margin-left:180px;
}*/
/* END BREEDS LIST */
/* START BREEDERSs LIST */
table.breeders {
margin:0px;
width:100%;
}
table.breeders h2 {
margin:0px 0px 5px 0px;
}
table.breeders tr{
border:dotted 1px red;
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
}
table.breeders td.row {
border-bottom: solid 1px #F1F1F1;
}
table.breeders td{
vertical-align:top;
}
table.breeders td.photo {
width:100px;
height:100px;
border:1px solid silver;
text-align:center;
vertical-align:middle;
padding: 1px;
}
table.breeders td.photo a {
text-decoration:none;
}
table.breeders td.photo img {
width:100px;
border:none;
}
table.breeders td.photo img.original {
width:auto;
}
table.breeders td.desc {
padding-left:15px;
padding-right:15px;
color:#808080;
}
table a.grey {
color: gray;
font-weight: normal;
text-decoration: none;
}
table span.blue-weight-bold {
color:#006699;
font-size:12px;
font-weight:bold;
}
/* END BREEDERS LIST */
/* START ADS LIST */
ul.top-ads {
}
ul.top-ads li {
height:100px;
}
ul.top-ads li h2 {
margin-top:0px;
}
ul.top-ads li img {
margin:auto 0px;
}
ul.top-ads li .ads-image {
width:100px;
height:100px;
border:1px solid silver;
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
text-align:center;
vertical-align:center;
}
ul.top-ads li div {
float:left;
margin-left:10px;
}
.comments-area {
border-top:1px solid silver;
margin-top:20px;
font-size:11px;
}
/* END ADS LIST */
/* START CONTET HEADER PANEL STYLES */
.panel-navigation {
height:50px;
font-size:12px;
margin-bottom:10px;
}
.panel-navigation .header {
float:left;
width:225px;
height:100%;
}
.panel-navigation .header .left {
height:100%;
background: url('../images/new/header-left.gif') no-repeat bottom left;
}
.panel-navigation .header .right {
margin-left:15px;
height:100%;
background: #F0F0F0 url('../images/new/header-arrow.gif') no-repeat bottom right;
}
.panel-navigation .header .center {
height:100%;
margin-right:25px;
background: url('../images/new/header-center.gif') repeat-x bottom center;
text-align:center
}
.panel-navigation .header h1{
margin:0px;
padding:0px;
height:20px;
position:relative;
top:15px;
}
.panel-navigation .filter {
background-color:#F0F0F0;
height:100%;
margin-left:225px;
text-align:left;
}
.panel-navigation .filter h1,
.panel-navigation .filter h2 {
padding-top:15px;
margin:0px 0px 0px 10px;
}
.panel-navigation .paging {
margin:0px auto 0px;
text-align:right;
height:32px;
}
.panel-navigation h1.current {
float:left;
margin: 0px 0px 0px 20px;
padding:0px;
font-size:12px;
}
.panel-navigation .paging span,
.panel-navigation .paging a {
color:#555555;
text-decoration:none !important;
}
.panel-navigation .paging a.previous {
background: url('../images/new/grey-arrow-left.gif') no-repeat left center;
padding-left:10px;
margin-left:0px; margin-right:15px; margin-top:0px; margin-bottom:0px
}
.panel-navigation .paging a.next {
background: url('../images/new/grey-arrow-right.gif') no-repeat right center;
padding-right:10px;
margin-left:15px; margin-right:0px; margin-top:0px; margin-bottom:0px
}
.panel-navigation .paging .arrows {
margin-right:10px;
}
/* END CONTET HEADER PANEL STYLES */
/* BREED MENU */
ul.breed-menu {
float:right;
margin:0px;
padding:0px;
}
ul.breed-alphabet li,
ul.breed-menu li {
float:left;
list-style-type:none;
margin:0px 0px 0px 5px;
padding:0px;
}
ul.breed-menu a {
color:#000000;
font-size:11px;
text-decoration:none;
}
/* END BREED MENU */
/* START ALPHABET MENU */
ul.breed-alphabet{
margin:0px;
padding:0px;
}
ul.breed-alphabet li {
float:left;
list-style-type:none;
margin:0px;
padding:0px;
}
ul.breed-alphabet a {
display: block;
text-align:center;
text-decoration:none;
color: #006699;
font-family: Georgia;
font-size: 30px;
padding: 0px 3px;
border: 1px solid white;
line-height: 32px;
}
ul.breed-alphabet a:hover {
text-decoration:none;
text-shadow: 1px 1px 10px #3D9BF9;
}
ul.breed-alphabet a.selected {
border: 1px solid #3D9BF9;
-moz-border-radius:3px;
border-radius: 3px;
background-color: #F0F9FF;
}
/* END ALPHABET MENU */
/* BREED PHOTO */
.photo-breed {
width:500px;
height:390px;
background: transparent left top no-repeat;
position:relative;
margin:20px auto;
text-align:center;
}
.photo-breed h1 {
color:#000000;
text-align:center;
margin:0px auto;
padding:5px 0px;
}
.userBreedPhotos {
text-align:center;
margin:5px 0px 10px;
}
.userBreedPhotos a{
text-decoration:none !important;
margin:0px 0px 4px;
}
.userBreedPhotos a:hover img {
background-color:#F0F0F0;
}
.userBreedPhotos img {
border:1px solid #C0C0C0;
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
background-color:white;
padding:2px;
margin:2px;
max-width: 750px;
}
.breedPhoto {
white-space:nowrap;
text-align:center;
color:#46889D;
margin-top:30px;
position:relative;
right:-80px;
}
table.grid {
width:100%;
}
table.grid td.name,
table.grid th {
color:black;
font-weight:bold;
padding-right:10px;
border:1px solid #E5E5E5;
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
}
table.grid th {
background-color:#F0F0F0;
}
table.grid td.name {
width:80px;
}
table.grid td {
color:Black;
background-color:#FFFFFF;
border:1px solid #E5E5E5;
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
}
table.grid tr.expired td {
background-color:#FFF5F5;
}
.breedPhoto h1 {
margin:5px auto 5px auto;
}
.breedPhoto img {
border:none;
margin:0px auto;
max-width:400px;
}
table.new-ad td.labels-cell {
width:250px;
}
/* END BREED PHOTO */
/* Start ads details styles */
.small-red {
font-size:10px;
color:red;
text-align:center;
}
ul.breeder-menu {
float:right;
margin:25px 5px 0px 0px;
padding:0px;
}
ul.breeder-menu li{
float:left;
list-style-type:none;
margin:0px 0px 0px 5px;
padding:0px;
}
.place-ad-intro {
font-size:13px;
font-weight:bold;
}
/* End ads details styles */
/* START form styles */
.gds-form,
.review-form {
text-align:left;
}
.gds-form table {
margin:0px auto;
width:60%;
}
.gds-form .left-cell {
width:100px;
text-align:right;
}
.gds-form h1 {
text-align:center;
}
.review-form table {
margin:0px auto;
}
.review-form .left-cell {
width:20%;
text-align:right;
}
input.text-field,
select.text-field,
input.text-field-half,
.text-field-small,
textarea.text-field {
border:solid 1px #E5E5E5;
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
width:100%;
}
input.wide,
textarea.wide,
select.wide {
width:100%;
}
input.text-field-half,
select.text-field-half
{
width:50%;
}
.text-field-small
{
width:100px;
}
.dialog-form table{
width:95%;
}
ul.validationMessages {
margin:0px 0px 0px 20px;
padding:0px;
text-align:left;
}
.errorMessage ul li,
ul.validationMessages li {
margin:4px;
list-style:circle;
color:red;
white-space:normal;
}
div.errorMessage {
margin-left:10px;
text-align:left;
color:red;
}
div.successMessage {
color: green;
text-align:center;
}
table.breeder-contact {
border: 1px solid silver;
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
width: 100%;
}
table.breeder-contact .text-field {
width:225px !important;
}
table.breeder-contact td {
font-weight: bold;
}
form table th {
background:#4396C5 url('../images/new/bg-blue.gif') repeat-x left center;
color:white
}
/* START new form styles*/
form .header {
height:34px;
}
form .header .left {
height:100%;
background: url('../images/new/form-header-left.gif') no-repeat top left;
}
form .header .right {
margin-left:10px;
height:100%;
background: url('../images/new/form-header-right.gif') no-repeat top right;
}
form .header .center {
margin-right:10px;
height:100%;
background: #F4F5AB url('../images/new/form-header-bg.gif') repeat-x top center;
text-align:center
}
form .header h1 {
margin:0px;
padding:0px;
height:20px;
position:relative;
top:7px;
font-size:14px;
text-transform:uppercase;
}
form .body {
position:relative;
margin:0px auto;
}
form .body .content{
background-color: #F8F8FF;
margin:0px auto;
}
form .body .inner {
margin:0px 10px;
padding:10px 0px 20px;
}
form .textbox,
form select,
form textarea {
border:1px solid #E5E5E5!important;
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
}
form .body table {
width:100%;
margin:0px auto;
}
form .body table .left-cell{
width:30%;
}
form .footer {
height:15px;
}
form .footer .left {
height:100%;
background: url('../images/new/grey-bottom-left_2.gif') no-repeat top left;
}
form .footer .right {
margin-left:15px;
height:100%;
background: url('../images/new/grey-bottom-right_2.gif') no-repeat top right;
}
form .footer .center input{
margin-top:-15px;
width:128px;
height:29px;
position:relative;
text-align:center;
color:#555555;
border:medium none;
background: url('../images/new/form-submit-bg.gif') no-repeat top center;
}
form .footer .center {
margin-right:15px;
height:100%;
background-color: #F8F8FF;
text-align:center;
font-size:1px;
}
img.capche {
border:solid 1px #E5E5E5;
clear:both;
}
.radiobox {
margin-left:0px;
}
/* END form styles */
/* Start WEB Dirs*/
.category-container {
border:1px dotted silver;
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
float:left;
height:60px;
margin:2px;
overflow:hidden;
padding:2px;
width:300px;
}
.wd-light {
}
.wd-dark {
background-color:#FDF9DA;
}
.wd-stepHeader {
height:30px;
margin:10px 0px 0px;
}
.wd-stepHeader img {
float:left;
}
.wd-stepHeader span {
position:relative;
top:8px;
}
div.webdirs-banner {
background-color:#FFFFCC;
border:1px solid #CCCC99;
padding-bottom:5px;
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
}
div.wd-banner-text {
margin:5px;
text-align:left;
}
.wd-lefColumn {
text-align:right;
width:55%;
}
.wd-rightColumn {
width:45%;
}
.wd-link-container {
display:block;
padding:5px 0px;
position:static;
width:100%;
}
.wd-linkNumber {
margin:2px 0px 0px 5px;
position:absolute;
}
.wd-link-container .wd-details {
padding-left:43px;
position:relative;
right:3px;
}
/* End WEB Dirs */
/* START Breed questions and answers */
.breedQuestion {
margin-left: 20px;
}
.breedQuestion .question {
background-color:#F0F0F0;
padding:5px;
margin:2px 0px 5px;
}
.breedQuestion .question img {
float:left;
}
.breedQuestion .question div {
margin-left: 25px;
}
.breedAnswers {
margin-left:20px;
}
.answerItem {
margin:0px 0px 4px;
}
.answerItem img{
margin: 0px 5px;
float:left;
}
.answerItem div {
margin-left: 30px;
}
.postResponse {
float:right;
margin:5px 5px 0px 10px;
}
/* END Breed questions and answers */
/* START Breed reviews */
.review-panel {
margin-left: 20px;
}
.review-body {
margin: 10px 0px 0px 20px;
}
/* END Breed reviews */
/* START grids pager styles */
.pager {
text-align:right;
}
.pager a, .pager span {
font-size:12px;
margin-left:2px;
}
.pager .number-page-active {
font-weight:bold;
}
/* END grids pager styles */
/* START hybrids styles */
.noHybridPhoto-cell {
width:378px;
padding:10px;
background:transparent url(http://www.greatdogsite.com/resources/photos/photo-needed.PNG) no-repeat center 65%;
text-align:center;
}
.noHybridPhoto-cell div {
font-size:10px;
font-family:sans-serif;
line-height: 13px;
color: #919191;
margin-bottom:90px;
text-align:center;
}
.noHybridPhoto-cell a {
font-weight: bold;
}
/* END hybrids styles */
.h1-blue {
color:#006699;
margin: 0;
}
.margin-bottom-5 {
margin-bottom: 5px;
}
/* End resources/css/layout-new.css */
/* Start resources/css/pages.css */
/* Start home page styles */
.home-right-menu {
margin-left:0;
}
.home-intro {
font-size:12px;
}
.site-parts {
padding-top:10px;
clear:right;
}
.site-parts .left-column {
width:400px;
float:left;
left:70px;
position:relative;
}
.site-parts .left-column div{
width:170px;
height:95px;
margin:0px 10px 10px 0px;
float:left;
}
#dog-sell {
width:290px;
height:200px;
background: url('../images/new/panel-sell-your-dog.png') no-repeat center;
float:right
}
#dog-sell a,
.site-parts .left-column a {
display:block;
width:100%;
height:100%;
border:none;
}
#dog-breeders {
background: url('../images/new/panel-dog-breeders.png') no-repeat center;
}
#dog-directory {
background: url('../images/new/panel-dog-directory.png') no-repeat center;
}
#dog-forum {
background: url('../images/new/panel-dog-forum.png') no-repeat center;
}
#breed-info {
background: url('../images/new/panel-breed-info.png') no-repeat center;
}
.site-parts-description {
width:480px;
border-top:1px solid silver;
position:relative;
float:left;
top:10px;
line-height:14px;
}
.site-parts-description .column {
float:left;
position:relative;
width:33%;
height:90%;
margin:2px 0px;
}
.site-parts-description .cell {
padding:6px;
text-align:left;
height:110px;
color:black;
font-family:Verdana;
font-size:11px;
}
.site-parts-description .cell a {
color:#46889D;
font-size:16px;
font-weight:bold;
margin:0 0 6px;
text-decoration:none !important;
}
.site-parts-description .cell a:hover {
}
.site-parts-description .cell h1 {
color:#46889D;
font-size:16px;
font-weight:bold;
margin:0px 0px 6px 0px;
}
.site-parts-description .bordered {
border:none;
border-top:1px solid silver;
}
.site-parts-description .middle {
border-left:1px solid silver;
border-right:1px solid silver;
}
.home-line-ads {
margin-left:25px;
}
.topbreeds h1 {
padding:20px 0px 5px 0px;
margin:0px;
color:#46889D;
font-size:14px;
}
.topbreeds ul {
padding:0px;
margin:5px 0px 0px 0px;
}
.topbreeds ul li {
float:left;
margin:0px;
width:190px;
}
.topbreeds ul li a {
font-size:12px;
color:#4A4A4A;
text-decoration:none !important;
}
/* End home page styles */
/* Start Breed photo page */
.photo-details-panel {
margin:10px auto;
min-width: 600px;
}
.photo-details-panel td {
padding:2px;
}
.photo-details-panel .cell-banner {
text-align:center;
}
.photo-details-panel .google-banner {
}
.photo-details-panel .cell-description {
text-align:left;
vertical-align:top;
}
.photo-details-panel .grid {
min-width:400px;
}
.photo-details-panel .blue-border {
border-bottom: 7px solid #3D9BF9;
}
.photo-details-panel .blue-border div {
position: relative;
top: 15px;
font-size: 11px;
}
.photo-details-panel .navigation {
font-family: Arial;
font-size: 24px;
color: black;
text-decoration: none;
}
/* End Breed photo page */
/* Start sitemap page */
.sitemap ul li {
margin:0px;
font-size:12px;
font-weight:bold;
}
.sitemap ul li a {
font-size:12px;
}
/* End sitemap page */
/* Start Breeders page */
.subsInfo {
border-color:red;
color:#000000;
text-align:center;
}
.subsInfo p, .subsInfo a, .subsInfo .validationMessages {
font-size:10px;
line-height:14px;
}
.subsInfo p {
margin:4px 0px;
}
.subsInfo .messagesPanel {
width:70%;
margin:0px auto;
}
.subsInfo .text-field {
width:200px;
}
/* End Breeders page */
/* Start Breed details page */
.userInfo {
height:16px;
position:relative;
margin-left:20px;
}
.userInfo span {
display:block;
cursor:pointer;
float:left;
text-align:center;
}
.userInfo .title {
-moz-border-radius:10px;
-webkit-border-radius:10px;
-opera-border-radius:10px;
border-radius:10px;
background-color:white;
border:1px solid #46889D;
font-size:11px;
font-style:italic;
line-height:14px;
}
.userInfo .title,
.userInfo .title span {
width:90px;
height:15px;
}
.userInfo .asterisk {
font-size:16px;
color:#46889D;
background-color:white;
font-weight:bold;
position:relative;
top:2px;
width:10px;
height:14px;
}
.userInfo .asterisk span,
.userInfo .title span {
display:block;
position:absolute;
z-index:2;
left:0px;
}
.userInfo hr {
margin-left:20px;
position:relative;
top:8px;
}
* html .userInfo hr { /* hate ie */
top:1px;
}
.blow-tooltip {
width:300px;
position:absolute;
z-index:1;
}
.blow-tooltip .tooltip-inner {
position:relative;
}
.blow-tooltip .tooltip-text {
background-color:white;
padding:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-opera-border-radius:5px;
border-radius:5px 5px;
-webkit-box-shadow: 0px 0px 10px #46889D;
border:1px solid #46889D;
font-size:11px;
line-height:14px;
text-align:left;
}
.blow-tooltip .tooltip-tail {
margin:0px auto;
width:10px;
background-color:white;
top:-1px;
position:relative;
color:#46889D;
width:9px;
height:5px;
overflow:hidden;
text-align:center;
border-top:1px solid white;
background:url('../images/tooltip-tail.png') no-repeat top center;
}
/* End breed details page */
/* Start Ads details page */
.paddings {
padding-left:15px;
padding-right:15px;
}
table.adPhotos {
width:330px;
background-color:#f0f0f0;
margin-left:10px;
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
}
.adCurrentPhoto {
background-color:white;
border:solid 1px #005570;
text-align:center;
vertical-align:center;
height:300px;
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
}
.adDesc {
min-height:100px;
border:solid 1px silver;
margin-bottom:5px;
padding:0px 4px;
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
}
.adDetails {
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
border:1px solid silver;
margin-bottom:10px;
padding:5px 0px;
}
.adDetails h3 {
margin:0 0 0 5px;
}
.adDetails p {
margin:1px 5px;
border:1px solid #F5F5F5;
padding:0px 4px;
clear:both;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
}
.adDetails p.alt {
background-color: #FAFAFA;
}
.adDetails label {
display:block;
float:left;
width:150px;
font-weight:bold;
color:#006699;
font-size:13px;
font-family:ArialŠ±helvetica,Tahoma,sans-serif;
}
.adDetails span {
font-weight:bold;
}
.adSmallPhoto {
cursor:pointer;
margin:2px;
border:solid 1px #005570;
width:100px;
height:100px;
text-align:center;
vertical-align:center;
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
}
.adOwnerDetails {
border:solid 1px silver;
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
padding:5px;
margin-bottom:10px;
}
.adOwnerDetails a {
font-size:11px;
text-decoration:none;
}
/* End Ads details page */
/* Start Breeders Center page */
.setup-ads h1 {
font-size:24px;
}
.setup-ads h2 {
text-align:center;
font-size:16px;
}
.setup-ads p {
font-size:14px;
}
.setup-ads .pp-panel {
float:right;
margin-right:150px;
}
.setup-ads .subs-panel {
float:left;
margin-left:50px;
}
.bc-buttons {
text-align:center;margin:10px 0px 5px;border-top:1px solid gray;border-bottom:1px solid gray;
}
/* End Breeders Center page */
/* Start QAs page */
.questions {
margin:0px;
padding:0px;
list-style:none;
}
.light {
}
.dark {
background-color:#F7F7F7;
border-top:1px solid #F0F0F0;
border-bottom:1px solid #F0F0F0;
}
.questions .question {
}
.questions div.image {
float:left;
width:64px;
max-height:64px;
min-height: 45px;
border:1px solid #F0F0F0;
background-color:#FaFaFa;
overflow:hidden;
text-align:center;
}
.questions .desc {
padding-right: 10px;
margin-left: 75px;
}
.questions .details {
color:gray;
font-size: 12px;
margin-left: 10px;
margin-right: 40px
}
.questions .details a {
color: gray;
font-weight: normal;
top: 0;
}
.questions img {
}
.questions a {
font-size:13px;
text-decoration:none;
color:#006699;
font-weight:bold;
}
.questions li {
clear:left;
padding:5px 0px;
margin-bottom:10px;
position:relative;
min-height: 60px;
}
.questions li p {
font-size:10px;
line-height: 12px;
color:#464646;
margin:0px;
padding: 0px;
}
.questions-params {
margin:15px 0px;
}
.questions-params form {
display: inline;
}
.questions-params form select {
margin-left: 5px;
margin-right: 5px;
width:200px;
}
.sort-by {
color:#000000;
font-size:13px;
font-weight:bold;
}
.separator {
padding: 0 5px;
}
a.biglink {
text-decoration:none;
color:#006699;
font-family: georgia;
font-weight:normal;
font-size:18px;
}
.pnl-question {
border:1px solid silver;
padding:10px;
margin:15px 0px;
}
.pnl-question h2 {
font-size:16px;
}
input.btn-abuse {
background:transparent url(../images/btn-abuse.png) no-repeat top left;
height:21px;
width:95px;
text-indent:17px;
font-size:11px;
border:none;
color:#46889D;
cursor:pointer;
}
input.btn-answer {
color:white;
background:transparent url(/resources/images/resources/images/btn-wide.png) no-repeat top left;
border:none;
height:26px;
width:132px;
font-weight:bold;
text-shadow: #000000 0px 0px 1px;
cursor:pointer;
}
.answers {
margin:0px 0px 50px 0px !important;
}
.answers li {
border-top:1px dotted silver;
clear:left;
margin-bottom:10px;
text-align:right;
}
.answers li p {
text-align:left;
}
.pnl-topQuestions {
margin:10px 0px 0px;
padding-top:10px;
border-top:1px solid silver;
}
.pnl-topQuestions ul {
list-style-type:disc;
padding:0 0 0 25px;
}
.pnl-topQuestions h3 {
color:#67CE12;
}
.pnl-topQuestions h3 strong {
color:#006699;
}
.pnl-topQuestions a {
text-decoration:none;
color:#006699;
}
/* End QAs page */
.linkus-bc {
margin:10px 0px;
}
.linkus-bc h1 {
font-size:12px;
text-align:center;
}
.linkus-main h1 {
font-size:24px;
text-align:center;
}
/* End resources/css/pages.css */
/* Start resources/css/panels.css */
/* Start upper home bar with hot links */
.breedFeatured,
.breedFeatured .steps {
min-height:50px;
}
.breedFeatured {
border-bottom:3px solid #46889D;
margin-bottom:3px;
position:relative;
height:50px;
}
.breedFeatured .bar-top-titles {
left:0px;
bottom:0px;
position:absolute;
}
#featured-breed {
background: url('../images/new/featured-breed.png') no-repeat left center;
height:15px;
width:115px;
position:relative;
float:left
}
.breedFeatured h2 {
color:#46889D;
float:left;
left:10px;
margin:0px;
padding:0px;
position:relative;
top:-2px;
}
/* bar with hot links */
.breedFeatured .bar {
height:18px;
position:relative;
margin-right:5px;
}
.breedFeatured .bar .left {
background:url('../images/new/bar-links-left.gif') no-repeat top left;
height:100%
}
.breedFeatured .bar .right {
background:url('../images/new/bar-links-right.gif') no-repeat top right;
margin-left:10px;
height:100%
}
.breedFeatured .bar .center {
background-color:#F5F5F5;
margin-right:10px;
height:100%;
}
.breedFeatured .bar .center div {
font-size:12px;
font-weight:bold;
}
ul.hot-links {
float:right;
position:relative;
margin:0px;
padding:0px;
list-style:none;
}
ul.hot-links li {
float:left;
margin:0px 0px 0px 5px;
font-weight:normal;
color:#46889D;
}
.breedFeatured .bar-site-modules {
margin-top:12px;
position:absolute;
right:15px;
}
/* Start upper home bar with hot links */
/* START BANNERS PANELS */
.google-banner {
margin:0px 15px 0px 10px;
}
.google-banner-inText {
margin:10px 15px 0px 10px;
}
.google-banner,
.google-banner-inText {
float:right;
}
.google-banner-inText {
margin:5px 0px 5px 10px;
}
.google-home-banner {
float:left;
}
.ads-horizontal {
margin:10px 0px 0px 0px;
}
.google-ads-hor {
margin-bottom:10px;
text-align:center;
}
.google-bottom {
float:right;
position:relative;
top:10px;
width:300px;
overflow:hidden;
}
.right-banner, .right-banner-middle {
float:right;
width:170px;
}
.right-banner-middle {
margin-top:400px;
}
.google-horizontal-banner {
text-align:center;
margin-bottom:20px;
}
.left-vertival-banner {
float:left;
margin:10px 0px;
}
.ads-leftmenu {
padding-left:10px;
margin-top:-2px;
}
.line-ads {
margin-bottom:10px;
}
.line-ads-tb5 {
margin:5px 0px;
}
#shootpaul {
height: 23px;
position: absolute;
right: 200px;
top: 58px;
width: 260px;
}
#shootpaul a {
background: transparent url(../images/shootpaul.png) no-repeat top left;
display: block;
height: 100%;
width: 100%;
}
#shootpaul a:hover {
background-position: 0px -23px;
}
#shootpaul a:active {
background-position: 0px -46px;
}
/* END BANNERS PANELS */
/* Start center info panel with banner */
.info-panel {
padding-top: 10px;
}
.info-panel .info-left-text {
width: 57%;
float: left;
}
.info-panel .info-right-banner {
float:right;
width:300px;
}
/* End center info panel with banner */
/* Start page top info panel with banner */
.top-intro-panel {
height: 260px;
margin-top: 15px;
overflow: hidden;
}
.top-intro-panel .left-intro-text {
border-top:1px solid silver;
border-bottom:1px solid silver;
padding-left:1px;
margin-right:10px;
width:57%;
height:248px;
overflow:hidden;
text-align: left;
}
.top-intro-panel .left-intro-text p {
padding:0px;
margin:5px;
}
.top-intro-panel .left-intro-text h2 {
color:#46889D;
margin:0px;
}
.top-intro-panel .right-ad {
float:right;
margin-right:10px;
width:300px;
}
.top-qa-intro {
font-family:verdana;
font-size:11px;
height:260px;
margin-top:10px;
overflow:hidden;
}
.top-qa-intro .square-ad {
float:left;
width:300px;
margin-right:10px;
}
.top-qa-intro .intro {
border-bottom:1px solid silver;
border-top:1px solid silver;
overflow:hidden;
height:95%;
}
.top-qa-intro .intro h2 {
color:#46889D;
margin:0px;
}
.top-intro-panel h1 {
font-family: Georgia;
font-size: 30px;
font-weight: normal;
margin: 0;
text-align: left;
line-height: 24px;
}
.top-intro-panel h1 span {
font-size: 24px;
}
.top-intro-panel h5 {
margin-top: 20px;
margin-bottom: 5px;
}
.top-intro-panel strong {
float: left;
}
/* End page top info panel with banner */
/* Start Home page photo panel */
.panel-photo {
width:400px;
text-align:center;
float:left;
}
.panel-photo .photo a {
display:block;
}
.panel-photo a {
color:#000000;
}
.panel-photo .photo {
position:relative;
margin:0px auto;
}
.panel-photo .photo div {
width:15px;
height:15px
}
.panel-photo .photo,
.panel-photo .photo img {
width:340px;
}
.panel-photo .photo .top-left {
background: url('../images/new/yellow-inner-top-left.png') no-repeat top left;
position:absolute;
top:0px;
left:0px
}
.panel-photo .photo .top-right {
background: url('../images/new/yellow-inner-top-right.png') no-repeat top right;
position:absolute;
top:0px;
right:0px
}
.panel-photo .photo .bottom-left {
background: url('../images/new/yellow-inner-bottom-left.png') no-repeat bottom left;
position:absolute;
bottom:0px;
left:0px
}
.panel-photo .photo .bottom-right {
background: url('../images/new/yellow-inner-bottom-right.png') no-repeat bottom right;
position:absolute;
bottom:0px;
right:0px
}
.panel-photo .footer {
height:20px;
margin-top:5px;
}
.panel-photo .footer .left {
height:100%;
/*background: transparent url(../images/new/yellow-bottom-left.gif) bottom left no-repeat;*/
background-image:url('none');
}
.panel-photo .footer .right {
margin-left:15px;
height:100%;
/*background: transparent url(../images/new/yellow-bottom-right.gif) bottom right no-repeat;*/
background-image:url('none');
}
.panel-photo .footer .center {
height:100%;
margin-right:15px;
/*background: transparent url(../images/new/yellow-bottom-center.gif) bottom center repeat-x;*/
background-image:url('none');
text-align:center
}
.panel-photo div.photo-links {
}
/* End Home page photo panel */
/* Start panel with random ads */
.findnew-panel {
}
.findnew-panel-home {
width:483px;
float:left;
}
.findnew-panel h1 {
margin:0px;
padding:0 0 2px;
color:black;
font-size:18px;
font-weight:normal;
color:#46889D;
}
.findnew-panel h2 {
margin:0px auto;
padding:2px 0;
color:black;
font-size:14px;
font-weight:normal;
border-bottom:1px solid #e5e5e5;
text-align:center;
color:#4a4a4a;
background-color:#F8F8FF;
}
.findnew-panel .row {
height:100%;
border:1px solid #e5e5e5;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
}
.findnew-panel .column {
border-right:1px solid #e5e5e5;
/*width:158px;
height:175px;*/
width:33%;
float:left;
overflow:hidden;
position:relative;
}
.findnew-panel-breed .column {
height:200px;
}
.findnew-panel .column-last {
border:none;
float:none;
width:auto;
}
.findnew-panel .cell {
padding:3px;
text-align:center;
}
.findnew-panel table {
width:104px;
height:104px;
margin:0 auto;
border:none;
}
.findnew-panel table td {
border:1px solid #E5E5E5;
padding:2px;
text-align:center;
overflow:hidden;
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
}
.findnew-panel table td img {
border:none;
}
.findnew-panel .image-container img {
margin:0px auto;
}
.findnew-panel .cell-text {
font-size:12px;
color:#46889d;
margin-top:2px;
overflow:hidden;
white-space:nowrap;
}
.findnew-panel .cell-text span {
font-size:9px;
line-height:10px;
color:#000000;
}
.findnew-panel .cell-empty {
margin-top:75px;
}
.findnew-panel .footer {
text-align:right;
background-color:white;
}
.findnew-panel .footer,
.findnew-panel .footer a {
color:#4a4a4a;
}
/* End panel with random ads */
/* Start bordered panel */
.panel-bordered {
-moz-border-radius:15px;
-webkit-border-radius: 15px;
border-radius:15px;
border:1px solid #46889D;
padding:20px;
}
.panel-bordered h1 {
font-weight:bold;
}
/* End bordered panel */
/* Start Link Us panel */
ul.linkus {
font-size:18px;
list-style-type:decimal;
}
ul.linkus li {
margin:0;
padding:10px 0;
}
ul.linkus p.aligner {
font-size:0px;
margin:0px;
padding:0px;
line-height:0px;
position:relative;
bottom:-15px;
}
/* End Link Us panel */
/* End resources/css/panels.css */