/*==============================================================
Styles2.css
Created by dbmusicka@bigpond.com
Updated by dbmusicka@bigpond.com
Base style sheet last updated 21-01-2012
==============================================================*/

/*===== RESET STYLES =====*/

html, body, div, tr, td, ul, li, p {
margin:0px;
padding:0px;
}

h1, h2, h3, h4, h5 {
margin:0px;
padding:0px;
font-style:normal;
font-weight:normal;
}

table {
border-collapse:collapse;
border-spacing:0;
}

img, a img {
border:0px none;
}

/*===== STANDARD STYLES =====*/

body {
font-family:Calibri;
font-size:14px;
color: #585050;
background-color: #e8ebf2;
}

a {
color: #1f71cd;
text-decoration: underline;
}

a:hover {
text-decoration:none;
}

h1 {
font-size: 18pt;
font-weight: bold;
color: #1f71cd;
font-family: Calibri;
}

h2 {
font-size:16px;
font-weight: bold;
color: #000000;
font-family: Calibri;
}

/*===== CUSTOM STYLES =====*/

.container {
width:930px;
margin: 0 auto;
background-color: #1F71CD;;
border: 1px solid #ffffff;
}



.header {
background-color: #1f71cd;
border-bottom: 1px solid #ffffff;
}

.menu {
width: 200px;
float: left;
}

.menu ul {
margin: 0px;
padding: 0px;
}

.menu li {
margin: 0px;
background:transparent url(/Images/menu-bullet.gif) no-repeat scroll 5px 5px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding: 5px 5px 8px 30px;
border-bottom: 1px solid #ffffff;
}

.menu li a {
color:#ffffff;
font-weight: bold;
text-decoration:none;
}

.menu li a:hover {
color: #dddddd;
text-decoration: none;
}

.paw-list ul {
margin: 0px;
padding: 0px;
}

.paw-list li {
margin: 0px;
background:transparent url(/Images/other-bullet.gif) no-repeat scroll 5px 5px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding: 5px 5px 8px 30px;
}

.content {
float: right;
width:690px;
padding:20px;
min-height: 700px;

background-color: #ffffff;
line-height: 1.5;
}

.footer {
clear: both;
color:#ffffff;
line-height: 1.5;
padding: 10px;
text-align:center;
background-color:#999999;
}

.footer a {
color:#ffffff;
}

.pettable {
width: 100%;
}

.pettable td {
border: 1px solid #1f71cd;
padding: 5px;
}

.ten-padding-table {
width: 100%;
}

.ten-padding-table td {
padding: 10px;
}

/*===== BASE FORM STYLES =====*/

.form label, .webform label {
display: inline-block;
padding: 10px 0 5px;
font-size: 14px;
}

.form input[type="text"], .webform input[type="text"] {
width: 100%;
max-width: 500px;
padding: 7px 10px;
font-size: 14px;
}

.form input[type="checkbox"], .webform input[type="checkbox"] {
margin-right: 10px;
}

/*===== MSW WEB FORM STYLES =====*/

.msw-form {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

.msw-form .content {
padding:10px;
width:425px;
}

.msw-form .left {
width:150px;
float:left;
padding:5px;
min-height:20px;
}

.msw-form .right {
width:255px;
float:left;
padding:5px;
min-height:20px;
}

.msw-form .row {
background:none;
display:block;
min-height:20px;
}

.msw-form .over {
background-color:#f0f0f0;
}

.msw-form .over input, .msw-form .over textarea {
border: 1px solid #F00000 !important;
}

.msw-form input.cat_textbox , .msw-form textarea.cat_listbox {
width:250px !important;
border: 1px solid #999999;
}

.msw-form .req {
color:#F00000;
font-weight:bold;
}

.enquiry-display {
position: absolute;
bottom: 0;
right: 0;
padding: 0px 5px 5px 0px;
}

/*===== ACCORDION =====*/
.accordion.js > * {
overflow: hidden;
}

.accordion.js .accordion-content,
.accordion.js h2.accordion-heading:before,
.accordion.js h2.accordion-heading:after {
-webkit-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}

.accordion.js > * + * {
margin-top: 20px;
}

.accordion.js .accordion-content {
visibility: hidden;
opacity: 0;
max-height: 0;
margin: 0 0 0 8px;
transform: translate(0, 5px);
}

.accordion.js .accordion-content.expanded {
opacity: 1;
visibility: visible;
max-height: 3000px;
margin-top: 14px;
transform: translate(0, 0);
}

.accordion.js h2.accordion-heading {
cursor: pointer;
visibility: visible;
position: relative;
padding: 8px 10px;
color: #1178b9;
background: #f5f5f5;
}

.accordion.js h2.accordion-heading:hover {
background: #efefef;
}

.accordion.js h2.accordion-heading:before,
.accordion.js h2.accordion-heading:after {
content: "";
position: absolute;
top: 12px;
right: 18px;
background: #1178b9;
width: 3px;
height: 9px;
}

.accordion.js h2.accordion-heading:before {
transform: translate( 2px, 0 ) rotate( 45deg );
}

.accordion.js h2.accordion-heading:after {
transform: translate( -2px, 0 ) rotate( -45deg );
}

.accordion.js h2.accordion-heading.expanded:before {
transform: translate( -2px, 0) rotate( 45deg );
}

.accordion.js h2.accordion-heading.expanded:after {
transform: translate( 2px, 0 ) rotate( -45deg );
}