<!--
 * UniSoft Corporation
 *
 * Standard CSS for UniSoft web site.
 * By: Audrey Ruelas and Guy Hadland
 * Last update: March 27, 2011.
 *
 * Needs some Spring cleaning here...
 *
 * Copyright (c) 2002-2011 UniSoft Corporation.
-->

A:link {color: white; font-weight: bold}
A:visited {color: white; font-weight: bold}
A:active {color: red; font-weight: bold}
A {text-decoration: underline; font-size: 11pt;
   font-family: Times, "Times New Roman", serif}

A.bluelinks:link {color: blue; font-weight: normal}
A.bluelinks:active {color: blue; font-weight: normal}
A.bluelinks:visited {color: red; font-weight: normal}
A.bluelinks {
	text-decoration: underline;
	font-size: 9pt;
	font-family: Verdana, Arial, sans-serif;
}


<!-- glosslinks are used by gen/iglossary.html -->
A.glosslinks:link {
	color: blue;
	font-size: 12pt;
	font-weight: normal
}

A.glosslinks:active {
	color: blue;
	font-size: 12pt;
	font-weight: normal
}

A.glosslinks:visited {
	color: red;
	font-size: 12pt;
	font-weight: normal
}

A.glosslinks {
	text-decoration: underline;
	font-size: 12pt;
        font-family: Verdana, Arial, sans-serif
}

