/*************************************************************/	
/* This CSS file contain style for the Odin Portal                                      */
/* Styles defined as "* html ..." here are spesific to Internet Explorer   */
/*                                                                                                                      */
/* Se equal definitions in "mozilla_styles.css"                                           */
/*                                                                                                                      */
/* Do not add specific styles that appear on only one                                 */
/* element here (like div tags with with,height etc.                                     */
/***********************************************************/	
/***************************************************************************************************************	
These regions are created by Oracle Portal.
A new region is created when you add a new tab.
When adding tabs to a page, Oracle Portal created a thin line after the tabs with a image with height 3 pixel.
When setting the height to "0px",  in "odin_oracle_tabs" it removes the field entirely in FireFox.
But Internet Explorer still renders a 2 pixel height area. Due to that problem we must move the region "rgXXX" 
two pixsels up in InternetExplorer. Opera has the same problem. Bug?

Might change over time and after deploying portlet on a new page 
It removes the gap between the tabulators and the content below it.
 rg8510 - Yielding_Overview Tab 1
 rg8512 - Yielding_Overview Tab 2
 rg8513 - Yielding_Overview Tab 3
 rg9510 - rg 9515 News_Archieve Tab 1-6
 rg9693 - rg9696 - FactSheet Tab1-4
 rg11995 - rg11997 - Pricelist
***************************************************************************************************************/

/* Special IExplorer Norway */
* html #rg632, * html #rg634, * html #rg635, * html #rg633, * html #rg661, * html #rg667, * html #rg663, * html #rg547, * html #rg548, * html #rg549 , * html #rg10661, * html  #rg11062, * html #rg11063, * html #rg11064{ 
	margin-top:-2px;
}
/* Special IExplorer Finland */
* html #rg10648, * html #rg10649, * html #rg10650, * html #rg10651, * html #rg10589, * html #rg11051, * html #rg10579,* html #rg10580,*  html #rg10576{ 
	margin-top:-2px;
}
/* Special IExplorer Finland in Swedish */
* html #rg20207, * html #rg20246, * html #rg20247, * html #rg20248, * html #rg20171, * html #rg20243, * html #rg20244{ 
	margin-top:-2px;
}
/* Special IExplorer Sweden */
* html #rg21668, * html #rg21667, * html #rg21669, * html #rg21715 , * html #rg21718, * html #rg21722, * html #rg21715, * html #rg21725, * html #rg21606, * html #rg21607 , * html #rg21608, * html #rg21609, * html #rg21739, * html #rg21575 { 
	margin-top:-2px;
}

/* Special IExplorer England */
* html #rg28390, * html #rg28394, * html #rg28396, * html #rg28424, * html #rg28446, * html #rg28449, * html #rg28452 { 
	margin-top:-2px;
}

/***********************************************************/	
/* These styles are used to get a shadowed box around the  */
/* content                                                 */
/* Its rather tricky, so be careful when editing           */
/* If you need to adjust the margins inside the box,       */
/* edit the style in "innerbox"                            */
/***********************************************************/	
div.box {
	background: #fff url(/op/images/layout/box/BoxBordersRight.gif) 100% 0 repeat-y;
	padding: 0 12px 0 0;
}
* html div.box { /* Special IExplorer */
	padding:0 15px 0 0;
	font-size: 1px;
}


div.bi {
	background:#fff url(/op/images/layout/box/BoxBordersLeft.gif) 0 0 repeat-y;
	padding:0 0 0 12px;
}
* html div.bi { /* Special IExplorer */
	padding:0 0 0 15px;
}


div.bt {
	background:url(/op/images/layout/box/Box.gif) 100% 0 no-repeat;
	height:17px;
	margin:0 -12px;
}
* html div.bt { /* Special IExplorer */
	margin:0 -15px;
	height:1px;
}


div.bt div {
	background:url(/op/images/layout/box/Box.gif) 0 0 no-repeat;
	width:18px;
	height:17px;
}
* html div.bt div { /* Special IExplorer */
	width:5px;
	height:5px;
}

div.bb {
	background: url(/op/images/layout/box/Box.gif) 100% 100% no-repeat;
	height: 17px;
	margin: 0 -12px;
}
* html div.bb { /* Special IExplorer */
	height:5px;
	margin:0 -15px;
}


