body {

  background-color:#FF7FC0;
  COLOR: Black;   
  FONT-WEIGHT: bold; FONT-SIZE: 12px;
  FONT-FAMILY: COMIC SANS MS, Verdana, Arial, Helvetica, sans-serif;
scrollbar-arrow-color:white;
scrollbar-3dlight-color:#FF7FC0;
scrollbar-highlight-color:white;
scrollbar-face-color:#FF7FC0;
scrollbar-shadow-color:white;
scrollbar-darkshadow-color:#FF7FC0;
scrollbar-track-color:white; 
scrollbar-base-color:white;

}

.small
{
	FONT-SIZE: 9px;
}

.tiny
{
	FONT-SIZE: 7px;
}
td
 {
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	PADDING-BOTTOM: 2px;
	COLOR: Black;
	PADDING-TOP: 2px;
	FONT-FAMILY: COMIC SANS MS, Verdana, Arial, Helvetica, sans-serif;
}

A { color:#b84c30;text-decoration: none;cursor: hand; }
A:link    {color:#b84c30;}
A:visited {color:#b84c30;}
A:hover {color:#b84c30; text-decoration: underline}  


A.intotable { text-decoration: none;cursor: hand; }
A:link.intotable    {color:white}
A:visited.intotable {color:white}
A:hover.intotable {COLOR:white; text-decoration: underline}  


.intotable
 {

	FONT-WEIGHT: bold; FONT-SIZE: 12px;  COLOR: #ffffff;  	FONT-FAMILY: COMIC SANS MS, Verdana, Arial, Helvetica, sans-serif; 
}


INPUT {

	BORDER-RIGHT: rgb(50,50,50) 1px outset; 
	BORDER-TOP: rgb(50,50,50) 1px outset; 
	BORDER-LEFT: rgb(50,50,50) 1px outset; 
	BORDER-BOTTOM: rgb(50,50,50) 1px outset;
	FONT-WEIGHT: bolder; FONT-SIZE: 12px; COLOR:#007898;
   	FONT-FAMILY: COMIC SANS MS, Verdana, Arial, Helvetica, sans-serif;

}

textarea {

	BORDER-RIGHT: rgb(50,50,50) 1px outset; 
	BORDER-TOP: rgb(50,50,50) 1px outset; 
	BORDER-LEFT: rgb(50,50,50) 1px outset; 
	BORDER-BOTTOM: rgb(50,50,50) 1px outset;
	FONT-WEIGHT: bolder; FONT-SIZE: 12px; COLOR:#007898;
   	FONT-FAMILY: COMIC SANS MS, Verdana, Arial, Helvetica, sans-serif;

}

select {
	FONT-WEIGHT: bolder; FONT-SIZE: 12px; COLOR:#007898; 
	FONT-FAMILY: COMIC SANS MS, Verdana, Arial, Helvetica, sans-serif;
   	BORDER-RIGHT: rgb(50,50,50) 1px outset; 
	BORDER-TOP: rgb(50,50,50) 1px outset; 
	BORDER-LEFT: rgb(50,50,50) 1px outset; 
	BORDER-BOTTOM: rgb(50,50,50) 1px outset;

}

b
{
	FONT-WEIGHT: bolder;
}

.button1 {
	 BACKGROUND:#b84c30;
	 COLOR: white; FONT-FAMILY: Verdana, sans-serif;  TEXT-DECORATION: none;
	 cursor:pointer;

}
.button2 {
	 BACKGROUND:#FF7FC0;
	 COLOR: white; FONT-FAMILY: Verdana, sans-serif;  TEXT-DECORATION: none;
	 cursor:pointer;

}

.select1
{
    font-weight : lighter;COLOR: #007898; FONT-SIZE: 11px; 	FONT-FAMILY: COMIC SANS MS, Verdana, Arial, Helvetica, sans-serif;
}

.inputshow
{
    font-weight : bold;COLOR: #007898; FONT-SIZE: 11px; 	FONT-FAMILY: COMIC SANS MS, Verdana, Arial, Helvetica, sans-serif;
}

.showinput{
	 BACKGROUND:white;
	BORDER-RIGHT: rgb(50,50,50) 1px outset; 
	BORDER-TOP: rgb(50,50,50) 1px outset; 
	BORDER-LEFT: rgb(50,50,50) 1px outset; 
	BORDER-BOTTOM: rgb(50,50,50) 1px outset;
	FONT-WEIGHT: bolder; FONT-SIZE: 11px; COLOR:#007898; ;

}
.alert {COLOR: red;}


#message {top:200px;  border:1px solid black;
         width:200px;background-color:yellow;padding:4px;
         position:absolute;}


.jon_text { 
    FONT-FAMILY: COMIC SANS MS, Verdana, Arial, Helvetica, sans-serif; 
    FONT-WEIGHT: bold; FONT-SIZE: 12px;
    COLOR: Black; 
    background-color:#FF7FC0;
    text-decoration:none;
    border: thin #000000 none;
    background-color: #C0C0FF;
    }
.jon_background { background-color: #dcdcdc}
.jon_table { 
    height: auto; 
    width: 250; 
    border: red; 
    border-style: solid; 
    border-top-width: thin; 
    border-right-width: thin; 
    border-bottom-width: thin; 
    border-left-width: thin
    }
.jon_category { 
    COLOR: Black;   
    FONT-WEIGHT: bold; FONT-SIZE: 12px;
    FONT-FAMILY: COMIC SANS MS, Verdana, Arial, Helvetica, sans-serif;
    background-color: #dcdcdc; 
    text-align: center}