body {
	background: #FFF;
	margin: 0;
	padding: 0;
}

#container {
	width: 783px;
	background-color: #FFF;
	text-align: left;
	border-top: 1px solid #E3D5AC;
	border-right: 1px solid #E3D5AC;
	border-left: 1px solid #E3D5AC;
}

/* start .leftTd */

.leftTd {
	width:129px;
	background: #007460;
	font: 9px Verdana;
	padding: 30px 15px 100px 13px;
}
.leftTd input.textbox{
	 font: 9px Verdana;
	 color: #033;
	 margin: 3px 0 0 0;
	 padding: 2px 0 0 3px;
	 border: 1px solid #99C0B8;
	 height: 14px;
}

.leftTd input.button{
	 font: 9px Verdana;
	 color: #fff;
	 background: #033;
	 border: 1px solid #99C0B8;
	 width: 27px;
	 height: 18px;
	 padding-bottom: 3px;
}

.leftTd a{
	 font: 9px Verdana;
	 color: #BDEDE3;
	 text-decoration: none;
}

.leftTd a:hover{
	 text-decoration: underline;
}
/* end .leftTd */

/* start .header */
.banner {
	height: 100px;
	text-align: left;
	border-bottom: 1px solid #E3D5AC;
}

.banner img{
	border: none;
	padding: 0;
	margin: 0;
}

.topNav{
	font: 9px Verdana;
	color: #DCC694;
	font-weight: bold;
	margin: 10px 10px 0 0;
	float: right;
}

.topNav a{
	font: 9px Verdana;
	font-weight: bold;
	color: #00614E;
	text-decoration: none;
}

.topNav a:hover{
	color: #303;
}


.kicker {
	background-color: #FAF7EF;
	font: 10px Verdana;
	padding-top: 10px;
	padding-left: 15px;
	padding-right: 15px;
	border-left: 1px solid #E3D5AC;
}

.kicker-shift {
	background-color: #FFF;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 15px;
	border-left: none;
}

.kicker table {
	background: url('../_images/kicker_bg.gif') repeat-y top right;
	width: 155px;
}

.kicker table.green {
	background: url('../_images/kicker_bg_green.gif') repeat-y top right;
	width: 155px;
}

.kicker table td .title{
	background-color: #C0A767;
	margin: 0 5px 0 0;
	padding: 0 0 5px 5px;
	color: #FFF;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 11px;
	text-align: center;
}

.kicker table td .title_green{
	background-color: #00614E;
	margin: 0 5px 0 0;
	padding: 0 0 5px 5px;
	color: #FFF;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 11px;
	text-align: center;
}

.kicker table td.body{
	padding: 5px 8px;
	font-size: 10px;
}

.kicker a {
	color: #2D8375;
	font-weight: bold;
	text-decoration: none;
}

.kicker a:hover {
	color: #2D8375;
	font-weight: bold;
	text-decoration: underline;
}

.kicker div.button_survey{
	background:url(../_images/button_kicker.gif) no-repeat;
	width: 156px;
	height: 39px;
	padding:5px 0;
}

.kicker div.button_survey a{
	font: 11px Verdana;
	font-weight: bold;
	color: #FFF;
	text-transform: Uppercase;
	text-decoration: none;
	display: block;
	margin: 0 10px;
}

.kicker div.button_survey a:hover{
	text-decoration: underline;
	color: #FFF;
}

.flash {
	border-bottom: 1px solid #E3D5AC;
}

/*
.flash {
	background:url(../_images/home_flash.jpg);
	height: 174px;
	text-align: right;
	border-bottom: 1px solid #E3D5AC;
	border-right: 1px solid #E3D5AC;
}

.flash p{
	margin: 0; 
	padding: 45px 15px 0 0;
	float: right;
	font-family: Arial;
	word-spacing: -1px;
}

.flash a{
	font: 10px Verdana;
	font-weight: bold;
	color: #5F1D5F;
	text-decoration: none;
}

.flash a:hover{
	text-decoration: underline;;
}
*/


/* start .content */
.content {
	background-color: #FFF;
	min-height: 300px; /* for full display on FF */
	padding: 20px 22px 15px 15px;
	font: 11px Verdana;
	color: #333;
	line-height: 16px;
	width: 393px;
}

.content p {
	margin: 8px 0;
}

.content h1 {
	font-size: 13px; 
	line-height: 18px;
	font-family: Verdana;
	color: #007460;
	font-weight: bold;
	margin: 0 0 10px 0;
}

.content h2 {
	font-size: 12px; 
	line-height: 16px;
	font-family: Verdana;
	color: #007460;
	font-weight: bold;
	margin: 0 0 10px 0;
}

.content h2 a {
	font-size: 12px; 
	line-height: 16px;
	font-family: Verdana;
	color: #007460;
	font-weight: bold;
}