div.bb div {
	background:url(/op/images/layout/box/Box.gif) 0 100% no-repeat;
	width:18px;
	height:17px;
}
* html div.bb div { /* Special IExplorer */
	height:5px;
}

div.innerbox {
    /*   TOP -  RIGHT - BOTTOM - LEFT */
	margin: -14px -0px -6px -5px;
}
* html div.innerbox{ /* Special IExplorer */
    /*   TOP -  RIGHT - BOTTOM - LEFT */
	margin:-3px -3px 7px -8px;
}


div.innerboxFull {
    /*   TOP -  RIGHT - BOTTOM - LEFT */
	margin:-16px -7px -13px -11px;
}
* html div.innerboxFull{ /* Special IExplorer */
    /*   TOP -  RIGHT - BOTTOM - LEFT */
	margin:-4px -10px -1px -14px;
}
/***********************************************************/	
/* These styles are used to generate the bottom of a       */
/* Oracle Portal tabs                                      */
/* Se Odin_Oracle_tabs.css for more style definitions      */
/* used to change the styles of Oracle Portal Tabs         */
/***********************************************************/	
.oracleTabFooter {
	width: 100%;
	margin-top: -8px;
}
* html .oracleTabFooter { /* Special IExplorer */
	margin-top: 0px;
}
.oracleTabFooter .oracleTabFooterInner {
	background-image:url(/op/images/layout/box/Box.gif); 
	background-position:left top;
	background-repeat: no-repeat;
	width:100%; 
	height:8px; 
	margin:8px 0px 8px;
	padding-top:0px;
}
* html .oracleTabFooter .oracleTabFooterInner { /* Special IExplorer */
	background-position:left top no-repeat;
	margin:0px 0px -13px;
	padding-top:0px;
}

.oracleTabFooter .oracleTabFooterInner .mostLeft {
	background-image:url(/op/images/layout/box/Box.gif) 0 0 no-repeat; 
	width:11px; 
	float:left;
	height:8px;
}
* html .oracleTabFooter .oracleTabFooterInner .mostLeft {/* Special IExplorer */
}

.oracleTabFooter .oracleTabFooterInner .selectedTab {
	height:8px;
	float:left;
	background-color:white;
}
* html .oracleTabFooter .oracleTabFooterInner .selectedTab { /* Special IExplorer */
}


.oracleTabFooter .oracleTabFooterInner .mostRight {
	background-image:url(/op/images/layout/box/Box.gif); 
	width:18px; 
	height:8px; 
	margin:0px 0px; 
	background-position: right top; 
	background-repeat:no-repeat;
	float:right;
}
* html .oracleTabFooter .oracleTabFooterInner .mostRight { /* Special IExplorer */
}






/* Tabs with no box around       */

.oracleTabFooter .oracleTabLineFooterInner {
	background-image:url(/op/images/layout/box/Topline.gif); 
	background-position:-20px top;
	background-repeat: no-repeat;
	width:100%; 
	height:2px; 
	margin:8px 0px 8px;
	padding-top:0px;
}
* html .oracleTabFooter .oracleTabLineFooterInner { /* Special IExplorer */
	background-position:left top no-repeat;
	margin:0px 0px -13px;
	padding-top:0px;
}

.oracleTabFooter .oracleTabLineFooterInner .mostLeft {
	background-image:url(/op/images/layout/box/Box.gif) 0 0 no-repeat; 
	width:11px; 
	float:left;
	height:2px;
}
* html .oracleTabFooter .oracleTabLineFooterInner .mostLeft {/* Special IExplorer */
}

.oracleTabFooter .oracleTabLineFooterInner .selectedTab {
	height:2px;
	float:left;
	background-color:white;
}
* html .oracleTabFooter .oracleTabLineFooterInner .selectedTab { /* Special IExplorer */
}


.oracleTabFooter .oracleTabLineFooterInner .mostRight {
	background-image:url(/op/images/layout/box/Topline.gif); 
	width:18px; 
	height:2px; 
	margin:0px 0px; 
	background-position: right top; 
	background-repeat:no-repeat;
	float:right;
}
* html .oracleTabFooter .oracleTabLineFooterInner .mostRight { /* Special IExplorer */
}