body {
margin:0;
padding:0;
background:#afaaa1 url('/images/bkg-patt-pageBody.gif') repeat; margin-top:21px;
}


tr{vertical-align:top}

td{
text-align:left;
font-size:13px;
}
th{
text-align:left;
font-size:13px;
}
th.tabhd{
text-align:center;
font-size:16px;
color:#B08E30;
}

.cent{text-align:center}


/* perfect 3 column layout */

#master{
    /*float:left;*/
    width:100%;
    text-align:center;
}
#sitewrap{
    width:90%;
    margin:0 auto;
}


/* column container */
.colmask {
    position:relative;	/* This fixes the IE7 overflow hidden bug */
    clear:both;
    float:left;
    width:100%;			/* width of whole page */
    overflow:hidden;		/* This chops off any overhanging divs */
}
/* common column settings */
.rhtbar,
.content,
.lftbar {
    float:left;
    width:100%;			/* width of page */
    position:relative;
}
.contcnt,
.lbarcnt,
.rbarcnt {
    float:left;
    position:relative;
    padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
			only padding top and bottom is included here, make it whatever value you need */
    overflow:hidden;
}
/* 3 Column settings */
.threecol {
    background:#eee;		/* right column background colour */
}
.threecol .lftbar {
    right:50%;			/* width of the middle column */
    background:#f4f4f4;	/* left column background colour */
}
.threecol .content {
    right:25%;			/* width of the right column */
    background:#fff;		/* center column background colour */
}

.threecol .lbarcnt {
    width:21%;			/* Width of left column content (column width minus padding on either side) */
    left:31%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.threecol .contcnt {
    width:46%;			/* width of center column content (column width minus padding on either side) */
    left:102%;			/* 100% plus left padding of center column */
}

.threecol .rbarcnt {
    width:21%;			/* Width of right column content (column width minus padding on either side) */
    left:85%;			/* Please make note of the brackets here:
	(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}

#min-width{			/* handle older IE min-width non-support  */
    width:500px;			/* this gets reset in body */
    margin:0 auto;		/* this is critical for regular browsers to work */
} 

div {
font:Arial, sans-serif;
font-family:arial,helvetica,sans-serif;font-size:13px;
}

a {
  color:#568;
  font:Arial, sans-serif;
  text-decoration:none;
}

a:hover {
  color:#336;
  text-decoration:underline;
}


p {
  clear:both;
  padding:0;
  font: normal 13px Arial, sans-serif;
  text-align:left;
}

textarea {
  font: normal 13px Arial, sans-serif;
  text-align:left;
}

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


.layout{		/* used in about-us.php */
  float:left;
  position:relative;
  overflow:hidden;
}

#menu a:hover{
  color:#DDF;
  text-decoration:underline;
}

.mtitle span{
  color:#BBB;
  text-decoration:none;
}

