/***********************************************************/	
/* This CSS file contain style for the Odin Portal         */
/* Styles defined here are general for all elements in     */
/* the Odin Portal                                         */
/*                                                         */
/* Do not add specific styles that appear on only one      */
/* element here (like div tags with with,height etc.       */
/***********************************************************/	

/***********************************************************/	
/* BODY tag style                                          */
/* If these styles are not overridden they will be         */
/* used by all content on the page within the BODY tag.    */                                                
/* Default font family should *only* be defined here       */                 
/* Scrollbar styles does not work in FireFox/Mozilla       */
/***********************************************************/	
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;

}
#mainContentAreaOuter{
	text-align: center;
}
#mainContentArea{
	width:990px;
	margin: 0 auto;
	text-align:left;
}
#nojs { /* No Javascript area  */
	background: #f93; 
	padding: 5px 0;
}

/***********************************************************/	
/* Remove height of unused tables abd table cells          */
/* Oracle Portals uses templates to define the layout of   */
/* the page. Some of the tables/areas defines in the       */
/* template is not in use.                                 */ 
/* These areas/tables has got height 1 by Oracle Portal    */
/* To make sure these unused tables does not affect layout */
/* we will set the height to zero as default.              */
/***********************************************************/	
TABLE, TABLE TR, TABLE TD {
	height:0px;
}
/***********************************************************/	
/* General Headers                                         */
/* If you can please use these predefined headers          */
/* If you can't, modify these styles inside your down      */
/* class area                                              */
/***********************************************************/	
H1 {
      font-size: 17px;
      font-weight: normal;
      color: #222222; 
      font-family: Arial, Helvetica, sans-serif;
      margin-bottom: 5px;
      margin-top: 7px;
      text-align: left; 
}
H2 {
	font-size: 13px;
	font-weight: bold;
	color: #222222; 
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 0px;
	margin-top: 0px;
	text-align: left;	
}
H3 {
	font-size: 12px;
	font-weight: bold;
	color: #222222; 
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 2px;
	margin-top: 3px;
	text-align: left;	
}
H4 {
	font-size: 11px;
	font-weight: bold;
	color: #222222; 
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 0px;
	margin-top: 0px;
	text-align: left;	
}

H5 {
	font-size: 14px;
	font-weight: bold;
	color: #222222;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 2px;
	margin-top: 4px;
	text-align: left;	
}
H6 {
	font-size: 9px;
	font-weight: regular;
	color: #000000; 
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 0px;
	margin-top: 0px;
	text-align: left;
        line-height: 11px;	
}
H7 {
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 0px;
	margin-top: 0px;
	text-align: left;	
}
H8 {
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 0px;
	margin-top: 0px;
	text-align: left;
        line-height: 9px;	
}
p {
	margin-bottom: -2px;
}
A:hover{
	color:gray;
}

/***********************************************************/	
/* General element inside the FORM tag                     */
/***********************************************************/	
FORM {
	margin-bottom: 0px;
	margin-top: -2px;
}
FORM LABEL {
	color: black;
	font-weight: bold;
	font-size: 10px;
}
FORM INPUT{
	font-size: 10px;
	padding: 0px 4px 0px 4px;
}
FORM TEXTAREA {
	font-size: 10px;
}
FORM SELECT {
	font-size: 9px;
}
FIELDSET {
	padding-top: 5px;
	padding-bottom:5px;
	padding-left: 5px;
	padding-right: 5px;
	border:2px solid silver;
}
FIELDSET LEGEND {
	font-size: 10px;
	font-weight: bold;
	color: #222222; 
	font-family: Arial, Helvetica, sans-serif;
	border:2px solid silver;
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 5px;
}

a {
	text-decoration: none;
	color: black;
}
a:hover {
	text-decoration: underline;
}
/***********************************************************/	
/* General list tags                                       */
/* Please try to avoid TABLE tag to create lists           */
/***********************************************************/	
LI {
	margin-left: 1px;
	text-indent: 0px;
	list-style: none;
	list-style-position: outside;
	margin-bottom: 3px;
	line-height: 14px;
}
LI a{
	font-size: 11px;
	color: black;
	margin-left: 1px;
	text-decoration: none;
	line-height: 10px;
}

/***********************************************************/	
/* Special list tags                                       */
/* Uses image button           */
/***********************************************************/	
.imagebulletlist {
	margin-left: 0px;
	padding-left: 0px;
	margin-top:0px;
	margin-bottom:0px;
}
.imagebulletlist li {
	background-image: url(/op/images/layout/orange_bullet.gif);
	background-repeat: no-repeat;
	background-position: top left;
	margin-top: 2px;
	padding-left: 15px;
}

