/**
 * Default CSS template for equine.
 */

/********************************************** LAYOUT */

html {
    margin : 0;
    padding : 0;
}

body {
    margin : 0;
    padding : 0;
    background : black url(../img/header/WP_headerrightrepeat.jpg) repeat-x top left;
    font-family : "Georgia", "Time New Roman", serif;
    font-weight : bold;
    color : white;
    font-size : 8pt;
    letter-spacing : 0.1em;
}

#container {
    width : 750px;
}

#header {
    background : url(../img/header/WP_header.jpg) no-repeat top left;
    height : 178px;
    border-top : 1px solid black;
}

#welcome {
    height : 15px;
    padding : 3px;
    padding-left : 5px;
    font-weight : bold;
    color : black;
    letter-spacing : normal;
}

#menu1 {
    height : 76px;
    width : 133px;
    padding : 7px;
    font-weight : bold;
    color : #4CACFF;
    letter-spacing : normal;
}

#menu2 {
    height : 13px;
    padding : 7px;
    font-weight : bold;
}

#menu3 {
    height : 16px;;
    padding : 5px;
    font-weight : bold;
    color : #4CACFF;
    letter-spacing : normal;
}

#wrapper {
    padding-top : 20px;
}

#left {
    padding-left : 10px;
    float : left;
    width : 135px;
    overflow: hidden;
}

#left_title {
    width : 119px;
    color : #4CACFF;
    font-weight : bold;
    text-transform : uppercase;
}

#left_content {
    margin-top : 10px;
    padding-bottom : 20px;
}

#content {
    width : 600px;
    float : left;
    overflow: hidden;
    line-height : 12pt;
    font-size : 110%;
    letter-spacing : normal;
    font-weight : normal;
}

#footer {
    clear : both;
    padding-top : 20px;
    margin-left : 140px;
}

#footer img,
#footer a { float : left; }

#footer a { margin-left : 12px; }

/********************************************** LINKS */

a,
a:visited,
a:hover
{
    text-decoration : none;
    color : #4CACFF;
}

a:hover {
    border-bottom : 1px dotted #edc14b;
}

#menu1 a,
#menu1 a:visited,
#menu1 a:hover
{
    text-decoration : none;
    border : 0;
    color : #fae6b3;
}

#menu2 a,
#menu2 a:visited,
#menu2 a:hover
{
    text-decoration : none;
    border : 0;
    color : black;
}

#menu3 a,
#menu3 a:visited,
#menu3 a:hover
{
    text-decoration : none;
    border : 0;
    color : black;
}

#left_content a,
#left_content a:visited,
#left_content a:hover
{
    text-decoration : none;
    border : 0;
    color : white;
}

div.separator-note a,
div.separator-note2 a,
div.separator-note3 a,
div.separator-note4 a,
form div.submit a,
div.separator-note a:visited,
div.separator-note2 a:visited,
div.separator-note3 a:visited,
div.separator-note4 a:visited,
form div.submit a:visited,
div.separator-note a:hover,
div.separator-note2 a:hover,
div.separator-note3 a:hover,
div.separator-note4 a:hover,
form div.submit a:hover
{
    color : #031625;
    border : 0;
    text-decoration : underline;
}

/********************************************** AD LISTINGS */

div.advertisement {
    border : 1px solid #ffdda5;
    height : 102px;
    margin-bottom : 15px;
    clear : both;
}

div.advertisement div.ad_image {
    background : #ffdda5;
    width : 116px;
    height : 100%;
    float : left;
    overflow : hidden;
}

div.advertisement div.ad_content {
    float : left;
    overflow : hidden;
    padding : 10px;
    padding-left : 15px;
    width : 455px;
    font-size : 105%;
    font-weight : bold;
}

div.advertisement div.ad_content div.horse_name {
    width : 250px;
    border-bottom : 2px solid #4aacff;
}

div.advertisement div.ad_content div.description {
    margin-top : 2px;
}

div.advertisement div.ad_content div.location {
    font-style : italic;
    color : #ffdda5;
    margin-top : 1px;
}


div.advertisement div.ad_content div.events {
    margin-top : 10px;
    color : #eccf51;
}

div.advertisement div.ad_content div.horse_name a,
div.advertisement div.ad_content div.horse_name a:visited,
div.advertisement div.ad_content div.horse_name a:hover
{
    text-decoration : none;
    color : #eccf51;
}

/********************************************** USER HOME */

div.user { }

div.user div.welcome {
    text-align : center;
    color : #ffdfa3;
    margin-bottom : 10px;
}

