@charset "utf-8";
/*div#animalDiv { width:220px; text-align:center; display:inline-block;	}*/
/*========================
General
========================*/
* { margin:0; padding:0; }
.redBold { color:#660000; font-weight:bold; font-size:18px; }
body { font: 100% Verdana, Arial, Helvetica, sans-serif; background:#416383; margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */ padding: 0; color: #333940; }
a { color:#fff; text-decoration:none; }
a:hover { text-decoration:underline; }
img { border:none; }
.center { width: 980px; margin: 0 auto; overflow:hidden; }
.red { color:#900; }
.yellow { color:#FF3; }
.white { color:#a2b6ca; }
table { border-spacing:5px; }

/*========================
Header
========================*/
#pass_box { font-size:.7em; position:absolute; top:30px; right:20px; display:none; }
#pass_box th { text-align:right; padding:5px 5px 5px 0; color:#555; }
#pass_box td input { background:#555; border:1px solid #999; color:#CCCCCC; padding:0 2px; width:100px; }
#pass_box td #submit { width:auto; }

#header { padding:40px 0 20px 0; margin:0; background:#222; height:119px; }
#header #logo { width:980px; overflow:hidden; clear:both; }
#header h1 { background:url(../img/vilogo.gif) no-repeat 0 0; width:500px; height:0; overflow:hidden; padding:81px 10px 0 0; margin:5px 10px 0 0; border-right:1px solid #333; float:left; }
#header p { background:url(../img/tagline.png) no-repeat 0 0; width:299px; padding:111px 0 0 0; height:0; float:left; overflow:hidden; }
#header img { float:left; }
#header #text1 { display:none; }
#header #text2 { display:none; }
#header #text3 { display:none; }
#header #text4 { display:none; }

/*========================
Nav
========================*/
#nav { background:#3c3c3c; }
#nav ul{ list-style-type:none; margin:0; }
#nav ul li{ float:left; }
#nav ul li a{ display:block; padding:10px; font-size:14px; text-decoration:none; color:#FFFFFF; font-weight:bold; }
#nav ul li.active a { color:#a2b6ca; /*#6090bf;*/ background:#222; /*#333;*/ }
#nav ul li a:hover { background:#a2b6ca; color:#fff; }
#nav ul li a:active { color:#222; }

/*========================
Main Content
========================*/
#mainContent {}
#mainContent .center { background: #a2b6ca; width:920px; padding: 20px 30px 20px 30px; /* remember that padding is the space inside the div box and margin is the space outside the div box */  margin-bottom:0px; position:relative; }
#mainContent p{ font-size:12px; line-height:16px; margin:0 0 10px 0;	}
#mainContent h1{ margin:0 0 15px; font-size: 1.7em; }
#mainContent h1 .success { font-size:.5em; padding:0 0 0 10px;}
#mainContent h2{ margin:20px 0 7px 0; font-size: 14px; border-bottom:1px solid #bdd2e7; color:#fff; }
#mainContent h3{ margin:15px 0 0 0; font-size: 12px; color:#333; }
#mainContent #leftcol{ float:left; width:47%; margin-right:50px; }
#mainContent #rightcol{ float:left; width:44%; }

/*======Contact Form===*/
#contact input,textarea { margin-left:10px; }
#contact td { padding-bottom:5px; }

/*=====Huddle Table====*/
#huddle { opacity:.5; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); /* For IE 8 */-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; position:absolute; top:0px; right:0;  border-bottom:1px solid #fff; border-left:1px solid #fff; background:#333940; color:#fff; font-size:.8em; text-align:left; padding:1px 15px; }
#huddle table { border-spacing:3px; }
#huddle th { text-align:right; padding:0 3px 0 0; }
#huddle .date { font-size:.6em; }

/*=====Numbers Table====*/
#numbers th { text-align:left; font-size:.8em; padding:1px 10px 1px 4px; background:#416383; color:#fff; }
#numbers .odd { background:#A7bbce; }
#numbers td { font-size:.8em; padding:3px 15px 3px 4px; }
#numbers td.red a { color:#900; }
#numbers td.yellow a { color:#FF3; }
#numbers td.cc { text-align:center; padding:0; }
#numbers td.ncenter { text-align:center; }
#numbers td.last { text-align:center; }
#numbers td img { padding:0 10px 0 0; }
#clinic_numbers .small { font-size:.5em; margin:10px 0 0 0; line-height:10px; }
#numbers td.total { width:81px; background:url(../img/bar.gif) repeat-y #777; border:1px solid #222; color:#fff; }

/*=====Daily Goal Chart====*/
#chart_area { background:#fff; border:2px solid #416383; margin:15px 0 0 0; }
#chart_title { background:#416383; color:#fff !important; padding:1px 10px 1px 4px; margin:0 !important;}
#chart_pad { padding:17px 20px; }
#chart_pad p { margin:15px 0; }

/*=====Details Table====*/
#details { margin:10px 0 0 0; }
#details th { font-size:.9em; text-align:right; padding:0 5px 0 0; }
#details td { font-size:.8em; }

/*========================
FORMS
========================*/
#reg_form th, #reg_form td { vertical-align:top; }
#reg_form td { padding:3px 0; font-size:.9em; }
#reg_form th { font-size:.8em; text-align:right; padding:3px 5px 0 0; }
#reg_form .row_title { text-align:left; background:#416383; padding:2px 3px; color:#fff; }
#reg_form input { border:#fff 1px solid; background:#ddd; }
#reg_form select { border:#fff 1px solid; background:#ddd; }
#reg_form .clinic { float:left; width:245px; font-size:.8em; padding:5px 7px; }
#reg_form #clinics { width:790px; }
#reg_form .description { font-size:.6em; padding-left:5px; }

#reg_form .emails { float:left; width:190px; font-size:.8em; padding:0 7px 5px 0; }
#reg_form #emails { width:400px; }
#reg_form #subject { width:400px; }
#reg_form #message { margin:0; width:400px; height:200px; border:#fff 1px solid; background:#ddd; }

#reg_form #days { width:20px; }

#calendar .date { float:left; }
.to  { padding:0 5px; font-weight:bold; font-size:.8em; }

/*------------database_fix--------*/
#data_nav th, #data_nav td { padding:1px 3px; }
#data_nav th { font-size:1em; text-align:left; background:#fff; border:solid 1px #416383; }
#db_view { font-size:.6em; overflow:scroll; border-collapse:collapse; }
#db_view th { padding:2px 7px 2px 2px; text-align:left; background:#fff; border-right:1px solid #555; }
#db_view td { padding:0 3px; }
.odd { background:#a7bbce !important; }

/*========================
Footer
========================*/
#footer { padding: 0 10px; color: #FFFFFF; clear:both; }
#footer p { margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */ padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */ color: #333; text-align: center; font-size: 9px; }
#footer p a{ color: #333; }
img.floatleft { float:left; margin-right:10px; margin-bottom: 20px; border: 0px; }
img.floatright { float:right; margin-left:10px; }
.bottom .center { height:18px; background:url(../img/bottom.png) no-repeat left bottom; }
.bottom span { display:block; position:relative; height:18px; background:url(../img/bottom-R.png) no-repeat right bottom; }