A.boxlinks:link {color: blue; font-weight: bold}
A.boxlinks:active {color: blue; font-weight: bold}
A.boxlinks:visited {color: #551A8B; font-weight: bold}
A.boxlinks {
	text-decoration: underline;
        font-size: 8pt;
	font-family: Verdana, arial, sans-serif;
}

A.tablinks:link {color: yellow; font-weight: normal; font-size: 8pt}
A.tablinks:visited {color: white; font-weight: normal}
A.tablinks:active {color: red; font-weight: normal}
A.tablinks {
	text-decoration: underline;
        font-size: 8pt;
	font-family: Verdana, arial, sans-serif;
	font-weight: normal;
}


.navbar1 {
        height: 20px;
	width:  750px;
	background-color: #333399;
}

.navbar1-cell {
	height:  20px;
	width:	92px;
	text-align:  center;
	background-color: #333399;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.navbar2 {
        height: 20px;
	width:  750px;
	background-color: #333399;
}

.navbar3 {
        height: 20px;
	width:  140px;
	background-color: #333399;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}


.navbar4 {
        height: 20px;
	width:  750px;
	background-color: #ffffff;
	border-collapse: collapse;
	text-align:	center;
}

.navbackgrd {
	background-image: url('/images/navdown_white2.PNG');
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}


.info_blueback {
	width:	200px;
	background-color: #99CCFF;
}

.whiteline {
	font-family: Verdana, arial, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	height: 1px;
}


.vertblueline {
	width: 3px;
	background: #99CCFF;
}


.captiontext {
	font-family: Verdana, arial, sans-serif;
	font-size: 8pt;
	font-weight: bold;
}

.datasheettext {
	font-family: Verdana, arial, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	background: #99CCFF;
	color: black;
}

.formstext {
        background-color: #DDDDFF;
        width: 160px;
        font-size: 8pt;
	font-weight: normal;
        font-family: Verdana, Arial, sans-serif;
        color: blue;
        text-align: left;
}

.copyrighttext {
	font-family: Verdana, Arial, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: black;
	background: white;
	text-align: center;
	width: 750px;
}

.thinwhiteline {
	background-color: white;
	width: 150px;
	height: 1px;
	text-align: left;
	font-weight: normal;
}

body {
        background-color: white;
        margin: 0;
        padding: 0;
        width: 750px;
        font-size: 10pt;
	font-weight: normal;
        font-family: Verdana, Arial, sans-serif;
        color: black;
        text-align: left;
}

H1 {font-size: 18pt; color: #003399}
H2 {font-size: 12pt; color: red; font-weight: bold; line-height: 1.0}
H3 {font-size: 12pt; color: black; font-weight: bold}

<!--
 * padding required as an attempt to get IE to produce correct paragraph
 * spacing, not an issue for real browsers
 * format for margin and padding fields
 * margin: top right bottom left;
-->


P {
	font-size: 9pt;
	margin:0;
	padding:7px 0px 7px 0px;
	overflow:  visible;
}


.blueback {
	background: #99CCFF;
	font-weight: bold;
}

<!-- graybox is used by some files in the legacy usc directory -->

.graybox {
	width: 220px;
	height: 130px;
	font-size: 11pt;
	font-family: Times, "Times New Roman", serif;
}

.rhsbox {
	font-size: 11pt;
        font-family: Verdana, Arial, sans-serif;
	background:  #9933ff;
	width: 220px;
}


.bluebox {
	background: #333399;
	font-size: 10pt;
	font-family: Times, "Times New Roman", serif;
}

.newbluebox {
	background: #99CCFF;
	font-weight: bold;
	font-size: 9pt;
	font-family: Times, "Times New Roman", serif;
}


.otherbluebox {
	width: 220px;
	font-size: 11pt;
	font-weight: bold;
        font-family: Verdana, Arial, sans-serif;
	background: #99CCFF;
}

<!-- widebluebox is used by gen/products.html -->
.widebluebox {
	width: 750px;
	font-size: 11pt;
	font-weight: bold;
        font-family: Verdana, Arial, sans-serif;
	background: #99CCFF;
}

.maintext {
	font-size: 9pt;
	font-family: Verdana, Arial, sans-serif;
        color: black;
}


<!--
 * maintext450 - use for datasheet pages with a light blue RHS.
 *
 * Keeps white text at 450px wide, allowing two spacer columns of 5px
 * each and a blue right-hand-side datasheet text at 290px
 *
-->
.maintext450 {
	font-size: 9pt;
	font-family: Verdana, Arial, sans-serif;
        color: black;
	width: 450px;
}

.codetext {
	font-size: 9pt;
	font-family: Courier, "Courier New", sans-serif;
        color: black;
}


.redcodetext {
	font-size: 9pt;
	font-family: Courier, "Courier New", sans-serif;
        color: red;
}


<!-- newmaintext used by ocap/configfile.html and
     ocap/signaturefile.html
-->

.newmaintext {
	font-size: +3;
	font-family: Verdana, Arial, sans-serif;
        color: black;
}


.whitetext {
	font-size: 11pt;
	font-family: Times, "Times New Roman", serif;
	color: white;
}

.whitetext2 {
	font-size: 8pt;
	font-family: Verdana, Arial, sans-serif;
	color: white;
}


.whitevertical {
        background-color: #ffffff;
        width: 0px;
}       

<!-- legacy classes, still used by some pages	-->

.htablesize {width: 750px}

.hcolumn1 {
	   width: 190px
}

.hcolumn2 {
	   width: 180px;
	   font-size: 20pt;
	   color: blue;
	   font-weight: bold;
           text-align: left;
	   font-family: Arial, san-serif
}


.hcolumn3 {
	   width: 160px;
           font-size: 11pt;
	   font-weight: bold
           margin: 0px;
           padding: 0px;
           
}

 
.hcolumn4 {
	   width: 220px;
	   font-size: 10pt;
	   font-family: Times, "Times New Roman", serif
}

.hcolumn4c {
	   width: 220px;
           height: 130px;
           font-size: 11pt;
           font-family: Times, "Times New Roman", serif;
}


.hcolumn4d {
	   width: 158px;
           height: 130px;
           font-size: 11pt;
           font-family: Times, "Times New Roman", serif;
}

.boldcols {
	width: 170px;
	font-weight: bold
}

	
.boldcols292 {
	width: 292px;
	font-weight: bold
}


.darksmall {
	font-size: 10pt;
	font-family: Arial;
	font-weight: bold
}

.halfline {
	line-height: 1.7
}


.newpara {
	line-height: 110%;
}

.heading1 {
	background: white;
	font-size: 28pt;
	font-family: Arial;
	font-weight: bold
}

.heading2 {
	background: white;
	font-size: 15pt;
	font-family: Arial;
	font-style: Italic;
	font-weight: normal
}

.heading3 {
	background: white;
	font-size: 14pt;
	font-family: Arial;
	font-size: 14pt;
	color: #5918bb;
}

.heading4 {
	background: white;
	font-size: 20pt;
	font-family: Arial;
	font-weight: bold;
	color: black
}


.heading5 {
	background: white;
	font-size: 11pt;
	font-family: Arial;
	font-weight: bold;
	color: blue
}

.boldtext {
	color: black;
	font-weight: bold;
}

.commandtext {
	color: black;
	font-family: Courier, "Courier New", monospace;
	background-color: #99ccff; 
}


.dropmenustyle {
	background-color: #333399;
	position: absolute;
	top: +123px;
	width: 186px;
	visibility: hidden;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border: 0px 0px 0px 0px;
	border-width: 0px;
}

.dropmenustyle1 {
	background-color: #333399;
	position: absolute;
	top: +123px;
	left:+188px;
	width: 186px;
	visibility: hidden;
	padding: 0px 0px 0px 0px;
}


.dropmenustyle2 {
	background-color: #333399;
	position: absolute;
	top: +123px;
	left:+376px;
	width: 186px;
	visibility: hidden;
	padding: 0px 0px 0px 0px;
}

.dropmenustyle3 {
	background-color: #333399;
	position: absolute;
	top: +123px;
	left:+564px;
	width: 186px;
	visibility: hidden;
	padding: 0px 0px 0px 0px;
}

.blueline {
	height: 3px;
	width: 750px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border: 0px 0px 0px 0px;
	border-width: 0px;
}

.picintable {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border: 0px 0px 0px 0px;
	border-width: 0px;
	vertical-align: bottom;
}

.tru2way_box {
	padding: 0px 0px 0px 0px;
	height:  130px;
	width:   450px;
	background-color: #ffffff;
}

._home_box {
	padding 0px 0px 0px 0px;
	height:	130px;
	width:	750px;
	background-color: #ffffff;
}

.one_col_ds_cell {
	font-size: 9pt;
	font-family: Verdana, Arial, sans-serif;
        color: black;
	padding: 0px 0px 0px 0px;
	width:	747px;
	background-color: #9999ff;
	vertical-align: top;
	border-width: 0px;
}

.three_px_spacer_col_ds {
	width:	3px;
	background-color: #9999ff;
	vertical-align: top;
}


.two_col_ds_cell {
	font-size: 9pt;
	font-family: Verdana, Arial, sans-serif;
        color: black;
	padding: 0px 0px 0px 0px;
	width:	372px;
	background-color: #ffffff;
	vertical-align: top;
	border-width: 0px;
}

.three_px_spacer_col {
	color: white;
	width: 3px;
}

.eight_px_spacer_col {
	background-color: blue;
	width: 8px;
}

.header1 {
	font-size: 9pt;
	font-family: Verdana, Arial, sans-serif;
        color: white;
	padding: 0px 0px 0px 0px;
	width:	750px;
	background-color: #3333ff;
	vertical-align: top;
	border-width: 0px;
}


.topline {
	background-color: #3333ff;
	width:	750px;
	height: 10px;
}


<!--
New stuff, 10 October 2010

htable1		- main header table, used by almost all pages
hcol0		- htable1, column 0, blank space
hcol1		- hcol1, contains the main title of the page
hcol2		- coloured links, supposedly relative to the current page
hcol3		- UniSoft logo
hwhitelinks	-
formtext2	- white text used in the request-for-information area
iglossary_index	- /gen/iglossary.html, index table
maintext8	- text size in the header form window (request for more info)
summary		- top level class for three column table
summaryhdr	- same as "summary" but has font size of 10pt
summaryhdrbig	- same as "summaryhdr" but with font size of 20pt
summaryhdrbig2	- same as "summaryfont size 18pt
summaryhdrocap	- same colour background as the tru2way logo
summarytext	- font 9pt with #CCEEFF background
-->

.htable1 {
	width:			 750px;
	color:			 red;
	background-color:	#0000CC;
	border-width:		0px;
}


.hcol0 {
	width:	10px;
        font-size: 20pt;
        color: white;
        font-weight: bold;
        text-align: left;
        vertical-align: middle;
        font-family: Arial, san-serif;
	background-color:	#000066;
}

.hcol1 {
	width:	400px;
        font-size: 16pt;
        color: white;
        font-weight: bold;
        text-align: left;
        vertical-align: middle;
        font-family: Arial, san-serif;
	background-color:	#000066;
}

.hcol2 {
	width:	190px;
        font-size: 20pt;
        color: white;
        font-weight: bold;
        text-align: left;
        font-family: Arial, san-serif;
	background-color:	#000066;
}


.hcol3 {
	width:	160px;
        font-size: 20pt;
        color: white;
        font-weight: bold;
        text-align: center;
        vertical-align: middle;
        font-family: Arial, san-serif;
	background-color:	#000066;
}

A.hwhitelinks {
	color: white;
	text-decoration: none;
        font-size: 8pt;
        font-weight: normal;
	font-family: Verdana, helvetica, sans-serif;
}


.formtext2 {
	font-size: 8pt;
	font-family: Verdana, Arial, sans-serif;
        color: black;
}

.iglossary_index {
	width:	750px;
	height: 10px;
}

.maintext8 {
	font-size: 8pt;
	font-family: Verdana, Arial, sans-serif;
        color: black;
}

.summary {
	font-size: 9pt;
	font-family: Verdana, Arial, sans-serif;
	color: black;
	width:	245px;
	border-width: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.summaryhdr {
	font-size: 10pt;
	font-family: Verdana, Arial, sans-serif;
	color: white;
	background-color: #000066;
	width:	240px;
	height:	53px;
	vertical-align: top;
	padding: 5px 5px 5px 5px;
}

.summaryhdrbig {
	font-size: 20pt;
	font-family: Verdana, Arial, sans-serif;
	color: white;
	background-color: #000066;
	width:	240px;
	height:	53px;
	vertical-align: top;
	padding: 5px 5px 5px 5px;
}

.summaryhdrbig2 {
	font-size: 18pt;
	font-family: Verdana, Arial, sans-serif;
	color: white;
	background-color: #000066;
	width:	240px;
	height:	53px;
	vertical-align: middle;
	padding: 0px 0px 0px 0px;
}
.summaryhdrimage {
	font-size: 25pt;
	font-family: Verdana, Arial, sans-serif;
	color: white;
	background-color: #000066;
	width:	240px;
	height:	53px;
	vertical-align: top;
	padding: 0px 0px 0px 0px;
}

.summaryhdrocap {
	font-size: 25pt;
	font-family: Verdana, Arial, sans-serif;
	color: white;
	background-color: #D10074;
	width:	240px;
	height:	53px;
	vertical-align: middle;
	padding: 0px 0px 0px 0px;
}
.summarytext {
	font-size: 9pt;
	font-family: Verdana, Arial, sans-serif;
	color: black;
	background-color: #CCEEFF;
	width:	240px;
	padding: 6px 6px 6px 6px;
}


.bl_box {background: url('/images/bl.gif') 0 100% no-repeat #CCEEFF; width: 750px}
.br_box {background: url('/images/br.gif') 100% 100% no-repeat}
.tl_box {background: url('/images/tl.gif') 0 0 no-repeat}
.tr_box {background: url('/images/tr.gif') 100% 0 no-repeat; padding:10px}
.clear {font-size: 1px; height: 1px}

.screenshotmiddle {
	display:      block;
	margin-left:  auto;
	margin-right: auto;
	border: 0px solid #0000ff;
}