/* 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: Arial,Helvetica;
	margin-top: 0;
	margin-left:0;
	background-color: silver;
}

.outline{
	width:647px;
	margin: 0 auto;margin-top:10px;
    background-color:#ffffff;
    padding:25px;
    padding-bottom:10px;
    background-repeat: no-repeat;
	background-image: url(top.png);
}
.bottomline{
	width:647px;
	margin: 0 auto;
    background-color:silver;
    padding:25px;
    padding-bottom:0px;
    background-repeat: no-repeat;
	background-image: url(bottom.png);
}


.lecture{
    width:635px;
    margin-bottom:5px;
    padding:5px;
    border:dotted;
    border-width:1px;
    border-color:#CAB690;
    background-color:#FFFEF0;
}
.none{
	background-image: url(topleft.png);
	background-repeat: no-repeat;
}

img.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto; 
    margin-top:10px;}

div.container {
    clear:left;
    height:130px;
    width:635px;
    margin-top:5px;
    padding:5px;
    border:dotted;
    border-width:1px;
    border-color:#CAB690;
    background-color:#FFFEF0;
 }


div.table {display:table;width:647px;margin-top:20px;margin-bottom:10px;border-collapse:collapse;}
div.row {display:table-row; border:dotted; border-color:#CAB690;background-color:#FFFEF0;border-width:1px;}
div.rowspace {display:table-row;height:10px;}
div.cell-left {display:table-cell;min-height:100px;padding-top:7px;padding-bottom:7px;width:150px;text-align:center;vertical-align:middle;}
div.cell-right {display:table-cell;min-height:100px;vertical-align:middle;}

    
div.testcontainer {
    min-height: 10em;
    display: table-cell;vertical-align: middle;
 }


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


h1
{
           color: #01015A;
           font-family: Georgia;
           font-weight: normal;
            text-align:left; 
		   font-size:190%;

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

h2
{
           font-weight:    normal;
           font-family: Georgia;
           color: #01015A;
} 
h3
{
            font-family: Arial;
            color: #01015A;
            font-size:      medium;
            font-weight:    bold;
}
h4
{
            color: #01015A;
            font-size:      small;
}

ul.smaller {font-size:0.8em;color:#01015A;}
ul.navbar {margin-left:30px;list-style-type:square; list-style:outside;}
ul {margin-left:15px;list-style-type:square; list-style:outside;}
ul.right {margin-top:5px;float:right;}

p
{
font-size: 12px;
}


.column
{
width:635px;
font-size: 12px;
/*text-align:justify;*/
}
.hint
{
width:635px;
font-size: 12px;
color:red;
text-align:justify;
}
.copy
{
width:645px;
clear:right;
border-top:solid;
border-top-width:1px;
border-top-color:#CAB690;
margin-top:40px;

padding-top:15px;
font-size: 12px;
text-align:center;
}

p.bold
{
           font-weight:    bold;
           font-size: 12px;           
}

.prompt
{

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



a
{

           /*font-weight:    bold;*/
           color:          maroon;
		   color: #01015A;           
font-size: 12px;
}

		a[href] {cursor: Pointer;text-decoration: none;color:#01015A;}
		a:link {text-decoration: none;color:#01015A;}
		a:visited {text-decoration: none;color:#01015A;}
		a:hover {text-decoration: none;color:maroon;}
/*		a:active {text-decoration: none;color:#01015A;font-weight:bold;}  */


th
{
font-weight:    bold;
font-size: 0.8em;           
}
td
{
font-size: 0.8em;           
}
tr.shaded
{
background-color:#B0C4DE;
}
td.bold
{
           font-weight:    bold;
}



/* Golden / yellow #FEBE2D

/* City Council green #007D76

/* Salmolnella #FFA07A

/* SF blue #01015A

/* SF purple #C71585