@import "content.css";

a:active, button:active {
outline: none;
}

a:focus, button:focus {
-moz-outline-style: none;
}

body {
    background:url(../pix/sitebg.gif);
	background-repeat: repeat-x;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px; 
	margin-right: 0px;
}

#wrapper{
	width:774px;
	margin-top:0px;
	padding-left: 7px; 
	padding-right: 7px;
	padding-bottom: 7px;
	background-color:#FFFFFF;
}
#wrapper2{
	position: relative;
	left:7px;
	height: 550px;
	background-image: url(../pix/svanteFramsidaTom_en.jpg);
	background-repeat: no-repeat;

}

#headwrapper{
	width:760px;
	height:126px;	
	background: url(../pix/headbgimage.jpg) no-repeat;	
}

#centermenuwrapper{
	width:760px;
	height:42px;		
	background: url(../pix/centermenu.jpg);	
	text-align:center;	
}

#sectiondivwrapper{
    padding-bottom:2px;

}

#leftcontentwrapper{
    padding-top:6px;	
	width:200px;		
	background-color:#ffffff;
	margin:0 0 0 0;
}

#rightcontentwrapper{	
 	padding-top:0px;	
	width:560px;			
	background-color:#ffffff;
	text-align:left;
	
}

#box200_imagewrapper{
	width:200px;			
}
#box200_inactivecontentwrapper{
	width:200px;	
	background-color: #B9B39D; 
	text-align:left;
}
#box200_contentwrapper{
	width:200px;	
	background-color: #7DC033; 
	text-align:left;
}

#box200_contentwrapper a{				
    	padding-left:0px;
	padding-right:10px;
	font-family: Trebuchet,Arial; 
	color:#ffffff;
	font-size:12px;
	font-weight:bold;	
	display:block;
	text-decoration:none;
}

#box200_inactivecontentwrapper a{						
    	padding-left:0px;
	padding-right:10px;
	font-family: Trebuchet,Arial; 
	color:#ffffff;
	font-size:12px;
	font-weight:bold;	
	display:block;
	text-decoration:none;
}

#editbox200_contentwrapper{
	width:200px;	
	background-color: #a9d57b; 
	text-align:left;
}

#editbox200_contentwrapper a{				
	padding: 3 10 3 20;
	font-family: Trebuchet,Arial; 
	color:#000000;
	font-size:12px;
	font-weight:bold;	
	display:block;
	text-decoration:none;
}
#footer{
	padding-top:3px;
	margin-top:20px;
	width:700px;
	text-align:left;
	background: url(../pix/footerbg_rc.jpg) no-repeat;	
	font-family: Trebuchet,Arial; 
	color:#666666;
	font-size:11px;
	font-weight:normal;	
	height:20px;
}

#footer a:link, #footer a:hover ,#footer a:active,#footer a:visited{		
	font-family: Trebuchet,Arial; 
	color:#7DC033;
	font-size:11px;	
	text-decoration:none;
	font-weight:normal;	
	
}



/* main tabs */
div#tabpanel {
	text-align: left;
	position:relative;
	padding: 0 0 0 10px;
	text-transform: uppercase;
}

div#tabpanel ul#maintabs {
	list-style: none;
	padding: 0;
	margin: 0;
	height: 42px;
	_overflow: visible;
	width: 100%;
}

div#tabpanel ul#maintabs li {
	float: left;
	*width: 1%;
	margin:0px;
	_padding:0 0 14 0;
}
div#tabpanel ul#maintabs li.alignRight {
	float: right;
	_width: 85px;
}

div#tabpanel ul#maintabs li.selected {
	background-color: #1a6d1a;	
}

.reMember div#tabpanel ul#maintabs li.selected a {
	font-size:15px;
}

div#tabpanel ul#maintabs li a, div#tabpanel ul#maintabs li span {
	color: white;
	text-decoration: none;
	display: block;
	height: 29px;
	font-family: Trebuchet,Arial;
	font-size: 12px;
	font-weight: bold;
	padding: 13px 12px 0 12px;
}


