/*
================================================================
| Default CSS Style
| There are no module specific CSS files here, this is SKIN only CSS
================================================================
*/

/*
================================================================
| Imported CSS files
================================================================
*/

@import url("/client/css/reset.css");
@import url("thickbox.css");
@import url("navigation.css");
@import url("errormsg.css");

/*
================================================================
| Overall CSS
================================================================
*/

* {	padding: 0; margin: 0; border: 0; outline: none; }

body
{
	background: #fff;
	font-size: 12px;
	font-family: tahoma, geneva, arial, sans-serif;
	color: #999;
    background: url(/client/images/background.jpg) repeat-x #a8dad9;
}

:focus { -moz-outline-style: none; }

h1
{
	font-size: 16px;
	color: #222;
}

h1.services
{
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #222;
}

h2.heading
{
    padding-bottom: 5px;
    border-bottom: 1px solid #222;
}

h1 a
{
	color: #616161;
	text-decoration: none;
}

h1 a:hover
{
	text-decoration: underline;	
}

a
{
	color: #141413;
	text-decoration: none;
}

ul.downloads li
{
	padding-bottom: 8px;	
}

li
{
	margin-left: 25px;	
	list-style: circle;	
}

p.map
{
	display: block;
	background: url("/client/images/pdf.gif") no-repeat left;
	padding-left: 25px;
}	

hr
{
	border-top: 1px solid #f2f2f2;
	margin-bottom: 20px;
}

ul.reasons li
{
	margin-bottom: 2px;
}

/*
================================================================
| Errors
================================================================
*/

