body {
	margin: 0px;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	color: Black;
	font-size: 10pt;
}
li {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 10pt;
	list-style-image : url(../images/arrow.gif);
}
td {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 10pt;
}
h1 {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	color: Black;
	font-size: 16pt;
}
h2 {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	color: Black;
	font-size: 14pt;
}
h3 {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	color: Black;
	font-size: 12pt;
}
h4 {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	color: Black;
	font-size: 10pt;
}
h5 {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	color: Black;
	font-size: 8pt;
}

p  {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	color: Black;
	font-size: 10pt;
}
blockquote {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	color: Black;
	font-size: 10pt;
}
font  {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 10pt;
       color: Black;
}
text {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	color: Black;
	font-size: 10pt;
}

.dashed-seperator {
	background-image: url(/templates/images/dashes2.gif); 
	background-position: left top;
	background-repeat: repeat-y;
}
.repeated-dashed-seperator {
	background-image: url(/templates/images/dashes2.gif); 
	background-position: left top;
	background-repeat: repeat-x;
}
.sidebarheader {
	background: #2C6496;
	color: #FFFFFF;
	font: bold;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 10pt;
}
.mastheadlogo {
	background-color: #092241;
	background-image: url(/templates/topnav/okino_masthead.gif);
	background-position: left top;
	background-repeat: no-repeat
}
/* Text entry boxes, such as on product registration page */
.textentrybox {
	background-color: #B8C9Db;
	color: #264151;
	border: 1px solid #1B3C5C;
	font: bold;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 12pt;
}
.searchbox {
	background-color: #B8C9Db;
	color: #264151;
	border: 1px solid #1B3C5C;
	font: bold;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 10pt;
}
.searchbutton {
	background-color: #B8C9E0;
	color: #0A1116;
	border: 1px ridge #1B3C5C;
	font: bold;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 10pt;
}
/* When you need a gold hyperlink (such as on Okino contact dark blue table, on /okino.htm) */
/* Use it in a hyperlink like this: <a http='link url' class='goldlink'> */
a.goldlink:Link
{
	color: #FEBF01;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	Text-decoration: underline;
	font-weight : bolder;
}
a.goldlink:Visited
{
	color: #EEAF01;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	Text-decoration: none;
}
a.goldlink:Hover
{
    color: #FF3300;
    font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
    Text-decoration: underline;
}

/* Used for the text banner placed at the bottom of every page (see "templates/end_page.php") */
.pagebottom {
	background-color: #326BA3;
	color: #EDEDED;
	font: normal;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 9pt;
	padding-left: 5px;
	padding-bottom: 4px;
	padding-top: 2px;
}
a.pagebottom:link {
        text-decoration: underline;
        color: #EDEDED;
}
a.pagebottom:hover {
        text-decoration: underline;
        color: #7DC0FF;
}
A:pagebottom:Visited
{
    Text-decoration: underline;
}

/* Dark blue tables, such as contact info on "support.htm" */
.darkbluetable {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 10pt;
	color: #EDEDED;
	background-color: #224F80;
}
/* Alternate cell (brighter) for the product upgrades page */
.darkbluetable2 {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 10pt;
	color: #EDEDED;
	background-color: #306fb3;
}

/* Dark blue tables used in the FAQ manager */
.faqmanagertable {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 10pt;
	color: #FFFFFF;
	background-color: #225B93;
}
/* Darker blue for bottom line of each listing in Perl search */
.perlsearch2 {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 10pt;
	color: #FFFFFF;
	background-color: #326BA3;
}
/* Dark blue used for Perl search tables */
.perlsearch {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 10pt;
	color: #FFFFFF;
	background-color: #225B93;
}
/* Product registration table */
.prodregtable {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 10pt;
	color: #FFFFFF;
}
/* A bigger font */
.prodregtable2 {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 14pt;
	color: #FFFFFF;
}

/* Light blue tables used on the order entry page */
.ordertable {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 10pt;
	background-color:#1C70D8;
	color: #FFFFFF;
	border: 1px solid #1C70D8;
}
/* Even lighter blue tables used on the order entry page */
.ordertable2 {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 10pt;
	background-color:#1C70D8;
	color: #FFFFFF;
	border: 1px solid #1C70F8;
}

/* A light blue background table with a heavier blue table outline used for the "Okino news" (it has an embedded style in default.htm), the 3rd party plug-ins module page, and the press release page */
.lite-blue-table {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	background-color: #DAE3F3;
	color: #000000;
	 border-width:		2px;
	border-style:		solid;
	border-color:		#4E88C5;
}
</STYLE>

// Expandable content styles as used in filefrmt.htm
// http://www.webreference.com/programming/css_content/index.html
.save{
   behavior:url(#default#savehistory);}
a.dsphead{
   text-decoration:none;
   margin-left:1.5em;}
a.dsphead:hover{
   text-decoration:underline;}
a.dsphead span.dspchar{
   font-family:monospace;
   font-weight:normal;}
.dspcont{
   display:none;
   margin-left:1.5em;}