a:link.mlink,a:visited.mlink {text-decoration:none;color:#FFF;}
a:active.mlink,a:hover.mlink {text-decoration:underline;color:#66A}

a:link.nav,a:visited.nav {text-decoration:none;color:#FFF;}
a:active.nav,a:hover.nav {text-decoration:underline;color:#66A}	


/*footer menu styles*/	
.submen{
  font-size: 12px;
  list-style: none;
  margin: 0;
  padding: 0;
  color:#FFF;
}
.submen li{
  display: inline;
  
}

.submen li a{
  border-left: 1px solid #cccccc;
  margin-left: 9px;
  padding-left: 14px;
  font-size: 12px;
  font-weight:bold;
  text-decoration:none;
  color:#FFF;
}

.submen li a:hover{
  color:#B8B5AF;
  text-decoration:underline;
}

submen a:hover{
  color:#B8B5AF;
  text-decoration:underline;
}
.submen li a.nobar{
  border-left: none;
  margin-left: 9px;
  padding-left: 14px;
  font-size: 12px;
}


.entbox{
    float:left;
    padding:10px 10px 20px 10px;
    background-color:#E0E0E0;
    background-image: url(/images/entrybox.gif);  
    background-repeat: repeat-x;
    border:1px #BBB solid;
    margin:0 0 30px 0;
    width:97%;
}

.entbox2{
    float:left;
    padding:10px 10px 20px 10px;
    border:1px #BBB solid;
    margin:0 0 30px 0;
    width:97%;
}


/*
.dwrn{float:left;padding:3px 0 3px 3px;font-size:14px;font-weight:bold;color:#FF5555;}
.clrwrn{clear:both;text-align:center;font-weight:bold;color:#AA0000;font-size:13px}
.dlin{float:left;clear:both;width:600px;padding:3px 0 3px 0;}
.dtxt{float:left;width:150px;font-size:13px;font:Arial, sans-serif;}
.dtxtb{float:left;width:150px;font-size:13px;font-weight:bold}
.cdtxtb{clear:left;float:left;width:150px;font-size:13px;font-weight:bold;padding:2px 0 2px 0;}
.dreq{float:left;display:inline;margin-top:5px;width:10px;font-size:small;font-weight:bold;color:red;}
.dnotreq{float:left;width:10px;}
.sitm{float:left;font-size:13px;text-align:center}
.addon{float:left;clear:both;width:790px;padding:0;color:#037;font-size:8px;line-height:12px;}

.ddat input{padding:0;margin:0;height:17px;width:200px;background-color:#FFF;border-color: #808080 #CCCCCC #CCCCCC #808080;
border-style: solid;
border-top-width: 2px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 2px;}

.ddat textarea{padding:0;margin:0;background-color:#FFF;border-color: #808080 #CCCCCC #CCCCCC #808080;
border-style: solid;
border-top-width: 2px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 2px; }

.cap {
  font-family:Arial,sans-serif;
  font-weight:normal;
  font-size:11px;
  color:#2A2A2A;
}

*/

/*
.mbullet {
  clear:both;
  float:left;
  display:inline;
  padding:3px 4px 3px 4px;
  width:5%;
  
}

.mtitle {
  font-size:12px;
  float:left;
  display:inline;
  padding:3px 2px 3px 2px;
  text-align:left;
  width:90%;
  color:#FFF;
}
*/

.mbullet {
  clear:both;
  float:left;
  display:inline;
  padding:3px 4px 3px 4px;
  width:10px;
}

.mtitle {
  float:left;
  display:inline;
  padding:3px 2px 3px 2px;
  text-align:left;
  width:80%;

}	
	
h1 {font-weight:normal;font-size:28px;color:#B08E30;}

h2 { font-family:Arial,sans-serif;font-weight:normal;font-size:20px;color:#B08E30; margin:0 0 6px 0;}

h3 {clear:both;float:left;color:black;text-align:left;width:100%;padding:0 0 5px 0;}

h4 {clear:both;float:left;width:100%;text-align:left;font-family:Arial,sans-serif;font-weight:bold;font-size:14px;margin:10px 0 10px 0;}

ul {padding:2px 10px 2px 20px;}
li {padding:2px 0px 2px 0px;
    text-align:left;
}

form {margin:0;}

	
.hmpgimg{
  float:left;
  width:50%;
  padding:40px 0 0 0;
  text-align:center;

}
.hmpgtxt{
  float:left;
  width:45%;
  padding:40px 0 0 0;
}
.portimg{
width:350px;
  padding:3px;
  border:1px black solid;
  margin:0 auto;
}

.clr{
clear:both;
padding:0 0 0 0;
}

.lflb {
clear:both;
float:left;
width:23%;
text-align:left;
font-family: Arial, sans-serif;
font-size: 13px;
color: #000;
padding: 4px 0 4px 0;
}

.rtlb {
float:left;
width:70%;
text-align:left;
font-family: Arial, sans-serif;
font-size: 13px;
color: #000;
padding: 4px 4px 4px 8px;
}



.lflb2 {
clear:both;
float:left;
width:40%;
text-align:left;
font-family: Arial, sans-serif;
font-size: 13px;
color: #000;
padding: 4px 0 4px 0;
}

.lflb2h {
clear:both;
float:left;
width:40%;
text-align:left;
font-family: Arial, sans-serif;
font-size: 13px;
font-weight:bold;
color: #B08E30;
padding: 4px 0 4px 0;
margin:10px 0 0 0;
}

.rtlb2 {
float:left;
width:50%;
text-align:left;
font-family: Arial, sans-serif;
font-size: 13px;
color: #000;
padding: 4px 4px 4px 8px;

}

.rtlb2h {
float:left;
/*width:50%;*/
text-align:left;
font-family: Arial, sans-serif;
font-size: 13px;
color: #000;
padding: 4px 4px 4px 8px;
margin:10px 0 0 0;
}


.lflb3 {
clear:both;
float:left;
width:35%;
text-align:left;
font-family: Arial, sans-serif;
font-size: 13px;
color: #000;
padding: 4px 0 4px 0;
}

.rtlb3 {
float:left;
width:55%;
text-align:left;
font-family: Arial, sans-serif;
font-size: 13px;
color: #000;
padding: 4px 4px 4px 8px;
}

.lflb4 {
clear:both;
float:left;
width:90%;
text-align:left;
font-family: Arial, sans-serif;
font-size: 13px;
color: #000;
padding: 15px 0 4px 0;
}


.lflb5 {
clear:both;
float:left;
width:53%;
text-align:left;
font-family: Arial, sans-serif;
font-size: 13px;
color: #000;
padding: 4px 0 4px 0;
}

.rtlb5 {
float:left;
width:40%;
text-align:left;
font-family: Arial, sans-serif;
font-size: 13px;
color: #000;
padding: 4px 4px 4px 8px;
}

.lflb6 {
clear:both;
float:left;
width:11%;
text-align:left;
font-family: Arial, sans-serif;
font-size: 13px;
color: #000;
padding: 4px 0 4px 0;
}

.rtlb6{
float:left;
width:80%;
text-align:left;
font-family: Arial, sans-serif;
font-size: 13px;
color: #000;
padding: 4px 4px 4px 8px;
}

.lflb7 {
clear:both;
float:left;
width:16%;
text-align:left;
font-family: Arial, sans-serif;
font-size: 13px;
color: #000;
padding: 4px 0 4px 0;
}

.rtlb7 {
float:left;
width:80%;
text-align:left;
font-family: Arial, sans-serif;
font-size: 13px;
color: #000;
padding: 4px 4px 4px 8px;
}

.rtlb8{
float:left;
width:15%;
text-align:left;
font-family: Arial, sans-serif;
font-size: 13px;
color: #000;
padding: 4px 4px 4px 8px;
}

.bullit{
    clear:both;
    float:left;
    padding:0 0 0 4px;
    width:5%;
    font-size:20px;
}
.agrtxt1 {
    float:left;
    width:90%;
    text-align:left;
    padding:5px 0 0 0;
}


.tlc{
    clear:both;
    float:left;
    width:96%;
    text-align:left;
    font-family: Arial, sans-serif;
    font-size: 14px;
    color: #000;
    padding: 0 6px 0 0px;
}

.tlc2{
    clear:both;
    float:left;
    width:96%;
    text-align:left;
    font-family: Arial, sans-serif;
    font-size: 14px;
    color: #000;
    padding: 3px 6px 3px 0px;
}


.hngind{
    float:left;
    padding:10px 0 0 0;
    font-family: Arial, sans-serif;
    font-size: 14px;
    float:left;
    text-align:left;
    left;margin-left:25px;
    text-indent:-25px;

}

.hngind2{
    float:left;
    padding:0 0 0 25px;
    font-family: Arial, sans-serif;
    font-size: 14px;
    float:left;
    text-align:left;
    left;margin-left:25px;
    text-indent:-25px;
}


.Placement{
    clear:both;
    float:left;
    width:96%;
    text-align:left;
    font-family: Arial, sans-serif;
    font-size: 14px;
    color: #000;
    padding: 0px 6px 0px 0px;
}

.tstscr {
background:transparent;
border:none;
padding:0 0 0 5px;
font-weight:bold;
width:160px;
}

.prof {
clear:both;
float:left;
width:100%;
text-align:left;
font-family: Arial, sans-serif;
font-size: 13px;
font-weight:normal;
color: #000;
padding: 5px 0 0 0;
}

.loadlbl{
   font-family: Arial, sans-serif;
   font-size: 13px;
   font-weight:bold;
}

#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}


pre{
	display:block;
	font:100% "Courier New", Courier, monospace;
	padding:10px;
	border:1px solid #bae2f0;
	background:#e3f4f9;	
	margin:.5em 0;
	overflow:auto;
	width:800px;
}


ul{
  border:0; 
  margin:0; 
  padding:0;
}

#pagination-ths li{
  border:0; margin:0; padding:0;
  font-size:10px;
  list-style:none;
  margin-right:1px;
  display:inline;		/*Prevent 'stepdown' in old IE browsers */
}

#pagination-ths a{
border:solid 1px #17B4E9;
margin-right:1px;
}

#pagination-ths a.complete{
border:solid 1px #00AA00;
background:#EEFFDD;
margin-right:1px;
}


#pagination-ths .previous-off,
#pagination-ths .next-off {
border:solid 1px #DEDEDE;
color:#888888;
display:block;
float:left;
font-weight:bold;
margin-right:1px;
padding:3px 3px;
}
#pagination-ths .next a,
#pagination-ths .previous a {
font-weight:bold;
}
#pagination-ths .active{
background:#2e6ab1;
color:#FFFFFF;
font-weight:bold;
display:block;
float:left;
padding:4px 5px;
}
#pagination-ths a:link,
#pagination-ths a:visited {
color:#0e509e;
display:block;
float:left;
padding:3px 5px;
text-decoration:none;
}
#pagination-ths a:hover{
border:solid 1px #0e509e;
}

