/* ============= */
/* = Reset CSS = */
/* ============= */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

em {
  font-style: italic;
}

p a {
  color:#486279;
}

/* ==================================== */
/* = This is my area... for my styles = */
/* ==================================== */

body {
  text-align:center;
  font-family: "MS Trebuchet", Arial, Sans-serif;
  background:#fff;
}

h1, h2, h3, h4, h5, h6 {
  color:#486279;
  text-transform: uppercase;
}

#container {
  position:relative;
  width:960px;
  margin:0 auto;
  padding:0 6px;
  text-align:left;
  background:#FFFDF5 url('images/body-back.gif') center repeat-y;
}

#header {
  background-color: #40627C;
}

h1#globalvetlink {
  width:526px;
  height:96px;
}

h1#globalvetlink a {
  width:526px;
  height:96px;
  display:block;
  overflow:clip;
  text-indent:-9999px;
  background: url('images/gvl.png') no-repeat #40627c;
}

ol#nav {
  line-height:25px;
  height:30px;
  background: url('images/nav_back.gif') repeat-x;
  position:relative;
  z-index: 0;
}

ol#nav li {
  float:left;
  height: 100%;
}

ol#nav li a {
  height: 100%;
  padding: 0px 10px;
  color:#fffae4;
  text-shadow:1px 1px 2px #486279;
  line-height:30px;
  font-size:0.95em;
  font-weight:bold;
  text-decoration: none;
  text-transform: uppercase;
}

#nav li a.home-link{
  background: url('images/icons/home-icon.png') 50% 40% no-repeat;
  display:block;
  width: 15px;
  padding: 0 9px;
  text-indent: -9999em;
}

#nav li.backLava {
  background:#8f742d url('images/nav_back-hover.gif') repeat-x;
  width: 9px;
  position: absolute;
  z-index: -1;
}


/* ==================== */
/* = Subnav / Sidebar = */
/* ==================== */

div#sidebar {
  float:right;
  z-index:10;
  margin:0 0 80px;
  background:url('images/sub-nav-back.gif') repeat-y left #d9e2e3;
  width:320px;
  font-size:0.9em;
}

div#sidebar div.end {
  height:10px;
  width:320px;
  background:url('images/sub-nav-back-end.gif') repeat-y left transparent;
}

div#sidebar ol li {
  margin:10px 0;
}

div#sidebar ol li a{
  text-decoration: none;
  text-transform: uppercase;
  display:block;
  color:#39586f;
  margin:7px 0;
  padding:5px 30px;
  background:url('images/sub-nav-item-back.gif') repeat-y left #cedade;
  border-top:1px solid #cedade;
  border-bottom:1px solid #cedade;
}

div#sidebar ol li a:hover{
  background-color:#C1D4DC;
  border-top-color:#DFE4E6;
  border-bottom-color:#A7B5BA;
  background-image:url('images/sub-nav-item-hover.gif');
}

/* ======================= */
/* = Login / Signup Form = */
/* ======================= */

#login {
  position:absolute;
  top:0;
  right:6px;
  margin:0;
  background: #5f829d url('images/login-back.png') top right repeat ;
  height:96px;
  width:320px;
  text-align:right;
}

#login_button {
  width: 100%;
  height: 100%;
  line-height: 96px;
  color:#FFFAE4;
  display:block;
  font-family: Georgia,Serif;
  font-weight:bold;
  font-size:1.6em;
  letter-spacing:0px;
  text-shadow:2px 2px 2px #000;
  text-align:center;
  text-decoration:none;
  text-transform:uppercase;
}

#login_button:hover {color:#fff;}

#nav li#sign-up-box {
  background: #E0DC8F url("images/sign-up-bg.png") repeat-x;
  float:right;
  text-align:center;
  width:320px;
}

#nav li#sign-up-box a {
  width:100%;
  padding: 0;
  display:block;
  color:#486279;
  text-shadow:1px 1px 2px #fff;
}

#nav li#sign-up-box a:hover {
  color:#263A4A;
}

/* ================== */
/* = Bottom Columns = */
/* ================== */