/***********************************************************/	
/* Special list tags                                       */
/* Uses image button           */
/***********************************************************/	
.imagequestionlist {
	margin-left: 0px;
	padding-left: 0px;
	margin-top:0px;
	margin-bottom:0px;
}
.imagequestionlist li {
	background-image: url(/op/images/layout/orange_bullet.gif);
	background-repeat: no-repeat;
	background-position: top left;
	margin-top: 7px;
	padding-left: 15px;
}

/****************************/
/****************************/
/****************************/
.informationList {
	margin-left: 0px;
	padding-left: 0px;
	margin-top:0px;
	margin-bottom:0px;
}
.informationList li {
	background-image: url(/op/images/layout/questionmark.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	padding-top: 2px;
	padding-left: 20px;
}

/***********************************************************/	
/* Special list tags for list of PDF files                 */
/* Uses image button                                       */
/***********************************************************/	
.pdffilelist {
	margin-left: 0px;
	padding-left: 0px;
	margin-top:0px;
	margin-bottom:0px;
}
.pdffilelist li {
	background-image: url(/op/images/layout/acrobat.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	margin-top: 2px;
	padding-left: 20px;
}

/***********************************************************/	
/* This style is used to get a shadowed box around the     */
/* content                                                 */
/* Its rather tricky, so be careful when editing           */
/***********************************************************/	
.normaltext {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	line-height: 130%;
}
.contenttext {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
}
.smalltext {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px; 

}
a.readmore {
	font-size: 12px;
	font-weight: bold;
	color: #222222;
	display: block;
	margin-top: 3px;	
}
.goback a, .morenews {
	font-size: 12px;
	font-weight: bold;
	color: #222222;
	margin-top: 3px;	
	text-align: left;
}


/***********************************************************/	
/* This style is used to by content that uses a scrollbar  */
/* It changes the style of the scrollbar.                  */
/* It is not a part of the CSS standard                    */
/* Only supported by InternetExplorer                      */
/***********************************************************/	
.userdefinedscrollbar{
	scrollbar-3dlight-color: #A0A0A0;
	scrollbar-arrow-color: #000000;
	scrollbar-base-color: #A0A0A0;
	scrollbar-track-color: #A0A0A0;
	scrollbar-darkshadow-color: #A0A0A0;
	scrollbar-face-color: White;
	scrollbar-highlight-color: White;
	scrollbar-shadow-color: White;
}

/*************************************************************/	
/* Some boxes uses the innerBoxFull style to add             */
/* background images. This style adds the correct margins    */
/* to the innerBoxFull.                                      */
/* Margins can not be added to innerBoxFull directly since   */
/* that will affect to positioning of the image.             */
/* innerBoxFull is defines in the browser specific css files */
/*************************************************************/	
.innerBoxFull .innerBoxFullMargins{
	margin: 3px 6px 4px 6px;
}

/**********************************************************/	
/* General table tag. adds a line between the columns     */
/**********************************************************/	
table td.horizontalsplitcol{
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: Gray;
}
/**********************************************************/	
/* TABLE Columns                                          */
/* These styles can be used in TABLES that is used        */
/* just to show columns of text                           */
/*                                                        */
/* Example <TABLE class="table2columns">                  */
/**********************************************************/	
table tr.hilightrow{
	background-color: #E7E7E9;
}

table.table1column {
	vertical-align:top;
	width:100%;
	border: none;
}
/********************************/
/* Layout TABLE with 2 columns */
/***********************/

table.table2columns {
	text-align:justify;
	vertical-align:top;
	width:100%;
	border: none;
}
table.table2columns  TR {
	vertical-align: top;
	text-align: justify;
}
table.table2columns TR TD {
	width: 50%;
	padding-right: 6px;
	padding-left: 6px;
	text-align: justify;
}

/***********************/
/* TABLE with 3 columns */
/***********************/
table.table3columns {
	text-align:justify;
	vertical-align:top;
	width:100%;
	border: none;
}
table.table3columns  TR {
	vertical-align: top;
	text-align: justify;
}
table.table3columns TR TH{
	vertical-align: top;
	text-align: justify;
}
table.table3columns TR TD {
	width: 30%;
	padding-right: 6px;
	padding-left: 6px;
}
/***********************/
/* TABLE with 4 columns */
/***********************/
table.table4columns {
	text-align:justify;
	vertical-align:top;
	width:100%;
	border: none;
}
table.table4columns  TR {
	vertical-align: top;
	text-align: justify;
}
table.table4columns TR TD {
	width: 25%;
	padding-right: 6px;
	padding-left: 6px;
}

/********************************/
/* FormLayout TABLE with 2 columns */
/***********************/
table.formtable2columns {
	vertical-align:top;
	width:100%;
}
table.formtable2columns  TR {
	vertical-align: top;
}
table.formtable2columns TR TD {
	width: 50%;
}
/**********************************************************/	
/* This style is used to display techical data            */
/**********************************************************/	
table.dataTable {
	width:100%;
	border: none;
	text-align:left;
	vertical-align:top;
	line-height: 118%;
    margin: 1px 0 6px; 
	padding-left: 0;
}
table .dataTable caption{
	font-weight:bold;
	padding-top:2px;
	padding-bottom:2px;
	text-align: left;
}
table.dataTable thead TR TH{
	font-weight: bold;
	text-align: right;
	vertical-align: bottom;
	color: #222222;
}
table.dataTable tbody TR TH{
	font-weight: bold;
	text-align: left;
}
table.dataTable tbody TR TD{
	font-weight: normal;
	text-align: right;
}
table.dataTable tbody .selected{
	background-color: #e7e7e9;
}
/**********************************************************/	
/* This style is used to display simple fact data          */
/**********************************************************/	

table.factTable {
	width:100%;
	border: none;
	text-align:left;
	vertical-align:top;
	line-height: 115%;
    margin: 1px 0px 6px 0px; 
	padding-left: 0px;
}
table.factTable caption{
	text-align: left;
	color: #222222;
	font-weight: bold;
}
table.factTable thead TR TH{
	font-weight: bold;
	text-align: right;
	vertical-align: bottom;
	color: #222222;
}
table.factTable tbody TR TH{
	font-weight: normal;
	text-align: left;
}
table.factTable tbody TR TD{
	font-weight: normal;
	text-align: right;
}

/*******************************/
/* Use this style in addition */
/* to dataTable to set colors */
/* on a dataTable             */
/*******************************/
table .coloredTable1 {
	background-color:#ffffff;
}
table tbody .coloredTable1 td, table tbody .coloredTable1 th {
	border-bottom: thin solid #EAEAEA;
}
table .coloredTable1 caption {
	background-color:#eaf1ec;
	color: #222222; 
}
/**********************************************************/	
/* This style is used to set the width the boxes          */
/**********************************************************/	

/* maincontent_100percent */ 
div.maincontent_100percent {
	width: 815px;
}
/* maincontent_120percent */ 
div.maincontent_120percent {
	width: 830px;
}
/* maincontent + box_column2 + box_column3 */ 
div.maincontent {
	width: 420px;
}
/* maincontent + box_column2 + box_column3 */ 
div.maincontent_Full {
	width: 433px;
}
/* maincontent_80percent + box_column3 */ 
div.maincontent_80percent {
	width: 646px;
}
div.maincontent_80percent_Full {
	width: 659px;
}
div.maincontent_70percent {
	width: 589px;
}
div.box_column2 {
	width: 207px;
}
div.box_column2Full {
	width: 220px;
}
div.box_column2_Full {
	width: 207px;
}
div.box_column2Full_banner {
	width: 245px;
}
div.box_column3 {
	width: 150px;
}
div.box_column3List {
	width: 207px;
}
div.box_column3Full {
	width: 163px;
}
div.box_column1Full {
	width: 155px;
}
/* Width of boxes that covers column 2 and 3
*/
div.box_column2n3 {
	width: 386px;
}
div.box_column3X1Full {
	width: 215px;
}

/**********************************************************/	
/* This style is for tabs                                 */
/**********************************************************/	
.cicerotabs {
	font-size: 8pt;
	font-family: Arial;
}

/****************************/
/****************************/
/****************************/

.tabmenu {
	margin-left: 0px;

}
.tabmenu LI{
	float:left;
	border-left:1px;
	border-left-style:solid;
	border-right:1px;
	border-right-style:solid;
	border-top:1px;
	border-top-style: solid;
	margin-left:0px;
	background-color:#E6E6E6;
	margin-top:0px;
	text-indent:0px;
}
.tabmenu LI a{
	margin-left:0px;
	margin-right:0px;
	text-decoration:none;
	list-style-position: outside;
	cursor:pointer;
	height:16px;
}
.tabmenu LI a:hover{
	color:gray;
}



/****************************************************************/
/* Used when an error occurs                                 	*/
/****************************************************************/
#errorarea {
	padding: 2px;
	color: red;
	font-size: 12px;
	font-weight: bold;
}

/************************************************/
/* Escenic styles                               */
/************************************************/
.articleMain {
	cursor: pointer;	
}

.articleHeader a:hover {
 text-decoration: none;
}


/************************************************/
/* Javascript Slider                            */
/************************************************/

.sliderBackground {
	border:0px;
}
.sliderKnob{
	border: 0px;
	position:relative;
	cursor:pointer;
	visibility:hidden;
	z-index: 1;
}






#searchpager *
{
	color:black;
	text-align:left;
	text-decoration:none;
}
#searchpager a:link
{
	color:black;	
	text-decoration:none;
}
#searchpager a:link
{
	color:black;	
	text-decoration:none;
}
#searchpager a:hover
{
	color:orange;	
	text-decoration:none;
}
#searchpager a:active
{
	color:orange;	
	text-decoration:none;
}