/*
 *
 * AR - Financial Reports CSS
 * Author: Markus Hartsmar, Tibet Server AB
 *
 */


@import url("plugin-finance-overrides.css");

/* Media definition - all */
@media all {

body {
	width:100%;	
	height:100%;
	margin:0;
	padding:0;
	background: #fff url('images/background_body.png') repeat-x left top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
}

body.popupBody {
	background:none;
	background-color:#fff;
}

a {
	text-decoration:underline;
	color:#000;
}
a:hover {
	text-decoration:underline;
	color:#999;
}
sup {
	font-size:80%;
	line-height:70%;
}

#outerWrapper {
	width:100%;
	float:left;
	margin:0;
	padding:0;
}
#centerSite {
	width:974px;
	margin:0 auto;
}
	#topContainer {
		background: transparent url('images/background_top-shade.png') repeat-y left top;
		height:94px;
		width:974px;
		padding:0 12px;
		float:left;
	}
		#langNav {
			float:left;
			clear:right;
			width:70px;
			height:15px;
			margin:47px 0 0 0;
			padding:0 0 0 103px;
		}
			#langNav li {
				list-style:none;
				float:left;
				width:17px;
				margin:0 2px;
			}
			#langNav img {
				width:17px;
				height:15px;
				border:0;	
			}
			
		#topSearchBox {
			float:left;
			clear:right;
			width:173px;
			height:30px;
		}
			#topSearchForm {
				margin:6px 0 0 0;
				padding:0;
				width:173px;
				height:30px;
			}
				#topSearchForm .topSearchField {
					background: transparent url('images/background_search-field.gif') no-repeat left top;
					width:126px;
					height:15px;
					border:0;
					float:left;
					font-size:11px;
					padding:3px 5px 0;
				}
				#topSearchForm .topSearchButton {
					background: transparent url('images/background_search-button.gif') no-repeat left top;
					width:30px;
					height:18px;
					border:0;
					float:left;
					margin:0 0 0 3px;
					padding:0;
				}


	#footerShade {
		background: transparent url('images/background_footer-shade.gif') repeat-y left top;
		height:26px;
		width:974px;
		clear:both;
	}
	#copyRightText {
		background: transparent url('images/background_site-shade.png') repeat-y left top;
		width:974px;
		clear:both;
		color:#FFF;
		padding-left: 20px;
	}
	h1.logo {
		margin:0 0 0 0px;
		padding:0;
		background: #fff url('images/logotype.gif') no-repeat left top;
		width:173px;
		height:94px;
		text-indent:-20000px;
		font-size:1px;
		float:left;
		cursor:pointer;
		cursor:hand;	/* For IE6 and below */
	}
	#topGfx {
		float:left;	
		width:597px;
		height:71px;
		margin:16px 0 0 7px;
		background-color:#fff;
