@charset "utf-8";
  
body{padding:10px;margin:0;font-family:arial,helvetica,sans-serif;font-size:11px;color:#000;}

body  {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	background: #FFFFFF;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	color: #000000;
}

#wrapper { 
	margin: 0 auto;
	width: 996px;
	clear: both; padding: 0px 0;
}

#header {
 width: 974px;
 float: left;
 padding: 10px;
 border: 0px solid #ccc;
 height: 100px;
 margin: 10px 0px 0px 0px;
}

#leftcolumn { 
 border: 0px solid #ccc;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 width: 752px;
 float: left;
}

#leftcolumn h1 {
 	font-family: Arial, Helvetica, sans-serif;
	font-size: 18pt;
	color:#000000;
	font-weight:600;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 20px;
}

#rightcolumn { 
 float: right;
 border: 0px solid #ccc;
 margin: 0px 0px 0px 0px; 
 padding: 10px; 
 width: 200px;
 display: inline;
}

#footer { 
 width: 974px;
 clear: both;
 border: 0px solid #ccc;
 margin: 0px 0px 10px 0px;
 padding: 10px;
}

#masthead { 
  overflow:auto; 
  width: 974px; 
} 

#masthead-left{ 
  width: 640px; 
  margin:1px; 
  padding: 0; 
  float:left;
}

#masthead-right { 
  width: 200px; 
  margin:1px; 
  padding: 0em; 
  float:right;
} 


#javalogo {
  float:right;
  margin: 0 0 0px 15px;
}

#oraclelogo {
  float:left;
  vertical-align:top;
  margin: 0 0 0px 0px;
}


#breadCrumb{width:974px; font-family:arial,helvetica,sans-serif;; font-size:11px; margin-bottom:0px;}
#breadCrumb .breadCrumb_Left{background:url('../../images/breadcrumb-left.png') left top no-repeat;width:129px;height:33px; float:left;}
#breadCrumb .breadCrumb_Center .breadCrumb_Content {font-size:13px; color:#666666; padding:4px 0px 0px 5px; line-height:22px; font-weight:bold; position:absolute; left:-125px;}
#breadCrumb .breadCrumb_Center .breadCrumb_Content .red{ color:#FF0000;}
#breadCrumb .breadCrumb_Center .breadCrumb_Content .rightarrow{ font-size:11px; color:#a6a6a6; margin:0px 5px;}
#breadCrumb .breadCrumb_Center .breadCrumb_Content a{font-size:11px; color:#666666; text-decoration:none; font-weight:normal;}
#breadCrumb .breadCrumb_Center .breadCrumb_Content .active{font-size:11px; color:#a6a6a6; text-decoration:none; font-weight:normal;}
#breadCrumb .breadCrumb_Center .breadCrumb_Content a:hover{font-size:11px; color:#ff0000; text-decoration:underline; font-weight:normal;}
#breadCrumb .breadCrumb_Left .breadCrumb_Content.heading{color:#F00; font-weight:bold;}
#breadCrumb .breadCrumb_Center{background:url('../../images/breadcrumb-center.png') left top repeat-x;width:716px;height:33px; float:left;}
#breadCrumb .breadCrumb_Right{background:url('../../images/breadcrumb-right.png') right top no-repeat;width:129px;height:33px; float:right;}


/* Start  of Styles for Title */
h1 {font-size:18px;}
h1 {font-size:1.5em;font-weight:bold;line-height:180%;background:url('../../images/h1-left.gif') left no-repeat;padding:0 0 0 18px;margin:0 0 15px 0;white-space:nowrap;}
h1 .contents {background:url('../../images/h1-right.gif') right no-repeat;display:block;width:100%;} 

.sidebox .contents {margin:0px;padding:10px 10px 2px 10px;background:url('../../images/sidebox-background-main.gif') repeat-y;}
 
 
/* ---------------------------------------------------------------------------*/
 /* Search Box Start */
#search_box {
    width: 200px;
    background: url('../../images/sq_search.png');
	background-repeat:no-repeat;
	margin-bottom: 3px;
	padding-bottom:5px;
}