div.user div.edit {
    border-top : 1px solid #edc14b;
    border-bottom : 1px solid #edc14b;
    text-align : center;
    padding : 2px;
}

div.user div.edit a,
div.user div.edit a:visited,
div.user div.edit a:hover
{
    color : white;
    text-decoration : underline;
    border : 0;
}

div.user div.account_header {
    background : #4cacff;
    color : black;
    overflow : hidden;
    padding : 3px;
}

div.user div.account_header div.header {
    font-weight : bold;
    float : left;
    text-align : left;
}

div.user div.account_header div.credits {
    float : right;
    text-align : right;
}

div.user div.purchase {
    clear : both;
    background : #ffdfa3;
    overflow : hidden;
    color : black;
}

div.user div.purchase div.header {
    background : #edc14b;
    color : black;
    padding : 2px;
}

div.user div.purchase div.amount {
    float : left;
    width : 110px;
    padding : 2px;
}

div.user div.purchase div.big {
    width : 145px;
}

div.user div.purchase div.checkout {
    float : left;
}

div.user div.purchase div.checkout input.submit {
    text-transform : none;
}

div.user div.place {
    clear : both;
    background : #ffdfa3;
    overflow : hidden;
    color : black;
}

div.user div.place div.header {
    padding : 2px;
    float : left;
    margin-right : 20px;
}

div.user div.place div.type {
    float : left;
    width : 50px;
    padding : 2px;
    font-weight : bold;
}

div.user div.place div.type a,
div.user div.place div.type a:visited,
div.user div.place div.type a:hover
{
    text-decoration : underline;
    border : 0;
}

div.manage {
    clear : both;
    margin-top : 20px;
}

div.manage div.header {
    font-weight : bold;
    background : #4cacff;
    padding : 2px;
    color : black;
}

div.manage div.item {
    margin-bottom : 15px;
    clear : both;
}

div.manage div.item a,
div.manage div.item a:visited,
div.manage div.item a:hover
{
    color : black;
    font-weight : bold;
}

div.manage div.item div.line1 {
    background : #edc14b;
    overflow : hidden;
    padding : 2px;
}

div.manage div.item div.line1 div.name {
    float : left;
    font-weight : bold;
}

div.manage div.item div.line1 div.name a,
div.manage div.item div.line1 div.name a:visited,
div.manage div.item div.line1 div.name a:hover
{
}

div.manage div.item div.line1 div.expires {
    text-align : right;
    float : right;
    color : black;
}

div.manage div.item div.line2 {
    clear : both;
    background : #ffdfa3;
    overflow : hidden;
}

div.manage div.item div.line2 div.choice {
    float : left;
    color : black;
    width : 115px;
    padding : 2px;
}

div.manage div.item div.line2 div.last {
    text-align : right;
    float : right;
}

div.manage div.item div.line2 div.choice a,
div.manage div.item div.line2 div.choice a:visited,
div.manage div.item div.line2 div.choice a:hover
{
}

div.barn {
    margin-top : 20px;
}

div.barn div.header {
    color : #ffdfa3;
    font-weight : bold;
    text-align : center;
}

div.barn div.sub_header {
    padding : 2px;
    background : #4cacff;
    text-align : center;
    color : black;
}

div.barn div.advertisement {
    border : 2px solid #edc14b;
    margin-bottom : 0;
}

div.barn div.remove {
    float : right;
    margin-bottom : 30px;
}

div.user_home_contact {
    clear : both;
    color : white;
}

/************************************ faqs */

div.faq {
    padding : 2px;
    overflow : hidden;
    border-top : 1px solid white;
    border-bottom : 1px solid white;
}

div.faq div.header {
    float : left;
    font-weight : bold;
}

div.faq div.top {
    float : right
}

/************************************ form */

form {
    border : 1px solid white;
}

form.noborder {
    border : 0;
}

form.short {
    background : transparent;
}

form fieldset { border : 0; padding : 5px; margin : 0; }

form div.item {
    width : 293px;
    margin-top : 10px;
    margin-bottom : 10px;
    float : left;
    overflow : hidden;
}

form.short div.item {
    margin-top : 5px;
    margin-bottom : 5px;
}

form div.first { clear : both; }

form div.short { width : 40%; }
form div.short2 { width : 48%; }

form div.medium { width : 57%; }

form div.long { clear : both; float : none; width : 100%; }

form div.item span.note,
form div.item div.note,
form div.banner-note {
    font-style : italic;
    margin-left : 10px;
}

