﻿#contentPagesWrapper
{
     padding: 10px 20px 10px 20px;
}

#socialNetworkAndPrintArea
{
    float: right;
    font-size: 11px;
    height: 0px;
    margin-bottom: -30px;
}

#socialNetworkAndPrintArea table td
{
    font-size: 11px;
}

.contentAreaTD
{
    width: 710px;
    vertical-align: top;
}

#contentWrapper
{
    width: 710px;
    /*margin-left: -20px;*/
    clip: auto;
    word-wrap: break-word;
}

    .contentAreaTD a
    {
        color: #000000;
        text-decoration: none;
        border-bottom: 1px dotted #000000;
    }
    
    .contentAreaTD a:hover
    {
        color: #0099cc;
        text-decoration: none;
        border-bottom: 1px dotted #0099cc;
    }

    .internshipTable td
    {
        padding: 5px;
        padding-left: 10px;
    }
    
        .internshipTable td input
        {
            width: 100%;
        }
        
    .horseRehomingTable
    {
        border: none; 
        width: 450px;
    }
    
        .horseRehomingTable td
        {
            padding: 5px;
            padding-left: 10px;
        }
        
        .horseRehomingTable td input
        {
            width: 100%;
        }
        
    .inspectorateTable
    {
        border: none; 
        width: 550px;
    }
    
        .inspectorateTable td
        {
            /*padding: 5px;
            padding-left: 10px;*/
            width: 25%;
        }
        
        .inspectorateTable td input
        {
            width: 130px;
        }
        
        .inspectorateTable td input.radio
        {
            width: 18px;
            height: 18px;
        }
        
            .inspectorateTable td table td
            {
                padding: 3px;
            }
    
    #donationDetailsTable td
    {
        margin: 20px;
    }
    
    td input[type='text']
    {
        /*width: 100%;*/
        height: 100%;
        padding: 3px;
        margin: 0;
    }

.menuHeader
{
    width: 196px;
    height: 32px;
    position: relative;
    /*left: -32px;*/
    top: -10px;
    padding: 6px 0px 0px 25px;
    margin-bottom: -10px;
    margin-left: -32px;
}

    .menuHeader a
    {
        text-decoration: none;
        color: #FFFFFF;
        font-family: Trebuchet MS;
        font-size: 12px;
        font-weight: 700 !important;
    }

.menuItem
{
    width: 177px;
    border-bottom: 1px dashed #a8dcee;
    padding: 5px;
}

.menuItem:hover
{
    background-color: #d0edf8;
}

.menuItemHighlighted
{
    width: 177px;
    border-bottom: 1px dashed #d0edf8;
    padding: 5px;
    background-color: #d0edf8;
}

.menuItemLink
{
    color: #0099cc;
    text-decoration: none;
    font-size: 11px;
}

.subMenuSection
{
    width: 177px;
    background-color: #ededed;
    color: #000000;
    padding: 10px 0px 10px 10px;
}

.subMenuItem
{
    border-bottom: 1px dashed #a8dcee;
    padding: 5px;
}

.subMenuItemHighlighted
{
    background-color: #e1e1e1;
    border-bottom: 1px dashed #a8dcee;
    padding: 5px;
}

    .subMenuItemHighlighted a
    {
        color: #000000;
    }

.subMenuItem:hover
{
    background-color: #e1e1e1;
}

    .subMenuItem a
    {
        color: #000000;
    }

/*.subMenuItem:hover
{
    background-color: #FFFFFF;
}*/

#generic404Wrapper
{
    padding: 10px 20px 10px 20px;
    text-align: center;
}

    #generic404Wrapper h2
    {
        color: #0099cc;
    }


/* ADOPTION AREA */

#adoptionSearch
{
    background-repeat: no-repeat; 
    width: 678; 
    height: 175px;
    padding-left: 30px;
    padding-top: 15px;
    margin-bottom: -30px;
    margin-right: -30px;
}

    .adoptionSearchTitle
    {
        color: #c8e66c;
        font-size: 24px;
        font-weight: normal;
    }
    
    #adoptionSearchTable td
    {
        padding: 5px;
        color: #FFFFFF;
        font-weight: 700 !important;
        text-align: right;
    }
    
    
    
/********** ANIMAL DETAIL PAGE ***************/

