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

/* 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:12px;
	color:#000;
}

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

.zBack {
	background: url('images/bkg_zebra.jpg') no-repeat right bottom;
	height: 231px;
}

a {
	text-decoration:underline;
	color:#000;
}
a:hover {
	text-decoration:underline;
	color:#999;
}

#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;
	}
	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;
		position: relative;
	}
	#downRightImage {
		position: absolute;
		bottom: -15px;
		right: 36px;
		background: transparent url('images/bkg_zebra.jpg') repeat-y left top;
		height: 231px;
		width: 28px;
	}
	#copyRightText {
		/*position: absolute;
		bottom: 0;
		left: 20px;
		color: white;
		*/
		background: transparent url('images/background_site-shade.png') repeat-y left top;
		width:974px;
		clear:both;
		color:#FFF;
		padding-left: 20px;
	}
		#leftColumn, #rightColumn {
			float:left;
			width:157px;
			padding:0 8px;
			color:#fff;
			margin-bottom: 10px;
		}
			#leftColumn h2 {
				font-family: Arial, Helvetica;
				text-transform:uppercase;
				font-size:13px !important;
				font-weight:normal;
				padding:0;
				width:100%;
				text-align:center;
				margin:18px 0 12px 0;
			}

			#rightColumn {
				color:#FFFCDB;
				position:relative;
				z-index:2;
				background-color: #000;
			}
				#rightColumn p {
					margin:0;
					padding:8px 0 0 0;
				}
				#rightColumn h2 {
					/* background: transparent url('images/background_download.gif') repeat right top; */
					color:#CB7105;
					font-family:Arial, Helvetica, sans-serif;
					font-size:12px;
					font-weight:bold;
					padding:5px 0 0 0;
					/* margin:0 0 0 -8px; */
					/* text-transform:uppercase; */
					/* text-align:center; */
					/* width:173px; */
					/* height:20px; */
				}
				#rightColumn a {
					color: #FFF;
				}
				
				#rightColumn .sectionSkin1 {
					position: relative;
				}
				
				#rightColumn .sectionSkin1 img{
					margin-left: -8px;
				}
		
		#contentColumn, #contentColumnFinancialTables{
			float:left;
			width:580px;
			padding:0 12px 40px;
		}
		#contentPopup {
			width:580px;
			padding:0;
			margin:0;
		}
		
			#contentColumn h3, #contentPopup h3 {
				font-family: "Gill Sans Light", Arial, Helvetica;
				text-transform:uppercase;
				font-size:10px !important;
				font-weight:bold;
				color:#58585a;
				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:bold;
				color:#58585a;
				margin:0;
				padding:0;
			}

			#contentColumn h1, #contentPopup h1 {
				font-family: "Gill Sans Light", Arial, Helvetica;
				text-transform:uppercase;
				font-size:24px !important;
				font-weight:normal;
				line-height:32px;
				color:#EB8A00;
				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:24px !important;
				font-weight:normal;
				line-height:32px;
				color:#EB8A00;
				margin:8px 0 5px 0;
				padding:0;
				width:100%;
			}
			#contentColumn h2, #contentPopup h2 {
				margin:18px 0 0 0;
				padding:0 0 0 16px;
				font-size:13px;
				color:#EB8A00;
			}
			#contentColumnFinancialTables h2 {
				margin:18px 0 0 0;
				padding:0px;
				font-size:13px;
				color:#EB8A00;
			}
			#contentColumnFinancialTables h2.note {
				margin:18px 0 0 0;
				padding:0px;
				font-size:16px;
				color:#EB8A00;
				font-weight: bold;
			}		
				#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, #contentPopup p.ingress {
				margin:0;
				padding:0 16px;
				text-indent:0px;
				font-size: 13px;
				font-family: Arial;
				color: #58585a;
				line-height: 18px;
				}
			#contentColumnFinancialTables p.ingress, #contentPopup p.ingress {
				margin:0;
				padding:0;
				text-indent:0px;
				font-size: 14px;
				font-family: Arial;
				color: #58585a;
				line-height: 18px;
				}
				

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:#c67109;
			color:#fff;
		}
		
	.leftMenuLevel1 li a {
		padding:4px 26px 3px 13px;
		width:118px;
	}
	.leftMenuLevel2 li a {
		padding:4px 26px 3px 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:#cb7105;	
	}


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

	.downloadMenuLevel0 li, .downloadMenuLevel1 li {
		list-style:none;
		width:157px;
		/* height:23px; */
		line-height:23px;
		border-bottom:1px solid #fffcdb;
		vertical-align:middle;
		font-size:11px;
		clear:both;
	}
		.downloadMenuLevel1 li {
			padding:0 0 0 10px;
			width:147px;
			border:0;
		}
		
		.downloadMenuLevel0 li a {
			color:#FFFCDB;
			text-decoration:none;
			display:block;
			width:100%;
		}
			.downloadMenuLevel0 li a:hover { text-decoration:underline; }
	
	#downloadForm {
		padding-top:10px;
	}
	
	#downloadForm a {
		color: #FFFCDB;
		text-decoration:none;
		margin-left: 5px;
	}
	.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:#CB7105;
		text-transform:uppercase;
		font-size:11px;
		font-family:Tahoma, Geneva, sans-serif;
		font-weight:bold;
		line-height:19px;
		padding:0;
		border:1px solid #B3B3B3;
		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;
}