div#tabpanel ul#maintabs li a {
	padding: 13px 8px 0 8px;
}

div#tabpanel ul#maintabs li ul {
	position: absolute;
	display: none;
	background-color: #7dc033;
	list-style: none;	
	text-align: left;
	_margin: 14 0 0 0;
	padding: 12px 10px 10px 10px;
}

div#tabpanel ul#maintabs li ul li {
	float: none;
	_padding-bottom:0px;
}


div#tabpanel ul#maintabs li a:hover {} 
		
div#tabpanel ul#maintabs li ul li a { padding: 2px 5px; height: 1%; }
div#tabpanel ul#maintabs li ul li a:hover { color: #1a6d1a; cursor:pointer; }
div#tabpanel ul#maintabs li ul li a.over { color: #1a6d1a; cursor:pointer; }
		
div#tabpanel ul#maintabs li.over ul { display: block; }
div#tabpanel ul#maintabs li:hover ul { display: block; }


/* END main tabs */


div#help-container {
	padding: 12px;
	margin: 20px;
	font-family: Trebuchet,Arial;
	color: black;
	font-size: 12px;
	font-weight: normal;
	background-color: #f6f2af;
}

div#help-container h2 {
	text-align: center;
	margin-top: 0;
	font-family: Trebuchet,Arial;
	font-size: 24px;
	font-weight: normal;
}


div#clear {
	clear: both;
}

div#leftcontent {
	float: left;
	width:200px;	
	margin:4 0 0 7;
	_margin:0 30 0 0;	
	background-color:#ffffff;
}

div#rightcontent {
	float: right;
	width: 500px;
	background-color:#ffffff;
}


div#rightcontentWelcome {
	float: right;
	width: 486px;
	margin: 9 37 0 0;
	padding:7 12 17 12;
	background-color:#f6f2af;
}


div#content_Welcome {
	text-align: left;
	font-family: Trebuchet,Arial;
	color: black;
	font-size: 14px;
	font-weight: normal;
	background-color: #f6f2af;
}

div#content_Welcome h2 {
	font-size: 24px;
	text-align: center;
}
div#content_WelcomeRE {
	text-align: left;
	font-family: Trebuchet,Arial;
	color: black;
	font-size: 14px;
	font-weight: normal;
	background-color: #f6f2af;
}

div#content_WelcomeRE h2 {
	font-size: 24px;
	text-align: center;
}
#content_IntroRE{
       font-size: 100%;
	padding-left:15;
}

#frontRightLink a{ 
	font-family: Trebuchet,Arial;
	color: white;
	font-size: 12px;
	text-decoration: none;
}
#loginWrapper a{
	font-family: Trebuchet,Arial;
	color: white;
	font-size: 12px;
	text-decoration:none;
	font-style:normal;
}
#loginWrapper p{
	width:220px;
	/*font-style:italic;*/
	font-size: 11px;
	text-align: left;
}

#loginWrapper #newUserLink a{
	font-size: 20px;
	color: rgb(193,87,0);
}

#loginWrapper .textLink {
	cursor:pointer;
}

#loginWrapper #loginLabelTd {
	font-weight:bold;
}

#loginWrapper #loginLabelTdReal {
	font-weight:bold;
	color: orange;
	font-size: 17px;
}

#loginWrapper div#linkToLogin {
	margin-top:16px;
}

/* TreeView */

ul#treeMenu {
	list-style: none;
	padding: 0 0 0 0;
	text-align:left;
	margin: 0 0 0 0;
}

li.root, li.rootSelected {
	font-family: Trebuchet,Arial;
	font-size: 12px;
	font-weight: bold;
	line-height: 12px;
	background-color: #fff;
	margin: 3px 0 3px 0;
}

