BODY {
 background-image : url(../images/background.jpg); 
 background-repeat : no-repeat;
}

BODY, INPUT, SELECT  {
 font-family : Arial, Helvetica, sans-serif;
 font-size : 12px;   
}

H1, H2, H3, H4 {
 color: #7C2881;
 font-style: bold;
 font-family : Arial, Helvetica, sans-serif;
 font-size : 12px;   
 padding : 0px 0px 0px 0px;
 margin : 8px 4px 4px 4px; 
}

TABLE, TD {
 font : 12px Arial, Helvetica, sans-serif;
 font-family : Arial, Helvetica, sans-serif;
}

DIV.error {
  font-style: bold;
	font : 11px Arial, Helvetica, sans-serif;
	color : maroon;
  padding : 2px 2px 2px 2px;
}

DIV.content {
	font : 12px Arial, Helvetica, sans-serif;
	color : black;
	padding : 4px 4px 8px 4px;
    border-bottom-style : dashed;
	border-bottom-width : 1px;
	border-bottom-color : #D28BBC;
}

INPUT.text-topbar {
	border-style : solid;
	border-color : gray; 
	border-width : 1;
	width: 60px;
	font-size : 9px;
	height: 16px; 
	font-family : verdana,arial, helvetica, sans-serif; }

INPUT.top-button  {
border-style : solid;
border-color : silver;
border-width : 0;
color : black;
font-size : 9px;
font-family : verdana,arial, helvetica, sans-serif;
height: 16px;
width: 20px; }

A { color: navy;
	font : bold;
    text-decoration: none; }
A:hover { text-decoration: underline; }  
 
A.titlelink { 
    font-size : 9px;
    color: white;
    text-decoration: none; }
A.titlelink:hover { text-decoration: underline; } 

TD.logout {
 font-size : 9px;
 color: white;
 }
 
UL {
	margin-left : 12px;
	margin-right : 0px;
	margin-bottom : 22px;
	margin-top : 0px;
	padding-bottom : 0px;
	padding-left : 0px;
	padding-right : 0px;
	padding-top : 0px;
}

/* Form Elements */

.flat-edit  {
border-style : solid;
border-color : black; 
background-color : white;
border-width : 1;
font-size : 8pt;
font-family : arial, helvetica, sans-serif; 
height: 18px; 
width: 120px;
} 

INPUT.flat-btn  {
border-style : solid;
border-color : black;
border-width : 1;
background-color : white;
color : black;
font-size : 8pt;
font-family : arial, helvetica, sans-serif;
height: 20px; }

TEXTAREA.textedit {

border-style : solid;
border-color : black; 
padding : 4 4 4 4;
border-width : 1;
overflow: hidden;
font-size : 8pt;
font-family : arial, helvetica, sans-serif; 
height: 45;
}

INPUT.smalltextedit {

border-style : solid;
border-color : silver; 
padding : 1 1 1 1;
border-width : 1;
font-size : 8pt;
font-family : arial, helvetica, sans-serif; 
}

TEXTAREA.answertext {

border-style : solid;
border-color : silver; 
padding : 4 4 4 4;
border-width : 1;
overflow: auto;
font-size : 8pt;
font-family : arial, helvetica, sans-serif; 
width: 95%;
height: 240;
}

/* everysite footer style */

DIV.footer {
 padding-left: 8px;
}

/* CASI Style */

DIV.certificate {
 padding: 8px;
 background: URL(/casi/images/bg_cert.gif);
 border: 1px solid #f0f0f0; }
    
DIV.certificate TD.title {
 font-size: 11px;
 vertical-align: middle; }

A.titlenav { 
    color: white;
    text-decoration: none;
    }
A.titlenav:hover { text-decoration: underline; }   

A { color: #7C2881;
    text-decoration: none; }
A:hover { text-decoration: underline; }   

.error {
    font-weight: bold;
    color: red; }
    
.label {
    font-weight: bold;
     }

/* Page Formating */

DIV.pictures {
  float: right; width: 242px;
  margin-bottom: 1pc; }
DIV.pictureframe {
  margin-top: 1.5pc;
  font: 7pt verdana,arial,helvetica; }
IMG.picture, .widetext TD IMG {
  display: block; margin: 4px 0px;
  border: 1px solid black; }