form div.item p {
    margin-left : 10px;
    margin-right : 10px;
}

form div.legend,
form div.legend2
{
    font-weight : bold;
    font-size : 120%;
    padding : 4px;
    font-family : "Georgia", "Times New Roman", serif;
    margin-bottom : 5px;
    border-bottom : 1px solid white;
}

form div.legend2 {  }

form div.legend span,
form div.legend2 span
{
    display : block;
}

form div.legend span.thin,
form div.legend2 span.thin {
    padding : 2px;
}

form div.banner-note {
    clear : both;
    margin-left : 30px;
    margin-bottom : 10px;
}

div.separator-note,
div.separator-note2,
div.separator-note3,
div.separator-note4,
div.separator-note5,
form div.submit {
    clear : both;
    background : #4cacff;
    width : 100%;
    text-align : center;
    border-top : 1px solid white;
    border-bottom : 1px solid white;
}

div.separator-note2,
div.separator-note4,
div.separator-note5
{
    padding-top : 10px;
    padding-bottom : 10px;
}

div.separator-note5 a,
div.separator-note5 a:visited,
div.separator-note5 a:hover
{
    color : black;
    font-weight : bold;
}

div.separator-note5 {
    color : black;
    background : #eec14c;
}

div.separator-note4 {
    padding-top : 2px;
    padding-bottom : 2px;
}

div.separator-note3 {
    background : #924e30;
    padding-top : 10px;
    padding-bottom : 10px;
    border : 0;
}

form div.submit {
    text-align : right;
    padding-top : 3px;
    padding-bottom : 5px;
    border-bottom : 0;
}

#photoButton,
#videoButton {
    color : #ecc955;
}

form.short div.submit {
}

form label {
    width : 103px;
    text-align : right;
    display : block;
    float : left;
    padding-right : 3px;
    padding-top : 2px;
    color : #ecc955;
    font-weight : normal;
}

form label.long { width : 250px; }

form div.short label { width : 60px; }

form div.short2 label { width : 90px; }

form label.required { font-weight : bold; font-size : 105%; }

input.text,
input.password,
input.file,
select,
textarea {
    border : 0;
    background : #F3E2B4;
    color : black;
    padding : 3px;
    font-size : 100%;
    font-family : "Georgia", "Times New Roman", serif;
}

input.file { margin-left : 10px; }

input.submit,
input.reset
{
    margin-top : 4px;
    background : transparent;
    border : 0;
    text-decoration : none;
    border-bottom : 1px solid transparent;
    font-weight : bold;
    text-transform : uppercase;
    color : #031625;
    font-family : "Georgia", "Times New Roman", serif;
}

input.submit:hover,
input.reset:hover
*/
{
    color : #fff;
    border : 0;
    border-bottom : #fff dotted 1px;
}

input.submit.disabled
{
    color : white;
    text-decoration : none;
    border : 0;
    border-bottom : transparent solid 1px;
    font-weight : bold;
    font-size : 95%;
}

input.submit.disabled:hover
{
    color : #fff;
    border : 0;
    border-bottom : transparent solid 1px;
}

div.checkboxes {
    margin-left : 20px;
    overflow : hidden;
}

div.checkboxes div.box {
    width : 32%;
    float : left;
    margin-bottom : 5px;
    font-weight : normal;
    overflow : hidden;
}

div.checkboxes input.checkbox { }*/
div.checkboxes span.checkbox_description { }

label.buddy { clear : both; }
.buddy { margin-top : 5px; float : left; }
select.buddy
/*
input[type=checkbox].buddy,
input[type=radio].buddy
*/
{ margin-top : 10px; }

fieldset.alt { background : #54270e; }

/****************************** tables */
table.pedigree tr,
table.pedigree td { padding : 0; margin : 0; }
table.pedigree tr.middle_top td { padding-bottom : 20px; }

/****************************** ad view */

div.horse {
    font-weight : normal;
    color : black;
}

div.horse div.header_links {
    text-align : right;
    color : white;
}

div.status_loc {
    background : #4cacff;
    overflow : hidden;
}

div.horse div.status_loc div.status {
    padding : 2px;
    clear : both;
    float : left;
    text-align : left;
}

div.horse div.status_loc div.location {
    padding : 2px;
    float : right;
    text-align : right;
}

div.horse div.name {
    padding : 2px;
    clear : both;
    background : #edc14b;
    font-weight : bold;
    text-align : center;
}

div.horse div.headline {
    padding : 2px;
    text-align : center;
    color : white;
    border : 1px solid #edc14b;
}

div.horse div.image {
    background : #ffdfa3;
    padding : 3px;
    border : 1px solid #edc14b;
    text-align : center;
}

div.horse #event_feature {
    width : 100%;
    border : 1px solid #edc14b;
}