.content h3, .content h3 a {
	font-size: 11px;
	font-family: Verdana;
	color: #5F1D5F;
	font-weight: bold;
	margin: 0 0 10px 0;
	line-height: 18px;
}

.content h3 a:hover {
	text-decoration: underline;
}

a.subheader {
	font-size: 11px;
	font-family: Verdana;
	color: #5F1D5F;
	font-weight: bold;
	margin: 10px 0 5px 0;
	line-height: 18px;
	text-decoration: none;
}

a:hover.subheader {
	color: #5F1D5F;
	text-decoration: underline;
}

.content img {
	margin: 5px 0 0 0;
}

.content a {
	font-size: 11px;
	font-family: Verdana;
	color: #511A53;
	text-decoration: none;
	font-weight: bold;
}

.content a:hover {
	text-decoration: underline;
}


.content div.title {
	font: 11px Verdana;
	color: #FFF;
	font-weight: bold;
	background: #C0A767;
	display: block;
	padding: 5px 5px 5px 10px;
	text-transform: Uppercase;
}

/* end .content */

form{
	padding: 5px 0;
	margin: 0;
}

p {
	margin: 5px 0;

}

img {
	border: none;
}

ul {
	padding: 3px 10px 7px 18px;
	margin: 0;
}

ol.noSpaceLeft {
	padding: 3px 0 7px 18px;
	margin: 0 0 0 5px;
}

ol.noSpaceLeft li ul.noSpaceLeft {
	padding: 3px 0 7px 18px;
	margin: 0;
	list-style-type: disc;
}

/* start .footer */
#footer {
	width: 785px;
	font: 9px Verdana;
	height: 25px;
	color: #CCC;
	clear: both;
	list-style-type: none;
	line-height: 20px;
	text-align: left;
}
.footNav {
	padding: 0 0 0 180px;
}

.footNav a {
	text-decoration: none;
	color: #2D8375;
	text-align: center;

}
.footNav a:hover {
	text-decoration: none;
	color: #5F1D5F;
}
.footNav a.selected {
	color: #5F1D5F;
}

.bg_green{
	background: #007460;
	border-bottom: 1px solid #E3D5AC;
	border-left: 1px solid #E3D5AC;
	position: absolute;
	width: 157px;
}

.copyright {
	font: 9px Verdana;
	color: #666;
	text-align: left;
	background: #E3D5AC;
	height: 15px;
	border-bottom: 1px solid #E3D5AC;
	text-indent: 30px;
	padding: 5px 0 0 150px;
}
/* end .footer */


#areaNavbar {
	background: #338171;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
}

#areaNavbar ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#areaNavbar li {
	display: block;
	float: left;
	padding: 0;
	margin: 0;
}

#areaNavbar a {
	border-bottom: 1px solid #E3D5AC;
	display: block;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #FFF;
	font-weight: bold;
	padding: 4px 0 4px 0;
	margin: 0;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	background: #338171;
}

#areaNavbar a:hover, #areaNavbar a.actived {
	background: #00614E;
	padding: 4px 0 4px 0;
	margin: 0;
	text-decoration: none;
}

#areaNavbar .initial {
	background: #338171;
	width: 111px;
}

#areaNavbar a.initial:hover, #areaNavbar a.initial.selected {
	background: #00614E;
	padding: 4px 0 4px 0;
	margin: 0;
	color: #FFF;
}

#areaSlideMenu {
	position: relative;
	z-index: 9999;
	clear: both;
}

#areaSlideMenu .slide {
	border: 1px solid #000;
}

#areaSlideMenu .slide a {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #033;
	text-indent: 13px;
	display: block;
	background: #F1EAD6;
	border-bottom: 1px solid #000;
	padding: 6px 0 6px 0;
	margin: 0;
	text-decoration: none;
	font-weight: normal;
	text-transform: Capitalize;
}

#areaSlideMenu .slide a:hover {
	color: #FFF;
	background-color: #CEB77B;
}

#areaSlideMenu .slide a.last {
	border: none;
}

/* start .nav */
.nav {
	height: 20px;
	font: 10px Verdana;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	clear: both;
	border-bottom: 1px solid #E3D5AC;
	background: #338171;
}

.nav a {
	text-align: center;
	margin: 1em;
	text-decoration: none;
	font: 10px Verdana;
	font-weight: bold;
	color: #FFF;
}
.nav a:hover {
	text-decoration: none;
	background: #00614E;
}
.nav a:visited {
	text-decoration: none;
}
/* end .nav */

#beige {
	font-weight: bold;
	color: #E3D4AA;
}

#white {
	font-weight: normal;
	color: #FFF;
}

#green {
	font-weight: normal;
	color: #ABDBD0;
}