.pabox{
    clear:both;
    float:left;
    padding:10px;
    margin:0;width:98%;
    text-align:left;
}



/*Pet Medical Entry->Tentative Diagnosis */
.onlyleft{
    border-left:1px solid black;
    padding:7px 0 0 7px;
}
.onlyright{
    border-right:1px solid black;
    padding:7px 0 0 7px;
}
.onlymid{
    padding:7px 0 0 7px;
}

.upleft{
    border-left:1px solid black;
    border-top:1px solid black;
    padding:7px 0 0 7px;
}
.upmid{
    border-top:1px solid black;
    padding:7px 0 7px 7px;
}
.upright{
    border-right:1px solid black;
    border-top:1px solid black;
    padding:7px 7px 0 0;
}
.lowleft{
    border-left:1px solid black;
    border-bottom:1px solid black;
    padding:7px 0 7px 7px;
}
.lowmid{
    border-bottom:1px solid black;
    padding:7px 0 7px 7px;
}
.lowright{
    border-bottom:1px solid black;
    border-right:1px solid black;
    padding:7px 7px 7px 7px;
}
.bothleft{
    border-top:1px solid black;
    border-bottom:1px solid black;
    border-left:1px solid black;
    padding:7px 0 7px 7px;
}
.bothright{
    border-top:1px solid black;
    border-bottom:1px solid black;
    border-right:1px solid black;
    padding:7px 7px 7px 0;
}