li.root div {
	padding: 0 0 5 0;	
	background: url(../pix/leftmenuactive_bottom.jpg) no-repeat;
	background-position: 0% 100%;
}

li.root div div {
	padding: 5px 0px 0px 5px;
	background: url(../pix/leftmenuactive_top.jpg) no-repeat;
	background-color: #7dc033;
	background-position: 0% 0%;
}


li.rootSelected div {
	padding: 0px 0px 5px 0px;
	background: url(../pix/leftmenuactive_sel_bottom.jpg) no-repeat;
	background-position: 0% 100%;
}

li.rootSelected div div {
	padding: 5px 0px 0px 5px;
	background: url(../pix/leftmenuactive_sel_top.jpg) no-repeat;
	background-color: #1a6d1a;
	background-position: 0% 0%;
}


li.root ul, li.rootSelected ul {
	padding: 0 0 0 12px;  /* Determines the horizontal offset for each level */
	margin: 0 0 0 0;
	_margin: 0 0 0 0;  /* this is actually needed!! */

}

li.root a, li.rootSelected a {
	color: #ffffff;
	text-decoration: none;
	margin: 0 0 0 0px;
	cursor: pointer;
}

li.root img, li.rootSelected img {
	border: 0px;
	margin: 0 4 0 0;
	vertical-align: -1;
}




li.sub, li.subSelected {
	list-style: none;
	font-family: Trebuchet,Arial;
	font-size: 10px;
	font-weight: bold;
	line-height: 14px;
	margin: 1 0 1 0;	
	padding: 0 0 0 0;
}


li.sub div {
	background: none;  /* probably unnecessary */
	padding: 0 0 0 0;
}

li.sub div div {
    	background: none;
    	background-color: #fff;
    	padding:1 2 1 2;
}


li.subSelected div {
	background: none;    /* probably unnecessary  */
    	padding: 0 0 0 0;
}

li.subSelected div div {
    background: none;
    background-color: #ddd;
    padding: 1 2 1 2;
}


li.subSelected li.sub div {
	background: none;     /* probably unnecessary  */
    	padding: 0 0 0 0;
}

li.subSelected li.sub div div {
 	background: none;
	background-color: #fff;
 	padding: 1 2 1 2;
}


li.sub a, li.subSelected a{
	color: #666666;
	text-decoration: none;
	cursor: pointer;
	margin: 0 0 0 0;
}

li.sub img, li.subSelected img {
	border: 0px;
	margin: 1 3 0 0;
}

#selectEquationsTable {
	margin: 10 0 0 0;
	padding: 0 6 0 6;
	border: 3px solid #bbbbbb;
	font-family: Trebuchet,Arial;
	font-size:12px;
}

#compareEquationsTable {
	margin: 10 0 0 0;
	padding: 0 6 0 6;
	border: 3px solid #bbbbbb;
	font-family: Trebuchet,Arial;
	font-size:12px;
}

li.unionIncomplete a{
	color:	#ff0000;
}

li.unionDifferingUnits a{
	color:	#00ff00;
}

div.greenTitleBox {
	background: #7dc033 url(../pix/greenBoxTop_inactive.gif) 0 0 no-repeat;
	padding: 0;
	width: 200px;
	margin: 0px 0 3px 0;
}

div.greenTitleBox .greenTitleBoxContent {
	width: 200px;
	padding-bottom: 3px;
	color: white;
	font: 12px Trebuchet,Arial;
	font-weight: bold;
	background: transparent url(../pix/greenBoxBottom_inactive.gif) 0 bottom no-repeat;
}

