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: none;
        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;
}

/* Same as above but now with shadow */
.darkbluetable-shadowed {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 10pt;
	color: #EDEDED;
	background-color: #224F80;

    /* These add a drop shadow */
    border-radius: 4px 4px 4px 4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
}

/* 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; */
	background-color: #306fb3;
}

/* 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;
}

// 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;}

/* This controls the main body of text */
#main {
    /* We are going to keep the main body only 960 pixels wide to fit within a non-maximized browser */
    width:1000px;
    /* 20 = vertical offset of main text, Auto = horizontally centered */
    margin:10px auto;

    /* This sets the background colour of the left navigation sidebar */
    background: #e9f1f9;
    padding:0px 0px;

    border-color: rgba(0, 0, 0, 0.2); 
    border-width: 1px; 
    border-style: solid;

    /* These add a drop shadow to the main body */
    border-radius: 4px 4px 4px 4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
}

/* ---------------------------------------------------------------------------------- */

/* These are used as part of the Captcha "SecurImage" */
/* Refer to usage in "nav/confirm.php" */

#main div.note {
	font-size: 10pt; margin: 5px 0px; padding: 10px 10px 10px 48px; border: 4px solid currentColor; text-align: left; line-height: 135%; -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px;
}
#main div.note a {
	text-decoration: underline;
}
#main div.note a:hover {
	text-decoration: none;
}
#main div.alert {
	background: url("/nav/securimage/icons/alert.png") no-repeat 10px 50% rgb(155, 0, 0); border-color: rgb(255, 0, 0); color: rgb(248, 255, 0);
}
#main div.alert a {
	color: rgb(255, 255, 255);
}
#main div.info {
	background: url("/nav/securimage//icons/info.png") no-repeat 10px 50% rgb(0, 80, 186); border-color: rgb(0, 140, 255); color: rgb(214, 227, 255);
}
#main div.info a {
	color: rgb(255, 255, 255);
}
#main div.warn {
	background: url("/nav/securimage/icons/warning.png") no-repeat 10px 50% rgb(213, 170, 0); border-color: rgb(247, 210, 41); color: rgb(255, 255, 255);
}
#main div.warn a {
	color: rgb(255, 255, 255);
}

/* --------------------------- Wikipedia style image boxes shown on page ---------------------------- */

div.thumb {
	border: currentColor; 
	width: auto; 
	margin-top: 0.5em; 
	margin-bottom: 0.8em; 
	background-color: rgb(249, 249, 249);
}

div.thumbinner {
	padding: 5px !important; 
	border: 1px solid rgb(204, 204, 204); 
	text-align: center; overflow: 
	hidden; font-size: 94%; 
	/* background-color: rgb(249, 249, 249); */
       background-color: rgb(255, 0, 0);
}
/* Same as above but white outer border region and no outer border */
div.thumbinner-white {
	padding: 0px !important; 
	border: 0px solid;
	text-align: center; overflow: 
	hidden; font-size: 94%; 
        background-color: rgb(255, 255, 255);
}
div.tright {
	margin: 0.5em 0px 0.8em 1.4em; 
	clear: right; 
	float: right;
}
div.tleft {
	margin: 0.5em 1.4em 0.8em 0px; 
	clear: left; 
	float: left;
}
div.tcenter {
	margin: 0.5em 1.4em 0.8em 1.4px;
	background-color: rgb(255, 255, 255);
}
html .thumbimage {
	border: 1px solid rgb(204, 204, 204);
}
html .thumbcaption {
	padding: 3px !important; 
	border: currentColor; 
	text-align: left; 
	line-height: 1.4em; font-size: 94%;
	background-color: rgb(249, 249, 249);
}
/* Same as above but white outer border */
html .thumbcaption-white {
	padding: 3px !important; 
	border: currentColor; 
	text-align: left; 
	line-height: 1.4em; font-size: 94%;
	background-color: rgb(255,255,255);
}
div.magnify {
	float: right;
}