/*Pet Medical Entry-> Tentative Diagnosis */
.onlyleft2{
    border-left:1px solid black;
    padding:2px 0 0 2px;
}
.onlyright2{
    border-right:1px solid black;
    padding:2px 0 0 2px;
}
.onlymid2{
    padding:2px 0 0 2px;
}

.upleft2{
    border-left:1px solid black;
    border-top:1px solid black;
    padding:2px 0 0 2px;
}
.upmid2{
    border-top:1px solid black;
    padding:2px 0 2px 2px;
}
.upright2{
    border-right:1px solid black;
    border-top:1px solid black;
    padding:2px 2px 0 0;
}
.lowleft2{
    border-left:1px solid black;
    border-bottom:1px solid black;
    padding:2px 0 2px 2px;
}
.lowmid2{
    border-bottom:1px solid black;
    padding:2px 0 2px 2px;
}
.lowright2{
    border-bottom:1px solid black;
    border-right:1px solid black;
    padding:2px 2px 2px 2px;
}
.bothleft2{
    border-top:1px solid black;
    border-bottom:1px solid black;
    border-left:1px solid black;
    padding:2px 0 2px 2px;
}
.bothright2{
    border-top:1px solid black;
    border-bottom:1px solid black;
    border-right:1px solid black;
    padding:2px 2px 2px 0;
}

.leftright2{
    border-left:1px solid black;
    border-right:1px solid black;
    padding:0 2px 0 2px;
}
.loader {
	position: fixed;
        opacity: 0.5;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 100;        
	background: url('/images/ajax_loader_blue_128.gif') 50% 50% no-repeat rgb(249,249,249);        
}
input[type="text"], input[type="password"], input[type="email"], select, textarea {
    height: auto;   
    margin-bottom: 3px;
    line-height: normal;
    padding: 4px 0 4px;
    background-color: #fff;
    border: 1px solid #bbb;
    color: #000;   
    font-size: 13px;
}
input[type="button"] {
   padding: 4px 3px;
   font-size: 13px;
}
/*
.btn {
    -moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}
.btn-default {
    background-color: #fff;
    border-color: #ccc;
    color: #333;
}
.btn-info {
    background-color: #5bc0de;
    border-color: #46b8da;
    color: #fff;
}
.btn-primary {
    background-color: #337ab7;
    border-color: #2e6da4;
    color: #fff;
}
.btn-success {
    background-color: #5cb85c;
    border-color: #4cae4c;
    color: #fff;
}
.btn-warning {
    background-color: #f0ad4e;
    border-color: #eea236;
    color: #fff;
}
.btn-danger {
    background-color: #d9534f;
    border-color: #d43f3a;
    color: #fff;
}
.btn-lightGreen {
     background-color: #dff0d8;
     border-color: #ddd;
     color: #333;
}
.btn-grey {
    background-color: #e6e6e6;
    border-color: #adadad;
    color: #333;
}
.space-right {
    margin-right: 10px;
}
.highlight {
    background-color: #f7f7f9;
    border: 1px solid #e1e1e8;
    border-radius: 4px;
    margin-bottom: 14px;
    padding: 9px 14px;
}
.timeSection {
    margin-top: 20px;
}
.activity-panel {
    background-color: #e5e2da;
}
.activity-tile {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #fff;
    border-color: -moz-use-text-color #b6b5b2 #b6b5b2 -moz-use-text-color;
    border-image: none;
    border-style: none solid solid none;
    border-width: medium 2px 2px medium;
    color: #605952;
    cursor: pointer;
    display: inline-block;
    height: 85px;
    outline: medium none;
    text-decoration: none !important;
    width: 91px;
}
label {
    display: inline-block;
    font-weight: 700;
    margin-bottom: 5px;
    max-width: 100%;
}
.message_error {
	color:#B94A48;
	background:#F2DEDE;
	border:1px solid #EED3D7;
	text-shadow:1px 1px 1px white;
}*/