body {
	font-family:arial,helvetica,sans-serif;
	font-size:12px;
	background-color: #FFF;
	margin: 0;
	padding: 0;
	}

#pageContents {
	margin: 8px 0 15px 32px;
	width:720px;
	}

#transBack {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 999;
	width: 1%;
	height: 0px;
	padding: 10px; 
	filter: alpha(opacity=50);
	-moz-opacity:.50;
	opacity:.50;
	text-align: center; 
	background-color:#2F5DAA;
	visibility: hidden;
}
#popL {
	position: absolute;
	left: 150;
	top: 75;
	z-index: 1000;
	padding: 0px; 
	text-align: right;
	border: #2F5DAA 5px solid;
	background-color: #2F5DAA; 
	filter: alpha(opacity=100);
	text-align: center;
	visibility: hidden;
}
#popL a.close:link, a.close:visited { float: right; font-size: 11px; font-weight: 900; margin: 0px; text-align: center; color: #fff; padding: 5px; background-color: #2F5DAA; }
#popL a.close:hover, a.close:active { color: #fff; }

#popL a:link,
#popL a:active,
#popL a:visited,
#popL a:hover {
	display: block;
	float: right;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	padding: 5px;
	}
/**** end of popup css ***/

table {font-family: arial,helvetica,sans-serif; font-size:10pt;}
TD {font-family:arial,helvetica,sans-serif;font-size:10pt}

