/* CSS Document */
/* Petplan - Petrait Gallery */

body, html { font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 0; border: 0; font-size: 75%; background-position:top; background-color: #fff; }
.clear {clear:both; }

h1 { font-family: Arial, Helvetica, sans-serif; font-size: 1.0em; text-decoration: none; font-weight: normal; padding:0; margin:0; }
h2 { font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; text-decoration: none; font-weight: normal; }
h3 { font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; text-decoration: none; font-weight: normal; }
h4 { font-family: Arial, Helvetica, sans-serif; font-size: 0.7em; text-decoration: none; font-weight: normal; }
h5 { font-family: Arial, Helvetica, sans-serif; font-size: 0.6em; text-decoration: none; font-weight: normal; }
h6 { font-family: Arial, Helvetica, sans-serif; font-size: 0.5em; text-decoration: none; font-weight: normal; }

a { text-decoration:underline; color:#3473b9; outline:none; }
a:hover { text-decoration:none; color:#3473b9; }
ul { }
li { }
img	{ }
p { }

/* structure */
#frame { }

/* header */
#headerBg { background-color:#FFFFFF; }
#header { width:1000px; margin:0 auto 0 auto; padding:0; }
#logoPetrait { float:left; width:338px; margin:0; padding:0; }
#logoPetrait ul {margin: 0; padding: 0; list-style: none; height: 106px; width: 338px; overflow: hidden;}
#logoPetplan { float:left; width:143px; margin:0; padding:0 0 0 40px; }
.headerSpacer { float:left; width:1px; margin:0; background-image:url(../images/hd-spacer.gif); background-repeat:no-repeat; }
#counter { float:left; padding:0 68px 0 65px; }
#counterTitle { margin:0; padding:10px 0 5px 20px; }
#counterNum { margin:0; padding:0; }

/* menu */
#menuBg { background-image:url(../images/bg-menu.jpg); background-repeat:repeat-x; }
#menuTop { height:43px; width:1000px; margin:0 auto 0 auto; padding:0; }
#menu { float:left; padding:0; margin:0; }
#search { float:left; margin:0; }
#searchPadding { padding: 5px 0 0 140px; }
.inputField { padding:3px 0 3px 0; color:#3f88cc; font-size:12px; }
.submitBtn { padding-left:5px; outline:none; }
#logOut { float:right; font-size:12px; font-weight:bold; padding:15px 40px 0 0; margin:0; }
#logOut a { text-decoration:none; color:#3573c1; }
#logOut a:hover { text-decoration:none; color:#59b7ff;}

/* search results */
#searchResults { font-size:12px; color:#000; padding:0; margin:0;}

/* main */
#mainBgTop { background-image:url(../images/bg-main-top.jpg); background-repeat:repeat-x; height:335px; background-position:bottom;}
#mainBgBase { background-image:url(../images/bg-main-base.jpg); background-repeat:repeat-x; height:350px; background-position:bottom;}
#mainTop { width:1000px; margin:0 auto 0 auto; padding:0; }
#mainBase { width:1000px; margin:0 auto 0 auto; padding:0; }

#mainBgAll { background-color:#F1F2F6; min-height:445px;}
#mainBgGallery { background-image:url(../images/bg-gallery.jpg); background-repeat:repeat-x; height:688px;}
#mainAll { width:1000px; margin:0 auto 0 auto; padding:0; }
#mainAllBase { background-image:url(../images/bg-main-base.jpg); background-repeat:repeat-x; background-position:bottom; height:240px;}


/* home */
#homeGallery { padding: 10px 0 0 20px; margin:0;}
.homeGalleryImg { border-left:#FFF solid 3px; border-top:#FFF solid 3px; border-right:#FFF solid 3px; border-bottom:#FFF solid 3px;}
.txtWelcome { float:left; padding:15px 0px 30px 30px; width:400px; font-size:12px;  }
.txtWelcomeHd { font-size:22px; color:#3473b9; font-weight:bold; padding:0 0 5px 0; }
.txtExtra { float:left; padding:20px 0px 30px 30px; width:250px; font-size:12px;  }
.txtExtraHd { font-size:12px; color:#3473b9; font-weight:bold; padding:0 0 10px 0; }
.txtExtraList { margin:0; padding:0 0 0 20px; line-height:1.5em;}
.txtExtraList li { color:#3473b9;}
.chairImg { float:left; padding: 45px 0 0 10px; } 

.titleTxtBlu { color:#3473b9; font-size:16px; font-weight:bold; }

/* upload login */
#mainUpload { width:1000px; margin:0 auto 0 auto; padding: 0 0 0 30px;}
#leftUpload { float:left; width:781px; margin:0; padding:40px 0 0 0; }
#rightUpload { float:left; width:210px; margin:0; padding:20px 0 0 0; }

.newUserUpload { width:603px; border:#99b5d5 1px solid; background-image:url(../images/bg-login.jpg); background-repeat:repeat-x; background-position:bottom; background-color:#f3f4f6; min-height:164px;}
.existingUserUpload { width:603px; border:#99b5d5 1px solid; background-image:url(../images/bg-login.jpg); background-repeat:repeat-x; background-position:bottom; background-color:#f3f4f6;}
.existingUserGallery { width:603px; border:#99b5d5 1px solid; background-image:url(../images/bg-login.jpg); background-repeat:repeat-x; background-position:bottom; background-color:#f3f4f6;}
.newUserGallery { width:603px; border:#99b5d5 1px solid; background-image:url(../images/bg-login.jpg); background-repeat:repeat-x; background-position:bottom; background-color:#f3f4f6;}
#newUserImg { float:left; padding: 0 20px 0 0;}
.loginHd { background-image:url(../images/bg-login-hd.jpg); background-repeat:repeat-x; height:31px; }
.loginHdTxt { float:left; font-size:16px; font-weight:bold; color:#3473b9; padding:5px 0 0 10px; margin:0;}
.loginTxt { color:#5d5d5d; font-size:12px; padding: 20px 30px 20px 30px; }
.formTxt { color:#000; font-weight:bold; font-size:12px;}
.formBox { border:#99b5d5 solid 1px; }

#passRemind { padding: 10px 0 0 70px;}
.username { border:#99b5d5 1px solid; }
.password { border:#99b5d5 1px solid; }

/* upload */
#mainNewPet { width:1000px; margin:0 auto 0 auto; padding: 0 0 0 30px; font-size:12px;}
#leftNewPet { float:left; width:761px; margin:0; padding:20px 20px 0 0; }
#rightNewPet { float:left; width:210px; margin:0; padding:20px 0 0 0; }

.NewPetHdTxt { font-size:24px; font-weight:bold; color:#3473b9; padding:0 0 20px 0; margin:0;}
.txtNewPet { font-size:12px; color:#000;}
.newPetSubHd { font-size:16px; font-weight:bold; color:#3473b9; padding:20px 0 0 0; margin:0;}

#leftNewPetLeft { float:left; width:370px; margin:0; padding:20px 0 0 0;}
#leftNewPetRight { float:left; width:370px; margin:0; padding:20px 0 0 0;}

#uploadTips { margin:0; padding:10px 20px 20px 20px; color:#3473b9;}
.btnPetAlbum { float:right; padding:20px 0 0 180px}

/* thanks */
#mainThanks { width:1000px; margin:0 auto 0 auto; padding: 0 0 0 30px;}
#leftThanks { float:left; width:781px; margin:0; padding:40px 0 0 0; }
#rightThanks { float:left; width:210px; margin:0; padding:20px 0 0 0; }
.thanksHdTxt { font-size:24px; font-weight:bold; color:#3473b9; padding:0 0 20px 0; margin:0;}
.thanksTxt { float:left; font-size:12px; width:400px;}
#thanksChair { float:left; width:280px; padding: 50px 0 0 60px;}

#verify { padding:0 150px 0 0; font-size:12px;}

/* my gallery */
#mainMyGallery { width:1000px; margin:0 auto 0 auto; padding: 0 0 0 30px; font-size:12px;}
#leftMyGallery { float:left; width:761px; margin:0; padding:20px 20px 0 0; }
#rightMyGallery { float:left; width:210px; margin:0; padding:20px 0 0 0; }

.MyGalleryHdTxt { font-size:24px; font-weight:bold; color:#3473b9; padding:0 0 10px 0; margin:0;}
.txtMyGallery { font-size:12px; color:#000; padding:0 0 20px 0;}
.MyGallerySubHd { font-size:16px; font-weight:bold; color:#3473b9; padding:0 0 10px 0; margin:0;}
.MyGallerySubTxt { font-size:12px; font-weight:normal; color:#3473b9; }

#mygallery_large { float:left; padding:0 10px 0 0; }
#mygallery_thumbnails { float:left; padding:0; margin:0}
#mygallery_thumbnails ul { list-style:none; margin:0; padding:0;}
#mygallery_largeBg { background-color:#FFF; padding:5px; border:#83b5de 1px solid; text-align:center; height:272px; width:407px;}
#mygallery_thumbnailsBg { background-color:#dfe4e7; border:#999 1px solid; padding:5px; overflow:auto; height:272px; width:125px; text-align:center;}

#MyGalleryQuickLinks { font-size:12px; border-left:#c9d9e8 1px solid; padding:10px 5px 30px 20px; width:160px; height:380px; font-weight:bold; }
#MyGalleryQuickLinks a { text-decoration:underline; }
#MyGalleryQuickLinks a:hover { text-decoration:none;  }

#petAlbumDiv { padding:0 0 10px 0;}
#petDetailDiv { float:left; width:570px; padding:0;}
#petFormDiv { float:left; width:178px; padding:0 0 0 10px; text-align:left; height:360px; }
#petFormDiv td { padding:0 0 15px 0; }
.printPetBtn { padding:40px 0 0 0; vertical-align:bottom;}
.MyGalleryPetAlbums { width:160px; height:160px; overflow:auto; }
.petAlbumsImg { float:left; width:auto; padding:0; margin:5px 5px 10px 0; border:#FFF 2px solid;}
.petAlbumsLink { float:left; width:70px; padding:0; margin:5px 0 10px 0; font-weight:normal;}
.albumDivider { background-image:url(../images/blue-line.jpg); background-repeat:repeat-x; height:5px;}

/* crop */
#mainCrop { width:1000px; margin:0 auto 0 auto; padding: 0 0 0 30px; font-size:12px;}
#leftCrop { float:left; width:761px; margin:0; padding:20px 20px 0 0; }
#rightCrop { float:left; width:210px; margin:0; padding:20px 0 0 0; }

.CropHdTxt { font-size:24px; font-weight:bold; color:#3473b9; padding:0 0 10px 0; margin:0;}
.txtCrop { font-size:12px; color:#000; padding:0 0 20px 0;}
.CropSubHd { font-size:16px; font-weight:bold; color:#3473b9; padding:0 0 10px 0; margin:0;}

#cropImg { float:left; background-color:#FFF; padding:5px; border:#83b5de 1px solid; text-align:center; width:455px; }
#cropButtons {float:right; width:auto; text-align:center; padding:0 50px 0 0;}

/* gallery */
#mainBrowse { width:1000px; margin:0 auto 0 auto; padding: 0 0 0 30px; position: relative;}
#browseGalleryBase { margin:0 auto 0 auto; padding:0;}
#leftBrowse { float:left; width:781px; margin:0; padding:55px 0 0 0; }
#rightBrowse { float:left; width:210px; margin:0; padding:20px 0 0 0; }

#galleryBasic {}
#galleryBasic ul { list-style:none; padding:0; margin:0; width:100%; }
#galleryBasic li { list-style:none; display:inline; padding:0; margin:0; overflow:hidden;}
.browseGalleryImg { border:#FFF solid 3px; padding:0; margin:0; }
.browseGalleryImg a { outline:none;}
#browseGalleryScroll { float:left; width:650px; padding:10px 0 0 0; margin:0; }
#browseButtons { font-size:12px; padding:0 0 0 180px; }
#browseButtons td { padding:5px 10px 0 0; margin:0;}

#galleryZoom {}

#browseChairImg { position: absolute; top: 389px; left: 742px;}

#advancedSearch { font-size:12px; border-left:#c9d9e8 1px solid; width:197px; height:380px; margin:0; padding:0px 5px 30px 15px; }
#theGallery {font-size:12px; border-left:#c9d9e8 1px solid; width:197px; height:380px; margin:0; padding:0px 5px 30px 15px;}
.blueTxt { color:#3473b9; }

.browseLightTxt { color:#83b5dc; font-size:18px;}
.browseBluTxt { color:#3473b9; font-size:24px; font-weight:bold;}
.browseTxt { color:#5d5d5d;}

/* gallery zoom */
#zoomLeft { float:left; width:580px; margin:0; padding:0;}
#zoomRight { float:left; width:170px; margin:0; padding:0 10px 0 0;}
#zoomMid { float:left; width:482px; margin:0; padding:0;}
#zoomBase { float:left; padding:0 0 0 70px; margin:0; width:550px; }

#upArrow { text-align:center; padding:0 0 10px 0;}
#leftArrow { float:left; width:55px; margin:0; padding:10px 0 0 0;}
#galleryRtn { padding:0 0 75px 0;}
#rightArrow { float:left; padding:145px 0 0 8px; margin:0;}
#zoomImg { 
	background-image:url(../images/zoom-bg.gif); 
	background-repeat:no-repeat; 
	width:482px; 
	height:310px; 
	margin:0; 
	padding:13px 0 0 12px;
}
#ZoomDesc { background-image:url(../images/zoom-bg-base.gif); background-repeat:no-repeat; width:482px; height:33px;}
#rateMe { border-top: #c9d9e8 1px solid; padding:10px 0 0 2px; margin:40px 10px 0 0;}
#rateMeResponse { border-top: #c9d9e8 1px solid; padding:10px 0 0 2px; margin:40px 10px 0 0; display: none;}
#zoomInfo { float:left; font-weight:bold; font-size:12px; padding:10px 15px 0 10px;}
#petName { float:left; color:#FFF; font-size:16px; font-weight:bold; padding:6px 0 0 15px;}
#rating { float:right; padding:9px 0 0 0;}
#viewCount { float:right; color:#FFF; font-size:12px; padding:8px 15px 0 10px;}
#printPet { float:left; padding:0 66px 0 0;}
#downArrow { float:left; text-align:center; padding:0 0 10px 0;}
#sharePet { float:right; padding:15px 100px 0 0;}
.sendtofriend { float:right; padding:10px; width:400px; background-color:#f2f4f5; border:1px solid #3573c1; font-size:12px; color:#000;}


/* gifts */
#mainGifts { width:1000px; margin:0 auto 0 auto; padding: 0 0 0 30px;}
#leftGifts { float:left; width:781px; margin:0; padding:20px 0 0 0; }
#rightGifts { float:left; width:210px; margin:0; padding:20px 0 0 0; }

/* pet tips */
#mainTips { width:1000px; margin:0 auto 0 auto; padding: 0 0 0 30px;}
#leftTips { float:left; width:781px; margin:0; padding:40px 0 0 0; }
#rightTips { float:left; width:210px; margin:0; padding:20px 0 0 0; }

/* quick links */
#quickLinks { font-size:12px; border-left:#c9d9e8 1px solid; padding:10px 5px 30px 20px; width:190px; height:380px; font-weight:bold; }
#quickLinks a { text-decoration:none; }
#quickLinks a:hover { text-decoration:none;  }
#quickLinks ul { margin:0 0 0 10px; padding:0 0 0 10px; }
#quickLinks li { list-style-image:url(../images/bullet-arrow-bl.gif); padding:5px 0 5px 0; border-bottom:#e2ecf6 3px solid; }
.quickLinksTxt { font-size:12px; color:#5d5d5d; padding: 15px 0 0 10px }

/* footer */
#footerBg {}
#footer { width:1000px; margin:0 auto 0 auto; padding:0; }
#share { float:left; width:100px; margin:0; padding: 10px; font-size:12px; color:#999999; }
#share a { color:#999999; text-decoration:none; }
#share a:hover { color:#666666; text-decoration:none; }
#footerMenu { float:left; width:740px; margin:0; padding: 10px; font-size:1.4em; color:#999999; }
#footerMenu a { color:#999999; text-decoration:none; }
#footerMenu a:hover { color:#666666; text-decoration:none; }
#allianzLogo { float:left; text-align:center; width:100px; margin:0; padding: 8px 10px 10px 10px; }

/* light box */
.lightBox { width:1000px; height:450px; overflow:auto; font-size:12px; color:#000; background-color:#FFF; padding:40px}
.lightBoxHd	{ font-size:24px; color:#3573c1; font-weight:bold;}
.lightBoxSubHd	{ float:left; font-size:12px; color:#3573c1; padding:2px 0 0 0px; font-weight:bold;}
#close { float:right; outline:none;}
.lightBoxImg { float:left; width:auto; padding:0 8px 10px 0;}
.lightBoxTxt { padding:5px 0 0 0; width:900px;}

#faq { }
#tc {}
#topTips {}
#worldRecord {}

/* other */

td#galleryCenterTD{
	width: 100%;
	vertical-align: top;
}

td#galleryRightTD{
	width: 175px;
	vertical-align: top;
}

select.infoForm{
	width: 95%;
	border: 1px solid #9fc2e2;
}

div#adv_search_block{
	/*display: none;*/
	position: absolute;
	top: 150px;
	right: 0%;
	z-index: 99;
	border: 1px solid #9fc2e2;
	background-color: white;
	font-weight: normal;
	font-size: 0.75em;
	color: black;
}
div#adv_search_block select{
	width: 175px;
	font-size: 1.1em;
}

div#flashDiv{
	border: 1px solid #9fc2e2;
	width: 790px;
	height: 485px;
}

img#img2crop{
	/*border: 1px solid red;*/
}
table#galleryTable tr{
	text-align: center;
}

div#breed_label, div#breed_select{
	display: none;
}

.errorMessage{
	color: red;
}