#search_box #s {
    padding: 0;
    margin: 6px 0px 0px 3px;
    border: 0;
    width: 150px;
    background: none;
	height:20px;
	}
#search_box #go {
	vertical-align:top;
    float: right;
    margin: 3px 0px 0 0;
	border:none;
}

*:first-child+html #search_box #go{
    float: right;
    margin: -19px 0px 0 0;
	border:none;
}

#advancedSearch { 
	margin: 0px 0px 0px 5px;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight:500;
	color: #000000;
}

#invisible {
	margin-left: -2000px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0px;
	overflow: hidden;
	position: absolute;
}

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

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	overflow:auto;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

<!--  Content Blocks Start -->
<!--  Content with/without Image Start -->

#content { 
  overflow:auto; 
  width: 100%; 
  background: #fff;
} 

.content {
	background:url('../../images/303146.gif') no-repeat 0 3px;
	padding-left:12px;
	margin:5px 0 2px 0;
	text-align: left; 
	font-weight: 600; 
	font-size: 12px;
	}

.content2 {
	background:url('../../images/303146.gif') no-repeat 0 3px;
	padding-left:12px;
	margin:5px 0 2px 0;
	text-align: left; 
	font-weight: 600; 
	font-size: 12px;
	}

.content3 {
	background:url('../../images/303146.gif') no-repeat 0 3px;
	padding-left:12px;
	margin:5px 0 2px 0;
	text-align: left; 
	font-weight: 600; 
	font-size: 12px;
	}

#content-left{ 
  width: 40px; 
  margin:1px; 
  padding: 0em; 
  background: #fff; 
  float:left;
}

#content-left2{ 
  width: 40px; 
  margin:1px; 
  padding: 0em; 
  background: #fff; 
  float:left;
}


#content-right { 
  width: 670px; 
  margin:1px; 
  padding: 0em; 
  padding-bottom:20px;
  padding-left:10px;
  background: #fff; 
  float:left;
} 

#content-right2 { 
  width: 670px; 
  margin:1px; 
  padding: 0em; 
  padding-bottom:20px;
  padding-left:10px;
  background: #fff; 
  float:left;
}

#content-span { 
  width: 700px; 
  margin:1px; 
  padding: 0em; 
  padding-bottom:20px;
  padding-left:20px;
  background: #fff; 
  float:left;
} 

#content-span2 { 
  width: 700px; 
  margin:1px; 
  padding: 0em; 
  padding-bottom:20px;
  padding-left:20px;
  background: #fff; 
  float:left;
} 
<!--  Content with/without Image End -->


#landing { 
  overflow:auto; 
  width: 100%; 
} 
#landing2 { 
  overflow:auto; 
  width: 100%; 
}

#landing3 { 
  overflow:auto; 
  width: 100%; 
}