div.greenTitleBox .greenTitleBoxContent a {
	padding: 7px 0 7px 10px;
	display: block;
	width: 190px;
	text-decoration: none;
	color: white;
}
div.greenTitleBox .greenTitleBoxContent a img {
	position: relative;
	top: 1px;
}
div.equationList {
	
}
div.equationList .row {
	width: 200px;
	height: 16px;
	font: 11px Arial;
}
div.equationList .selectedRow {
	background: #ebebeb url(../pix/listRowBg.gif) 0 0 no-repeat;
}
div.equationList .row .date {
	margin: 1px 10px 0 0;
	float: right;
	color: #bbbbbb;
}
div.equationList .row .active, div.equationList .row .inactive {
	float: left;
	background: transparent url(../pix/star.gif) 0 0 no-repeat;
	height: 8px;
	width: 8px;
	font-size: 0px;
	margin: 4px 3px 0 6px;
}
div.equationList .row .inactive {
	background: none;
}
div.equationList .row a {
	padding: 1px 0 0 10px;
	color: #666666;
	text-decoration: none;
	cursor: pointer;
	
}

div#treeDisplayBox, div#treeCreateBox {
	margin-top: 15px;
	border: 4px solid #efefef;
	padding: 10px;
	font: 12px Trebuchet,Arial;
}

div#treeDisplayBox, div#archiveCreateBox {
	margin-top: 15px;
	border: 4px solid #efefef;
	padding: 10px;
	font: 12px Trebuchet,Arial;
}


div#treeDisplayBoxDisabled, div#treeCreateBoxDisabled {
	margin-top: 15px;
	border: 4px solid #efefef;
	padding: 10px;
	font: 12px Trebuchet,Arial;
	color:#AAAAAA;
}

div#archiveIntroBox {
	border: 4px solid #efefef;
	margin: 0 0 -8 0;
	padding: 4 10 4 10;
}

p.archiveIntroHeadline {
	font: 19px arial;
	margin: 0 0 0 130;
}

h4.archiveIntroSubheadline {
	font: 14px arial;
	font-weight:bold;
	margin-top:4px;
	margin-bottom:-2px;
}

p.archiveIntroText {
	font: 12px arial;
	margin-top:0px;
	margin-bottom:0px;
}

p.archiveSectionHeader {
	font: 16px arial;
	font-weight:bold;
	color:#1A6D1A;
	text-align:center;
	margin: 0 0 0 0;
}

a#createNewWorkingVersion {
	text-decoration:underline;
}

div#treeMessageBox {
	margin-top: 15px;
	border: 4px solid #efefef;
	padding: 10px;
	font: 14px Trebuchet,Arial;
	font-weight: bold;
}
div#treeMessageBox img {
	position: relative;
	top: 3px;
	left: 2px;
}
div#treeDisplayBox h3 {
	font: 14px arial;
	margin: 5px 0;
	font-weight: bold;
}
div#left-column {
	text-align: left;
	float: left;
	width: 200px;
	margin-left: 6px;
	margin-top: 9px;
}
div#main-column {
	text-align: left;
	margin: 5px 6px 0 220px;
}

table#companyInfoButton td {
	padding-left:19px;
}

table.formTable { color: #444;}
div#treeDisplayBoxDisabled table.formTable { color: #AAAAAA;}
table.formTable td {
	vertical-align: top;
	font: 12px Arial;
}
table.formTable td.label {
	font-weight: bold;
	width: 130px;
}
table.formTable td.field input {
	width: 250px;
	font: 12px Arial;
	border: 1px solid #779;
	padding: 3px;
}
table.formTable td.field textarea {
	width: 250px;
	font: 12px Arial;
	border: 1px solid #779;
	padding: 3px;
}
div#main-column hr {
	border: 0;
	margin: 5px 0 10px 0;
	*margin: 0;
	border-top: 2px solid #efefef;
}


#reeditHeadingLeft {
	float:left;
}

#reeditHeadingRight {
	width:135px;
	float:right;
	height:100%;
}

#reeditHeadingRight .tooltip {
	margin-left:10px;
	vertical-align:middle;
	height:100%;

}

#addChildBtn {
	width:100px;
	margin:4 0 4 0;
	*margin: 4 0 0 0;
}