div.bot-column {
  width:320px;
  height:270px;
  float:left;
  border-top: 3px solid #ECDBA2;
}

.mid-column { background:#FEFAE4; }

div.bot-column h4{
  text-transform: uppercase;
  font-weight:bold;
  font-size:.8em;
  padding:0;
}

div.bot-column h4 img{float:left; margin: -18px 0 0 2px;}

div.bot-column h4 a{
  text-decoration: none;
  color:#795e05;
  background-color:#ECDBA2;
  display:block;
  margin: 20px 0px 15px;
  padding:3px 0;
}


div.bot-column p {
  font-size: 0.8em;
  margin:5px 15px 5px 15px;
  color:#493E22;
  text-decoration:none;
}
div.bot-column p + p {
  border-top:1px solid #E9E1C1;
  padding-top:5px;
}

div.bot-column p a,
.bot-column p a p{text-decoration:none;}

div.bot-column p a:hover {text-decoration: underline;}

/* ================================================ */
/* = Content for most of the site will be in here = */
/* ================================================ */

#sidebar + .content {
  width:640px;
}

.content {
  background:url('images/content_top.gif') top repeat-x #fefae4;
  padding-bottom:30px;
  min-height:520px;
}

.content h1{
  font-weight: bold;
  margin:10px;
  font-size:2.0em;
  text-transform: none;
}

.content h2{
  margin:10px 15px;
  font-size:1.3em;
  text-transform: none;
}

.content h3{
  line-height:1.2em;
  margin:10px 15px;
  color:#6C87A4;
}
.content strong {
  font-weight: bold;
}

div.breadcrumb, .content p, .content ul, .content ol, .content table {
  position:relative;
  line-height:1.4em;
  margin:2px 20px 2px 15px;
  color:#493E22;
  font-size:0.85em;
}

.content table {
  border-collapse:collapse;
  background:#fff;
  border:1px solid #C39F39;
/*  width:95%;*/
  margin:30px;
}

.content table td, .content table th {
  border-bottom:1px solid #CEBF93;
  padding:5px 4px;
  font-weight:bold;
  
}

.content table th {
  background:#C39F39;
  color:#fff;
  text-transform:uppercase;
  vertical-align: bottom;
  text-align:center;
}

.content table th em{
  font-weight:normal;
  font-size:90%;
  text-transform: none;
}

.content table td + td + td {
  text-align:left;
  border-left:1px solid #CEBF93;
  font-weight:bold;
  vertical-align: top;
}

.content table td + td, .content table td + td + td + td {
  font-weight:normal;
  text-align:right;
  border-left:0;
  padding-left:15px;
}


.content ol {
  list-style-position: outside;
  list-style-type: decimal;
  margin-left:40px;
}

.content form ol {
  list-style:none;
}


label.requiredlabel {
  color:darkred;
  font-weight:bold;
}
label.requiredlabel:after {
  content: " (required)";
  font-style: italic;
  color:#6E5D2A;
  font-weight:normal;
}


.content ul li, .content ol li{
  margin:10px auto;
}

.content a {
  color:#486279;
  padding:1px 2px;
} 
.content a:hover {
  background:#efe9cc;
}

.content h2.intro,
.content p.standout,
.content p.intro {
  line-height:1.4em;
  font-size:1em;
  margin:5px 0;
  padding: 10px 10px;
  background:#fff;
  border-top:1px solid #F2EDCF;
  border-bottom:1px solid #DBD1A5;
}

#sub-header {
  margin:0;
/*  background:none;*/
/*  border-top: none;*/
/*  color:#DBD1A5;*/
/*  font-weight:bold;*/
/*  padding: 7px 327px 7px 7px;*/
  text-align:center;
  font-size:.8em;
  line-height:1em;
  border-bottom: 3px solid #DBD1A5;
}

.content p.standout {
  padding: 10px 15px;
}

.content p + p {
  margin-top:12px;
}

.content .video {
  background-color:#7392AC;
  border-top:1px solid #A9BDCF;
  border-bottom:1px solid #4C6175;
  padding:10px 10px 10px 75px;
}

