/* Styles for PHP version of Senex Domum web site -
   except opening page.
*/

body {
    font-family: Verdana, sans-serif;
    font-size: x-small; /* IE */
    background: rgb(200,200,255);
    color: rgb(192,192,192);
    /* The next line is required by IE to ensure main table is centred.
       With other browsers this is achieved solely by
       setting the table's margins (left and right) to auto.
       (See below)
    */
    text-align: center;
}
html>body {
    font-size: small; /* Other browsers? */
    /* The next line cancels for other browsers
       the centring established above for IE.
    */
    text-align: left;
}

td,p,.prices {
    font-size: x-small;
}
html>body td,p,.prices {
    font-size: small;
}

body.image,td.image,td.idata,td.reverse {
    font-size: xx-small;
    background: rgb(0,0,100);
    color: rgb(192,192,192);
    font-family: Verdana,sans-serif;
}
html>body.image,td.image,td.idata,td.reverse {
    font-size: x-small;
}

.small {
    font-size: 80%;
}

.centre {
    text-align: center;
}

.gallery {
    margin-left: 60px;
    margin-right: 60px;
    margin-top: 4px;
    margin-bottom: 0;
    font-family: Verdana,Arial,sans-serif;
}


.high {
    font-weight: bold;
}

.low {
    color: rgb(192,192,192);
    font-weight: bold;
}

.ruleout {
	text-decoration: line-through;
}

.white {
    color: rgb(0,0,100);
    background: white;
    padding: 4px;
}

.offset {
    margin-left: 80px;
    margin-right; 80px;
    width: 600px;
}

.float {
    float: left;
}

.prices {
    background: rgb(0,0,100);
    color: rgb(192,192,192);
    padding-left: 2px;
    padding-right: 2px;
}

.reverse {
    color: rgb(0,0,100);
    background: rgb(192,192,192);
    padding: 4px;
}

.right {
    text-align: right;
}

form.inverse {
    background: rgb(192,192,192);
    color: rgb(0,0,100);
    border: solid rgb(192,192,192) 8px;
}

form.button {
    background: white;
    border: none;
    margin: 0;
    padding: 0;
}

p.date {
    text-align: center;
    background: rgb(192,192,193);
    color: rgb(0,0,100);
}

img.sensitive {
    border: none;
}

input.button {
    border: none;
    background: rgb(192,192,192);
    color: rgb(0,0,100);
}

input.text {
    font-size: x-small;
    background: white;
    border: solid white;
    color: rgb(0,0,100);
}

table.page {
    width: 760px;
    border: none;
    margin-left: auto;
    margin-right: auto;
    background: rgb(0,0,100);
    color: rgb(192,192,192);
}

table.banner {
    background: rgb(0,0,100);
    margin-left: auto;
    margin-right: auto;
}

table.display {
    background: rgb(0,0,100);
    margin-left: auto;
    margin-right: auto;
}

table.border {
    border: solid rgb(192,192,192) 2px;
    width: 500px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5%;
}

table.normal {
    width: 500px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 10px;
}

table.wider {
    width: 600px;
    margin-left: auto;
    margin-right: auto;
}

table.pricelist {
    font-size: small;
    width: 500px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    font-family: Verdana,Arial,sans-serif;
    border: solid rgb(192,192,192) 1px;
    background: rgb(192,192,192);
    color: rgb(0,0,100);
}

td.button {
    padding: 1ex;
    color: rgb(0,0,100);
}

td.check {
    padding: 1ex;
    border-right: 2px solid white;
    text-align: center;
    color: rgb(0,0,100);
}

td.image {
    margin: 0;
    border: none;
    background: white;
    color: rgb(0,0,100);
    padding: 10px;
    vertical-align: top;
}

td.idata {
    background: white;
    color: rgb(0,0,100);
    vertical-align: top;
}

td.reverse {
    font-weight: bold;
}

td.info {
    padding: 4px;
}

td.input {
    border-right: 2px solid white;
}

td.thumbnail {
    font-size: 75%;
    padding: 10px;
    background: white;
    color: rgb(0,0,100);
    text-align: center;
    border: solid white;
}

td.isp { /* Thumbnail of image available at iStockPhoto */
    font-size: 75%;
    padding: 10px;
    background: white;
    color: rgb(0,0,100);
    text-align: center;
    border: solid rgb(200,200,255);
}

a.menu {
    font-size: 80%; /* x-small; */
    /* font-family: Verdana,sans-serif; */
    text-decoration: none;
    color: rgb(200,200,255);
    font-weight: bold;
}

strong.menu {
    font-size: 80%;
}

a.thumb {
    font-size: 75%;
    font-family: Verdana,Arial,sans-serif;
    text-decoration: none;
    color: rgb(200,200,255);
    background: rgb(0,0,100);
}

a.marked {
    font-size: 80%;
    font-family: Verdana,Arial,sans-serif;
    text-decoration: none;
    color: rgb(200,200,255);
    background: rgb(0,0,100);
}

a.inverse {
    background: rgb(0,0,100);
}

a:link {
    color: rgb(200,200,255);
}

a:hover {
    color: white;
}

a:visited {
    color: white;
}