a.white {
	color: #FFF;
	font-weight: bold;
}
a:hover.white {
	text-decoration: underline;
}

hr {
	border: none;
	border-bottom: 1px solid #5F1D5F;
	margin: 5px 0;
}
.text_question {
	font: 11px Verdana;
	color: #5F1D5F;
	font-weight: bold;
	line-height: 16px;
}
table .survey_form {
	padding: 10px 0;
}

#button {
	width: 78px;
	height: 30px;
	border: none;
}

.content input.button{
	 font: 9px Verdana;
	 color: #fff;
	 background: #033;
	 border: 1px solid #99C0B8;
	 padding: 3px;
	 margin: 10px 0 0 0;
}

#form1 tr{
	height: 30px;
}

blockquote {
	margin: 5px 10px;
}
td.dot_border{
	border-right: 1px dotted #E3D5AC;
}


body.splash {
	background: #FFF;
}

#container.splash {
	border: none;
}

.bannerSplash {
	width: 780px;
	height: 100px;
	text-align: left;
	border-bottom: 1px solid #E3D5AC;
}

.login {
	font: 9px Verdana;
	color: #699;
	margin: 65px 0 0 0;
	float: right;
}

.login a {
	text-decoration: none;
	color: #699;
}

.login a:hover {
	text-decoration: underline;
	color: #699;
}

.login input {
	font-size: 11px;
	color: #333;
	width: 90px;
}

#areaSplash {
	font-family: Arial, Verdana;
	width: 780px;
	padding: 5px 0 50px 0;
	margin: 0;
	text-align: left;
	font-weight: normal;

}

#areaSplash h1 {
	font-size: 20px;
	font-weight: normal;
	padding: 0;
	margin: 0 0 8px 0;
}

#areaSplash h2 {
	font-size: 11px;
	border-bottom: 1px solid #FFF;
	padding: 0 0 5px 0;
	margin: 20px 140px 5px 0;
}

#areaSplash h3 {
	font-size: 13px;
	font-weight: normal;
	padding: 0;
	margin: 0;
}

#areaSplash p {
	font-size: 10px;
	font-weight: normal;
	padding: 0;
	margin: 0;
	line-height: 16px;
}


.bgWelcome {
	background-image: url('../_images/banner_splash.jpg');
	background-repeat: no-repeat;
	padding: 30px 230px 0 15px;
	margin: 0;
	color: #FFF;
	border: none;
	border-left: 1px solid #E3D5AC;
	border-right: 1px solid #E3D5AC;
	border-bottom: 1px solid #E3D5AC;
	height: 204px;
}

.bgWelcome a {
	text-decoration: none;
	color: #FFF;
}

.bgWelcome a:hover {
	text-decoration: underline;
	color: #FFF;
}

.bodySplash {
	padding: 0;
	margin: 0;
	background-image: url('../_images/bg_splash_user.jpg');
	background-position: bottom left;
	background-color: #FFF;
	background-repeat: repeat-x;
	font-size: 10px;
	color: #000;
	line-height: 16px;
}

.bodySplash table {
	border-left: 1px solid #E3D5AC;
	border-bottom: 1px solid #E3D5AC;
}


.bodySplash td {
	border-right: 1px solid #E3D5AC;
	padding: 18px 35px 30px 25px;
	margin: 0;
	width: 50%;
	vertical-align: top;
}

.smalltext {
	font-size: 9px;
	color: #999;
	line-height: 10px;
	text-align: justify;
	padding: 0;
	margin: 0;
}

#footerSplash {
	color: #666;
	font-family: Verdana, Arial;
	font-size: 11px;
	text-align: center;
	padding: 15px 0;
	margin: 0;
	line-height: 16px;
}

.title {
	font-weight: bold;
	font-size: 11px;
	padding: 0 0 6px 0;
	margin: 0;

}

a.titleViolet {
	color: #636;
	text-decoration: none;
}

a.titleViolet:hover {
	text-decoration: underline;
}

a.titleBlue {
	color: #699;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
}

a.titleBlue:hover {
	text-decoration: underline;
}

#footerSplash a {
	color: #666;
	text-decoration: none;
	font-size: 9px;
}

#footerSplash a:hover,
	#footerSplash a.actived {
	text-decoration: underline;
}

.railblog {
	width: 160px;
	padding: 0 0 10px 0;
	margin: 0 0 15px 0 ;
	background-image: url('../_images/railblog_bottom.jpg');
	background-position: bottom left;
	background-color: #FFF;
	background-repeat: no-repeat;
}

.bgVectra {
	background-image: url('../_images/railblog_bottom_vectra.jpg');
	background-position: bottom left;
	padding: 0 0 0 0;
	margin: 0 0 10px 0;
	height: 102px;
}