div.horse #event_feature td {
    vertical-align : top;
    padding : 2px;
}

div.horse #event_feature td.events {
    border-right : 1px solid #edc14b;
    width : 325px;
    color : #edc14b;
}

div.horse #event_feature td.features {
    width : 264px;
    color : #edc14b;
    text-align : right;
}

div.horse div.mini_table div.lefty,
div.horse div.mini_table div.righty
{
    border-bottom : 1px solid #edc14b;
    float : left;
    overflow : hidden;
    color : white;
    padding : 2px;
}

div.horse div.mini_table div.lefty {
    clear : both;
    border-right : 1px solid #edc14b;
    border-left : 1px solid #edc14b;
    text-align : left;
    width : 325px;
}

div.horse div.mini_table div.righty {
    border-right : 1px solid #edc14b;
    width : 264px;
    text-align : right;
}

div.horse div.horse_text {
    clear : both;
    background : #4cacff;
    border : 1px solid #edc14b;
    padding : 2px;
}

div.horse div.media_links {
    background : #edc14b;
    font-weight : bold;
    text-align : center;
}

div.horse div.pedigree_table {
    padding : 2px;
    border : 1px solid #edc14b;
    color : white;
}

div.horse div.pedigree_table div.col1,
div.horse div.pedigree_table div.col2,
div.horse div.pedigree_table div.col3
{
    width : 190px;
    padding : 2px;
}

div.horse div.pedigree_table div.col2 {
    margin-left : 200px;
}

div.horse div.pedigree_table div.col3 {
    margin-left : 400px;
}

div.horse div.ranch_stuff {
    border : 1px solid #edc14b;
    margin-top : 15px;
    background : #ffdfa3;
    overflow : hidden;
}

div.horse div.ranch_stuff a,
div.horse div.ranch_stuff a:visited
{
    text-decoration : none;
    color : black;
    font-weight : bold;
}

div.horse div.ranch_stuff div.ranch_name {
    padding : 2px;
    background : #4cacff;
    width : 331px;
    float : left;
    font-weight : bold;
    color : black;
}

div.horse div.ranch_stuff div.owner_name {
    padding : 2px;
    background : #4cacff;
    width : 259px;
    float : left;
    text-align : right;
}

div.horse div.ranch_stuff div.ranch_description {
    padding : 2px;
    clear : both;
    float : left;
    width : 406px;
}

div.horse div.ranch_stuff div.phone_primary {
    float : right;
    padding : 2px;
    width : 184px;
    text-align : right;
    background : #ffdfa3;
}

div.horse div.ranch_stuff div.phone_secondary {
    float : right;
    padding : 2px;
    width : 184px;
    text-align : right;
    background : #ffdfa3;
}

div.horse div.ranch_stuff div.seller_location {
    padding : 2px;
    clear : both;
    float : left;
    width : 406px;
    margin-top : 5px;
}

div.horse div.ranch_stuff div.other_link {
    padding : 2px;
    float : left;
    width : 184px;
    margin-top : 5px;
    text-align : right;
}

div.horse div.ranch_stuff div.contact {
    padding : 2px;
    clear : both;
    background : #edc14b;
    text-align : center;
}

div.horse div.hits {
    margin-top : 10px;
    text-align : center;
    color : white;
}

/****************************** photos, videos */

#photo div.item,
#video div.item {
    margin-bottom : 10px;
    padding-bottom : 10px;
    border-bottom : 2px solid #4cacff;
    overflow : hidden;
}

#photo img,
#video object {
    padding-left : 10px;
}

/*********************** ERRORS */

/*
 * These are the error messages that come up under
 * erroneous input items.
 */
div.error_message {
    color : white;
    font-size : 110%;
    border : 1px solid #ccc;
    background : red;
    padding : 3px;
}

/*********************** MESSAGES */
#main_error_message,
#main_success_message {
    border : 1px solid white;
    padding : 8px;
    font-weight : bold;
    width : 500px;
    font-size : 120%;
    margin : 10px;
}

#main_error_message {
    color : white;
    background : #990000;
}

#main_success_message {
    color : black;
    background : #EDC14B;
}


/****************************** cancellors */
.nobold { font-weight : normal; }
.noitalic { font-style : normal; }
.clear { clear : both; }
.center { text-align : center; }