﻿body 
{
    font-family:Verdana,Arial;
    color:#333;
    font-size:13px;
    background: #D2D2D1 url('../img/background.body.jpg') repeat-y top center;
}
h1
{
    font-size:1.5em;
}
h2
{
    font-size:1.2em;
    margin-bottom:0.5em;
}
h3
{
    font-size:1.1em;
    margin:5px 0 3px 0;
}
h4
{
    font-size:12px;
}
p
{
    margin-bottom:1em;
}
a, a:active
{
    outline: none;
    color: #0067AB;
    text-decoration: underline;
}
button
{
       cursor:pointer;
}
#container
{
    width:960px;
    margin:0 auto;
    overflow:auto;
    background-color:#fff;
}
#banner
{
    margin:20px 0;
}
#container h1 
{
    font-size: 20px;
    color: #005D9B;
    border-bottom: 1px solid #B2D1E6;
    margin: 10px 0 10px 0;
    padding-bottom: 10px;
    font-weight: normal;
    font-family: "Trebuchet MS", Arial, sans-serif;
}
#content
{
    width:940px;
    margin:0 auto;
    margin-bottom:100px;
    overflow:auto;
}
#col1
{
    float:left;
    width:656px;
}
#col2
{
    padding-left:20px;
    float:left;
    width:260px;
}
#menu
{
    height: 28px;
    border-bottom: 1px dotted #B2D1E6;
    background: url(../img/background.navigation.jpg) top repeat-x;
    position: relative;
    z-index: 10;
}
#nav li
{
    position: relative;
    display: inline;
    float: left;
    height: 29px;
    z-index: 1000;
}
#nav li a
{
    display: block;
    padding-left: 10px;
    padding-right: 10px;
    height: 24px;
    line-height: 24px;
    color: white;
    text-align: center;
    text-decoration: none;
    margin-bottom: 4px;
    border-bottom: 4px solid white;
}
#nav a:hover
{
    border-bottom: 4px solid #0067ab;
    background: #DFECF4;
    color:#0067ab;
}


table, th, td
{
    border:solid 1px #E6E6E6;
    text-align:left;
    vertical-align:top;
    font-size:1em;
    padding:4px;
}
th
{
    color:#999;
    font-weight:bold;
}
.confirmationmsg 
{
    text-align:center;
    width:600px;
    margin:10px auto;
    border:solid 1px Green;
	padding:10px;
	color:Green;
}
.warningmsg
{
    text-align:center;
    width:600px;
    margin:10px auto;
    border:solid 1px Orange;
	padding:10px;
	color:Orange;
}
.errormsg
{
    text-align:center;
    width:600px;
    margin:10px auto;
    border:solid 1px Red;
	padding:10px;
	color:Red;
}
.cat-cataloguepreview
{
    border:solid 1px #696969;
    margin:0 auto;
    margin-bottom:20px;
    width:600px;
    padding:10px;
    font-size:12px;
    color:#000;
    background-color:#ffffff;
}
.onaccountof
{
    text-align:center;
    font-weight:bold;
    font-size:1.2em;
}
.cat-horse
{
    float:left;
    font-weight:bold;
    width:150px;
}
.cat-gst
{
    font-size:0.75em;
}
.cat-horsename
{
    font-weight:bold;
    width:400px;
    text-align:center;
}
.cat-description
{
    text-align:center;
}
#tasklist
{
    margin:0 auto;
    width:820px;
    overflow:auto;
    padding:10px;
}
#tl-cataloguedetails
{
    float:left;
    margin:4px;
    padding:2px;
    border:solid 1px #5AA1CF;
    width:150px;
    text-align:center;
}
#tl-horsedetails
{
    float:left;
    margin:4px;
    padding:2px;
    border:solid 1px #5AA1CF;
    width:150px;
    text-align:center;
}
#tl-conditions
{
    float:left;
    margin:4px;
    padding:2px;
    border:solid 1px #5AA1CF;
    width:150px;
    text-align:center;
}
#tl-payment
{
    float:left;
    margin:4px;
    padding:2px;
    border:solid 1px #5AA1CF;
    width:150px;
    text-align:center;
}
#tl-submit
{
    float:left;
    margin:4px;
    padding:2px;
    border:solid 1px #5AA1CF;
    width:150px;
    text-align:center;
}
.tl-complete
{
    color:Green;
}
.tl-active
{
    background-color:#ddd;
}
.tl-step
{
    display:block;
    background-color: #5AA1CF;
    color:#ffffff;
}
iframe
{
    background-color:#ffffff;
}