.content .create-account ul {
  margin-left:40px;
}

.content div.news-content {
  margin:10px 20px;
}

/* ========== */
/* = Footer = */
/* ========== */

#footer {
/*  margin-top:30px;*/
/*      margin:0px;*/
  border-top:1px solid #D1CAAA;
  border-bottom:4px solid #DDD6B5;
  clear:both;
  padding:20px 0;
  background:#EEE9D4;
  
}

#footer p{
  text-align:center;
  font-size:0.8em;
  color:#554E35;
}
#footer p a{
  color:inherit;
}

/* ============================== */
/* = Frequently Asked Questions = */
/* ============================== */

div.faq>ul {
  margin-left:40px;
  list-style-image: url('images/icons/small-q.gif');
}

div.faq>ul li a{
  text-decoration:none;
}

/* FAQ Side bar */
div#sidebar div.faq-side ol li a{
  text-transform: none;
  font-size:0.9em;
}

/* =============== */
/* = Region Maps = */
/* =============== */

#region-map{
  float:right;
  z-index:30;
}

a.region-link{
  display:block;
  font-size:1.5em;
  font-weight:bold;
  margin:4px 0 4px 10px;
  padding:8px;
  text-decoration:none;
  width:39%;
}

a.region-link:hover{
  text-decoration:underline;
}

div.region-box{
  display:none;
  width:42%;
}

div.region-box li a{
  font-size:1.2em;
  text-decoration:none;
  padding: 4px 12px;
}

div.region-box li a:hover{
  text-decoration:underline;
}

div.drop-box{
  display:none;
  position:relative;
  font-size:1.1em;
  margin: 5px 15px;
  padding:5px 10px;
  border: 1px solid #486279;
  background-color:#FFFDF5;
}


/* ==================== */
/* = GVL Support Form = */
/* ==================== */
h2#contact-form {
  padding:8px 3px 3px 35px;
  background:url('images/icons/mic.gif') no-repeat left;
}

form#support ol{
  margin:0 10px 30px 30px;
  color:#6E5D2A;
}

form#support li{
  margin:10px 0;
}

form#support label{
  display:block;
  margin-bottom:2px;
}

form#support .error_note {
  color:darkred;
}

form#support .has_error,
form#support input.has_error, 
form#support textarea.has_error,
form#support select.has_error {
/*  border:3px solid darkred;*/
  background:#ECC7B8;
  padding:5px;
  margin-left:-5px;
}

/* =============== */
/* = Breadcrumbs = */
/* =============== */
div.breadcrumb {
  background:#fef4bb;
  padding:5px 16px 8px 16px;
  margin:0 0 15px 0;
}

/* =========== */
/* = Classes = */
/* =========== */

.clearer {clear: both;}

.icon, .icon-help, .icon-person, .icon-blue-ball, .icon-globe, .icon-blue-ball-small, .icon-question {
  padding:5px;
  padding-left:30px;
  background:no-repeat left transparent;
}

img.right {
  float:right;
/*  margin:5px;*/
}

.icon-help {      background-image:url('images/icons/help.gif'); }
.icon-person {    background-image:url('images/icons/person.gif'); }
.icon-blue-ball { background-image:url('images/icons/ball-blue.gif'); }
.icon-globe {     background-image:url('images/icons/globe.gif'); }
.icon-question {  background-image:url('images/icons/question.gif'); }
.icon-blue-ball-small { background-image:url('images/icons/ball-yellow-small.gif'); padding:3px 3px 3px 13px; }

span.icon {display:block; float:left;}

.big-camera,
.big-paper,
.big-clock,
.big-world,
.big-star,
.big-flag,
.big-globe,
.big-wand,
.big-case,
.big-light,
.big-table,
.big-video,
.big-question,
.big-key,
.big-gear,
.big-plus,
.big-silhouettes,
.big-padlock,
.big-money,
.big-bullhorn { 
  padding:18px 10px 12px;
  padding-left:55px;
  background:no-repeat left transparent;
  background-image:url('images/icons/big-camera.gif');
}