#addGrandchildBtn {
	width:100px;
	margin:0 0 4 0;
	*margin: -2 0 -8 0;
}

#reeditHeadingRight .tooltip img {
	margin-left:4px;
	vertical-align:middle;
}

table#realEstateEditorTable {
	margin: 10 0 0 0;
	padding: 0 6 0 6;
	border: 3px solid #bbbbbb;
	font-family: Trebuchet,Arial;
	font-size:12px;
}

table#realEstateInputTable {
	margin: 10 0 0 0;
	padding: 0 6 0 6;
	border: 3px solid #bbbbbb;
	font-family: Trebuchet,Arial;
	font-size:12px;
}

table#realEstatePresentationTable {
	margin: 10 0 0 0;
	padding: 0 6 0 6;
	border: 3px solid #bbbbbb;
	font-family: Trebuchet,Arial;
	font-size:12px;
}

table#realEstateInputTable td.reiCol1 {
	width:70px;
}

table#realEstateInputTable td.reiCol2 {
	width:60px;
}
table#realEstateInputTable td.reiCol3 {
	width:25px;
}
table#realEstateInputTable td.reiCol4 {
	width:155px;
}
table#realEstateInputTable td.reiCol5 {
	width:80px;
}
table#realEstateInputTable td.reiCol6 {
	width: 110px;
}


#realEstateEditorTable input {
	padding-left: 0px;
	font-size:12px;
}


table#realEstateEditorTable .reEditorLeft {
	width:140px;
}

table#realEstateEditorTable .reEditorInput {
	width:140px;
}

table#realEstateEditorTable .rePercentInput {
	width:33px;
}


table#realEstateEditorTable #deleteButton {
	float:left;
}

table#realEstateEditorTable #cancelButton {
	float:left;
}

table#realEstateEditorTable #createButton {
	float:right;
}

table#realEstateEditorTable #okButton {
	float:right;
	margin-right: 3px;
}

table#realEstateEditorTable #showChangeNameButton {
	float:right;
}

table#realEstateEditorTable #okButtonCEN {
	float:right;
}

table#realEstateEditorTable #cancelButtonCEN {
	float:right;
}

table#realEstateEditorTable #reeditHeadingRight {
	_padding-bottom:12px;
}

table#realEstatePresentationTable .diagramText {
	font-weight:bold;
}

.unpadIEButton {
	*width:1px;
	*overflow:visible;
	*padding: 0 4 0 0;
}


ul#realEstateTreeMenu {
	list-style: none;
	padding: 0 0 0 0;
	text-align:left;
	margin: 0 0 0 0;
}

/* Use a larger offset for the (shallower) realestate tree menus (except first level). */
ul#realEstateTreeMenu ul ul {
	padding: 0 0 0 20px; 
	margin: 0 0 0 0;
	_margin: 0 0 0 0;  /* this is actually needed!! */
}


ul#realEstateTreeMenu li.sub, ul#realEstateTreeMenu li.subSelected {
	list-style: none;
	font-family: Trebuchet,Arial;
	font-size: 11px;
	font-weight: normal;
	line-height: 14px;
	margin: 1 0 1 0;	
	padding: 0 0 0 0;
}

ul#realEstateTreeMenu li.building {
	font-weight: bold;

}


td#companyMunicSelect {
	font-family: Trebuchet,Arial; 
	font-size:12px;
	padding-left:8px;
}

#municSelect {
	margin-left:30px;
	font-size:12px;

}

/* RealEstateMember styling */
body.reMember {
    background: #ecf5f7 url(../pix/sitebgRE.gif) repeat-x;
}

.reMember #headwrapper{
	width:760px;
	height:126px;	
	background: url(../pix/headbgimageRE.jpg) no-repeat;	
}

.reMember #headwrapperREDemo{
	width:760px;
	height:126px;	
	background: url(../pix/headbgimageREDemo.jpg) no-repeat;	
}