/*		background: #fff url('images/gfx_myran.png') no-repeat left top;*/
	}
	#mainContainer {
		background: transparent url('images/background_site-shade.png') repeat-y left top;
		width:974px;
		padding:0 12px;
		min-height:600px !important;
		height:auto !important;
		height:600px;
		float:left;
	}
		#leftColumn, #rightColumn {
			float:left;
			width:157px;
			padding:0 8px;
			color:#fff;
		}
			#leftColumn h2 {
				font-family: Arial, Helvetica;
				text-transform:uppercase;
				font-size:12px !important;
				font-weight:normal;
				padding:0;
				width:100%;
				text-align:center;
				margin:18px 0 12px 0;
			}

			#rightColumn {
				color:#58585a;
			}
				#rightColumn p {
					margin:0;
					padding:8px 0 0 0;
				}
				#rightColumn h2 {
					background: transparent url('images/background_download.gif') repeat right top;
					color:#fff;
					font-family:Arial, Helvetica, sans-serif;
					font-size:13px;
					font-weight:normal;
					padding:25px 0 0 0;
					margin:0 0 0 -8px;
					text-transform:uppercase;
					text-align:center;
					width:173px;
					height:20px;
				}
		
		#contentColumn, #contentColumnFinancialTables{
			float:left;
			width:580px;
			padding:0 12px 40px;
		}
		#contentPopup {
			width:580px;
			padding:0;
			margin:0;
		}
		
			#contentColumn h3, #contentColumnFinancialTables h3, #contentPopup h3 {
				font-family: "Gill Sans Light", Arial, Helvetica;
				text-transform:uppercase;
				font-size:10px !important;
				font-weight:normal;
				color:#000000;
				margin:0;
				padding:0 0 0 16px;
			}
			#contentColumnFinancialTables h3 {
				font-family: "Gill Sans Light", Arial, Helvetica;
				text-transform:uppercase;
				font-size:10px !important;
				font-weight:normal;
				color:#000000;
				margin:0;
				padding:0;
			}

			#contentColumn h1, contentColumnFinancialTables h1, #contentPopup h1 {
				font-family: "Gill Sans Light", Arial, Helvetica;
				text-transform:uppercase;
				font-size:26px !important;
				font-weight:normal;
				line-height:32px;
				color:#4483b3;
				margin:8px 0 5px 0;
				padding:0 0 0 16px;
				width:100%;
			}
			contentColumnFinancialTables h1 {
				font-family: "Gill Sans Light", Arial, Helvetica;
				text-transform:uppercase;
				font-size:26px !important;
				font-weight:normal;
				line-height:32px;
				color:#4483b3;
				margin:8px 0 5px 0;
				padding:0;
				width:100%;
			}
			#contentColumn h2, #contentColumnFinancialTables h2, #contentPopup h2 {
				margin:18px 0 0 0;
				padding:0 0 0 16px;
				font-size:12px;
				color:#4483b3;
			}
			#contentColumnFinancialTables h2 {
				margin:18px 0 0 0;
				padding:0;
				font-size:12px;
				color:#4483b3;
			}				
				#contentPopup h2, #contentPopup h3{
					padding-left:0;	
				}
				#contentPopup h1 {
					padding-left:0;
					padding-bottom: 10px;
					font-size: 22px !important;
				}

			#contentColumn p, #contentColumn p.normal, #contentPopup p, #contentPopup p.normal {
				margin:0;
				padding:0 16px;
				text-indent:16px;
			}
				#contentColumn p.noIndent, #contentPopup p.noIndent {
					text-indent:0;
					padding: 0 16px;
				}
			#contentColumnFinancialTables p, #contentColumnFinancialTables p.normal, #contentPopup p.normal {
				margin:0;
				padding:0;
				text-indent:16px;
			}
				#contentColumnFinancialTables p.noIndent, #contentPopup p.noIndent {
					text-indent:0;
					padding:0;
				}
	
	#contentColumn p.ingress {
		font-family: Arial, Helvetica;
		color: #58585a;
		text-indent:0;
		font-size: 12px;
		line-height: 16px;
	}

ul.leftMenuLevel0 {
	margin:0;
	padding:0;
	width:157px;
}
	.leftMenuLevel0 li {
		list-style:none;
		width:100%;
		line-height:16px;
		min-height:23px !important;
		height:auto !important;
		border-bottom:1px solid #fff;
		font-size:11px;
	}
		.leftMenuLevel1, .leftMenuLevel2, .leftMenuLevel3 {
			margin:0;
			padding:0;
		}
			.leftMenuLevel1 li, .leftMenuLevel2 li, .leftMenuLevel3 li {	
				width:157px;
				line-height:23px;
				border-top:1px solid #fff;
				border-bottom:0;
				font-size:11px;
			}

	.leftMenuLevel0 li a {
		display:block;
		width:125px;
		padding:0 26px 0 6px;
		/* min-height:23px !important; */
		height:auto !important;
		/* height:23px; */
		line-height:16px;
		color:#fff;
		background-color:transparent;
		text-decoration:none;
		padding-top: 4px;
		padding-bottom: 3px;
	}
		.leftMenuLevel0 li a:hover {
			background-color:#6eb8f0;
			color:#fff;
		}
		
	.leftMenuLevel1 li a {
		padding:4px 26px 3px 13px;
		width:118px;
	}
	.leftMenuLevel2 li a {
		padding:0 26px 0 16px;
		width:115px;
	}
	.leftMenuLevel3 li a {
		padding:0 26px 0 26px;
		width:105px;
	}
	
	.leftMenuLevel0 li a.hasChildClosed {
		background-position: 137px 4px;
		background-repeat: no-repeat;
		background-image:url('images/menu_child-closed.gif');	
	}
	.leftMenuLevel0 li a.hasChildOpened {
		background-position: 137px 4px;
		background-repeat: no-repeat;
		background-image:url('images/menu_child-opened.gif');	
	}
	.leftMenuLevel0 li a.selected {
		background-color:#6eb8f0;	
	}