.big-money{  background-image:url('images/icons/big-money.png');}
.big-padlock{  background-image:url('images/icons/big-padlock.png');}
.big-bullhorn{  background-image:url('images/icons/big-bullhorn.png');}
.big-paper{  background-image:url('images/icons/big-paper.gif');}
.big-globe{  background-image:url('images/icons/big-globe.gif');}
.big-clock{  background-image:url('images/icons/big-clock.gif');}
.big-world{  background-image:url('images/icons/big-world.png');}
.big-star{   background-image:url('images/icons/big-star.png');}
.big-flag{   background-image:url('images/icons/big-flag-blue.gif');}
.big-wand{   background-image:url('images/icons/big-wand.gif');}
.big-plus{   background-image:url('images/icons/big-plus.gif');}
.big-case{   background-image:url('images/icons/big-case.gif');}
.big-table{  background-image:url('images/icons/big-table.gif');}
.big-light{  background-image:url('images/icons/big-light.gif');}
.big-video{  background-image:url('images/icons/big-video.gif');}
.big-question{  background-image:url('images/icons/big-question.gif');}
.big-gear{   background-image:url('images/icons/big-gear.gif');}
.big-key{    background-image:url('images/icons/big-key.gif');}
.big-silhouettes{  background-image:url('images/icons/big-silhouettes.png');}
/*.home-link{  background-image:url('images/icons/home-icon.png'); margin-left:7px; width:20px;}*/

.news-date {color:#A89B59; padding-right:5px;}

.internal .news-date { float:right; padding:auto; font-style: italic; color:#A89B59;}

h2.section {
  margin-top:1em; 
  margin:bottom:0;
}

h2.section + p{
  margin-left:72px;
}

div.agree_buttons {
  margin:30px 10px 10px 10px;
  text-align:center;
}

p.accept, p.decline {display:inline;}

p.accept a, p.decline a, p.accept a:hover, p.decline a:hover{
  padding:18px 10px 12px;
/*  margin-top:20px;margin-bottom:20px;*/
  padding-left:55px;
  text-decoration:none;
  font-size:1.3em;
  background:no-repeat left transparent;
  background-image:url('images/icons/medium-check.gif');
}

p.accept a{
  color:darkgreen;
}



p.decline a{       background-image:url('images/icons/medium-x.gif');}
p.decline a:hover{ background-image:url('images/icons/medium-x.gif');}

p.decline a{
  color:darkred;
  display:inline;
}

p#no-javascript-note {
  color:#B5C6D5;
  padding:20px;
  font-size:1.0em;
  line-height:1.3em;
  text-align:center;
}

/* ================== */
/* = IE Upgrade-Box = */
/* ================== */

#upgrade {
  display:none;
  border-bottom:1px solid #486279;
  padding:4px;
  background-color:#FFFDF5;
}

/* ============== */
/* = JS Overlay = */
/* ============== */

div.overlay { 
  z-index:10000;
  background-color:#333;
  width:425px;
  height:370px; 
  border:1px solid #666;
  display:none;
  -moz-box-shadow:0 0 90px 5px #000;
  -webkit-box-shadow: 0 0 90px #000;
}

div.overlay div.close { 
  background-image:url(../../images/close.png); 
  position:absolute; 
  right:-25px; 
  top:-25px; 
  cursor:pointer; 
  height:35px; 
  width:35px;
} 

#ocviDemo {
  position:absolute;
  right:5px;
  top: 5px;
}

#liveDemoLink {
  display:block;
  text-align:center;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  line-height:22px;
}

/* ================ */
/* = JS Accordion = */
/* ================ */

/*accordion container*/
#h-accordion {
  height: 420px;
  width: 960px;
  position:relative;
  margin: 27px 0;
  border-bottom: 3px solid #ECDBA2;
  border-top: 3px solid #ECDBA2;
}

/* root element for accordion. */
#accordion {
  height:420px;
  padding:0 0 0 8px;
  position:relative;
  width:952px;
  overflow:hidden;
  background-color:#FCFAE5;
}

