@import 'reset.css';

/* GLOBAL
-------------------------------------------------------------------------------- */
body {font: 16px Helvetica, Arial, sans-serif;}
.left{float:left;}
.right{float:right;}
.textLeft{text-align:left;}
.textRight{text-align:right;}
.clear{clear:both;}
.overflow{overflow:auto;zoom:1;}
a:hover{text-decoration:none;}

/* MAIN
-------------------------------------------------------------------------------- */
body 												{background: #ffffff url(../images/bg_headerBar.png) left top repeat-x;}
#wrap												{max-width: 990px; width: 990px;margin:0 auto;}
#header												{height: 24px; padding-top: 7px; font-size: 12px; color: #fefefe;}
	#header a										{color: #fefefe;}
#logo												{width:355px; height: 39px; margin-top: 30px; background: #ffffff url(../images/logo.png) left top no-repeat;}
	#logo a h1										{display: none;}

sup													{font-size:8px;}

#titleWrap											{height: 91px; margin-top: 20px; padding-left: 4px; background: transparent url(../images/bg_titleBarShadow.png) left top repeat-x;}
#title												{height: 83px; width: 983px; padding-top: 23px; margin-top: 20px; background: transparent url(../images/bg_titleBar.png) left top repeat-x;}

#benefits											{width: 650px !important; height: 55px !important;}
	#benefits h2									{width: 590px; font: normal 17px Georgia, sans-serif; color: #ffffff; margin: 11px 0 0 10px; white-space: nowrap; background-color: #1db8df;}
	div.benefit 									{/*background-color: #1db8df; */width: 640px !important;}
	div.checkbox									{width: 10px; height: 11px; margin: 15px 0 0 10px; background: transparent url(../images/bullet_checkmark.png) left center no-repeat;}
#ribbon 											{width: 341px; height: 50px; margin-left: -16px; background: transparent url(../images/bg_careRibbon.png) left top no-repeat; z-index: 100;}

#main												{width: 982px; margin: -5px 0 0 4px; height: 330px; background: #ffffff url(../images/photo_girlDog.jpg) left top no-repeat;}
#login												{width: 487px; position: relative; top: 7px; left: 472px;}
.loginPod											{width: 194px; height: 280px; padding: 23px 23px 0; color: #0a5165; background: transparent url(../images/bg_loginPod_tall.png) left top no-repeat;}
.widePod                      {width: 454px; height: 266px; padding: 23px 23px 0; color: #0a5165; background: transparent url(../images/bg_errorPod.png) left top no-repeat;}
.widePodContent {width: 450px;}
.loginPodContent									{width: 184px;}
	.loginPodContent h3, .widePodContent h3								{font-family: Georgia, sans-serif; font-size: 20px; font-weight: normal;}
	.loginPodContent p, .widePodContent p, .widePodContent span								{font-family: Georgia, sans-serif; font-size: 12px; font-weight: normal; margin-top: 4px;}
	.loginPodContent input, .widePodContent input							{width: 184px; border: 1px solid #959595; font-size: 14px; padding: 4px;}
	.loginPodContent label, .widePodContent label							{font-family: Georgia, sans-serif;font-size: 11px; margin-top: 12px; display: block;}
	.loginPodContent input.submit, .widePodContent input.submit					{width: 195px; height: 25px; margin-top: 12px; border: 0; background: transparent url(../images/button_login.png) left top no-repeat;}
	.widePodContent input.submitButton					{width: 195px; height: 25px; margin-top: 12px; border: 0; background: transparent url(../images/button_submit.png) -25px top no-repeat;}
	.loginPodContent a, .widePodContent a								{font-family: Arial, sans-serif; text-align: center; color: #363636; display: block;}
	.podLink                            {font-size:12px; text-align:left !important; margin:5px;}
#loginPodMargin										{margin-right: 7px;}	
#loginPod1											{position:absolute; top: 18px; left: 23px; height: 247px;}
#loginPod2											{position:absolute; top: 18px; left: 270px;}

#petOwner											{width:487px;height:45px;background: transparent url(../images/bg_petOwnerPod.png) left top no-repeat;position:absolute;top:278px;left:0;}
#petOwnerButton										{width:487px;height:45px;position:absolute;top:260px;left:0;}
#petOwnerButton a.clickHere							{width:66px;height:12px;color:#ffffff;display:block;padding-right:25px;margin-top:32px;background: transparent url(../images/button_clickHere.png) left top no-repeat; cursor:pointer;}

#pods												{margin-top: 10px;}
	.pod											{width: 325px; height: 137px; margin-right: 7px;}
	.lastPod										{margin-right: 0;}
	#vet											{background: url(../images/bg_vetPod.jpg) left top no-repeat;}
		#vet p										{width: 195px; font-size: 12px; color: #fff; margin: 75px 0 0 120px; text-align: center;}
		#vet a										{color: #ffffff;}
	#charity										{background: url(../images/bg_charityPod.jpg) left top no-repeat;}
		#charity p									{width: 175px; font-size: 12px; color: #363636; margin: 70px 0 0 140px; text-align: center;}
	#manufacturers									{background: url(../images/bg_manufacturersPod.jpg) left top no-repeat;}
		#manufacturers p							{width: 185px; font-size: 12px; color: #0a5165; margin: 70px 0 0 132px; text-align: center;}
		#manufacturers p span						{font-size: 20px; font-weight: bold; text-transform: uppercase;}
	#charity a, #manufacturers a					{color: #0a5165;}
	p.error											{color: red;}
#footer												{margin: 20px 0;}
.clinicDropDown               {width:200px;margin:5px 0 0 0;}
/* DIALOGS
-------------------------------------------------------------------------------- */
#charityDialog p									{font-family: Georgia, sans-serif; font-size: 14px; font-weight: normal; margin-top: 4px;}
#vetFormDialog h3									{font-family: Georgia, sans-serif; font-size: 20px; font-weight: normal;}
#vetFormDialog p									{font-family: Georgia, sans-serif; font-size: 12px; font-weight: normal; margin-top: 4px;}
#vetFormDialog input								{width: 230px; border: 1px solid #959595; font-size: 14px; padding: 4px;}
#vetFormDialog label								{font-size: 11px; margin-top: 12px; display: block;}
#vetFormDialog label.error							{color: red; font-weight: bold;}
#vetFormDialog input.submit							{width: 240px; height: 25px; margin-top: 12px; border: 0; background: transparent url(../images/button_submit.png) left top no-repeat;}

#clientFormDialog h3								{font-family: Georgia, sans-serif; font-size: 20px; font-weight: normal;}
#clientFormDialog p									{font-family: Georgia, sans-serif; font-size: 12px; font-weight: normal; margin-top: 4px;}
#clientFormDialog input								{width: 230px; border: 1px solid #959595; font-size: 14px; padding: 4px;}
#clientFormDialog label								{font-size: 11px; margin-top: 12px; display: block;}
#clientFormDialog label.error						{color: red; font-weight: bold;}
#clientFormDialog input.submit						{width: 240px; height: 25px; margin-top: 12px; border: 0; background: transparent url(../images/button_submit.png) left top no-repeat;}