ul.downloadMenuLevel0, ul.downloadMenuLevel1 {
	margin:10px 0 0 0;
	padding:0;
	width:157px;
	float:left;
	border-top:1px solid #58585a
}
ul.downloadMenuLevel1 {
	margin:0;	
	border-bottom:1px solid #58585a;
}

	.downloadMenuLevel0 li, .downloadMenuLevel1 li {
		list-style:none;
		width:157px;
		height:23px;
		line-height:23px;
		border-bottom:1px solid #58585a;
		vertical-align:middle;
		font-size:11px;
		clear:both;
	}
		.downloadMenuLevel1 li {
			padding:0 0 0 10px;
			width:147px;
			border:0;
		}
		
		.downloadMenuLevel0 li a {
			color:#58585a;
			text-decoration:none;
			display:block;
			width:100%;
		}
			.downloadMenuLevel0 li a:hover { text-decoration:underline; }
	
	.downloadMenuLevel1 li input  {
		margin:6px 3px 0 3px;
		padding:0;
		height:12px;
		float:left;
	}
	
	.downloadSubmit {
		margin:10px 0 0 0;
		width:157px;
		height:19px;
		color:#fff;
		font-size:11px;
		font-family:Tahoma, Geneva, sans-serif;
		font-weight:bold;
		line-height:19px;
		padding:0;
		border:1px solid #245b92;
		background: #a2d84d url('images/background_download-button.gif') repeat-x left bottom;
	}

	.downloadMenuLevel0 li a.downloadClosed {
		background-position: 137px 4px;
		background-repeat: no-repeat;
		background-image:url('images/menu_download-child-closed.gif');	
	}
	.downloadMenuLevel0 li a.downloadOpened {
		background-position: 137px 4px;
		background-repeat: no-repeat;
		background-image:url('images/menu_download-child-opened.gif');
	}


/* **** Structure formatting **** */
.structure_oneCol_wrapper, .structure_oneCol_singleCol {
  padding:0;
  margin:0;
  clear:both;
}

.structure_twoCol_wrapper {
	clear:both;
	float:left;
	margin-bottom:15px;
}

.structure_twoCol_wrapper_vertical_bg_line {
	clear:both;
	float:left;
	margin-bottom:15px;
	background: transparent url('images/background_structure-vertical-separator.gif') repeat-y left top;
}

.structure_twoCol_wrapper_separator {
	background: transparent url('images/background_structure-horizontal-separator.gif') repeat-x left top;
	padding:0;
	margin:0 0 15px 0;
	width:100%;
	clear:both;
	height:2px;
	font-size:1px;
	line-height:2px;
}
.structure_twoCol_left, .structure_twoCol_right {
	float:left;
}

/* **** Section Skin formatting **** */

/* Global section skin formatting - make them all float left.
   and give them a 10 pixel padding to the right. */
#contentColumn .sectionSkin1, #contentColumn .sectionSkin2,
#contentColumn .sectionSkin3, #contentColumn .sectionSkin4,
#contentColumnFinancialTables .sectionSkin1, #contentColumnFinancialTables .sectionSkin2 ,
#contentColumnFinancialTables .sectionSkin3, #contentColumnFinancialTables .sectionSkin4 {
  float:left; 
  padding:0;
}

/* Section skin 1 - default, full content column width (account for padding) */
#contentColumn .sectionSkin1, #contentColumnFinancialTables .sectionSkin1 {
  width:580px;
  margin-bottom: 15px;
}

/* Section skin 2 - 50% content column width (account for padding) */
#contentColumn .sectionSkin2, #contentColumnFinancialTables .sectionSkin2 {
  width:290px;
}

/* Section skin 3 - 33% content column width (account for padding) */
#contentColumn .sectionSkin3, #contentColumnFinancialTables .sectionSkin3 {
  width:193px;
}

/* Section skin 4 - 25% content column width (account for padding) */
#contentColumn .sectionSkin4, #contentColumnFinancialTables .sectionSkin4 {
  width:145px;
}

/* Make sure the grey [Drop new section here] box is properly placed */
.sectionSkin {
  clear:both; 
}

/* *** A Section with Section Skin 1 in a two column structure must get 50% width... **** */
#contentColumn div.structure_twoCol_wrapper .sectionSkin1,
#contentColumnFinancialTables div.structure_twoCol_wrapper .sectionSkin1 {
  width:290px;
}