.animalDetailList li
{
    float: left;
    list-style-type: none;
    margin-left: -50px;
}

#pawfectMatchArea
{
    width: 180px;
}

.animalProfileSummaryTable
{
    width: 100%;
    margin: 0 auto;
}

.animalProfileSummaryTable td
{
    font-weight: 700 !important;
}

td.leftSideOfProfileSummary
{
    text-align: right;
}


.mapClass
{
    cursor: pointer;
}

.shelterDetails
{
    border-top: 1px dashed #A7A7A7;
}

.shelterDetails p
{
    color: #0099cc;
    font-weight: 700 !important;
}

.expandMe
{
    cursor: pointer;
}

.expandMe2
{
    cursor: pointer;
}

#animalEnquiryStrip-1
{
    font-size: 11px;
}

#animalEnquiryStrip-2
{
    font-size: 11px;
}

/************* DONATIONS PAGE ********************/

.ribbonList
{
    width: 739px;
    height: 43px;
    list-style-type: none;
    position: relative;
    left: -40px;
    margin-left: 2px;
}

    .ribbonList .dotPoint
    {
        background-image: url('/Content/styles/default/images/ribbonDot.png');
        width: 39px;
        height: 43px;
        float: left;
        font-size: 16px;
        font-weight: 700 !important;
        color: #FFFFFF;
        text-align: center;
        line-height: 37px;
    }
    
    .ribbonList .bigRibbonPart
    {
        width: 558px;
        height: 43px;
        font-size: 16px;
        color: #FFFFFF;
        font-weight: 700 !important;
        background-image: url('/Content/styles/default/images/ribbonBackground.png');
        float: left;
        padding-left: 10px;
        line-height: 37px;
    }
    
    .ribbonList .ribbonEnd
    {
        width: 132px;
        height: 43px;
        background-image: url('/Content/styles/default/images/ribbonEnd.png');
        float: left;
    }
    
#oneoffSection
{
    display: none;
    padding-top: 10px;
    margin-left: 5px;
    width: 725px;
    border-top: 1px dashed #7bdeff;
}

#monthlySection
{
    width: 640px;
    display: none;
    padding-top: 10px;
    margin-left: 90px;
    border-top: 1px dashed #7bdeff;
}

#creditCardPaymentSection
{
    width: 100%;
}

#directDebitPaymentSection
{
    width: 100%;
    display: none;
}

#paymentTypeSection
{
    display: none;
}

#visaImage
{
    cursor: pointer;
    display: inline;
}

#mastercardImage
{
    cursor: pointer;
    display: inline;
}

#donateButton
{
    width: 116px;
    height: 36px;
    /*background-image: url('/Content/styles/default/images/donate_button.jpg');*/
    cursor: pointer;
}

#donateButton:hover
{
    width: 116px;
    height: 36px;
    /*background-image: url('/Content/styles/default/images/donate_button_hover.jpg');*/
    cursor: pointer;
}

/************ WISH LIST **************/

#wishListBanner
{
    padding-left: 30px;
    padding-top: 5px;
    width: 679px;
    height: 204px;
    background-image: url('/Content/styles/default/images/wishListBanner.png');
    position: relative;
    left: 20px;
}

#wishListBanner h1
{ 
    color: #0091c2;
    font-weight: normal;
}

#wishListSearchArea
{
    padding-left: 20px;
    padding-top: 4px;
    width: 689px;
    height: 132px;
    background-image: url('/Content/styles/default/images/wishListSearchArea.png');
    position: relative;
    top: -13px;
    left: 20px;
}

    #wishListSearchArea p
    {
        color: #FFFFFF;
        font-weight: 700 !important;
    }
    
    #wishListSearchArea table
    {
        
    }

    #wishListSearchArea td
    {
        width: 165px;
    }
    
        #wishListSearchArea td select
        {
            width: 80%;
        }
        
        
#wishListSearchResults table td
{
    padding: 5px;
}

/************** VOLUNTEER SIGNUP **********************/
#volunteerSessionTable
{
    border: none;
    width: 100%;
}

    #volunteerSessionTable td
    {
        padding: 5px;
    }
    
    #loadingSessionsArea
    {
        display: none;
        width: 100%;
        text-align: center;
    }
    
  