.bgBlood {
	background-image: url('../_images/railblog_bottom_blood.jpg');
	background-position: bottom left;
	padding: 0 0 50px 0;
	margin: 0 0 10px 0;
}


.railblog h2 {
	background-image: url('../_images/railblog_head.jpg');
	background-position: top left;
	background-color: #FFF;
	background-repeat: no-repeat;

	padding: 8px 7px;
	margin: 0;

	font-size: 10px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	line-height: 13px;
	text-transform: uppercase;
}

.bgVectra h2 {
	background-image: url('../_images/railblog_head_vectra.jpg');
	text-align: right;
	padding: 8px 15px;
	height: 29px;
}


.railblog p {
	padding: 4px 14px 4px 7px;
	margin: 0;
}

.railblog p span.violet, .railblog p span.red, .railblog p span.blue {
	font-size: 9px;
	line-height: 16px;
	display: block;
	text-transform: uppercase;
	font-weight: bold;
}
.railblog p span.violet {color: #530E5F;}
.railblog p span.red {color: #E01C43;}
.railblog p span.blue {color: #107ec0;}

.railblog a {
	color: #333;
	font-weight: normal;
}

.railblog a:hover {
	color: #333;
	font-weight: normal;
	text-decoration: underline;
}

.bgVectra p {
	padding: 4px 14px 4px 45px;
	margin: 0;
}


.find_veterinarian {
	width: 90px;
	border: 1px solid #333;
	font-family: Verdana;
	font-size: 11px;
	padding: 2px;
}

.pdf_thumb { width: 82px;}
.pdf_text { padding-right: 5px; width: 103px; }



.cats {
	position: absolute;
	height: 138px;
	width: 130px;
	z-index: 1;
	margin-top: -100px;
	margin-left: 50px;
}

.dogs {
	position: absolute;
	height: 200px;
	width: 123px;
	z-index: 1;
	margin-top: -160px;
	margin-left: 60px;
}

.dog-cat {
	position: absolute;
	height: 123px;
	width: 190px;
	z-index: 1;
	margin-top: -80px;
	margin-left: 0px;
}

.dog {
	position: absolute;
	height: 142px;
	width: 107px;
	z-index: 1;
	margin-top: -100px;
	margin-left: 70px;
}

#remList th {
	border-bottom: 1px solid #007460;
	text-align: left;
	padding-left: 10px;
}

#remList td {
	padding-left: 10px;
}

#frmReminders label {
	color: #007460;
	display: block;
}

#frmReminders .rem-by {
	padding: 5px 0;
}

.unbold {
	font-weight: normal;
}

.table_FTMchart {
	border: 2px solid #511a53;
	border-bottom: none;
}

.table_FTMchart td {
	border: none;
	border-bottom: 1px solid #511a53;
}

.table_FTMchart th {
	background-color: #511a53;
	color: #FFF;
	text-align: center;
	height: 20px;
	border-bottom: 1px solid #511a53;
}

.table_sub_FTMchart {
	border: none;
}

.table_sub_FTMchart td {
	padding: 8px;
	margin: 0;
	vertical-align: middle;
}


td.brdLR{
	border-left: 1px solid #511a53;
	border-right: 1px solid #511a53;
	background-color: #f4eede;
}

td.bgBeige {
	background-color: #eee6cd;
}

.noHSpace {
	padding-left: 0;
	padding-right: 0;
	width: 430px; /*393+37*/
}
p.VSpaceBottom {
	padding: 0 0 8px 0;
	margin: 0;
}

.imgRightSpace {
	padding-right: 10px;
}

#boxVeternarian {
	background-color: #FFF;
	padding: 5px 10px;
	font: 11px Verdana;
	color: #333;
	line-height: 16px;
}

#boxVeternarian p {
	border-bottom: 1px solid #2A7C72;
	padding: 10px 10px 10px 0;
	margin: 0;
}

#buttonX {
	cursor: pointer;
	margin-top: 5px;
}

.buttonChoose {
	float: right;
	cursor: pointer;
}

table.screen th {
	background-color: #007460;
	color: #FFF;
	font-weight: normal;
	padding: 2px 5px;
}
table.screen td {
	border-bottom: 1px solid #E3D4AA;
	padding: 5px;
}

a.details {
	font-size: 11px;
	border: 1px solid #E3D4AA;
	padding: 2px 5px;
	font-weight: normal;
	color: #FFF;
	background-color: #007460;
	text-decoration: none;
}
a:hover.details {
	text-decoration: none;
}

#accountdetail th {
	text-align: left;
	color: #007460;
	font-weight: bold;
}

#accountdetail td {
	font-size: 11px;
	padding: 2px 0 0;
}

#accountdetail b {
	color: #666;
	font-weight: bold;
}

#accountdetail a {
	text-decoration: none;
}