/* --- Pet Photo Contest -------------------------------------------- */
body.pet { background: url("../images/pet-photo/body-bg.jpg") no-repeat center 0 !important; }

body.pet div#wrapper { padding-top: 0; width: 1032px; background: url("../images/pet-photo/content-repeat-bg.gif") repeat-y 0 0; }
body.pet div#content-wrapper { padding-left: 0; width: 962px; background: url("../images/pet-photo/content-bottom-bg.jpg") no-repeat 0 bottom; }
body.pet div#content { position: relative; width: 962px; min-height: 600px; background: url("../images/pet-photo/content-top-bg.jpg") no-repeat 0 0;  }
body.pet div#content-inner { float: left; display: inline; overflow: hidden; padding: 0 0 0 105px; }
body.pet div#content h1#header-barketing { margin: 40px 0 60px 105px; width: 608px; height: 78px; background: url("../images/pet-photo/header-barketing.gif") no-repeat 0 0; }

body.pet div#content h2 { margin: 0 35px 15px 0; font: italic 18px/25px Georgia; text-transform:none;  color: #b17702; }
body.pet div#content p { margin: 0 35px 15px 0; }

body.pet div#content p span.highlight { font: bold italic 1.3em Georgia; color: #6a5507; }

div#frame { position: absolute; left: 691px; top: 21px; width: 261px; height: 295px; z-index: 1000; }
/*div#frame { float: right; display: inline; margin: 0 10px 0 0; width: 261px; height: 295px;}*/

div#frame img { width: 261px; height: 295px; }

div#enter-wrapper { position: relative; overflow: hidden; float: left; display: inline; margin-bottom: 15px; padding: 12px 0; width: 675px; border: 1px solid #ebe1c3; background: #fffaeb; }
body.pet div#content div#enter-wrapper h3 { margin: 0 40px 15px 25px; font: italic 18px/18px Georgia; color: #70773d; }
body.pet div#content div#enter-wrapper p { margin: 0 40px 15px 25px; }
body.pet div#content div#enter-wrapper ul { margin: 0 40px 15px 80px; }  
div#enter-button { position: absolute; bottom: 30px; right: 45px;}

body.pet div#footer { width: 962px; margin: 0 auto; padding: 10px; background: none; font: 1.2em/1.7em Arial; color: #886d0b;}


/* --- Photo Gallery ---------------- */
body.pet div#photo-gallery-wrapper { overflow: hidden; float: left; display: inline; padding: 25px 0 30px 0; background: url("../images/pet-photo/gallery-top-bg.gif") no-repeat 72px 0px; }
body.pet div#photo-list { float: left; display: inline; margin: 0 0 0px 105px; width: 232px; height: 554px; background: #f8e8bc url("../images/pet-photo/photo-list-bg.gif") no-repeat 0 0; border: 1px solid #b79e46; }
body.pet div#content div#photo-list h3 { margin: 25px auto 10px auto; padding-bottom: 5px; width: 195px; height: 17px; background: url("../images/pet-photo/header-gallery.gif") no-repeat 0 0; }

body.pet div#photo-info { position:relative; float: right; display: inline; margin: 0 35px 0 0px; width: 570px; }
body.pet div#photo-list-inner { overflow: hidden; }
body.pet div#photo-content { width: 570px; }
body.pet div#content div#photo-info h3 { margin-left: 0; margin-bottom: 0; width: 350px; height: 23px; font: italic 23px/23px Georgia; color: #838c44; }
body.pet div#content div#photo-info h4 { margin-left: 0; margin-bottom: 10px; width: 350px; font: 1.4em Verdana; color: #b07602; }
body.pet div#content div#photo-info p { margin-left: 0; margin-right: 0; width: 420px; color: #202020; font: 1.2em/1.4em Arial; color: #886d0b; }

body.pet div#content div#photo-info div#rate-wrapper h3 { height: 13px; font: 13px/13px Arial; width: auto; }

body.pet div#photo-wrapper { float: right; display: inline; margin: 0px 35px 20px 0; }

div#rate-wrapper { overflow: hidden; position: absolute; right: 0; width: 135px; border-bottom: 1px solid #58a043; }
div#rate-wrapper .rating-circle { width:135px; }
div#rating-circle { overflow: hidden; }
body.pet div#content div#rate-wrapper h3 { margin: 0 0 5px 0; width: 56px; height: 10px; background: url("../images/pet-photo/header-rating.gif") no-repeat 0 0; }
body.pet div#content div#rate-wrapper p { width:120px; clear: both; margin-top: 5px; margin-bottom: 5px; font-size: 1em; color: #58a043; }

