/*----------------------------------------------------------------------*/
/* Reset
/*----------------------------------------------------------------------*/

html,body,div,span,applet,object,iframe,input,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,sub,sup,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:100; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline;}
*{-webkit-text-size-adjust:none; -webkit-tap-highlight-color:rgba(0,0,0,0);}

/*----------------------------------------------------------------------*/
/* Font Declaration
/*----------------------------------------------------------------------*/

html, textarea, input, input[type=submit], button, a.btn, span, div.alert p, header{font-family:'PT Sans', sans-serif;}

/*----------------------------------------------------------------------*/
/* General Section
/*----------------------------------------------------------------------*/

html, body, textarea, input {font-size:12px; -webkit-text-size-adjust:none; color:#6f6f6f;}
html{overflow-y:scroll;background: url(images/paper_02.png) #ccc fixed;}
a{ text-decoration:none; cursor:pointer;}
a:hover { text-decoration:underline; color:#3f3f3f; }
a, a:hover, a:visited, a:link {color:#000;}
::-moz-selection{ text-shadow:none; background-color: #2771aa; color: #fff;}
::-webkit-selection { background-color: #2771aa; color: #fff; }
::selection { text-shadow:none; background-color: #2771aa; color: #fff;}
header, footer, nav, section{display:block;}
h1, h2, h3, h4, h5, h6{font-weight:100; text-shadow:0 1px 0 #ffffff; color:#777777;}
h1 {font-size:28px; line-height:32px; text-shadow:0 2px 0 #ffffff;}
h2 {font-size:24px; line-height:26px;}
h3 {font-size:20px; line-height:16px;}
h4 {font-size:18px; line-height:22px;}
h5 {font-size:16px; line-height:22px;}
h6 {font-size:14px; line-height:20px;}
h1 span{font-size:14px;	line-height:14px; text-shadow:0 1px 0 #ffffff;}
h2 span{font-size:12px; line-height:12px;}
h3 span{font-size:10px; line-height:10px;}
p, ul, ol, pre{margin-bottom:18px; line-height:18px; font-size:12px;}
blockquote{font-size:16px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; border-left:5px solid; padding:0 18px; margin:36px;}
li{margin-left:18px;}
hr {display:block; height:0; line-height:0; border:0; border-top:1px solid; border-bottom:1px solid; margin:16px 0; float:none; clear:both; padding:0; border-top-color:#e1e1e1; border-bottom-color:#ffffff;}
strong{font-weight:700;}
em{font-style:italic;}
img{border:0;}
.small{font-size:10px;}

/*----------------------------------------------------------------------*/
/* Pageoptions
/*----------------------------------------------------------------------*/
#map { width: 100%; height: 250px;}
.theinline fieldset.testcheckfs div input[type="checkbox"] {width: 32px!important; height: 32px; content: url(../images/icons/unchecked.png); cursor: pointer; border: none!important;}
fieldset section input[type=checkbox] {width: 20px!important;height:20px;content:url(images/icons/unchecked.png); cursor:pointer; border:none!important; float: left;}
fieldset section input[type=checkbox]:checked  {width: 20px!important;height:20px;content:url(images/icons/checked.png); cursor:pointer; border:none!important;}
a.slidebutton:hover, a.livebutton:hover { color:#eee!important;border-bottom:none!important;background: #777; text-decoration:none!important; }
.livebutton {background: #222; display: inline-block; padding: 6px 10px; color: white !important; font-size: 12px; font-weight: bold; line-height: 1; text-decoration: none; -moz-border-radius: 5px; -webkit-border-radius: 5px;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.25); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25); border-bottom: 1px solid rgba(0, 0, 0, 0.25); position: relative; cursor: pointer;
overflow: visible; width: auto; background-color: #888; position: absolute; top: 7px; right: 8px;}
.slidebutton {background: #222; display: inline-block; padding: 5px 15px 6px; margin-right: 5px; color: white !important; font-size: 13px; font-weight: bold; line-height: 1; text-decoration: none; -moz-border-radius: 5px;
-webkit-border-radius: 5px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.25); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.25); text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25); border-bottom: 1px solid rgba(0, 0, 0, 0.25); position: relative; cursor: pointer; overflow: visible; width: auto; background-color: #888;}
div#fancyModal.show, div#fancyModal2.show { -webkit-transform: translateY(-80px); -moz-transform: translatey(-80px);}
div#fancyModal, div#fancyModal2 {display: block; width: 460px; position: absolute; top: 0; left:30%; z-index: 100; border: solid 1px #999; -moz-box-shadow: 0px 3px 6px rgba(0,0,0,0.25); -webkit-box-shadow: 0px 3px 6px rgba(0,0,0,0.25); padding: 90px 20px 20px 20px; -moz-border-radius: 0 0 6px 6px; -webkit-border-bottom-left-radius: 6px; -webkit-border-bottom-right-radius: 6px; background: white; background: white -webkit-gradient(linear, left top, left bottom, from(white), to(#E6E6E6)); -webkit-transition: -webkit-transform 0.25s ease-out; -webkit-transform: translateY(-570px); -moz-transform: translatey(-570px);}
#fancyModal input, #fancyModal select, #fancyModal textarea, #fancyModal input:invalid, #fancyModal input:required, #fancyModal textarea:required, #fancyModal2 input, #fancyModal2 select, #fancyModal2 textarea, #fancyModal2 input:invalid, #fancyModal2 input:required, #fancyModal2 textarea:required {box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) inset;}
#fancyModal input, #fancyModal textarea, #fancyModal select, #fancyModal2 input, #fancyModal2 textarea, #fancyModal2 select {background-color: #FFFFFF; border-color: #BBBBBB;}
#fancyModal input, #fancyModal2 input {color: #666666; font-size: 14px; height: 30px;}
#fancyModal form textarea, #fancyModal2 form textarea {color: #666666; font-size: 14px; height: 60px;}
#fancyModal input, #fancyModal textarea, #fancyModal select, #fancyModal2 input, #fancyModal2 textarea, #fancyModal2 select {background-color: #FFFFFF; border: 1px solid; border-radius: 4px 4px 4px 4px; color: #333333;    margin: 0 1px;padding: 4px; width: 98%;}
#fancyModal label, #fancyModal2 label {color: #444444; font-size: 14px; text-shadow: 0 1px 0 #FFFFFF;}
#fancyModal h3, #fancyModal2 h3  {color: #444444; margin: 20px 0 10px 0!important; font-size: 18px; text-shadow: 0 1px 0 #FFFFFF;}
#fancyModal p, #fancyModal .button, #fancyModal2 p, #fancyModal2 .button { margin-left:10px!important;}
#fancyModal label, #fancyModal2 label  {padding: 0 0 5px 0; background: none!important; border: none!important;}
#fancyModal section, #fancyModal2 section { width: 62%; float: left; margin: 0 3% 10px 0;}
#fancyModal section.vetpop, #fancyModal2 section.vetpop { width: 30%!important;}
#fancyModal section.timepop, #fancyModal2 section.timepop  { width: 20%!important;}
#fancyModal section.textbox, #fancyModal2 section.textbox { width: 97%; float: left; margin: 0 3% 10px 0;}

.vetfarmsection {background-color:#e5e5e5;-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; margin: 0 0 10px 10px; border-top: solid 1px #FFF; height:60px;}
.balance { clear: none!important; float:left!important; width:30%; background-color:#e5e5e5;-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; margin: 0 0 0 3%; border-top: solid 1px #FFF;}
#balancehud .red {
     clear: none!important; float:left!important; width:30%; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; margin: 0 0 0 3%; border-top: solid 1px #FFF;
    
    moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
background-color:#ac0000;
}
.balance h4 { text-align:center; padding: 12px 0;}
#balancehud .red h4 { text-align:center; padding: 12px 0; color:#fff!important; text-shadow: 0 1px 0 #770000!important;}
td.red, tr.red { background-color:#ac0000; color:#fff!important; text-shadow: 0 1px 0 #770000!important;}
.vetfarm { width: 35%; float: left; margin: 20px;}
.vetfarmradio {height: 13px!important; margin-right:5px!important;}
div#balancehud { padding: 0; width: 52%; float: left; border: none!important; min-width: 310px;}
div#cardhud { padding: 0; width: 47%; float: left; border: none!important;}
div#cardhud p { min-height: 44px; padding: 12px; margin: 0 0 5px 3px; background-color:#e5e5e5;-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; border-top: solid 1px #FFF;}

#pageoptions{position:relative;	overflow:hidden; width:auto; padding:0;	min-height:20px;}
#pageoptions h1, #pageoptions h2,#pageoptions h3, #pageoptions h4, #pageoptions h5, #pageoptions h6{text-shadow:0 2px 0 #000000; color:#f1f1f1;}
#pageoptions ul{overflow:hidden; margin:0; padding:1px 6px;}
#pageoptions ul li{float:right; list-style:none; padding:0; margin:0; margin-left:1px;}
#pageoptions ul li a{color:#999999; text-decoration:none; padding:0 8px 6px; -webkit-border-top-left-radius:4px; -moz-border-radius-topleft:4px; border-top-left-radius:4px; -webkit-border-top-right-radius:4px; -moz-border-radius-topright:4px; border-top-right-radius:4px;}
#pageoptions ul li a:hover, #pageoptions ul li a.active{color:#f1f1f1; background-color:#2e2e33;}
#pageoptions > div{position:absolute; left:15px; right:15px; padding:15px; overflow:hidden; min-height:400px; -webkit-border-top-left-radius:4px; -moz-border-radius-topleft:4px; border-top-left-radius:4px; -webkit-border-top-right-radius:4px; -moz-border-radius-topright:4px; border-top-right-radius:4px; color:#f1f1f1; background-color:#2e2e33; -webkit-box-shadow:inset 0 2px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow:inset 0 2px 1px rgba(0, 0, 0, 0.5); box-shadow:inset 0 2px 1px rgba(0, 0, 0, 0.5);}
#pageoptions div li{float:none;}

/*----------------------------------------------------------------------*/
/* Tables
/*----------------------------------------------------------------------*/

table{width:100%; border-collapse:collapse; background:url(images/paper_01.png)}
table td, table th{border:1px solid; padding:5px 3px 9px 3px; text-align:center; border-color:#dddddd #e7e7e7 #dddddd #e7e7e7;}
table thead tr,table tfoot tr, table th{background-image:url(images/paper_02.png);}
table th{font-weight:700; text-shadow:0 -1px 0 #ffffff;}
div.chart .legend table{border:0; width:auto;}
div.chart{max-width:100%;margin-bottom:18px;}
div.chart .legend table td{vertical-align:middle; text-align:center;}
div.chart .legend table td.legendColorBox{opacity:0.6; filter:Alpha(opacity=60);}
table.documentation th, table.documentation td{text-align:left;}

/*----------------------------------------------------------------------*/
/* Header
/*----------------------------------------------------------------------*/

header{-webkit-box-shadow:3px 0 4px rgba(0, 0, 0, 0.1);-moz-box-shadow:3px 0 4px rgba(0, 0, 0, 0.1);box-shadow:3px 0 4px rgba(0, 0, 0, 0.1);border-top-color:#d7d7d7;background:#333;position:relative;border-top:1px solid;z-index:10;-webkit-border-top-left-radius:8px;-moz-border-radius-topleft:8px;border-top-left-radius:8px;-webkit-border-top-right-radius:8px;-moz-border-radius-topright:8px;border-top-right-radius:8px;}
#logo{padding:65px 0 0 0;border:0;-webkit-border-top-left-radius:8px;-moz-border-radius-topleft:8px;border-top-left-radius:8px;background:url(images/logo.png) 15px center no-repeat;float: left; width: 150px;}
#hklogo, #logo, #logo a{text-shadow:0 -1px 0 #999999;color:#ffffff;text-decoration:none;text-indent:-99999px;}
#hklogo{padding:65px 0 0 0;border:0;background:url(images/hklogo.png) 0 center no-repeat;float: right; width: 190px;}
#header{height:60px;position:absolute;top:0;left:280px;right:0;border:0;-webkit-border-top-right-radius:4px;-moz-border-radius-topright:4px;border-top-right-radius:4px;}

/*----------------------------------------------------------------------*/
/* Content
/*----------------------------------------------------------------------*/

#content{border:0;padding:0;margin:0;min-height:425px;border:1px solid;overflow:visible;-webkit-border-bottom-left-radius:4px;-moz-border-radius-bottomleft:4px;border-bottom-left-radius:4px;-webkit-border-bottom-right-radius:4px;-moz-border-radius-bottomright:4px;border-bottom-right-radius:4px;-webkit-box-shadow:3px 0 4px rgba(0, 0, 0, 0.1);-moz-box-shadow:3px 0 4px rgba(0, 0, 0, 0.1);	box-shadow:3px 0 4px rgba(0, 0, 0, 0.1); background-color:#eeeeee; background-image:url(images/paper_01.png);	border-color:#ededed;}
.bgsample{border:1px solid;float:left;margin:8px;padding:27px 30px;border-color:#999;-webkit-box-shadow:inset 0 0 2px rgba(0,0,0,0.5);-moz-box-shadow:inset 0 0 2px rgba(0,0,0,0.5);box-shadow:inset 0 0 2px rgba(0,0,0,0.5);background-color:#fff}

/*----------------------------------------------------------------------*/
/* Breadcrumb
/*----------------------------------------------------------------------*/

.breadcrumb{margin-bottom:20px;display:block;overflow:hidden;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.breadcrumb.disabled{opacity:.8;filter:Alpha(opacity=80);}
.breadcrumb li{float:left;margin:0;list-style:none;max-width:280px;}
.breadcrumb li:first-child{margin-left:0;}
.breadcrumb li a{padding:10px 35px 5px 30px;font-size:14px;display:block;font-weight:700;margin-left:-20px;border:1px solid;border-left:0;background-repeat:no-repeat;background-position:0 0;height:25px;text-decoration:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.breadcrumb li a span{padding:4px 9px;height:20px;background-repeat:no-repeat;background-position:-2px -2px;display:block;text-indent:-9999px;}
.breadcrumb li a.previous span{opacity:.6;filter:Alpha(opacity=60);}
.breadcrumb li a.previous:hover span{opacity:1;filter:none;}
.breadcrumb li:first-child a{border-left:1px solid;background-position:-20px 0;margin-left:0;padding-left:20px;}
.breadcrumb li:last-child a{padding-right:20px;}
.breadcrumb li a.previous{background-position:0 -129px;}
.breadcrumb.disabled li a.previous:hover{background-position:0 -129px;}
.breadcrumb li:first-child a.previous{background-position:-20px -129px;}
.breadcrumb.disabled li:first-child a.previous:hover{background-position:-20px -129px;}
.breadcrumb li a:hover{background-position:0 -43px;}
.breadcrumb.disabled li a:hover{background-position:0 0;}
.breadcrumb li:first-child a:hover{background-position:-20px -43px;}
.breadcrumb.disabled li:first-child a:hover{background-position:-20px 0;}
.breadcrumb li a:active,.breadcrumb li a.active,.breadcrumb.disabled li a.active:hover{background-position:0 -86px;}
.breadcrumb li:first-child a:active,.breadcrumb li:first-child a.active,.breadcrumb.disabled li:first-child a.active:hover{background-position:-20px -86px;}

/*----------------------------------------------------------------------*/
/* Buttons
/*----------------------------------------------------------------------*/

button,a.btn,.button,.dataTables_paginate span.paginate_button,.dataTables_paginate span.paginate_active{border:1px solid;position:relative;padding:9px 12px;display:inline-block;cursor:pointer;background-repeat:no-repeat;background-position:4px 5px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;text-decoration:none;font-size:11px;font-weight:700;outline:0 none;text-align:center;text-transform:uppercase;margin:2px;min-height:22px;min-width:8px;white-space:pre-line;vertical-align:baseline}
button.small,a.btn.small,.button.small{min-height:14px;line-height:14px;font-size:10px;padding:4px 7px}
button.big,a.btn.big,.button.big{font-size:14px;padding:12px 16px}
button.icon,a.btn.icon,.button.icon{padding-left:27px}
button.small.icon,a.btn.small.icon,.button.small.icon{padding-left:23px;background-position:0 -2px}
button.big.icon,a.btn.big.icon,.button.big.icon{padding-left:27px;background-position:-0 8px}
a.btn.nt,button.nt,.button.nt{background-position:50% 50%;text-indent:-9999px}
a.btn.small.nt,button.small.nt,.button.small.nt{padding-left:12px;padding-right:12px}
a.btn{line-height:18px;min-height:18px}
button:active,a.btn:active,.button:active,.dataTables_paginate span.paginate_active{top:1px}

/*----------------------------------------------------------------------*/
/* Form Elements
/*----------------------------------------------------------------------*/

fieldset{padding:15px;}
pre{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;padding:12px 15px;line-height:18px;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1);}
pre,code{font-size:11px;padding:1px 2px;border:1px solid;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background-image:url(images/paper_02.png); background-color:#f1f1f1; border-color:#bbbbbb;}
pre code{background-image:url(images/code_lines.png); display:block;border:0;}
input,textarea{background-color:#ffffff; border-color:#bbbbbb; width:99%;border:1px solid;padding:4px 2px;margin:0 1px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
input.g1,input.g2,input.g3,input.g4,input.g5,input.g6,input.g7,input.g8,input.g9,input.g10,input.g11,input.g12,textarea.g1,textarea.g2,textarea.g3,textarea.g4,textarea.g5,textarea.g6,textarea.g7,textarea.g8,textarea.g9,textarea.g10,textarea.g11,textarea.g12{margin-left:0;padding:6px 2px;min-height:auto;}
input.placeholder,textarea.placeholder{font-style:italic; color:#cccccc;}
input:focus,textarea:focus{outline:0;}
input, textarea, input:invalid, input:required, textarea:required{-webkit-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.2); box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.2);}
input:hover,input:focus,textarea:hover,textarea:focus{-webkit-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.2), 0 0 3px rgba(0, 0, 0, 0.2); -moz-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.2), 0 0 3px rgba(0, 0, 0, 0.2);	box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.2), 0 0 3px rgba(0, 0, 0, 0.2);}
select optgroup,select option{font-style:normal;border:0; color:#555555;}
select option{border:1px solid;padding:3px; border-color:#ffffff #f7f7f7 #dddddd #f7f7f7;}
input[type=submit],input[type=checkbox],input[type=radio],input[type=button],button{width:auto!important;}
input[type=submit]{min-height:33px;}
form{border:1px solid;padding:4px;margin-bottom:18px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px; border-color:#cccccc #e7e7e7 #ffffff #e7e7e7; background-image:url(images/paper_02.png);}
form:last-child{margin-bottom:0;}
.widget form{border:0;}
form .wl_formstatus{padding-left:18px;color:#990000;}
form fieldset{padding:0;margin:4px;border:1px solid;border-bottom:0;margin-top:14px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px; border-color:#dddddd #e7e7e7 #bbbbbb #e7e7e7;}
form fieldset:first-child{margin-top:4px;}
form label{border-top:1px solid;display:block;font-size:16px;margin:0;padding:10px;font-weight:700;-webkit-border-top-left-radius:4px;-moz-border-radius-topleft:4px;border-top-left-radius:4px;-webkit-border-top-right-radius:4px;-moz-border-radius-topright:4px;border-top-right-radius:4px;border-top-color:#ffffff; color:#444444; position:relative; text-shadow:0 1px 0 #ffffff; background:#f1f1f1; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1', endColorstr='#e8e8e8'); background:-webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#e8e8e8)); background:-moz-linear-gradient(top,  #f1f1f1,  #e8e8e8); background:-o-linear-gradient(top,  #f1f1f1,  #e8e8e8);}
form label span{font-size:12px;}
form span.required{padding:0 4px;font-size:10px;background-repeat:no-repeat;background-position:left bottom;background-image:url(blue/images/required.png);}
form input,form textarea{padding:6px 2px;font-size:13px;}
form fieldset>section{width:100%;border-top:1px solid;border-bottom:1px solid;float:left;padding:0;margin:0; border-top-color:#ffffff; border-bottom-color:#e7e7e7; background:#f6f6f6; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#f1f1f1'); background:-webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#f1f1f1)); background:-moz-linear-gradient(top,  #f6f6f6,  #f1f1f1); background:-o-linear-gradient(top,  #f6f6f6,  #f1f1f1);}
form fieldset>section:first-child{-webkit-border-top-left-radius:4px;-moz-border-radius-topleft:4px;border-top-left-radius:4px;-webkit-border-top-right-radius:4px;-moz-border-radius-topright:4px;border-top-right-radius:4px;}
form fieldset>section:last-child{-webkit-border-bottom-left-radius:4px;-moz-border-radius-bottomleft:4px;border-bottom-left-radius:4px;-webkit-border-bottom-right-radius:4px;-moz-border-radius-bottomright:4px;border-bottom-right-radius:4px;}
form fieldset>section>div{padding:10px 1%;width:70%;float:right;border-left:1px solid;height:100%;min-height:100%;}
form fieldset>section>div.message{padding:0!important;width:100%!important;float:none!important;border-left:none!important;height:100%;min-height:100%;border-bottom:1px solid #e7e7e7;border-top:1px solid #fff;background-color:#f6f6f6!important;}
.message p{width:50%;display:block;margin:0!important;padding:5px;min-height:35px;float:left;}
.message h4{width:80px;display:block;float:left;margin:0 10px 0 0!important;padding:4px 0 5px 0;font-size:13px;font-weight:bold;text-align:center;border-right:1px solid #e7e7e7;border-left:1px solid #e7e7e7;line-height:18px!important;}
.message h5{width:80px;display:block;float:left;margin:0 10px 0 0!important;padding:12px 0 16px 0;font-size:13px;font-weight:bold;text-align:center;border-right:1px solid #e7e7e7;border-left:1px solid #e7e7e7;line-height:18px!important;}
form fieldset > section > div{border-left-color:#e7e7e7;}
form fieldset>section>div>div{float:none;clear:both;width:auto;}
form fieldset>section>div div.date{max-width:230px;}
form fieldset>section.error>label{text-shadow:none;font-weight:700;text-shadow:none;}
form fieldset>section.error{color:#c49090; border-bottom:1px solid; background:#f0cccc; border-bottom-color:#f0cccc; filter:none;}
form fieldset>section.error>label{text-shadow:none;font-weight:700;}
form fieldset>section label{border:0;cursor:pointer;font-size:13px;font-weight:100;float:left;background:0;filter:none;margin:0;width:23%;padding-left:2px;margin-left:8px;text-align:left;}
form fieldset>section h2{border:0;font-size:14px;font-weight:bold;float:left;background:0;filter:none;margin:5px 0 0 0; padding-left:2px; margin-left:8px;text-align:left;}
form fieldset>section div h3{border:0;font-size:14px;font-weight:200;float:left;background:0;filter:none;margin:0;width:95%;padding-left:2px;margin-left:8px;margin-right:20px;text-align:left;}
form fieldset>section>div>div.selector span{height:32px;}
form fieldset>section>div>div.selector select{height:32px;cursor:pointer;}
form fieldset>section>div>div.checker,form fieldset>section>div>div.radio{display:inline-block;margin:0;line-height:1;float:none;}
form fieldset>section>div>div.checker span,form fieldset>section>div>div.radio span{display:inline-block;height:22px;width:22px;float:none;}
form fieldset>section>div>div.checker span input,form fieldset>section>div>div.radio span input{display:inline;width:22px;height:22px;min-width:22px;min-height:22px;margin:0;padding:0;cursor:pointer;}
form fieldset>section>div label{position:relative;width:auto;margin:0;padding:0;display:inline-block;float:none;top:-5px;font-size:11px;line-height:1.5;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
form fieldset>section label span{font-size:10px;}
textarea{min-height:70px;resize:none;overflow:auto;}
input.date{width:80px;}
input[type=password],input.password{width:150px;}
div.passwordstrength{font-size:12px;padding:5px 3px;text-align:center;width:150px;margin:3px 1px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;text-shadow:0 1px 0 #dddddd; -webkit-box-shadow:inset 0 0 5px rgba(0, 0, 0, 0.5); -moz-box-shadow:inset 0 0 5px rgba(0, 0, 0, 0.5); box-shadow:inset 0 0 5px rgba(0, 0, 0, 0.5);}
input.time{width:35px;text-align:center;}
span.timeformat{font-size:11px;padding-left:1px;}
input.integer,input.decimal{width:60px;text-align:right;}
input.color{width:60px;}
div.passwordstrength.s_1{background-color:#f0a8a8;}
div.passwordstrength.s_2{background-color:#f0d2b5;}
div.passwordstrength.s_3{background-color:#e8e8a2;}
div.passwordstrength.s_4{background-color:#a8f0f0;}
div.passwordstrength.s_5{background-color:#a2e8a2;}
#headerdate { float: right; color: #DDD; background-color: #3E3E3E; padding: 0 20px; height: 48px; line-height: 48px; display: block; font-size: 18px; text-shadow: 0px 1px 1px black;-webkit-border-radius: 8px;
border-radius: 8px;
height: 52px;
margin: 15px 30px 0 0;
}
/*----------------------------------------------------------------------*/
/* jQuery Checkbox
/*----------------------------------------------------------------------*/

.jquery-checkbox,.jquery-checkbox span{display:inline;font-size:16px;line-height:16px;cursor:pointer;}
.jquery-checkbox span.checkboxplaceholder{vertical-align:baseline;padding:2px 12px 0;line-height:8px;background-repeat:no-repeat; background-image:url(images/checkbox.png);}
.jquery-checkbox span.checkboxplaceholder{background-image:url(dark/images/checkbox.png);}
.jquery-checkbox.checkbox span.checkboxplaceholder{background-position:0 0;}
.jquery-checkbox.checkbox .hover span.checkboxplaceholder{background-position:0 -26px;}
.jquery-checkbox.checkbox .hover.pressed span.checkboxplaceholder{background-position:0 -51px;}
.jquery-checkbox.checkbox.checked span.checkboxplaceholder{background-position:0 -77px;}
.jquery-checkbox.checkbox.checked .hover span.checkboxplaceholder{background-position:0 -102px;}
.jquery-checkbox.checkbox.checked .hover.pressed span.checkboxplaceholder{background-position:0 -128px;}
.jquery-checkbox.checkbox .disabled span.checkboxplaceholder{background-position:0 -153px!important;cursor:auto;}
.jquery-checkbox.checkbox.checked .disabled span.checkboxplaceholder{background-position:0 -179px!important;cursor:auto;}
.jquery-checkbox.radio span.checkboxplaceholder{background-position:-26px 0;}
.jquery-checkbox.radio .hover span.checkboxplaceholder{background-position:-26px -26px;}
.jquery-checkbox.radio .hover.pressed span.checkboxplaceholder{background-position:-26px -51px;}
.jquery-checkbox.radio.checked span.checkboxplaceholder{background-position:-26px -77px;}
.jquery-checkbox.radio.checked .hover span.checkboxplaceholder{background-position:-26px -102px;}
.jquery-checkbox.radio.checked .hover.pressed span.checkboxplaceholder{background-position:-26px -128px;}
.jquery-checkbox.radio .disabled span.checkboxplaceholder{background-position:-26px -153px!important;cursor:auto;}
.jquery-checkbox.radio.checked .disabled span.checkboxplaceholder{background-position:-26px -179px!important;cursor:auto;}

/*----------------------------------------------------------------------*/
/* Widgets
/*----------------------------------------------------------------------*/

.widget{margin-bottom:15px;border:1px solid;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.widget>div{margin:2px;padding:15px 6px 2px;border:1px solid;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.widget>div>img{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.widget>div.ui-widget{width:99%;padding:0;}
.widget .ui-widget-header{overflow:hidden;}
.widget h3{margin:0;}
.widget:hover{border:1px solid;}
.widget h3.handle{position:relative;font-size:14px!important;border-top:1px solid;border-bottom:1px solid;padding:8px 10px;margin:0;line-height:18px;margin-bottom:1px;cursor:pointer;-webkit-border-top-left-radius:4px;-moz-border-radius-topleft:4px;border-top-left-radius:4px;-webkit-border-top-right-radius:4px;-moz-border-radius-topright:4px;border-top-right-radius:4px;}
.widget.sortable h3.handle{cursor:move;}
.widget h3.handle .collapse,.widget h3.handle .reload{position:absolute;right:8px;top:5px;display:block;height:24px;width:24px;background-repeat:no-repeat;background-position:center center;display:none;}
.widget h3.handle .reload{right:30px;}
.widget h3.handle a:first-child{right:8px;}
.widget:hover h3.handle .collapse,.widget.loading h3.handle .reload,.widget:hover h3.handle .reload{display:block;}
.widget h3.handle .icon{margin-top:-3px;margin-left:-4px;height:24px;width:24px;display:inline-block;float:left;background-position:center;}
.widget.collapsed{border-bottom:1px solid;}
.widget.collapsed h3.handle{border-bottom:0;-webkit-border-bottom-right-radius:4px;-moz-border-radius-bottomright:4px;border-bottom-right-radius:4px;}
.widget.number-widget>div ul{overflow:auto;}
.widget.number-widget>div ul li{display:block;margin:0;list-style:none;border-top:1px dotted;padding:14px 10px 4px;margin:0;}
.widget.number-widget>div ul li:first-child{border-top:0;}
.widget.number-widget>div ul li a{font-size:12px;display:block;}
.widget.number-widget>div ul li a:hover{text-decoration:none;}
.widget.number-widget ul li a span{text-align:left;display:inline-block;width:80px;font-size:16px;font-weight:bold;letter-spacing:-0.05em;padding:2px 6px 2px 0;color:#2771aa;float:right;line-height:10px;}
.sortable_placeholder{margin-bottom:15px;border:1px solid;z-index:1;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}

/*----------------------------------------------------------------------*/
/* Footer
/*----------------------------------------------------------------------*/

footer{color:#aaaaaa; padding:5px; text-align:right;}

/*----------------------------------------------------------------------*/
/* Clear Floats
/*----------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */
.clear {clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0;}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
.clearfix:after {clear:both; content:' '; display:block; font-size:0; line-height:0; visibility:hidden; width:0; height:0;}
.clearfix {display:inline-block;}
* html .clearfix {height:1%;}
.clearfix {display:block;}

/*----------------------------------------------------------------------*/
/* Grid System (based on the 960 Grid System (http://960.gs)
/*----------------------------------------------------------------------*/

.g1,.g2,.g3,.g4,.g5,.g6,.g7,.g8,.g9,.g10,.g11,.g12 {display:inline; float:left; margin-left:1%; margin-right:1%; padding:9px 0; min-height:10px;}
.g1{width:6.333%;}
.g2{width:14.667%;}
.g3{width:23.0%;}
.g4{width:31.333%;}
.g5{width:39.667%;}
.g6{width:48.0%;}
.g7{width:56.333%;}
.g8{width:64.667%;}
.g9{width:73.0%;}
.g10{width:81.333%;}
.g11{width:89.667%;}
.g12{width:98.0%;}

/*----------------------------------------------------------------------*/
/* Layout
/*----------------------------------------------------------------------*/

body{margin:10px 0;}
header{height:80px; z-index:2;}
nav{position:absolute; width:216px; z-index:2;}
#content{overflow:hidden; left:0; right:0; top:0; z-index:1;}
#content h1 { margin: 0 0 0 15px; }
img.map { margin: 11px; border: 1px solid #E7E7E7; width: 93%;}
td.amber { background-color:#C90; color:#fff;}


td.green, tr.green { background-color:#00ac04; color:#fff;text-shadow: 0 1px 0 #006d03!important;}
ul#mainNav {height: 52px; list-style: none; float: left;padding: 0; margin: 15px 0 0 30px;}
ul#mainNav li { padding: 0; height: 48px;  margin: 0 5px 0 0; list-style: none; float: left; line-height: 48px; text-decoration: none;}
ul#mainNav li a {background-color: #272727; margin:0; padding: 0 20px;height: 48px; line-height: 48px; display: block; text-decoration: none; color: #fff; font-size: 18px; text-shadow: 0px 1px 1px #000; moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; -webkit-transition-duration: 0.6s; -webkit-transition-timing-function: linear; -moz-transition-duration: 0.6s; -moz-transition-timing-function: linear transition-duration:0.6s;
transition-timing-function: linear;}
ul#mainNav li a:hover, ul#mainNav li a.current {text-decoration: none;border-bottom: none; color: #ddd; background-color: #3e3e3e;}

/*----------------------------------------------------------------------*/
/* DataTable
/*----------------------------------------------------------------------*/

table.dataTable{margin:0 auto 5px auto;clear:both;width:100%;}
table.dataTable thead th{padding:3px 18px 3px 10px;border-bottom:1px solid black;font-weight:bold;cursor:pointer;*cursor:hand;}
table.dataTable tfoot th{padding:3px 18px 3px 10px;border-top:1px solid black;font-weight:bold;}
table.dataTable td{padding:3px 10px;}
table.dataTable td.center,table.dataTable td.dataTables_empty{text-align:center;}
table.dataTable tr.odd{background-color:#eaeaea;}
table.dataTable tr.even{background-color:white;}
table.dataTable tr.odd td.sorting_1{background-color:#d3d6ff;}
table.dataTable tr.odd td.sorting_2{background-color:#dadcff;}
table.dataTable tr.odd td.sorting_3{background-color:#e0e2ff;}
table.dataTable tr.even td.sorting_1{background-color:#eaebff;}
table.dataTable tr.even td.sorting_2{background-color:#f2f3ff;}
table.dataTable tr.even td.sorting_3{background-color:#f9f9ff;}
#vets-table_length,#vets-table_filter,#vets-table_info,#vets-table_paginate{display:none;}
.dataTables_wrapper{position:relative;clear:both;*zoom:1;}
.dataTables_filter{ width:50%; float: right; text-align: right; margin-bottom:5px;}
.dataTables_filter input { width:133px!important;}
#contactdt_length {float: left; margin-bottom:5px;}
.dataTables_info{clear:both;float:left;}
.dataTables_paginate{float:right;text-align:right;}
.paginate_disabled_previous,.paginate_enabled_previous,.paginate_disabled_next,.paginate_enabled_next{height:19px;float:left;cursor:pointer;*cursor:hand;color:#111!important;}
.paginate_disabled_previous:hover,.paginate_enabled_previous:hover,.paginate_disabled_next:hover,.paginate_enabled_next:hover{text-decoration:none!important;}
.paginate_disabled_previous:active,.paginate_enabled_previous:active,.paginate_disabled_next:active,.paginate_enabled_next:active{outline:0;}
.paginate_disabled_previous,.paginate_disabled_next{color:#666!important;}
.paginate_disabled_previous,.paginate_enabled_previous{padding-left:23px;}
.paginate_disabled_next,.paginate_enabled_next{padding-right:23px;margin-left:10px;}
.paginate_enabled_previous{background:url('images/back_enabled.png') no-repeat top left;}
.paginate_enabled_previous:hover{background:url('images/back_enabled_hover.png') no-repeat top left;}
.paginate_disabled_previous{background:url('images/back_disabled.png') no-repeat top left;}
.paginate_enabled_next{background:url('images/forward_enabled.png') no-repeat top right;}
.paginate_enabled_next:hover{background:url('images/forward_enabled_hover.png') no-repeat top right;}
.paginate_disabled_next{background:url('images/forward_disabled.png') no-repeat top right;}
.paging_full_numbers{height:22px;line-height:22px;}
.paging_full_numbers a:active{outline:0;}
.paging_full_numbers a:hover{text-decoration:none;}
.paging_full_numbers a.paginate_button,.paging_full_numbers a.paginate_active{border:1px solid #aaa;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;padding:2px 5px;margin:0 3px;cursor:pointer;*cursor:hand;color:#333!important;}
.paging_full_numbers a.paginate_button{background-color:#ddd;}
.paging_full_numbers a.paginate_button:hover{background-color:#ccc;text-decoration:none!important;}
.paging_full_numbers a.paginate_active{background-color:#99b3ff;}
.dataTables_processing{position:absolute;top:50%;left:50%;width:250px;height:30px;margin-left:-125px;margin-top:-15px;padding:14px 0 2px 0;border:1px solid #ddd;text-align:center;color:#999;font-size:14px;background-color:white;}
.sorting{background:url('images/sort_both.png') no-repeat center right;}
.sorting_asc{background:url('images/sort_asc.png') no-repeat center right;}
.sorting_desc{background:url('images/sort_desc.png') no-repeat center right;}
.sorting_asc_disabled{background:url('images/sort_asc_disabled.png') no-repeat center right;}
.sorting_desc_disabled{background:url('images/sort_desc_disabled.png') no-repeat center right;}
table.dataTable th:active{outline:0;}
#tl-timeline-iframe{width:100%;height:600px;}
img#wpstats{display:none;}
.dataTables_scroll{clear:both;}
.dataTables_scrollBody{*margin-top:-1px;}
button:hover,a.btn:hover,.button:hover,.dataTables_paginate span.paginate_active:hover{background-color:#f1f1f1}
button:active,a.btn:active,.button:active,.dataTables_paginate span.paginate_active{background-color:#f1f1f1;border-color:#b2b2b2 #c7c7c7 #c7c7c7 #b2b2b2;-webkit-box-shadow:inset 0 2px 1px rgba(0,0,0,0.1);-moz-box-shadow:inset 0 2px 1px rgba(0,0,0,0.1);box-shadow:inset 0 2px 1px rgba(0,0,0,0.1)}
button,a.btn,.button .dataTables_paginate span.paginate_button,.dataTables_paginate span.paginate_active{border-color:#c7c7c7 #b2b2b2 #b2b2b2 #c7c7c7;text-shadow:0 1px 0 rgba(255,255,255,0.7);color:#555;background-color:#e6e6e6;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.6),inset 0 2px 5px rgba(255,255,255,0.5),inset 0 -2px 5px rgba(0,0,0,0.1);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.6),inset 0 2px 5px rgba(255,255,255,0.5),inset 0 -2px 5px rgba(0,0,0,0.1);box-shadow:inset 0 1px 0 rgba(255,255,255,0.6),inset 0 2px 5px rgba(255,255,255,0.5),inset 0 -2px 5px rgba(0,0,0,0.1)}


/*----------------------------------------------------------------------*/
/* Media Queries
/*----------------------------------------------------------------------*/

/* For very large screens increes the margins*/
@media screen and (min-width:1281px) {
	body{margin-left:5%; margin-right:5%;}
}

/* Move the Headernav to a drop down menu to the right */
@media screen and (max-width:960px) {	
	.g1,.g2,.g3,.g4,.g5,.g6,.g7,.g8 {width:48%;}
        div#cardhud {width: 97%; margin-left: 1%;}
        div#balancehud {width: 97%;}
}

@media screen and (max-width:900px) and (min-width:701px) {
form fieldset>section>div{width:69%}
form fieldset>section label{width:24%}
.g1,.g2,.g3,.g4,.g5,.g6,.g7,.g8,.g9,.g10,.g11,.g12{width:48%}
div#cardhud {width: 97%; margin-left: 1%;}
div#balancehud {width: 97%;}
}

/* For more smaller Screens (iPad) */
@media screen and (max-width:700px) {
	header #search,header #searchbox{max-width:100px}
form label{padding:10px 1%}
form fieldset>section{padding-bottom:8px}
form fieldset>section>label{left:0;right:0;width:98%;margin:0;float:none;padding:1%;padding-bottom:8px}
form fieldset>section>div{float:none;width:98%;padding:4px;border:0}	
}

/* iPhone and real small devicces */
@media screen and (max-width:550px) {
	ul#mainNav { width:100%; background-color:#333; margin: 0; height:60px;}
	ul#mainNav li {margin: 5px 0 5px 3%;}
	}
@media screen and (max-width:800px) {
	body#login{position:static;left:auto;right:auto;width:96%;margin:10px auto;padding:0;}
.g1,.g2,.g3,.g4,.g5,.g6,.g7,.g8,.g9,.g10,.g11,.g12{width:98%;}
body#login #content{padding:0;padding-top:20px;width:99%;}
body#login form{border:0;}
body#login form section label{border:0;}
body#login fieldset{margin:0;}
body#login form>section a{margin:10px 4%;float:left;}
#pageoptions>div{left:2px;right:2px;padding:15px;}
header #searchbox{display:none;max-width:40px;}
header #searchbox input{max-width:40px;}
header ul#searchboxresult{display:none!important;}
body{width:96%;margin:1%;}
body,header,nav,#content{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}

header,#content{width:100%;}
nav,nav ul,nav ul li,nav ul li a,nav ul li a span,nav ul li a:active span,nav ul li a.active span{margin:0;padding:0;}
nav ul li a:active span,nav ul li a.active span{border-top:1px solid;background-position:center center;}
nav{border-top:1px solid;position:static;width:98%;margin:0 1%;}
nav ul li{width:44px;display:inline-block;margin-left:-2px;margin-right:-2px;}
nav ul li a span{border-left:1px solid;border-bottom:0;height:40px;text-indent:-9999px;background-position:center center;}
nav ul li:first-child a span{border-left:0;}
nav ul li ul{position:absolute;left:0;margin:0;z-index:15;background:0;width:98%;margin:0 1%;}
nav ul li ul li{display:block;width:100%;}
nav ul li ul li a span{height:20px;text-indent:0;}
#content{padding:0;}
form{padding:0;margin:0;}
form input,form textarea{font-size:14px;max-width:96%;}
#wl_msg{right:5px;left:5px;width:auto;}
.g1,.g2,.g3,.g4,.g5,.g6,.g7,.g8,.g9,.g10,.g11,.g12{width:100%;margin:0;min-height:0;}
}