/* accordion header */
#accordion h2 {
  float:left;
  position:relative;
  display:block;
  width: 68px;
  height: 420px;
  margin: 0 5px;
  font-size: 0.4em;
  background-color: #c1d4dc;
  cursor:pointer;
}

#owner-blind {background: url('images/owner-blind.jpg') no-repeat;}
#vet-blind {background: url('images/vet-blind.jpg') no-repeat;}
#lab-blind {background: url('images/lab-blind.jpg') no-repeat;}
#officials-blind {background: url('images/officials-blind.jpg') no-repeat;}

#accordion h2 .arrow {
  position:relative;
  height: 25px;
  width:12px;
  right:-68px;
  top:35px;
  display:none;
  background-image:url(images/corner.png);
  background-color:transparent;
}

/* currently active header */
#accordion h2.current {
  cursor:default;
  background-color:#89A8BF;
  margin-right:0px;
}

#accordion h2.current .arrow {
  display:block;
  z-index:20;
}

/* 
	accordion pane. should initially have zero width and display:none.
	the first pane should override these with inline style
*/
#accordion div.collapse-box {
  width:0px;
  float:left;
  display:none;
  text-align:center;
}

/* content inside a pane should have fixed width */
#accordion div.blind-content {
  width: 638px;
  height: 400px;
  background-color: #FCFAE5;
  padding: 10px 0;
  text-align:left;
}

#accordion div.blind-content div.left-colum,
#accordion div.blind-content div.right-colum {
  display:block;
  height:331px;
  width: 50%;
}

#accordion div.blind-content div.right-colum { float:right;}
#accordion div.blind-content div.left-colum { float:left;}

#accordion h3.bullet-point {
  clear:left;
  color:#486279;
  display:inline;
  float:left;
  font-size:20px;
  margin:14px 0 14px 17px;
  text-align:left;
  text-transform:none;
  position:relative;
}

h3.tipped-right, h3.tipped-left {cursor:pointer;}

#accordion h3.intro {
  background-color:#fff;
  text-transform:none;
  border-bottom:1px solid #DBD1A5;
  border-top:1px solid #F2EDCF;
  color:#486279;
  font-size:1.1em;
  line-height:1.2em;
  margin:14px 0 5px 0;
  padding:8px 20px;
  width:603px;
}

#accordion div p {
  font-size:12px;
  margin: 2px 10px;
}

#accordion a.more {
  background:none repeat scroll 0 0 #FFFFFF;
  color:#486279;
  border:2px solid #486279;
  -moz-box-shadow: inset 0 0 5px #486279;
  -webkit-box-shadow: inset 0 0 5px #486279;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  padding:7px 24px;
  text-decoration:none;
  float:right;
  margin:10px 20px;
  clear: both;
}

/* ============== */
/* = JS Tooltip = */
/* ============== */

.accordion-tip {
  display:none;
  font-size:16px;
  font-weight:bold;
  text-align:center;
  padding: 30px;
  width:310px;
  color:#fff;
  -moz-box-shadow: 0px 0px 50px #000; /* FF3.5+ */
  -webkit-box-shadow: 0px 0px 50px #000; /* Saf3.0+, Chrome */
  box-shadow: 0px 0px 50px #000; /* Opera 10.5, IE 9.0 */
  filter:  progid:DXImageTransform.Microsoft.dropshadow(OffX=0px, OffY=0px, Color='#000000'); /* IE6,IE7 */
  -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0px, OffY=0px, Color='#000000')"; /* IE8 */
  -moz-border-radius:8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  border:4px solid #FFFFFF;
  background-color:#486279;
  background-image:-moz-linear-gradient(top, #40627c, #333333); 
  background-image:-webkit-gradient(linear, left top, left bottom, from(#40627c), to(#333333));
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#40627c', endColorstr='#333333'); /* IE6,IE7 */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#40627c', endColorstr='#333333')"; /* IE8 */
  opacity: 0.91;
  z-index:30;
}

.accordion-tip a {color:#fffae4; font-size:17px;}