div.fave-select-wrapper { overflow: hidden; position: relative; padding: 0 0 0 15px; width: 207px; height: 458px; background: url("../images/pet-photo/photo-scroll-bg.gif") no-repeat 15px 35px; }

div.fave-select { overflow:auto; width: 207px; height: 405px; padding: 15px 0 0 10px; }
div.fave-select div.fave-tn-wrapper {  position: relative; float: left; display: inline; width: 74px; height: 54px; margin: 0 0px 8px 5px; }
div.fave-select div.fave-tn-wrapper a img { float: left; display: inline; width: 70px; height: 50px; border: 2px solid transparent; }
div.fave-select div.fave-tn-wrapper a:hover img,
div.fave-select div.current a img { border: 2px solid #dda331; }
div.fave-select div.fave-tn-wrapper a { }
div.fave-select div.fave-tn-wrapper div.fave-tn-content { overflow: hidden; float: right; display: inline; width: 85px; padding: 5px 0 0 0; } 
div#content div.fave-tn-content h4 { font-size: 1.1em; }
div.fave-select div.fave-tn-wrapper div.fave-tn-rating { position: absolute; bottom: 5px; }
div.fave-select div.current { background: #fff !important; }

a#tab-mention {
    background:url(/images/layout/honourable-mention.gif) no-repeat;
    height:41px;
    display:block;
    margin:10px 0 0 15px;
    border-bottom:1px solid #9abba4;
    width:111px;
}

a#tab-winners {
    background:url(/images/layout/winners.gif) no-repeat;
    height:35px;
    display:block;
    margin:10px 0 0 15px;
    border-bottom:1px solid #9abba4;
    width:111px;
}

div.fave-select div.fave-tn-wrapper h5 {float: left; display: inline;  background: url("../images/interior/header-rating-small.gif") no-repeat 0 0; width: 37px; height: 6px; }

/*div.fave-select div.fave-tn-wrapper div.rating-circle { float: left; display: inline; width: 35px; }

div.fave-select div.fave-tn-wrapper div.rating{cursor:pointer;margin:2em;clear:both;display:block}
div.fave-select div.fave-tn-wrapper div.rating:after{content:'.';display:block;height:0;width:0;clear:both;visibility:hidden}
div.fave-select div.fave-tn-wrapper div.cancel,
div.fave-select div.fave-tn-wrapper div.star{float:left;width:6px;height:6px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden}
div.fave-select div.fave-tn-wrapper div.cancel,
body.pet div.fave-select div.fave-tn-wrapper div.cancel a{background:url("../images/interior/delete.gif") no-repeat 0 -16px}
div.fave-select div.fave-tn-wrapper div.star,
body.pet div.fave-select div.fave-tn-wrapper div.star a{ padding-right: 1px; background:url("../images/interior/rating-circle-small.gif") no-repeat 0 0px !important; }
div.fave-select div.fave-tn-wrapper div.cancel,
body.pet div.fave-select div.fave-tn-wrapper div.cancel a { display: none; width: 0px; height: 0px; }
body.pet div.fave-select div.fave-tn-wrapper div.star a{display:block;width:6px;height:100%;background-position:0 -20px !important;border:1 solid #FF0000}
body.pet div.fave-select div.fave-tn-wrapper div.star_on a{background-position:0 0px!important}
body.pet div.fave-select div.fave-tn-wrapper div.star_hover a,
body.pet div.fave-select div.fave-tn-wrapperdiv.star_live a:hover{background-position:0 0px  !important; }
body.pet div.fave-select div.fave-tn-wrapper div.star_readonly a,
body.pet div.fave-select div.fave-tn-wrapper div.star_readonly a:hover{cursor:default !important;  }
div.fave-select div.fave-tn-wrapper div.star{background:transparent!important;overflow:hidden!important}*/

/*div#btn-wrapper { width: 245px; height: 37px;  background: url("../images/layout/entry-tab.gif") no-repeat 0 0; }*/
div#btn-wrapper { width: 120px; height: 37px; padding-left: 88px;  background: url("../images/pet-photo/entries.gif") no-repeat 0 0; }
div#btn-wrapper.honourable-mention { background-image:url(../images/layout/honourable-mention.gif); }
div#btn-wrapper a.btns img { margin-top: 8px; }
div#btn-wrapper a#btn-last img { margin-left: 0px; }
body.pet div#btn-wrapper a { background: none; width: 51px; display: inline; }
body.pet a#btn-back-map { position: absolute; top: 5px; left: 120px; background: none; width: 92px; height: 20px; }


