/* HTML Standards */
body {
width:100%;
height:100%;
margin:0;
padding: 0px;
background-color: #e0b846;
font:12px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
color:#6d6d6d;
text-align:center;
}
body.home { color: #FFFFFF;}
.left { float:left; }
.right { float: right; }
p { margin: 5px 0px 10px 0px; }
b { font-weight:bold; }
strong { font-weight:bold; }
i { font-style:italic; }
em { font-style:italic; }
li { }
ul, ol { margin-top: 5px; margin-bottom: 5px; margin-left: 0px; padding-left: 20px;}
blockquote { }
img { border:0px; border-style:none; }
h1 { margin: 0px; padding: 0px 0px 10px 0px; font-size: 22px; color: #f77710; line-height:26px; }
h1 a:link, h1 a:visited { color: #f77710; text-decoration:none; }
h1 a:hover { color: #f77710; text-decoration:underline;}
h2 { margin: 0px; padding: 0px 0px 10px 0px; font-size: 20px; color: #0373ba; }
h2 a:link, h2 a:visited { color: #0373ba; text-decoration:none; }
h2 a:hover { color: #0373ba; text-decoration:underline; }
h3 { margin: 0px; padding: 0px 0px 10px 0px; font-size: 18px; color: #00436e; }
h3 a:link, h3 a:visited { color: #00436e; text-decoration:none; }
h3 a:hover { color: #00436e; text-decoration:underline; }
/* Link Colors */
a:link, a:visited { color: #f77710; }
a:hover, a:visited:hover { color: #f77710; }
/* Forms */
form { margin: 0px; padding: 0px; }
INPUT[TYPE="submit"], INPUT[TYPE="button"] {
padding: 0px 3px 0px 3px;
border: none;
background-color:#2f8cbb;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #ffffff;
}
INPUT[TYPE="text"], INPUT[TYPE="password"]{
color: #6d6d6d;
background-color:#ffffff;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
}
TEXTAREA{
color: #6d6d6d;
background-color:#ffffff;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
}
SELECT{
color: #6d6d6d;
background-color:#ffffff;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
}
/* PG STRUCTURE */
#MainBkg {
position: relative;
width: 100%;
margin: 0px auto;
padding: 0px 0px 0px 0px;
background-image:url(../images/bkg-pg.gif);
background-repeat:repeat-x;
background-color: #FFFFFF;
}
#MainBkg.home { background-image:url(../images/bkg-pg-h.gif); background-color: #0373ba;}
#Wrap { position: relative; width: 1000px; margin: 0px auto; padding: 0px; }
/* HEADER */
#Header {
position: relative;
width: 1000px;
margin: 0px;
padding: 0px;
text-align: left;
white-space: nowrap;
}
#Header.home { width: 960px; height: 220px; padding: 22px 0px 0px 40px; }
#Header.home h1 { margin: 0px; padding: 39px 0px 0px 0px; color: #0373ba; line-height:30px; }
#Header.home p { padding: 0px; margin: 0px; font-size: 14px; color:#6d6d6d; line-height:22px; }
#TopPhoto {
position: absolute;
right: 0px;
top: 0px;
margin: 0px;
padding: 0px;
text-align:left;
white-space:nowrap;
}
/* NAVIGATION */
#Nav {
position: relative;
width: 972px;
height: 38px;
margin: 0px;
padding: 0px 0px 0px 28px;
white-space: nowrap;
z-index: 100;
}
#Nav ul, #Nav li {
margin: 0px;
padding: 0px;
list-style: none;
float: left;
}
#Nav a, #Nav a:link, #Nav a:visited, #Nav a:active {
margin: 0px 0px;
padding: 10px 12px 10px 12px;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #ffffff;
text-decoration: none;
display: block;
}
#Nav a:hover { margin: 0px; background-color: #c58513; color: #FFFFFF; }
#Nav div ul{
width: 100%;
}
#Nav li div{
width: 200px;
color: #0373BA;
background-color: #FFFFFF;
z-index:100;
position:absolute;
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: left;
border: 1px solid #C2C2C2;
}
#Nav div li{
color: #0373BA;
float: none;
display: block;
width: 100% auto;
padding: 0px 0px;
list-style-image: none;
}
#Nav li div a, #Nav li div a:link, #Nav li div a:visited, #Nav li div a:active {
border:0px;
color: #0373BA;
display: block;
margin: 0px;
padding: 5px 10px 5px 10px;
text-decoration:none;
font-size: 12px;
}
#Nav li div a:hover {
color: #c58513; background-color: #FFFFFF;
}
/* MAIN BODY */
#Main {
position: relative;
width: 1000px;
margin: 0px;
padding: 28px 0px 0px 0px;
background-image: url(../images/footer-pets-top.jpg);
background-repeat: no-repeat;
background-position: bottom right;
}
#Main.home { background-image: url(../images/footer-pets1.jpg); }
#Main.admin { background-image: none; }
/* Content Styles */
#Content {
float: left;
width: 686px;
margin: 0px 0px 0px 28px;
padding: 0px 0px 10px 0px;
text-align: left;
line-height:20px;
}
.admin #Content {
width:1000px;
color: #000000;
}
#Content.middle { width: 428px; }
#Content ul li {
padding: 0px 0px 5px 20px;
list-style-type:none;
background-image: url(../images/bullet.gif);
background-repeat: no-repeat;
}
#Content ul li.home { background-image:url(../images/bullet-B.gif); }
#Content.home a { color: #FFFFFF; }
#Content .indent { padding-left: 40px; padding-right: 40px; }
.event { margin-bottom: 20px; padding: 0px 40px 10px 40px; border-bottom: 1px solid #0373ba; }
/* SideBar Styles */
#SideBar{
float: left;
width: 230px;
margin: 0px 0px 135px 28px;
padding: 0px 0px 0px 0px;
text-align: left;
line-height:16px;
color: #c58513;
}
#SideBar.home { color: #ffffff; }
.eventSide a { color: #f4e0a6; }
#SideBar H1 { font-size:16px; font-weight:bold;}
#SideBar H2 { font-size: 16px; font-weight:bold;}
#SideBar .indent { padding-left: 10px; padding-right: 10px; }
#SideBoxB {
margin-bottom: 20px;
padding: 10px;
border: 1px solid #084165;
background-image:url(../images/bkg-blue-box-sm.jpg);
background-repeat: no-repeat;
background-color: #b2d7ef;
color: #4e4e4e;
}
#SideBoxB a { color: #0373ba; }
#SideBoxO {
margin-bottom: 20px;
padding: 10px;
border: 1px solid #f7ac13;
background-image:url(../images/bkg-o-box-sm.jpg);
background-repeat: no-repeat;
background-color: #f4e0a6;
color: #4e4e4e;
}
#SideNav a { font-size: 14px; color: #888989; }
#AppLink a { font-size: 14px; color: #f77710; }
#SponsorLink a { font-size: 14px; color: #0373ba; }
/* Footer Styles */
#FooterBkg {
position: relative;
width: 100%;
margin: 0px auto;
padding: 0px 0px 0px 0px;
background-color: #e0b846;
text-align: center;
}
#Footer {
position: relative;
width: 686px;
margin: 0px auto;
padding: 10px 286px 10px 28px;
background-image: url(../images/footer-pets-bottom.jpg);
background-repeat: no-repeat;
background-position: top right;
text-align:left;
color: #FFFFFF;
}
#Footer.admin { background-image: none; }
#Footer a { color: #FFFFFF; }
#Footer p { padding-top: 0px; margin-top: 0px; }
#FooterNav { color: #9d6809; }
#FooterNav a { color: #9d6809; text-decoration: none; }
#FooterNav a:hover { color: #FFFFFF; }
/* Text Styles */
.photoRt { float: right; padding-left: 10px; }
.photoLt { float: left; padding-right: 10px; }
.ulineO { margin-bottom: 5px; padding-bottom: 10px; background-image:url(../images/uline-o.gif); background-position: left bottom; background-repeat: no-repeat; }
.ulineOSM { margin-bottom: 5px; padding-bottom: 10px; background-image:url(../images/uline-o-sm.gif); background-position: left bottom; background-repeat: no-repeat; }
.ulineOSMB { color: #FFFFFF; margin-bottom: 5px; padding-bottom: 10px; background-image:url(../images/uline-o-sm-b.gif); background-position: left bottom; background-repeat: no-repeat; }
.ulineWB { color: #f8d05c; margin-bottom: 5px; padding-bottom: 10px; background-image:url(../images/uline-w-b.gif); background-position: left bottom; background-repeat: no-repeat; }
.LargeText { font-size: 16px; }
.MedText { font-size: 14px; }
.SmallText { font-size: 10px; }
.Color1 { color: #f77710; }
.Color2 { color: #0373ba; }
.Color3 { color: #00436e; }
.Color4 { color: #ba9017; }
.Color5 { color: #888989; }
.Color6 { color: #f4e0a6; }
.Color7 { color: #7f3286; }
.Color8 { color: #0d7014; }
.error { color: #f77710; }
/*** Pet Management Styles ***/
#Breadcrumb { float: right; color: #0373ba; }
#Breadcrumb a { text-decoration: none; }
#Breadcrumb a:hover { color: #0373ba; }
/* Featured Pet Styles */
#fpBox {
height: 235px;
margin-bottom: 20px;
padding: 25px 10px 0px 10px;
background-image: url(../images/o-box-bkg.jpg);
background-repeat: no-repeat;
color: #4e4e4e;
}
#fpBox.home { background-image:url(../images/o-box-bkg-h.jpg); }
#fpBox h2 { padding-bottom: 20px; }
#fpBox h2 a { text-decoration: none; }
#fpBox a { color: #0373ba; }
/* Pet Photo Styles */
#PetSm {
width: 120px;
height: 144px;
margin: 0px;
padding: 0px 0px 0px 8px;
background-image: url(../images/bkg-photo-sm.jpg);
background-repeat: no-repeat;
background-position: top right;
}
#PetSmPhoto {
width: 104px;
height: 105px;
margin: 0px;
padding: 9px 8px 2px 8px;
text-align:center;
}
#PetSmCaption {
padding: 0px 8px 0px 8px;
text-align:center;
font-size: 16px; font-weight:bold; color: #bd9625;
line-height: 13px;
}
#PetLg {
width: 220px;
margin: 0px 0px 5px 0px;
padding: 0px 8px 0px 0px;
background-image: url(../images/bkg-photo-lg.jpg);
background-repeat: no-repeat;
text-align: center;
}
#PetLgPhoto {
width: 194px;
height: 197px;
margin: 0px;
padding: 12px 12px 2px 12px;
}
#PetLgCaption {
height: 41px;
padding: 5px 12px 12px 12px;
text-align:center;
color: #ba9017;
font-weight:bold;
line-height: 13px;
}
#PetLgCaption h1 { font-size: 18px; font-weight:bold; color: #bd9625; line-height: normal}
#PetLgCaption h1 a { color: #bd9625; text-decoration: none; }
#PetLgCaption p { padding: 0px; }
/* Pet Details */
#PetDetail {
float: right;
width: 426px;
margin: 0px;
padding: 12px 12px 12px 12px;
border: 1px solid #013c61;
background-image:url(../images/bkg-blue-box.jpg);
background-repeat:no-repeat;
background-position: top center;
background-color: #B2D7EF;
color: #4e4e4e;
}
#PetDetail a { color: #0373BA; }
#PetDetail ul { padding: 0px 0px 0px 15px; margin: 0px; line-height: normal;}
#PetDetail ul li {
margin: 0px;
padding: 0px 0px 0px 0px;
list-style-position:outside;
list-style-type: disc;
background-image: none;
}
.sponsor { border-top: 1px solid #FFFFFF; margin: 10px 0px 0px 0px; padding: 3px 0px 3px 0px; font-size: 14px; color: #00436e; font-weight:bold; }
#Personality1 {
padding: 5px 0px 0px 30px;
background-image: url(../images/icon-paw-purple-lg.gif);
background-repeat: no-repeat;
color: #7f3286;
font-weight:bold;
font-size: 12px;
}
#Personality1 a { color: #7f3286; }
#Personality2 {
padding: 5px 0px 0px 30px;
background-image: url(../images/icon-paw-green-lg.gif);
background-repeat: no-repeat;
color: #0d7014;
font-weight:bold;
font-size: 12px;
}
#Personality2 a { color: #0d7014; }
#Personality3 {
padding: 5px 0px 0px 30px;
background-image: url(../images/icon-paw-pink-lg.gif);
background-repeat: no-repeat;
color: #df2667;
font-weight:bold;
font-size: 12px;
}
#Personality3 a { color: #df2667; }
/* For the admin page */
#leftAdminNav {
float: left;
width: 180px;
}
#rightAdminSection {
float: left;
width: 750px;
padding-left: 10px;
}
.viewContestListing {
border-bottom: 1px solid #DDDDDD;
padding-bottom: 3px;
margin-bottom: 10px;
}
/* For the contest-view page */
p.caption {
color: #318dc7;
font-family: Arial, Verdana, Helvetica;
font-size: 14px;
font-weight: bold;
margin: 5px 0px 3px 0px;
padding: 0px;
}
.photoDetails {
color: #888989;
font-family: Arial, Verdana, Helvetica;
font-size: 12px;
}
.photoDetails img {
margin-bottom: -7px;
}
/* admin tables */
.tableHead td{
color: #0373ba;
font-family: Arial, Verdana, Helvetica;
font-size: 14px;
font-weight: bold;
}
.adminTable_cat{
background-color:#dbc1ca;
color: #333333;
font-family: Arial, Verdana, Helvetica;
font-size: 12px;
font-weight: normal;
}
.adminTable_dog{
background-color:#fbe5d4;
color: #333333;
font-family: Arial, Verdana, Helvetica;
font-size: 12px;
font-weight: normal;
}
.adminTable_other{
background-color:#a9c2ab;
color: #333333;
font-family: Arial, Verdana, Helvetica;
font-size: 12px;
font-weight: normal;
}
/* FORMS STYLES */
input [type=text] {
font-weight: normal;
}
.smallText {
width: 35px;
}
.smallText2 {
width: 50px;
}
.smallText3 {
width: 75px;
}
.smallText4 {
width: 130px;
}
.smallText5 {
width: 150px;
}
.smallText6 {
width: 175px;
}
.mediumText {
width: 200px;
}
.largeText {
width: 250px;
}
.textBox {
width: 682px;
height: 50px;
}
/* END FORMS STYLES */
.MemorialsPic {
border: 8px solid #EAEAEA;
margin: 0px 8px 8px 0px;
width: 192px;
float: left;
}
.MemorialsText {
float: left;
width: 426px;
margin: 1px 0px 8px 0px;
padding: 12px 12px 12px 12px;
border: 1px solid #013c61;
background-image:url(../images/bkg-blue-box.jpg);
background-repeat:no-repeat;
background-position: top center;
background-color: #B2D7EF;
color: #4e4e4e;
}
.LostPet {
margin-bottom: 10px;
background-color: #EAEAEA;
}
.LostPetPic {
float: left;
border: 8px solid #EAEAEA; width: 192px;
}
.LostPetText {
float: left;
width: 460px;
margin: 0px;
padding: 8px 0px 0px 8px;
color: #000000;
}
.LostPetContact {
float: right;
width: 200px;
background-color: #EAEAEA;
padding-top: 5px;
}