.reMember #centermenuwrapper {
	background:transparent url(../pix/centermenu_fa.jpg) repeat scroll 0 0;
	height:42px;
	text-align:center;
	width:760px;
}


.reMember div#tabpanel ul#maintabs {
	height:42px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
	width:100%;
	/* background-color:#ffa15b; */
}

.reMember div#tabpanel ul#maintabs li.selected {
	background-color:#316192;
}

.reMember table#realEstateEditorTable, .reMember table#presentationViewTable, .reMember table#reportTable, .reMember table#realEstateInputTable,
.reMember table#nodeInputTable, .reMember table#realEstatePresentationTable, .reMember table#generalInfoTable {
	border:3px solid #b4cdd7;
	font-family:Trebuchet,Arial;
	font-size:12px;
	margin:10px 0 0;
	padding:0 6px;
}

td.decimalAlign {
	padding:0px;
}

.reMember div#archiveIntroBox {
	border:4px solid #b4cdd7;
	margin:0 0 -8px;
	padding:4px 10px;
}

.reMember li.root div div {
	background:#ffa15b url(../pix/leftmenuactive_top_fa.jpg) no-repeat scroll 0 0;
	padding:5px 0 0 5px;
}



.reMember li.rootSelected div div {
	background:#ff7814 url(../pix/leftmenuactive_sel_top_fa.jpg) no-repeat scroll 0 0;
	padding:5px 0 0 5px;
}


.reMember li.root div {
	background:transparent url(../pix/leftmenuactive_bottom_fa.jpg) no-repeat scroll 0 100%;
	padding:0 0 5px;
}

.reMember li.rootSelected div {
	background:transparent url(../pix/leftmenuactive_sel_bottom_fa.jpg) no-repeat scroll 0 100%;
	padding:0 0 5px;
}

.reMember li.sub div {
	background: none;  /* probably unnecessary */
	padding: 0 0 0 0;
}

.reMember li.sub div div {
    	background: none;
    	background-color: #fff;
    	padding:1 2 1 2;
}

.reMember li.subSelected div {
	background: none;  /* probably unnecessary */
	padding: 0 0 0 0;
}

.reMember li.subSelected div div {
	background:#DDDDDD none repeat scroll 0 0;
	padding:1px 2px;
}


.reMember #box200_contentwrapper {
	background-color:#ffa15b;
	text-align:left;
	width:200px;
}

.reMember div.greenTitleBox {
	background: #ffa15b url(../pix/greenBoxTop_inactive_fa.gif) 0 0 no-repeat;
	padding: 0;
	width: 200px;
	margin: 0px 0 3px 0;
}

.reMember div.greenTitleBox .greenTitleBoxContent {
	width: 200px;
	padding-bottom: 3px;
	color: white;
	font: 12px Trebuchet,Arial;
	font-weight: bold;
	background: transparent url(../pix/greenBoxBottom_inactive_fa.gif) 0 bottom no-repeat;
}

.reMember div#treeDisplayBox, div#treeCreateBox, div#archiveCreateBox {
	border:4px solid #b4cdd7;

}

.reMember table#reportStructureTable,  .reMember table#reportStructureTable td {
	border:1px solid #888888;
	padding:2px;
}

.reMember p.archiveSectionHeader {
	color:#316192;
}

.reMember #footer {
	width:750px;
	background:transparent url(../pix/footerbg_rc_fa.jpg) no-repeat scroll 0 0;
}

.reMember #footer a:link, #footer a:hover, #footer a:active, #footer a:visited {
	color:#316192;
}

/* RealEstateMember popup printPage styling */

body.printPage {
	background:none;
}

.printPage #introPrintButton {
	display:none;
}

.printPage .tooltip_content {
	display:none;
}

.printPage div#content_WelcomeRE {
	padding:12px;
}

#menuMessageBox {
	font: 12px Trebuchet,Arial;
	font-weight: bold;
	border:2px solid black;
	padding:3px;
	margin-top:10px;
}