/* *** A Section with Section Skin 1 in a two column structure must get 50% width... **** */
/* Making the Sections a bit more narrow when they need a vertical separator */
#contentColumn div.structure_twoCol_wrapper_vertical_bg_line .sectionSkin1,
#contentColumnFinancialTables div.structure_twoCol_wrapper_vertical_bg_line .sectionSkin1 {
  width:280px;
}

.structure_twoCol_right .sectionSkin1 {
  margin-left: 15px;
}
/* **** Format bullet lists inside content *** */

#contentColumn ul{
	padding:0;
	margin:4px 0 0 28px;
}

#rightColumn ul {
	padding:0;
	margin-left:0px;
}

#rightColumn ul li {
	margin-bottom: 5px; 	
}

#contentColumn ul li, #rightColumn ul li {
	list-style-type: none;
	background-image: url('images/blue_square.jpg');
	background-position: 0px 4px;
	background-repeat: no-repeat;
	padding:0 16px 0 10px;
}

/* **** Search Result formatting **** */

#contentColumn ul.searchResultList {
	margin:0;
	padding:0 0 0 16px;
}
	#contentColumn ul.searchResultList li {
		list-style:none;
		padding:0;
		margin: 16px 0 0 0;
	}

	#contentColumn ul.searchResultList li p {
		margin:0;
		padding:0;
		text-indent:0;
	}
	#contentColumn ul.searchResultList li p.searchResultTitle {
		font-size:12px;
	}

	div.searchResultPaging {
		margin:16px 0 0 0;
		padding:0;
		text-align:center;
	}
		#contentColumn div.searchResultPaging p {
			text-indent:0;
			margin:0;
			padding:0;
		}
		
		#contentColumn div.searchResultPaging p.searchResultDisplayPages {
			margin:0 0 10px 0;
		}


/* **** Not popup **** */

#notPopup iframe {
	width:100%;
	height:100%;
	border:0;
}
#notMenuPopup iframe {
	width:100%;
	height:100%;
	border:0;
}
.leftNotesPopup a {
	color: #4483C1;
	text-decoration: none;
	font-weight: bold;
}
.leftNotesPopup a:hover {
	color: #4483C1;
	text-decoration: underline;
	font-weight: bold;
}
.rightNotesPopup a {
	font-weight: normal;
	text-decoration: none;
}
.rightNotesPopup a:hover {
	font-weight: normal;
	text-decoration: underline;
	color: #000;
}

/* **** CSS for Resizable panel for notes **** */

#tibet_resizablepanel .bd {
	overflow:auto;
	background-color:#fff;
	padding:10px;
}

#tibet_resizablepanel .ft {
	height:15px;
	padding:0;
}

#tibet_resizablepanel .yui-resize-handle-br {
	right:0;
	bottom:0;
	height: 8px;
	width: 8px;
	position:absolute;
}

/*  
	The following CSS is added to prevent scrollbar bleedthrough on
	Gecko browsers (e.g. Firefox) on MacOS.
*/ 
tibet_#resizablepanel_c.hide-scrollbars .yui-resize .bd {
	overflow: hidden;
}
tibet_#resizablepanel_c.show-scrollbars .yui-resize .bd {
	overflow: auto;
}
#tibet_resizablepanel_c.show-scrollbars .underlay {
	overflow: visible;
}
#contentColumn .structure_twoCol_right .sectionSkin1 h1,
#contentColumn .structure_twoCol_right .sectionSkin1 h2,
#contentColumn .structure_twoCol_right .sectionSkin1 h3,
#contentColumn .structure_twoCol_right .sectionSkin1 p {
	padding-left: 0;
}



} /* Media all end */