#share-photo { margin:0px 0px 0px 0px; position:absolute; right:7px; top:75px; width:124px; }
#share-photo a { height: 11px; width: 124px; display: block; background: url("../images/pet-photo/share.gif") no-repeat left top; }

.share-link { margin:0px 0px 0px 0px; position:absolute; right:12px; top:76px; width:124px; }  
.share-panel { background-color:#FFFFFF; border:1px solid #375171; display:none; z-index:1000; left:0; margin-left:153px !important; top:-57px; padding:3px 10px 5px; position:absolute; width:320px; }


body.pet .jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
	height: 420px;
	border-bottom: 1px solid #99bca6;
	width: 205px !important;
}

body.pet .jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	background: #eceee9;
	width: 19px !important;
}
body.pet .jScrollPaneDrag {
	position: absolute;
	background: #a2b67e;
	cursor: pointer;
	overflow: hidden;
	width: 19px !important;
}
body.pet .jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
body.pet .jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
body.pet a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
body.pet a.jScrollArrowUp:hover { /*background-color: #f60;*/ }

body.pet a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
body.pet a.jScrollArrowDown:hover { /*background-color: #f60;*/ }
body.pet a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { /*background-color: #f00;*/ }

body.pet a.jScrollArrowUp { width: 19px !important; height: 19px !important; background: url("../images/pet-photo/btn-up.gif") no-repeat scroll 0px 0px !important; }
body.pet a.jScrollArrowDown { width: 19px !important; height: 20px !important;  background: url("../images/pet-photo/btn-down.gif") no-repeat scroll 0px 0px !important; }


/* ---- Entry Form --------------------------------------------------------------- */
form input.required, form select.required, form textarea.required { background-image: url(/images/icon-required.gif); background-repeat: no-repeat; background-position: left top; }

form#registration { width: 615px; margin-left: 0px; border-right: 1px solid #fff; color: #886D0B; }
form#registration fieldset { border: none; padding: 0; }
form#registration legend { padding: 0; margin-bottom: 10px; border: none; color: #886D0B; }
form#registration div.field { overflow: hidden; margin-bottom: 15px; }
form#registration input.textfield { width: 330px; padding-left: 6px; }
form#registration input.phone1 { width: 70px; display:inline; padding-right:15px;}
form#registration input.phone2 { width: 90px; display:inline; padding-right:15px;}
form#registration input.phone3 { width: 110px; display:inline;}
form#registration select { width: 345px; }
form#registration label { width: 140px; padding-left: 0; padding-right: 0; text-align: left; font: 1.1em Verdana; }
form#registration div#checkboxfield { float: left; display: inline; width: 490px; }
div#content form#registration ul.checkboxgroup { list-style: none; margin-left: 0; margin-bottom: 0; }
form#registration ul.checkboxgroup input { float: left; display: inline; margin-right: 10px; }
form#registration ul.checkboxgroup label { width: 380px; font-size: 1em; }
form#registration div.buttons { clear: both; padding-left: 0px; padding-top: 0; text-align: center; }
form#registration input#upload_file { float: none; width: 207px;  }
form#registration div#uploadfield { position: relative; }
form#registration div#uploadfield img#required-img { position: absolute; top: 3px; left: 142px; }
form#registration textarea.textfield { width: 330px; }
form#registration #phone-extra { margin:0 0 5px 144px; }
form#registration .buttons input { width: 100px; height: auto; display: inline; }

form#upload { width: 400px; margin-left: 25px; }
form#upload label { float: none; display: block; font: 1.3em Arial; text-align: left; padding: 0 0 10px 0; width: 88%; }

form#upload select { font-size: 1.3em; width: 235px; }
form#upload div.field { margin-bottom: 15px; }
form#upload div.field .textfield { width: 223px; }
form#upload div.buttons { padding-left: 0; text-align: left; padding-top: 0; }

form#send-friend { margin: 0px 0px 20px; padding: 0 0 20px; float: left; }
form#send-friend fieldset { border: none; padding: 0 0 10px 0; margin: 0; }
form#send-friend label { width: 200px; text-align: left; padding-left: 0; }
img#send-img{margin: 0px 0px 20px 0px; }
form#send-friend div.buttons { clear: both; padding-left: 0px; padding-top: 0; text-align: center; }
form#send-friend input.textfield { padding-left: 6px; }

form#send-friend .buttons input { width: 100px; height: auto; display: inline; }

form#send-friend .required-image,
form#registration .required-image { position:relative; top:5px; }

form#send-friend input.required:focus,
form#registration input.required:focus { background: url("../images/icon-required.gif") no-repeat 0 0; }