/* generic */

    #content *
    {
        font-size: 12px;
        font-family: Arial, Verdana;
    }
    
    h1, h1 *
    {
        font-size: 14px !important;
    }

    fieldset
    {
        margin-top: 10px;
        padding: 15px;
    }

    fieldset legend
    {
        font-weight: bold;
        margin-bottom: 10px;
    }

    #content
    {
        top: 120px !important;
        width: 700px!important;
    }

    #content table th,
    #content table td
    {
        margin: 4px;
        padding: 4px;
        padding-left: 8px;
        padding-right: 8px;
    }
    
    .viewSteps
    {
        padding-top: 10px;
        text-align: center;   
    }

    .error
    {
        display: block;
        padding: 8px;
        margin-bottom: 12px;

        background-color: #ffeeee;

        font-weight: bold;
        border: solid 1px #aa0000;
        color: #aa0000;
    }

    /* color specific */

    fieldset, select, textarea
    {
        border: solid 1px #93C005;
    }

    fieldset legend
    {
        color: #93C005;
    }

    #content table th
    {
        background-color: #93C005;
        color: #fff;
    }

    #content table td
    {
        border-bottom: solid 1px #93C005;
    }
    #content table a
    {
        color:Black;
    }

    span.example_format
    {
        font-size: 11px;
        color: #666;
    }

/* calendar colors */

.calendarExtender .ajax__calendar_container

{
background-color: #e2e2e2; border:solid 1px #cccccc;
width:250px;
height:235px;
}

.calendarExtender .ajax__calendar_header

{
background-color: #ffffff; margin-bottom: 4px;

}

.calendarExtender .ajax__calendar_title,
.calendarExtender .ajax__calendar_next,
.calendarExtender .ajax__calendar_prev

{
color: #004080; 
padding-top: 3px;

}
.calendarExtender .ajax__calendar_body

{
background-color: #e9e9e9; 
border: solid 1px #cccccc;
width: 700px;
height:190px;
margin: 0px !important;
padding: 0px !important;
}

.calendarExtender .ajax__calendar_dayname

{
text-align:center; 
font-weight:bold; 
margin-bottom: 4px; 
margin-top: 2px;
font-size:12px !important;
}

.calendarExtender .ajax__calendar_day

{
margin: 0px !important;
padding: 0px !important;
text-align:center;
font-size:12px !important;
}

.calendarExtender .ajax__calendar_other,
.calendarExtender .ajax__calendar_hover .ajax__calendar_today,
.calendarExtender .ajax__calendar_hover .ajax__calendar_title

{
color: Gray;

}

.calendarExtender .ajax__calendar_today,
.calendarExtender .ajax__calendar_active

{
    background-color: White;
    color:#004080;
    font-weight:bold;
}
 

/* ViewCoupon */

    div#container
    {
        margin-top: 100px;
        position: relative;
        display: block;
        width: 570px;
        text-align: left;
    }

    div#value
    {
        position: absolute;
        display: block;
        top: 385px;
        left: 50px;
        color: #fff;
        font-size: 56px;
        font-weight: bold;
    }

    div#mirroredValue
    {
        position: absolute;
        display: block;
        top: 110px;
        left: 50px;
        text-align: center;
        color: #888;
        font-size: 16px;
        font-weight: bold;
        filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    }

        div#mirroredValue .extraLarge
        {
            font-size: 48px;
        }

        div#mirroredValue .large
        {
            font-size: 36px;
        }

    div#code
    {
        position: absolute;
        top: 689px; /* 208px; */
        left: 187px;
        background-color: #fff;
        font-size: 16px;
    }
    
    div#expirationDay
    {
        position: absolute;
        top: 664px; /* 206px; */
        left: 465px;
        padding-top: 2px;
        width: 25px;
        height: 17px;
        text-align: center;
    }

    div#expirationMonth
    {
        position: absolute;
        top: 664px; /* 206px; */
        left: 506px;
        padding-top: 2px;
        width: 25px;
        height: 17px;
        text-align: center;
    }
    
    div#expirationYear
    {
        position: absolute;
        top: 664px; /* 206px; */
        left: 548px;
        padding-top: 2px;
        width: 44px;
        height: 17px;
        text-align: center;
    }
    
    div#details
    {
        position: absolute;
        font-size: 14px;
        top: 505px; /* 300px; */
        left: 125px;
        width: 440px;
    }
    
    div#personalMessage
    {
        display: block;
        margin-bottom: 12px;
    }
    
    div#buyerDetails
    {
        display: block;
        margin-bottom: 12px;
    }
    
    span.label
    {
        font-size: 11px;
        color: #666;
    }