/* CK SPECIFIC */
.cke_show_borders p {
	margin: 0px;	
}
	
.cke_show_borders {
	background-color: #FFFFFF;	
}
	
/* 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: 10px;
}
/* **** Format bullet lists inside content *** */

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

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

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

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

/* **** 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;
		margin-left: 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;
}


/* **** 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;
}
.leftNotesPopup a {
	color: #EB8A00;
	text-decoration: none;
	font-weight: bold;
}
.leftNotesPopup a:hover {
	color: #EB8A00;
	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;
}




} /* 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;
	}
	
	h3, #contentColumn h3 { 
		clear: both;
		font-size: 9px !important;
		padding-left: 16px !important;
	}
	
	#contentColumnFinancialTables h3 {
		clear: both;
		font-size: 9px !important;
		padding-left: 0 !important;
	}
	
	#leftColumn, #rightColumn, #langNav, #topSearchBox {
		display:none;	
	}

	#mainContainer {
		width: 100%;
	}
	
	#contentColumn, #contentColumnFinancialTables {
		width: 580px !important;
		margin: 0 0 0 30px;
		padding: 0 !important;
	}

	h1, #contentColumn h1, #contentColumnFinancialTables h1 {
		font-size: 20px !important;
		line-height: 28px;
	}
	
	h2, #contentColumn h2, #contentColumnFinancialTables h2 {
		font-size: 12px;
		line-height: 17px;
	}
	
	h2.note, #contentColumn h2.note, #contentColumnFinancialTables h2.note {
		font-size: 16px;
		line-height: 20px;
	}
	
	#contentColumn p.ingress, #contentPopup p.ingress {
		font-size: 11px;
		line-height: 18px;
		font-family: Arial, Helvetica, sans-serif;
	}
	
	#contentColumn .sectionSkin1, #contentColumnFinancialTables .sectionSkin1 {
		width: 100%;
	}
	
	#contentColumn .sectionSkin2, #contentColumnFinancialTables .sectionSkin2 {
		width: 48%;
	}
	
	#contentColumn .sectionSkin2 img, #contentColumnFinancialTables .sectionSkin2 img {
		margin-left: 20%;
		margin-top: 5%;
	}
	
	#contentColumn h2, #contentPopup h2 {
		font-size: 11px;
	}
	
	#contentColumn ul li, #contentColumnFinancialTables ul li {
		background: none;
		list-style-image: none;
		list-style-type: disc !important;
	}
}

@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;
}