/* Specific instructions for printing */
@media print {
	
	body {
		background: #fff;
		font-size: 10px;
		line-height: 14px;
	}
	
	#contentColumn h1, #contentColumn h2, #contentColumn h3, #contentColumn h4, #contentColumn h5, #contentColumn h6, #contentColumn p {
		font-family: Arial, Helvetica, sans-serif;
	}
	
	#contentColumnFinancialTables h1, #contentColumnFinancialTables h2, #contentColumnFinancialTables h3, #contentColumnFinancialTables h4, #contentColumnFinancialTables h5, #contentColumnFinancialTables h6, #contentColumnFinancialTables p {
		font-family: Arial, Helvetica, sans-serif;
	}
	
	#leftColumn, #rightColumn, #langNav, #topSearchBox {
		display:none;	
	}

	#mainContainer {
		width: 100% !important;
	}
	
	#contentColumn, #contentColumnFinancialTables {
		width: 580px !important;
		margin: 0 60px;
		padding: 0 !important;
	}
	
	h1, #contentColumn h1, #contentColumnFinancialTables h1 {
		font-size: 20px !important;
		line-height: 28px;
		clear: both;
	}
	
	h3, #contentColumn h3 { 
		clear: both;
		font-size: 12px !important;
		padding-left: 16px !important;
	}
	
	#contentColumnFinancialTables h3 {
		clear: both;
		font-size: 12px !important;
		padding-left: 0 !important;
	}
	
	#contentColumn p.ingress, #contentPopup p.ingress {
		font-size: 11px;
		line-height: 18px;
		font-family: Arial, Helvetica, sans-serif;
		margin-bottom: 15px;
	}
	
	#contentColumn .sectionSkin1, #contentColumnFinancialTables .sectionSkin1 {
		width: 100% !important;
		padding: 0 !important;
		margin: 0 !important;
	}
	
	#contentColumn .sectionSkin1 img, #contentColumnFinancialTables .sectionSkin1 img {
		width: 550px !important;
		height: 100% !important;
		margin-top: 5%;
	}
	
	#contentColumn .sectionSkin1 td img, #contentColumnFinancialTables .sectionSkin1 td img {
		width: 192px !important;
		height: 192px !important;
		margin-top: 5%;
	}
	
	#contentColumn .sectionSkin1 .notesPopup td img, #contentColumnFinancialTables .sectionSkin1 .notesPopup td img {
		width: 10px !important;
		height: 100% !important;
	}
	
	#contentColumn .sectionSkin2, #contentColumnFinancialTables .sectionSkin2 {
		width: 48%;
		overflow: hidden;
	}
	
	#contentColumn .sectionSkin2 img, #contentColumnFinancialTables .sectionSkin2 img {
		margin-left: 0;
		margin-top: 5%;
		width: 100% !important;
		height: 100% !important;
	}
	
	#contentColumn .structure_twoCol_wrapper {
		width: 100%;
		float: left;
		clear: both;
	}
	
	#contentColumn .structure_twoCol_left,  #contentColumn .structure_twoCol_right {
		width: 48%;
		float: left;
	}
	
	#contentColumn .structure_twoCol_left .sectionSkin2, #contentColumn .structure_twoCol_right .sectionSkin2 {
		width: 100%;
		float: left;
	}
	
	#contentColumn .structure_twoCol_left .sectionSkin2 img, #contentColumnFinancialTables .structure_twoCol_left .sectionSkin2 img {
		margin-left: 0; 
		margin-top: 5%;
	}
	
	#contentColumn .structure_twoCol_right .sectionSkin2 img, #contentColumnFinancialTables .structure_twoCol_right .sectionSkin2 img {
		margin-left:0;
		margin-top: 5%;
	}
	
	#contentColumn h2, #contentPopup h2 {
		font-size: 11px;
	}
	
	#contentColumn .structure_twoCol_left .sectionSkin5, #contentColumnFinancialTables .structure_twoCol_left .sectionSkin5 {
		height: auto;
		width: 100%;
		padding-bottom: 10%;
	}
	
	#contentColumn .structure_twoCol_left .sectionSkin5 h1, #contentColumnFinancialTables .structure_twoCol_left .sectionSkin5 h1, 
	#contentColumn .structure_twoCol_left .sectionSkin5 h3, #contentColumnFinancialTables .structure_twoCol_left .sectionSkin5 h3 {
		color: #fff !important;
	}
	
	.structure_twoCol_wrapper_separator {
		float:left;
		margin: 15px 0;
	}
}

@page { size: 8.27in 11.69in; }


/* Finance notes popup */
.financeNotePopup {
    width: 625px;
    border: 1px solid gray;
    z-index: 999;
    background-color: #FFFFFF;
}

.financeNotePopup .topBar {
    height: 20px;
    background-image: url(/resources/ui/scripts/yui/build/assets/skins/sam/sprite.png);
    background-repeat: repeat-x;
    background-position: 0 -200px;
    cursor: move;
}

.financeNotePopup .bottomDiv {
    height: 429px;
}