#topspanwrap {
  overflow:auto; 
  width: 100%; 
} 
#topspanwrap2 {
  overflow:auto; 
  width: 100%; 
} 
#topspanwrap3 {
  overflow:auto; 
  width: 100%; 
}
#lefttopspan{ 
  width: 342px;
  margin-top:20px; 
  margin-bottom:5px;
  margin-left: 20px;
  background: #fff; 
  float:left;
}
#lefttopspan2{ 
  width: 342px;
  margin-top:20px; 
  margin-bottom:5px;
  margin-left: 20px;
  background: #fff; 
  float:left;
}
#lefttopspan3{ 
  width: 342px;
  margin-top:20px; 
  margin-bottom:5px;
  margin-left: 20px;
  background: #fff; 
  float:left;
}
#rightoftopspan{ 
  width: 342px; 
  margin-top:20px;
  margin-bottom:5px;
  padding: 0em; 
  padding-bottom:0px;
  padding-left:0px;
  background: #fff; 
  float:left;
}
#rightoftopspan2{ 
  width: 342px; 
  margin-top:20px;
  margin-bottom:5px;
  padding: 0em; 
  padding-bottom:0px;
  padding-left:0px;
  background: #fff; 
  float:left;
}
#rightoftopspan3{ 
  width: 342px; 
  margin-top:20px;
  margin-bottom:5px;
  padding: 0em; 
  padding-bottom:0px;
  padding-left:0px;
  background: #fff; 
  float:left;
}
#landing-left{ 
  width: 120px; 
  margin:1px; 
  margin-left: 20px;
  background: #fff; 
  float:left;
}
#landing-left2{ 
  width: 120px; 
  margin:1px; 
  margin-left: 20px;
  background: #fff; 
  float:left;
}
#landing-left3{ 
  width: 120px; 
  margin:1px; 
  margin-left: 20px;
  background: #fff; 
  float:left;
}
#landing-left-text { 
  width: 220px; 
  margin:1px; 
  padding: 0em; 
  padding-bottom:0px;
  padding-left:0px;
  background: #fff; 
  float:left;
} 
#landing-left-text2 { 
  width: 220px; 
  margin:1px; 
  padding: 0em; 
  padding-bottom:0px;
  padding-left:0px;
  background: #fff; 
  float:left;
} 
#landing-left-text3 { 
  width: 220px; 
  margin:1px; 
  padding: 0em; 
  padding-bottom:0px;
  padding-left:0px;
  background: #fff; 
  float:left;
} 
#landing-right { 
  width: 120px; 
  margin:1px; 
  padding: 0em; 
  padding-bottom:0px;
  padding-left:0px;
  background: #fff; 
  float:left;
}
#landing-right2 { 
  width: 120px; 
  margin:1px; 
  padding: 0em; 
  padding-bottom:0px;
  padding-left:0px;
  background: #fff; 
  float:left;
}
#landing-right3 { 
  width: 120px; 
  margin:1px; 
  padding: 0em; 
  padding-bottom:0px;
  padding-left:0px;
  background: #fff; 
  float:left;
  }
#landing-right-text { 
  width: 220px; 
  margin:1px; 
  padding: 0em; 
  padding-bottom:0px;
  padding-left:0px;
  background: #fff; 
  float:left;
}
#landing-right-text2 { 
  width: 220px; 
  margin:1px; 
  padding: 0em; 
  padding-bottom:0px;
  padding-left:0px;
  background: #fff; 
  float:left;
}
#landing-right-text3 { 
  width: 220px; 
  margin:1px; 
  padding: 0em; 
  padding-bottom:0px;
  padding-left:0px;
  background: #fff; 
  float:left;
}
<!--  Content Blocks End -->

h2{ 
	text-align: left; 
	color:#000000; 
	font-weight: 600; 
	font-size: 15px; 
	margin-top:10px; 
	margin-bottom:20px;
	margin-left: 0px;
} 


#leftcolumn h3{ 
	text-align: left; 
	padding-top: 0px;
	color:#000000; 
	font-weight: 600; 
	font-size: 13px; 
	margin-top:5px; 
	margin-bottom:5px;
	margin-left: 0px;} 

#leftcolumn h3.noimage {
	text-align: left; 
	padding-top: 0px;
	margin-left:2em;
	color:#000000; 
	font-weight: 600; 
	font-size: 13px; 
	margin-top:5px; 
	margin-bottom:5px
	}
	
.listheading	
{ 
	text-align: left; 
	padding-top: 0px; 
	margin-left:0px; 
	margin-bottom:2px; 
	margin-top:2px; 
	color:#000; 
	font-weight: 600; 
	font-size: 12px
	}
		
h4{ 
	text-align: left; 
	padding-top: 0px; 
	margin-left:1.3em; 
	margin-bottom:5px; 
	margin-top:2px; 
	color:#000; 
	font-weight: 600; 
	font-size: 13px}	
	
#leftcolumn h4.noimage { 
	text-align: left; 
	padding-top: 0px; 
	margin-left:1.3em; 
	margin-bottom:5px; 
	margin-top:2px; 
	color:#7F7F7F; 
	font-weight: 600; 
	font-size: 13px}
#leftcolumn h5 {  
	text-align: left; 
	padding-top: 0px; 
	margin-left:2.8em;
	margin-bottom:5px; 
	margin-top:5px; 
	color:#ff0000; 
	font-weight: 600; 
	font-size: 13px;}
