body {
    margin:0;
    padding:0;
    background-color:transparent;
}

table {
    background-color:transparent;
}

tr {
    background-color:transparent;
}

td {
    background-color:transparent;
}

div.widget {
    margin:0;
    border:0;
    padding: 0;
    width:172px;
    height:148px;
    background-color:transparent;
    font-family:sans-serif;
    text-align:center;
}

div.widget select {
    margin:0;
    border:1px solid gray;
    padding:1px;
    background-color:white;
    font-size:8pt;
    color:black;
}

div.widget .disabled {
    color:gray;
}

div.widget .calendar {
    margin:0;
    border:1px solid gray;
    padding:2px 3px;
    width:144px;
    background-color:white;
    color:black;
    font-size:8pt;
}

div.widget button {
    font-size: 10pt;
}

div.widget div.criteria td.calendar {
    text-align:left;
}

div.widget div.results {
    font-size:10pt;
}

div.widget div.results div.availability {
    padding:10px 0;
    font-weight:bold;
    color:green;
}

div.widget div.results div.no_availability {
    padding:10px 0;
    font-weight:bold;
    color:maroon;
}

div.widget div.results div.date {
    padding:5px 0 10px 0;
    color:black;
}

div.widget div.results div.controls {
    padding:5px 0 10px 0;
}

div.widget div.respax {
    font-size:10px;
    font-style:italic;
}

div.widget div.respax img {
    margin:0 2px;
    border:0;
    vertical-align:middle;
}

div.loading {
    width:172px;
    height:148px;
    background-color:transparent;
    text-align:center;
    font-size: 8pt;
    font-family:sans-serif;
    font-weight:bold;
    color:navy;
    display:none;
}

div.loading div.title {
    padding:20px 0 10px 0;
}

div.loading div.indicator {
    padding:10px 0;
}

div.loading div.message {
    padding:10px 0;
}

/* Decrease the base font size of calendar so it fits in the widget. */
 
.calendar table {
    font-size:9px;
}

/* Display the ruler styles when changing the widget layout. */

div.ruler {
    margin:0;
    border:0;
    padding:0;
    background-color:blue;
    position:absolute;
    left:0;
    top:0;
    display:none;
}

div.horizontal {
    width:172px;
    height:4px;
}

div.vertical {
    width:4px;
    height:148px;
}