/* This is the style sheet for the Derby Porcelain pages */
/* adjust the font size for status2 and status3 to make it visible on the 
touchscreen */

body
{
font-family: Comic Sans MS;Arial;Sans-serif;
          /* margin-top: 3%;    to position big images better */
/*           font-size: 120%;*/
           font-size: 150%;
            color:          #000000;

margin-left: 5%; 

/*margin-top: 1%;*/
}





@media,print{
.screenonly{display:none}
}
@media,screen{
.printonly{display:none;}
}


select
{
/*font-family:comic sans ms; */
/*font-size:x-large;*/
/*color:#cc6666;*/
width:350;
}

option
{
margin-left:15;
}

h1
{
           color:          #7B68EE;
           color:          #01015A;
           color:         #ffffff;
           color: maroon;
/*           color: #cc6666; */
           font-weight: normal;
            text-align:left; 
           margin-top: 5%; 
/*           background-color:#ffff99; */

/*background-color:#cc6666;*/
} 

h2
{
           font-weight:    normal;
            color: #cc6666;
           color:          #01015A;
           margin-top:1%;
} 
h3
{
            font-family: Arial;           
            color: #007D76;       
            color: #cc6666;
            color:          #01015A;
            color: maroon;
            font-size:      medium;
            font-weight:    normal;
}
h4
{
            margin-left:  2%;
/*          color:          #000000;  */
            font-size:      small;

}

.heading
{
position:absolute;top:150;left:40;
}
.offset1
{
position:absolute;top:282;left:40;
}
.offset2
{
position:absolute;top:230;left:40;
}
.offset3
{
position:absolute;top:197;left:40;
}
.offset4
{
position:absolute;top:280;left:40;
}
.offset5
{
position:absolute;top:100;left:40;
}
.offset6
{
position:absolute;top:160;left:40;
}
.bottom
{
position:absolute;top:100;left:40;
}

.column
{
margin-left:15;
margin-right:3%;
font-size: x-small;
text-align:left;
}
.copyright
{
margin-left:15;
margin-right:3%;
margin-top:10%;
font-size: x-small;
text-align:left;
}

p.bold
{
           font-weight:    bold;
           color: maroon;

font-size: x-small;           
}

.prompt
{

           /*font-weight:    bold;*/
           color: red;
           /*font-weight: bold;*/
margin-right:3%;
font-size: small;
text-align:left;
}



a
{

           /*font-weight:    bold;*/
           color:          maroon;
font-size: x-small; 
}

th
{
font-weight:    bold;
font-size: x-small;           
}
td
{

font-size: x-small;           
}




/* Golden / yellow #FEBE2D

/* City Council green #007D76

/* Salmolnella #FFA07A

/* SF blue #01015A

/* SF purple #C71585