#leftcolumn h5.noimage {  
	text-align: left; 
	padding-top: 0px; 
	margin-left:2.8em; 
	margin-bottom:5px; 
	margin-top:5px; 
	color:#ff0000;
	font-weight: 600; 
	font-size: 13px
}

#leftcolumn p.L1P{  
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #333333; 
	margin-left: 16px;
	margin-top: 6px;
	margin-bottom: 6px
}

#leftcolumn p.L2P{  
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #333333; 
	margin-left: 34px;
	margin-top: 6px;
	margin-bottom: 6px
}

#leftcolumn p.L3P{  
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #333333; 
	margin-left: 52px;
	margin-top: 6px;
	margin-bottom: 6px
}
/*--------------------------------------------------------------*/
/* Tool-tips menu - use title="*" in the <a href tags of the item to make the menu appear */
.tooltip {
	width: 155px; 
	color:#000;
	font:lighter 11px/1.3 Arial,sans-serif;
	text-decoration:none;
	text-align:left;
}
.tooltip span.top {
	padding: 5px 10px 0;
    background: url(../../../images/tooltip.png) no-repeat top;
}
.tooltip b.bottom {
	padding: 5px 10px 5px;
	color: #548912;
    background: url(../../../images/tooltip.png) no-repeat bottom;
}
/*--------------------------------------------------------------*/



#copyright {font-family:arial,helvetica,sans-serif;; font-size:11px; margin-bottom:0px; text-align:center;}
#copyright a{font-size:11px; color:#666666; text-decoration:none; font-weight:normal;}
#copyright  .active{font-size:11px; color:#a6a6a6; text-decoration:none; font-weight:normal;}
#copyright  a:hover{font-size:11px; color:#ff0000; text-decoration:underline; font-weight:normal;}