FORM .diverror, DIV#errors { background: #FFFF99; border: 1px solid #FF0000; padding: 5px; margin-bottom: 10px; }
FORM .diverror INPUT { border: 1px solid #FF0000; }
FORM .diverror LABEL { width: 160px; }
FORM .diverror p { font-size: 11px; font-weight: bold; clear: left; margin-left: 5px; }
FORM INPUT.inputText formerror
{
	border: 1px solid #990000;
}

/*
================================================================
| Jquery Tooltip
================================================================
*/

#tooltip
{
	position:absolute;
	border:1px solid #333;
	background:#f7f5d1;
	padding: 8px 10px 8px 10px;
	color:#333;
	display:none;
	font-size: 12px;
}

/*
================================================================
| P & Span Elements
================================================================
*/

p.hometext
{
	word-spacing: 0.1em;	
}

p.login
{
	padding-top: 6px;
	float: left;
	width: 230px;
	margin-left: 10px;
}

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

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

/*
================================================================
| TAB related functions
================================================================
*/

/*
================================================================
| table that displays stored data
================================================================
*/
table.overview-table, table.overview-table-nohover {
	font-size: 11px;
	background-color: #4D4D4D;
}
table.overview-table th, table.overview-table-nohover th {
	text-align: left;
	background: url(/client/images/administration/bgTable2.png);
	padding: 5px;
}
table.overview-table td, table.overview-table-nohover td {
	background: #f5f5f5;
	padding: 5px;
}
table.overview-table td.data
{
	padding: 5px;
}
table.overview-table td.sort
{
	padding: 2px;
}
table.overview-table-nohover td
{
    background: #fff;
}
table.overview-table td.title, table.overview-table-nohover td.title {
	font-weight: bold;
	width: 120px;
}
table.overview-table td a, table.overview-table-nohover td a
{
	font-weight: bold;
	text-decoration: underline;
}
table.overview-table td a:hover
{
	color: red;
}
table.overview-table tr:hover td
{
	cursor: pointer;
	background: url(/client/images/administration/tableBg.png) repeat-x #fef900;
}

table.overview-table tr.even td, table.zebra tr.even th { background-color:#efefef; }
table.overview-table tr.odd td { background-color:#e3e3e3; }
table.overview-table td.tableBottom { background: url("/client/images/administration/tableBottom.png"); }
table.overview-table tr:hover td.tableBottom { background: url("/client/images/administration/tableBottom.png");}

table.links
{
	text-align: center;
}

table.links tr td
{
	font-weight: bold;	
}

table.links img
{
	padding: 1px;
	border: 1px solid #ccc;
}

table.links a
{
	color: #222;	
}

table.meet_us img
{
	padding: 1px;
	border: 1px solid #ccc;	
}

table.meet_us a
{
	color: #222;
	text-decoration: none;	
}

table.claim
{
	background: #fff;
	border: 1px solid #ccc;
}

div.claim_wrap
{
	width: 49%;
	float: left;
	margin-bottom: 20px;
	margin-left: 1%;
}

table.claim_form
{
	background: #fff;
	border: 1px solid #ccc;
	width: 100%;
}

table.signup
{
	float: left;
	width: 400px;	
}

/*
================================================================
| LABELS and FORM ELEMENTS
================================================================
*/

label 
{
	color:#5a5a5a;
	cursor:pointer;
	padding-left:2px;
	line-height:16px;
	font-weight: bold;
}

INPUT.inputStandard
{
	width: 300px;
	padding: 2px;
	border: 1px solid #ccc;
}
INPUT.inputMedium, INPUT.inputText, INPUT.inputDate, INPUT.inputMicro, INPUT.inputSmall
{
	width: 200px;
	padding: 2px;
	border: 1px solid #ccc;
}

INPUT.inputText:focus, INPUT.inputText:focus, INPUT.inputDate:focus, INPUT.inputMicro:focus
{
	border: 1px solid red;	
}

INPUT.inputDate
{
	width: 100px;	
}

INPUT.inputSmall
{
    width: 80px;
}

INPUT.inputMicro
{
	width: 50px;
}	

SELECT.inputSelect, SELECT.inputSelectSmall, SELECT.inputSelectTiny
{
	border: 1px solid #ccc;
	width: 206px;
}

SELECT.inputSelectSmall
{
    width: 120px;
}

.inputTextarea 
{
	border: 1px solid #b7b7b7;
	width: 265px;
	height: 75px;
	margin-bottom: 10px;
	padding: 2px;
}

.inputTextarea:focus
{
	border: 1px solid red;	
}

.inputTextareaSmall
{
	border: 1px solid #b7b7b7;
	width: 250px;
	height: 75px;
	margin-bottom: 10px;
	padding: 2px;
}
.btnok
{
	border: 2px solid;
	border-color: #FF0000 #990000 #990000 #FF0000;
	background: #CC0000;
	color: #FFF;
	font-weight: bold;
	cursor:pointer;
}

.btsno
{
	background: url(/client/images/administration/buttonSmall.png) no-repeat;
	font-weight: bold;
	font-size: 11px;
	color: #000;
	cursor: pointer;
	width: 70px;
	padding-top: 2px;
	padding-bottom: 4px;
	background-position: 0 -22px;
}
.btsno:hover
{
	background-position: 0 -0px;
}
.btsno:active
{
	background-position: 0 -44px;
	color: #fff;
}

.btkko, .btnno, .btsno
{
	background: url(/client/images/administration/buttonSquare.png) repeat-x;
	background-position: 0 -40px;
	font-family: verdana;
	font-weight: bold;
	font-size: 11px;
	color: #000;
	cursor: pointer;
	padding: 2px 5px 3px 5px;
	border-left: 1px solid #2d7209;
	border-right: 1px solid #2d7209;
}
.btkko:hover, .btnno:hover, .btsno:hover
{
	background-position: 0 -0px;
}
.btkko:active, .btnno:active, .btsno:active
{
	background-position: 0 -20px;
	color: #fff;
	outline: none;
}

.close, .button
{
	cursor: pointer;
	border: 1px solid #222;
	padding: 3px 6px 3px 6px;
	font-weight: bold;
}

.close:hover, .button:hover
{
	background: #c60000;
	color: #fff;
}

.red
{
	background: #c60000;
	color: #fff;
}

.submit
{
	background: #1f1458;
	padding: 3px 5px 3px 5px;
	color: #fff;
	font-weight: bold;
	margin-top: 5px;
}

.submit:hover
{
	background:	#83ba2c;
	cursor: pointer;
}

/*
================================================================
| DIV ELEMENTS
================================================================
*/

DIV#bgWrapper
{
    width: 1000px;
    margin: auto;
    background: #fff;
}

DIV#wrapper
{
	width: 980px;
	margin: auto;
}

DIV#top
{
	width: 100%;
	height: 195px;
	float: left;
}

DIV#menu
{
	float: left;
	height: 28px;
}

DIV#menu a
{
	float: left;
	width: 90px;
	height: 22px;
	margin-right: 5px;
	background: url(/client/images/image_07.jpg) no-repeat;
	text-decoration: none;
	padding-left: 8px;
	padding-top: 6px;
	color: #454544;
}

DIV#menu a.home, DIV#menu a.vets:hover, DIV#menu a.staff:hover, DIV#menu a.surgeries:hover, DIV#menu a.emergencies:hover, DIV#menu a.news:hover, DIV#menu a.contact:hover
{
	background: url(/client/images/hover_03.jpg) no-repeat;
	color: #fff;
}

DIV#menu a.vets
{
	background: url(/client/images/hover_05.jpg) no-repeat;
    color: #fff;
}

DIV#menu a.staff
{
	background: url(/client/images/hover_07.jpg) no-repeat;
    color: #fff;
}

DIV#menu a.surgeries
{
	background: url(/client/images/hover_09.jpg) no-repeat;
    color: #fff;
}

DIV#menu a.emergencies
{
	background: url(/client/images/hover_11.jpg) no-repeat;
    color: #fff;
}

DIV#menu a.news
{
	background: url(/client/images/hover_13.jpg) no-repeat;
    color: #fff;
}

DIV#menu a.contact
{
	background: url(/client/images/hover_15.jpg) no-repeat;
    color: #fff;
}

DIV#innerWrapper
{
	float: left;
	width: 757px;
	margin-right: 10px;
}

DIV#content
{
	clear: left;
	float: left;
	border: 1px solid #b9b9ba;
	border-top: none;
	border-bottom: none;
	width: 745px;
	background: url(/client/images/image_10.jpg) repeat-x;
	padding-top: 5px;
	padding-left: 10px;
    min-height: 463px;
	overflow: scroll;
	overflow-y: visible;
	overflow-x: hidden;
}

DIV#innerBox1, DIV#innerBox2
{
	float: left;
	width: 458px;
	margin-right: 10px;
    margin-top: 8px;
}

DIV#innerBox2
{
	width: 265px;
	margin-right: 0;
}

DIV#innerBoxContent
{
	float: left;
	margin-right: 10px;	
	margin-top: 5px;
}

DIV#box1, DIV#box2
{
	float: left;
	clear: left;
	/*background: url(/client/images/bg_17.png) repeat-x;*/
	width: 458px;
}

DIV#box2
{
	/*background: url(/client/images/box2_54.png) repeat-x;*/
	margin-top: 10px;
}

DIV#box3, DIV#box4, DIV#box5
{
	float: left;
	clear: left;
	width: 267px;
	height: 130px;
	background: none;
}

DIV#box3
{
    height: 308px;
    margin-top: 10px; 
}

DIV#box4
{
	height: 100px;
    margin-top: 10px;
}

DIV#box5
{
	height: 153px;
}

DIV.box1inner, DIV#box1inner
{
	clear: left;
	border-left: 1px solid #b9b9ba;
	border-right: 1px solid #b9b9ba;
	height: 138px;
	line-height: 1.5em;
	background: #fff;
	padding: 10px;
	padding-top: 8px;
	color: #141413;
}

DIV#boxContentInner
{
	clear: left;
	border-left: 1px solid #b9b9ba;
	border-right: 1px solid #b9b9ba;
	line-height: 1.5em;
	background: #fff;
	padding: 10px;
	padding-top: 8px;
	color: #141413;
}

DIV.box3inner, DIV.box4inner, DIV.box5inner
{
	border-left: 1px solid #b9b9ba;
	border-right: 1px solid #b9b9ba;
	height: 82px;
}

DIV.box3inner
{
    height: 260px;
    background: url(/client/images/fpimage_07.jpg) no-repeat bottom right #fff; 
}

DIV.box3inner p
{
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 8px;
	color: #141413;
	line-height: 1.5em;
}

DIV.box4inner
{
    height: 42px;
}

DIV.box4inner p
{
	padding-top: 15px;
	line-height: 1.5em;
    padding-left: 10px;
    color: #222;
}

DIV.box5inner
{
	height: 106px;
	background: #fff;
	color: #170f57;
}

DIV.box5inner h4, DIV.box5inner p
{
	padding-left: 10px;
	padding-top: 10px;
}

DIV.box5inner p
{
	padding-top: 0;	
}

DIV.box1top, DIV.box2top, DIV.boxContentTop
{
	float: left;
	height: 55px;
	width: 430px;
}

DIV.box1top
{
	background: url(/client/images/bg_17.png);
}

DIV.box2top, DIV.boxContentTop
{
	height: 34px;
	width: 427px;
}

DIV.boxContentTop
{
	width: 704px;
}

DIV.box1top h2, DIV.box2top h2, DIV.boxContentTop h2
{
	padding-top: 18px;
	padding-left: 5px;
	display: block;
	height: 30px;
	font-size: 16px;
	color: #170f57;
}

DIV.box2top h2, DIV.boxContentTop h2
{
	height: 15px;
	padding-top: 8px;
}

DIV#box2top
{
	float: left;
	width: 200px;	
}

DIV.box2top, DIV.boxContentTop
{
	background: url(/client/images/box2_54.png) repeat-x;

}

DIV#footerLeft, DIV#footerMid, DIV#footerRight
{
	float: left;
}

DIV#footerMid
{
	width: 61px;
	background: url(/client/images/footer_69.png) repeat-x;
}

DIV#blank
{
	float: left;
	width: 212px;
	height: 45px;	
}

DIV#services
{
	float: right;
    clear: right;
    margin-top: 10px;
	width: 213px;
}

DIV#services a
{
	float: left;
	width: 178px;
	height: 24px;
	margin-right: 5px;
	background: url(/client/images/image_28.jpg) no-repeat;
	text-decoration: none;
	padding-left: 35px;
	padding-top: 8px;
	color: #454544;
}

DIV#emergency
{
	float: right;
}

DIV#services a.service2, DIV#services a.service3, DIV#services a.service4, DIV#services a.service5, DIV#services a.service6,
DIV#services a.service7, DIV#services a.service8, DIV#services a.service9, DIV#services a.service10, DIV#services a.service11, DIV#services a.service12, DIV#services a.service13, DIV#services a.service14, DIV#services a.service15, DIV#services a.service16, DIV#services a.service17 
{
	background: url(/client/images/image_28.jpg) no-repeat;
	height: 22px;
	padding-top: 7px;
	border-bottom: 1px solid #b9b9b9;
}

DIV#services a.service2
{
	background: url(/client/images/image_33.jpg) no-repeat;
}

DIV#services a.service3
{
	background: url(/client/images/image_34.jpg) no-repeat;
}

DIV#services a.service4
{
	background: url(/client/images/image_36.jpg) no-repeat;
}

DIV#services a.service5
{
	background: url(/client/images/image_42.jpg) no-repeat;
}

DIV#services a.service6
{
	background: url(/client/images/image_45.jpg) no-repeat;
}

DIV#services a.service7
{
	background: url(/client/images/image_46.jpg) no-repeat;
}

DIV#services a.service8
{
	background: url(/client/images/image_51.jpg) no-repeat;
}

DIV#services a.service9
{
	background: url(/client/images/image_60.jpg) no-repeat;
}

DIV#services a.service10
{
	background: url(/client/images/image_63.jpg) no-repeat;
}

DIV#services a.service11
{
	background: url(/client/images/image_64.jpg) no-repeat;
	border-bottom: 0;
}

DIV#services a.service12
{
    background: url(/client/images/image_74.jpg) no-repeat;
    border-bottom: 0;
}

DIV#services a.service13
{
    background: url(/client/images/image_75.jpg) no-repeat;
    border-bottom: 0;
}

DIV#services a.service14
{
    background: url(/client/images/image_67.jpg) no-repeat;
    border-bottom: 0; 
}

DIV#services a.service15
{
    background: url(/client/images/image_68.jpg) no-repeat;
    border-bottom: 0; 
}

DIV#services a.service16
{
    background: url(/client/images/image_69.jpg) no-repeat;
    border-bottom: 0; 
}

DIV#services a.service17
{
    background: url(/client/images/image_70.jpg) no-repeat;
    border-bottom: 0; 
}

img.services:hover
{
    cursor: pointer;
}

DIV.warning
{
	padding: 5px;
	background: yellow;
	border: 1px solid red;	
}

DIV.footer a
{
	font-size: 11px;
	text-decoration: underline;
}

DIV.footer p
{
	font-size: 11px;
	color: #222;	
}

DIV#contactEmail
{
    float: right;
    clear: right;
    margin-top: 10px;
    width: 213px;
    height: 60px;
    background: url(/client/images/email_button.jpg) no-repeat;
}

DIV#contactEmail:hover 
{
    cursor: pointer;
    background-position: 0 -60px;
}