A:link {color:#225092;font-family:arial,helvetica,sans-serif;text-decoration:none;}
A:visited {color:#325A96;font-family:arial,helvetica,sans-serif;text-decoration:none;}
A:hover {color:#ff0000;font-family:arial,helvetica,sans-serif;text-decoration:underline;}

td A:link {color:#225092;font-family:arial,helvetica,sans-serif;text-decoration:none;}
td A:visited {color:#325A96;font-family:arial,helvetica,sans-serif;text-decoration:none;}
td A:hover {color:#ff0000;font-family:arial,helvetica,sans-serif;text-decoration:underline;}

#pageContents a:link,
#pageContents a:active {color:#0066CC;font-family:arial,helvetica,sans-serif;text-decoration:none;}
#pageContents a:visited {color:#3F73BF;text-decoration:none;}
#pageContents a:hover {color:#ff0000;text-decoration:underline;}

p a:link {color:#06C;;text-decoration:none;}
p a:active {color:#F00;}
p a:visited {color:#3F73BF;}
p a:hover {color:#F00;text-decoration:underline;}

A.sp:link {color:#225092;font-family:arial,helvetica,sans-serif;font-size:8pt;text-decoration:none;font-weight:bold}
A.sp:visited {color:#325A96;font-family:arial,helvetica,sans-serif;font-size:8pt;text-decoration:none;font-weight:bold}
A.sp:hover {color:#FF0000;font-family:arial,helvetica,sans-serif;font-size:8pt;text-decoration:none;font-weight:bold}

A.wh:link {font-family:arial,helvetica,sans-serif;font-size:7.5pt;color:#000000;text-decoration:none}
A.wh:visited {font-family:arial,helvetica,sans-serif;font-size:7.5pt;color:#000000;text-decoration:none}
A.wh:hover {font-family:arial,helvetica,sans-serif;font-size:7.5pt;color:#000000;text-decoration:none}
A.ln:link {color:#FFFFFF;font-family:arial,helvetica,sans-serif;font-size:10pt;text-decoration:none;font-weight:bold}
A.ln:visited {color:#FFFFFF;font-family:arial,helvetica,sans-serif;font-size:10pt;text-decoration:none;font-weight:bold}
A.ln:hover {color:#ffcc00;font-family:arial,helvetica,sans-serif;font-size:10pt;text-decoration:none;font-weight:bold}
A.raf:link  {COLOR: #5790D5; FONT-FAMILY: arial,helvetica,sans-serif; TEXT-DECORATION: underline}
A.raf:visited {COLOR: #2F5FAB; FONT-FAMILY: arial,helvetica,sans-serif; TEXT-DECORATION: underline}
A.raf:hover {COLOR: #ff0000; FONT-FAMILY: arial,helvetica,sans-serif; TEXT-DECORATION: underline}


.clickHere {font-size:10pt; font-family:arial,helvetica,sans-serif; color:#C50102;}
.clickHere A:VISITED {text-decoration:underline;}
.clickHere A:HOVER {text-decoration:underline; color:#EE3536;}
.clickHere A:LINK {text-decoration:underline;}

.cg2{display:table-column;background-color:#346DA2}

.chkfont {font-family: Arial, Helvetica, sans-serif; font-size: 8pt}
.channelsfont {font-family: Arial, Helvetica, sans-serif; font-size: 11px}

.def {color:#000000; font-weight: bold;}
.def:LINK {color:#009900; font-weight: bold; text-decoration:underline; border-bottom: 1px solid green;}
.def:VISITED {color:#009900; font-weight: bold; text-decoration:underline; border-bottom: 1px solid green;}
.def:HOVER {color:#000000; background-color:#FFFF99; font-weight: bold;}

.legalfont { font-family: Arial, Helvetica, sans-serif; font-size: 11px }

.f {font-family:arial,helvetica,sans-serif;font-size:12pt;font-weight:bold;color:#225092}
.f1 {font-family:arial,helvetica,sans-serif;font-size:12pt;color:#345696;font-weight:bold}
.f2 {font-family:arial,helvetica,sans-serif;font-size:10pt;font-weight:bold}
.f3 {font-family:arial,helvetica,sans-serif;font-size:10pt}
.f4 {font-family:arial,helvetica,sans-serif;font-size:10pt;color:red;font-weight:bold}
.f5 {font-family:arial,helvetica,sans-serif;font-size:10pt;color:#3C74C1;font-weight:bold}

.o2:link {color:#FFFFFF;font-family:arial,helvetica,sans-serif;text-decoration:none;}
.o2:visited {color:#FFFFFF;font-family:arial,helvetica,sans-serif;text-decoration:none;}
.o2:hover {color:#C5D5E5;font-family:arial,helvetica,sans-serif;text-decoration:none;}

.o3:link {color:#225092;font-family:arial,helvetica,sans-serif;text-decoration:none;}
.o3:visited {color:#325A96;font-family:arial,helvetica,sans-serif;text-decoration:none;}
.o3:hover {color:#FF0000;font-family:arial,helvetica,sans-serif;text-decoration:none;}

.o1 {font-family:arial,helvetica,sans-serif;font-size:9pt;}
.o2 {font-family:arial,helvetica,sans-serif;font-size:9pt;color:#FFFFFF;text-decoration:none;}

.m1 {font-family:arial,helvetica,sans-serif;font-size:10pt}
.m2 {font-family:arial,helvetica,sans-serif;font-size:10pt;color:white;font-weight:bold}
.m3 {font-family:arial,helvetica,sans-serif;font-size:10pt;font-weight:bold}
.m4 {font-family:arial,helvetica,sans-serif;font-size:14pt;color:white;font-weight:bold}
.m5 {font-family:arial,helvetica,sans-serif;font-size:7.5pt;color:#5B5B5B}
.m6 {font-family:arial,helvetica,sans-serif;font-size:7.5pt;font-weight:bold}
.m7 {font-family:arial,helvetica,sans-serif;font-size:7.5pt;color:#FFFFFF;text-decoration:none}
.m8 {font-family:arial,helvetica,sans-serif;font-size:14pt;color:#04294A;font-weight:bold}
.m9 {font-family:arial,helvetica,sans-serif;font-size:7.5pt}
.m10 {font-family:arial,helvetica,sans-serif;font-size:10pt;}
.m11 {font-family:arial,helvetica,sans-serif;font-size:10pt;color:white;text-decoration:none}
.m12 {font-family:arial,helvetica,sans-serif;font-size:10pt;color:#FFFDCC;font-weight:bold}
.m13 {font-family:arial,helvetica,sans-serif;font-size:8pt;color:#5B5B5B;text-decoration:none;font-weight:bold}
.m14 {font-family:arial,helvetica,sans-serif;font-size:14pt;color:white;text-decoration:none;font-weight:bold}
.m15 {font-family:arial,helvetica,sans-serif;font-size:10pt;color:white;text-decoration:none;font-weight:bold}
.m17 {font-family:arial,helvetica,sans-serif;font-size:8pt;text-decoration:none;}
.m18 {font-family:arial,helvetica,sans-serif;font-size:10pt;color:#3D72BE;font-weight:bold}
.m19 {font-family:arial,helvetica,sans-serif;font-size:7.5pt;color:#345696}
.m20 {font-family:arial,helvetica,sans-serif;font-size:10pt;color:red;}
.m21 {font-family:arial,helvetica,sans-serif;font-size:8pt;color:white;text-decoration:none}

.s0 {font-family:arial,helvetica,sans-serif;font-size:7pt;color:#999999;font-weight:bold;text-align:right}
.s1 {font-family:arial,helvetica,sans-serif;font-size:7pt}
.s2 {font-family:arial,helvetica,sans-serif;font-size:10pt}
.s3 {font-family:arial,helvetica,sans-serif;font-size:11pt;font-weight:bold}
.s4 {font-family:arial,helvetica,sans-serif;font-size:8pt;font-weight:bold}
.s5 {font-family:arial,helvetica,sans-serif;font-size:8pt;color:#000000}
.sTable {border: solid 1px #225092; border-width:1px; background-color: #F2F7FF;}
.sTable2 {border: solid 1px #0080bf; border-width:1px; background-color: #F2F7FF;}
.sInput {height: 18px; font-family: Verdana; font-size: 11px; border: solid 1px #225092}
	
.noheaderpage {background-color:#FFF; margin-top:5px; margin-left:8px; margin-right:8px}

/*************** these that start with "t" are used to color the ***************/
/*************** backgrounds of TABLEs and TDs                   ***************/
.t1{display:table;background-color:#346DA2}
.t2{display:table;background-color:#FFFFFF;}
.t3{display:table;background-color:#003e79;}
.t4{display:table;background-color:#356EA3;}
.t5{display:table;background-color:#7B9FD0;}
.t6{
	font-weight: bold;
	background-color:#225092;
	color: #FFFFFF;
}

.ta {font-family:arial,helvetica,sans-serif;font-size:10pt;color:#003e79;}
.ti {font-family:arial,helvetica,sans-serif;font-size:12pt;color:#003e79;}
.tt {font-family:arial,helvetica,sans-serif;font-size:10pt;color:#000000;}

.tp {font-family:arial,helvetica,sans-serif;font-size:10pt;color:#000000;font-weight: bold;}
.tp1 {font-family:arial,helvetica,sans-serif;font-size:10pt;color:#000000;}

/***************  color alternating table rows as on the ***************/
/***************  itemization table on the CC page       ***************/

.tableRowColor1 {
	font-weight: normal;
	background-color: #F6F6F6;
	color: #000000;
	}
	
.tableRowColor2 {
	font-weight: normal;
	background-color: #FFFFFF;
	color: #000000;
	}

.raffont {  font-family: Arial, Helvetica, sans-serif; font-size: 9pt}
.side_font {  font-family: Arial, Helvetica, sans-serif; font-size: 11px}
.table_border {  border-color: #305DAA #305DAA #FFFFFF; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 0px; border-left-width: 1px}
.table_border1 {  border-color: #305DAA #305DAA black; border: #305DAA; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}

/***************  registration pages header ***************/
.regbreadcrumb {
	font-size: 11px; 
	color: #787878
	}
	
.regbreadcrumb1 {
	font-size: 11px;
	font-weight: bold;
	color: #437BD8
	}
	
.reghead {
	background-color: #FFFFFF;
	}

div.box1 { border: solid 1px #225092; width: 177; background-color: #F2F7FF; border-width:1px; font-family: Arial; font-size: 11px; padding-left: 4px; color:#225092; line-height: 11pt}

div.box2 { border: solid #225092; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; width: 633; font-family: Arial; padding-left: 4px; font-size: 12px; color:#225092; line-height: 11pt; background-color:#F2F7FF}

div.box3 { border: solid #225092; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; width: 633; font-family: Arial; padding-left: 4px; font-size: 12px; color:#225092; line-height: 11pt; background-color:#F2F7FF}

div.box4 { border: solid #225092; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; width: 633; font-family: Arial; padding-left: 4px; font-size: 12px; color:#225092; line-height: 11pt}

div.box5 { border: solid #225092; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 0px; border-left-width: 1px; width: 250; font-family: Arial; padding-left: 4px; font-size: 12px; color:#225092; line-height: 11pt}

div.box6 { border: solid #225092; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; width: 500; font-family: Arial; padding-left: 4px; padding-top: 1px; font-size: 12px; color:#225092;background-color:#F2F7FF}

div.box7 { border: solid #225092; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; width: 633; font-family: Arial; padding-left: 4px; font-size: 12px; color:#225092; line-height: 13pt}

div.box8 { border: solid #225092; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; width: 500; padding-left: 4px; font-size: 12px; color:#225092; font-family: Arial}

div.box9 { border: solid #225092; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; width: 500; padding-left: 4px; font-size: 12px; color:#225092; background-color:#F2F7FF; font-family: Arial}

div.box10 { border: solid #225092; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 0px; border-left-width: 1px; width: 500; font-family: Arial; padding-left: 4px; padding-top: 1px; font-size: 12px; color:#225092}

div.box2a { border: solid #225092; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; width: 500; padding-left: 4px; padding-top: 4px;  background-color:#F2F7FF}

div.box3a { border: solid #225092; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 0px; border-left-width: 1px; padding-left: 4px; padding-top: 4px; width: 500}

div.box3b { border: solid #225092; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; padding-left: 4px; padding-top: 4px; width: 500}

div.box2a1 { border: solid #225092; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; width: 633; line-height: 11pt; padding-left: 4px; padding-top: 4px;  background-color:#F2F7FF}

div.box3a1 { border: solid #225092; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 0px; border-left-width: 1px; padding-left: 4px; padding-top: 4px; width: 633}

div.box3b1 { border: solid #225092; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; padding-left: 4px; padding-top: 4px; width: 633}

/***************  fonts and sematic markup ***************/

em {
	font-weight: bold;
	font-style: normal;
	color: #325A96;
	}

strong {
	color: #325A96;
    }

small {
	font-size: 10px;
    }

h1 { 
/*  we should use this rule
	instead of the .pagehead
	class
*/
	font-size:16px;
	font-weight:bold;
	color: #457FD0;
	margin: 0 0 2px 0;
	}

.alert {
	font-weight: bold;
	color: #F00;
	}

.pagehead {
	font-size:16px;
	font-weight:bold;
	color: #225092;
	}

.largehead {
/* largehead marks up the text and also
   colors the background of the TD      */
	background-color: #F6F6F6;
	font-size:18px;
	font-weight:bold;
	color: #225092;
	}
	
/***************  footer mark-up ***************/
#footer{
	text-align: center;
	color: #000;
	margin-top: 30px;
	width: 767px;
	}

.footer {
	font-size: 10px;
	text-align: center;
	}

.footer A {
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	}

.footer HR { color:#C3C3C3; }

.ftrHomeTopLine {background-color: #DEDEDE;}

.ftrHome {
	background-color: #DEDEDE;
	font-size: 8px;
	color: #FFFFFF;
	}


/***************  nav links ***************/

.topnav A:link, .topnav A:visited {
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	}
		
.topnav A:hover {
	color: #C5D5E5;
	text-decoration: none;
	}

.topnavOn A:link, .topnavOn A:visited {
	color: #325A96;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	}
		
.topnavOn A:hover {
	color: #C5D5E5;
	text-decoration: none;
	}

.brdcrmbs {
	color: #000000;
	font-size: 10px;
	}
		
.brdcrmbs A:link,
.brdcrmbs A:active,
.brdcrmbs A:visited,
.brdcrmbs A:hover {
	color: #000000;
	font-size: 10px;
	text-decoration: none;
	}

.leftnav {
	font-size: 11px;
	color: #4F4F4F;
}

.leftnavEmail {
	background-color: #E1E7DD;
}

.leftnav A:link, .leftnav A:visited {
	color: #325A96;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	}

.leftnav A:hover {
	color: #FF0000;
	font-size: 11px;
	text-decoration: none;
	}

.leftnavEmail div A:link, .leftnav div A:visited, .leftnav div A:active, .leftnav div A:hover {
	font-weight: normal;
	text-decoration: underline;
	color: #000;
}
		

/***************  account pages specific styles ***************/
.sp {FONT-WEIGHT: bold; FONT-SIZE: 9pt; COLOR: #0066CC; FONT-FAMILY: arial,helvetica,sans-serif; TEXT-DECORATION: none}

.m71 {FONT-SIZE: 7.5pt; COLOR: #ffffff; FONT-FAMILY: arial,helvetica,sans-serif; TEXT-DECORATION: none}

.m91 {COLOR: #f1f1f1; FONT-FAMILY: arial,helvetica,sans-serif; FONT-SIZE: 8pt; FONT-WEIGHT: bold}

.m22 {font-family:arial,helvetica,sans-serif;font-size:10pt;color:#CC0000;text-decoration:none;font-weight:bold } 

.boxstyle { width: 125px }

.tablepadding {padding-left: 5px; padding-right: 5px}

.m700 {FONT-SIZE: 7.5pt; COLOR: #000000; FONT-FAMILY: arial,helvetica,sans-serif; TEXT-DECORATION: none}

.o300:link {FONT-SIZE: 9pt; COLOR: #225092; FONT-FAMILY: arial,helvetica,sans-serif; TEXT-DECORATION: none}

.o300:visited {FONT-SIZE: 9pt; COLOR: #325a96; FONT-FAMILY: arial,helvetica,sans-serif; TEXT-DECORATION: none}

.o300:hover {FONT-SIZE: 9pt; COLOR: #ff0000; FONT-FAMILY: arial,helvetica,sans-serif; TEXT-DECORATION: none}

.f100 {FONT-WEIGHT: bold; FONT-SIZE: 12pt; FONT-FAMILY: arial,helvetica,sans-serif}

A.wh100:link {FONT-SIZE: 7.5pt; COLOR: white; FONT-FAMILY: arial,helvetica,sans-serif; TEXT-DECORATION: none}

A.wh100:visited {FONT-SIZE: 7.5pt; COLOR: white; FONT-FAMILY: arial,helvetica,sans-serif; TEXT-DECORATION: none}

A.wh100:hover {FONT-SIZE: 7.5pt; COLOR: white; FONT-FAMILY: arial,helvetica,sans-serif; TEXT-DECORATION: none}

A.index:link {color:#225092;font-family:arial,helvetica,sans-serif;text-decoration:none; font-size: 8pt; font-weight: bold}

A.index:visited {color:#3f73bf;font-family:arial,helvetica,sans-serif;text-decoration:none; font-size: 8pt; font-weight: bold}

A.index:hover {color:#ff0000;font-family:arial,helvetica,sans-serif;text-decoration:underline; font-size: 8pt; font-weight: bold}

.memberDisplay{	color:#0066CC;}

.boxfont1 {font-family: Arial; font-size: 8pt; color: #225092; font-weight: bold}

.back {  background-color: #CBCBCB}



/***************  one click install (for confirm page) ***************/	

#downloadBox {
	margin: 0 0 10px 20px;
	width: 640px;
	}

#manualDownload {
	position: absolute;
	top: 200px;
	left: 0px;
	visibility: hidden;
	}
/*
	active x download
*/

#downloadHead { /* also used during software download */
	margin: 0 6px;
	visibility: visible;
	}

#downloadingInfoX {
	margin: 8px;
	margin-top: 0;
	float: left;
	width: 330px;
	}

#downloadingX {
	top: 347px;
	left: 27px;
	width: 626px;
	visibility: visible;
	}

#downloadingX p {
	text-align: center;
	}

#securityImg {
	margin-bottom: 8px;
	}

/*
	software download
*/

#downloadingS {
	position: absolute;
	top: 262px;
	left: 27px;
	width: 626px;
	z-index: 500;
	visibility: hidden;
	}

#downloadingInfoS {
	margin-left: 123px;
	width: 380px;
	}

#progbarOutline {
	background: url(/img/misc/oci_progbar.gif) repeat-x;
	text-align: right;
	margin-bottom: 60px;
	padding: 0 auto;
	border: solid #9F9EA3 1px;
	width: 380px;
	height: 20px;
	}

#progbar {
	background-color: #FFF;
	height: 18px;
	}
	
/*
	download complete!
*/

#downloadHeadC {
	margin: 6px;
	position: absolute;
	z-index: 900;
	visibility: hidden;
	}

#downloadingC {
	position: absolute;
	top: 250px;
	left: 57px;
	width: 556px;
	z-index: 901;
	visibility: hidden;
	}

#downloadingC img {
	margin-left: 30px;
	float: right;
	}
	
	#nav { padding-left: 10px; padding-right: 8px; }
 	#navcontainer ul { margin: 0; padding: 0; list-style-type: none; font-size: 1em; }
	#navcontainer li { margin: 0; padding: 0px; color: #225092; }
	#navcontainer img { border: 0px; }
	#navcontainer b { color: #4f4f4f; font-weight: 900; font-size: .6em; font-family: Arial Black, Helvetica; letter-spacing: -.1em; }
	#navcontainer a { display: block; background-image: url(/img/nav/lt_arrows_css_j.gif); padding: 2px 0px 2px 0px; border-bottom: 1px dashed #6A6E72; width: 114px; \width: 114px; w\idth: 114px; margin: 0px; background-color: #EBF0F4; } 
	#navcontainerlast a  { border-bottom: 0px dashed #6A6E72; } 
	#navcontainer a:link, #navlist a:visited { color: #225092; text-decoration: none; }
	#navcontainer a:hover { background-color: #fff; color: red; text-decoration: none; background-image: url(/img/nav/lt_arrows_css_on_j.gif); }
	#active a:link, #active a:visited, #active a:hover {  background-color: #fff; background-image: url(/img/nav/lt_arrows_css_on_j.gif); }
	
/****************************** Styles for Support page footers using Div structure *******************/
/************* All these styles are used for support page footer file - html/common/footers/support-footer.ssi *****/ 

/************** Begin of Footer ****************/
.UOLlogo {float: right; margin: 0 0 2px 2px;}
#footerlinksHolder {
	clear: right;
	border-top: 1px solid #000;
	border-bottom: 2px solid #DEDEDE;
}
#footerNav {
            width:800px;
	        font-family: Arial, Helvetica, sans-serif;
	        font-size: 8pt;
	        padding-top: 2px;
	        padding-bottom: 10px;
	        text-align: center;}
#footerDisclaimer {
	border-top: 1px solid #CCC;
	background-color:#767677;
	height:75px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:7.5pt;
	color:#FFF;
	padding-top: 10px;
	padding-left: 100px;
}

/***************** End of Footer *****************/