/* Boxes */
  .innerBoxHeaderBgRpt {background:url('../../images/pg_box_hder_bg_rpt.gif') repeat-x #f4f4f4; height:22px;padding-left:8px;}
  .innerBoxBgRptBot {background:url('../../images/pg_box_bg_rpt_bot.gif') repeat-x #fff; height:2px;}
  .innerBoxSideLft {background:url('../../images/pg_box_side_lft.gif') repeat-y #f4f4f4; width:3px;}
  .innerBoxSideRt {background:url('../../images/pg_box_side_rt.gif') repeat-y #f4f4f4; width:3px;}
  .innerBoxBgLftBot {background:url('../../images/pg_box_bg_lft_bot.gif') no-repeat #fff; height:20px; width:3px;}
  .innerBoxBgRtBot {background:url('../../images/pg_box_bg_rt_bot.gif') no-repeat #fff; height:20px; width:3px;}
  .innerBoxHeaderBgLft {background:url('../../images/pg_box_hder_bg_lft.gif') no-repeat #f4f4f4; height:22px; width:3px;}
  .innerBoxHeaderBgRt {background:url('../../images/pg_box_hder_bg_rt.gif') no-repeat #f4f4f4; height:22px; width:3px;}
  .innerBoxHeaderBgDiv {background:url('../../images/pg_box_hder_bg_div_bot.gif') no-repeat #f4f4f4;width:3px;height:22px;}
  .innerBoxHeaderBgDivRpt {background:url('../../images/pg_box_hder_bg_div_rpt.gif') repeat-y #f4f4f4;width:3px;}
  .innerBoxBgDivBot {background:url('../../images/pg_box_hder_bg_div_bot.gif') no-repeat #f4f4f4; height:2px; width:3px;}
/* Boxes */
/* ocom.css */
.genericBoxBgLftTop {background:url('../../images/anchorbox_topleft.gif') no-repeat #f4f4f4; height:2px; width:2px; }
.genericBoxBgRptTop {background:url('../../images/anchorbox_toprpt.gif') repeat-x #f4f4f4; height:2px;}
.genericBoxBgRtTop {background:url('../../images/anchorbox_topright.gif') no-repeat #f4f4f4; height:2px; width:2px;}
.genericBoxBgLftBot {background:url('../../images/anchorbox_botleft.gif') no-repeat #f4f4f4; height:2px; width:2px;}
.genericBoxBgRptBot {background:url('../../images/anchorbox_botrpt.gif') repeat-x #f4f4f4; height:2px;}
.genericBoxBgRtBot {background:url('../../images/anchorbox_botright.gif') no-repeat #f4f4f4; height:2px; width:2px;}
.genericBoxBgLftBotFeat {background:url('../../images/genericbox_lft_bot_feat.gif') no-repeat; height:26px; width:2px;}
.genericBoxBgRptBotFeat {background:url('../../images/genericbox_rpt_bot_feat.gif') repeat-x; height:26px;}
.genericBoxBgRtBotFeat {background:url('../../images/genericbox_rt_bot_feat.gif') no-repeat; height:26px; width:2px;}
.genericBoxSideLft {background:url('../../images/anchorbox_sideleftrpt.gif') repeat-y #f4f4f4; width:2px;}
.genericBoxSideRt {background:url('../../images/anchorbox_siderightrpt.gif') repeat-y #f4f4f4; width:2px;}
.fifteenpxBotMargin {margin-bottom:0px;}
.threepxBotMargin {margin-bottom:4px;}
.dottedspacer {margin:15px 0;}
.pageSpacer{height:300px;}
.sidebox .contents {margin:0px;padding:10px 10px 2px 10px;background:url('../../images/sidebox-background-main.gif') repeat-y;}
.innerBoxContent {padding:10px 10px 10px 10px; line-height:16px;}
.tabletop {font-family:arial,helvetica;font-size:9pt;color:#000000;background-color:#EFEFEF;font-weight:bold}
.tabletxtheader {font-family:arial,helvetica;font-size:8pt;color:#000000;background-color:#ffffff;font-weight:bold}
.tabletxt {font-family:arial,helvetica;font-size:8pt;color:#000000;background-color:#ffffff;padding:5px;}
.tabletxt ul {list-style:none;padding:0px;margin:0px;font-size:8pt;}
.tabletxt li {background: url('../../images/bulletsquareblk.gif') no-repeat 0 0;padding:0px 0px 0px 8px;margin:0px 0px 3px 0px;font-size:8pt;}
.tableborder {background-color:#dddddd;margin-bottom:10px;}
.backToTop {font-size:9px; padding:4px 0px 0px 35px;text-align:right;margin-right:17px;}
.backToTop a:link {color:#666666;text-decoration:underline;} 
.backToTop a:visited {color:#666666;text-decoration:underline;} 
.backToTop a:hover {color:#FF0000;text-decoration:underline;} 
.innerBoxContent ol{ margin: 10px 0px 0px 0px; padding: 0px 0px 0px 23px;}
.innerBoxContent ol li{ background-image: none; padding:0px; margin:0px 5px 12px 0px;}
.innerPgSignpost ul {list-style:none;padding:0px;margin:0px;}
.innerPgSignpost li {background:url('../../images/red_arrow_box.gif') no-repeat 0 3px;padding:0px 0px 0px 14px;margin:0px 5px 7px 0px; list-style:none;}
.innerPgSignpost a:link {color:#000;text-decoration:underline;}
.innerPgSignpost a:visited {color:#000;text-decoration:underline;}
.innerPgSignpost a:hover {color:#ff0000;text-decoration:underline;}
.signpostSubsectionHead {font-weight:bold;padding-bottom:5px;}
.subBullets {font-size:10px;}
.subBullets ul {font-size:10px;line-height:12px;padding:0px 0px 0px 0px;margin:-3px 5px 8px 5px;list-style:none;}
.subBullets li {padding:0px 0px 0px 6px;margin:6px 5px 6px 10px;background-image:url('../../images/bulletsquareblack.gif');background-repeat:no-repeat; font-size:10px;background-position:0 -1px}
.subBullets a:link{color:#565656;text-decoration:none;}
.subBullets a:visited{color:#565656;text-decoration:none;}
.subBullets a:hover{color:#FF0000;text-decoration:underline;}
/* ocom.css */

/* otn-otn.css */
a:link {color:#000;text-decoration:underline;}
a:visited {color:#000;text-decoration:underline;}
a:hover {color:#ff0000;text-decoration:underline;}
/* otn-otn.css */