/*--========================================--
     GLOBAL COLORS
  --========================================--*/
/*--========================================--
 GENERAL STYLE DEFINES
--========================================--*/
  
html {
    height: 100%;
}

body {
	margin: 0px;
	margin-right: auto;
	font-family: arial, helvetica, sans-serif;
	background-color: #ffffff;
	font-size: 0.8em;
	/*height: 100%;*/
}

div.printOnly {
	display: none;
}

hr {
	display: none;
}

button {
	cursor: pointer;
}

table {
	border-collapse: collapse;
}

/* ======== LAYOUT ======== */ /* General look&feel defines */
.generalBackground {
	background-color: #ffffff;
}

.mainContentCell {

}

.pieceTitleContent_top {
	vertical-align: middle;
	height: 10px;
}

.noReports {
	margin-top: 1em;
	padding: 0.7em;
	color: #333333;
	background: #eeeeee;
	border: solid 1px #bbbbbb;

}

/* MENU */
.menuBackground {
	vertical-align: top;
}

.leftMenu {
	width: 200px;
	border-right: solid 3px #dddddd;
	border-bottom: solid 3px #dddddd;
	background-color: #f7f7f8;
	height: 0%;
}

.menuRightBorder {

}

#navigationMenu {
	width: 100%;
	padding: 0px;
	margin: 0px;
}

#navigationMenu td.navimenu_top {
	height: 35px;
	width: 200px;
	background-repeat: no-repeat;
}

#navigationMenu td.navimenu_content {

}

#navigationMenu td.navimenu_bottom {
	height: 10px;
}


#menulist {
	padding-left: 2em;
	list-style: none;
}

#menulist li:before {
	vertical-align: top;
	content: "\00BB \0020";
}

#menulist a.menulink {
	font-weight: bold;
	color: #0053a1;
	font-size: 13px;
}

#menulist a.menulink:link {
	text-decoration: none;
}

#menulist a.menulink:visited {
	text-decoration: none;
}

#menulist a.menulink:hover {
	text-decoration: none;
	color: #bbbbbb;
}

/* MAIN CONTENT */
.mainContentHolder {
    padding-top: 0.3em;
    padding-left: 0.3em;
    padding-right: 0.3em;
	height:80%;
    min-width: 950px;
}

.mainContentHolder > div {
    height: 100%;
}

.mainContentBackground {
	vertical-align: top;
	height: 300px;
}

.mainContent_content {
	height: 100%;
}

.mainContentBackground th.mainContentTitle {
	height: 0px;
}

.mainContentBackground td.mainContentToolbar {
	height: 30px;
}

.mainContentTitle {
	font-size: large;
	text-align: left;
}

.mainContentToolbar {
	font-size: large;
	text-align: left;
	text-align: center;
}

.mainContentToolbarWithoutButtons {
	font-size: large;
	text-align: left;
	text-align: center;
	/*	border-top: dashed 3px #838383; */
}

/* WINDOW CONTAINER */
.elements-windowContainerTable {
	border: 1px solid #979797;
	background: #f7f7f8;
	margin: 5px;
	border-collapse: collapse;
}

.elements-windowContainerTable th.windowTitle {
	text-align: left;
	padding-left: 5px;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left: 0px;
	border-right: 0px;
    background-image: url(../i18n-assets/fi/windowcontainer/windowcontainer-titlerow.png);
	background-repeat: repeat-x;
	height: 19px;
	vertical-align: middle;
	font-size: 100%;
	font-weight: bold;
	color: white;
}

.elements-windowContainerTable td.windowContent {
	padding: 10px;
}

.elements-windowContainerTable td.windowToolbar {
	border-style: none;
	border-bottom: solid 1px #979797;
	border-top: dashed 2px #979797;
	background: #f7f7f8;
	text-align: center;
	padding: 5px;
}

/* BOXES */
.elements-helpBoxTable {
	border: 1px solid #bbbbbb;
	background: #dddddd;
	margin: 5px;
}

table th {
	vertical-align: top;
}

/* - remove blue image link borders */
a:link img {
	border-style: none;
}

a:visited img {
	border-style: none;
}

a:hover img {
	border-style: none;
}

/* - remove blue text decoration from link*/
a.nounderline:link {
	text-decoration: none !important;
}

a.nounderline:link :visited {
	text-decoration: none;
}

a.nounderline:link :hover {
	text-decoration: none;
}

/* General styles for TILE-info debugger */
.tileInfoDebugger {
	border: 4px solid #bbbbbb;
	background: #e7eee7;
	border-collapse: collapse;
}

.tileInfoDebugger th {
	border: 1px solid #bbbbbb;
	background: #d9ddd9;
}

.tileInfoDebugger th.subtopic {
	background: #d2ddd2;
}

.tileInfoDebugger tr.even {
	border: 1px solid #bbbbbb;
	background: #f6fff6;
}

.tileInfoDebugger td {
	padding: 2px;
	padding-left: 5px;
	padding-right: 5px;
}

div.console {
	position: absolute;
	top: 42px;
	right: 10px;
	width: 300px;
	height: 500px;
	overflow: auto;
	border: 1px solid black;
	background-color: #eef0ff;
	visibility: hidden;
}

/* - general aligners */
.left {
	text-align: left !important;
}

.right {
	text-align: right;
}

.middle {
	text-align: center;
}

.top {
	vertical-align: top;
}

.bottom {
	vertical-align: bottom;
}

.infoMessageBox {
	border: 1px solid #cccccc;
	background: #bdcbff;
	margin: 0.6em 0.6em 0.6em 0;
	padding: 0.6em;
	height: 15px !important;
}

.errorMessageBox {
	border: 1px solid #cccccc;
	background: #ecbec2;
	margin: 0.6em 0.6em 0.6em 0;
	padding: 0.6em;
}
.rolldownMessageBox {
	border: 1px solid #cccccc;
	background: #ecbec2;
	margin: 0.6em 0.6em 0.6em 0;
	padding: 0.6em;
}

.errorMessageBoxTitle {
	border: 1px solid #cccccc;
	background: #e88891;
	margin: 5px;
	padding: 10px;
	font-size: medium;
}

.noticeMessageBox {
	border: 1px solid #cccccc;
	background: #f9e3e3;
	margin: 15px;
	margin-top: 45px;
	padding: 15px;
	font-size: 14px;
}

span.error {
	color: red;
}

#loadingDiv {
	font-size: large;
	display: none;
}

/*--========================================--
     STYLE DEFINES FOR base.* TILES
  --========================================--*/
#mainLayoutTable {
	border-collapse: inherit;
	width: 98%;
}

#mainContentTableToolbar {
	background: #6f7f6f;
}

#rightInfoBarCell {
	border: 1px solid #cccccc;
	width: 200px;
	vertical-align: top;
}

.singleCommentLink {
	width: 12px;
	margin-top: 4px;
}

.singleComment {
	position: absolute;
	margin-left: 19px;
	margin-top: 0px;
	border: solid 1px #666666;
	background-color: #fffeca;
	padding: 5px;
	font-size: 11px;
	font-weight: normal;
	width: 170px;
	text-align: left;
	white-space: normal;
}

.displaytag-listing div.noItems {
	font-weight: bold;
	width: 80%;
}



#linkid {
	display: block;
	color: blue;
	text-decoration: underline;
	cursor: pointer;
	padding-bottom: 0.2em;
}

.comments {
	margin-left: 0.3em;
}

#comments-listing-title-line {
	margin-top: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: left;
	font-size: 16px;
	font-weight: bold;
	vertical-align: top;
}

#comments-listing-title-line td.close {
	font-size: 11px;
	font-weight: normal;
	width: 370px;
	text-align: right !important;
	vertical-align: top;
}

#comments-listing-title-line td {
	vertical-align: middle;
}

#comments-listing {
	position: absolute;
	margin-left: 15px;
	margin-top: 5px;
	border: solid 2px #666666;
	background-color: #fffeca;
	padding-left: 5px;
	font-size: 11px;
	font-weight: normal;
	width: 555px !important;
	height: auto !important;
    top: 10em;
	left: 10em;
	z-index: 100 !important;
	float: left;
}

.closeComments {
    text-align: right !important;
}

#darkenScreenObject {
	position: absolute;
	top: 0em;
	left: 0em;
	overflow: hidden;
	display: none;
	z-index: 99 !important;
	width: 400em;
	height: 400em;
	background: black;
}

#comments-listing div.noItems {
	font-weight: bold;
	margin: 5px;
	margin-top: 15px;
	margin-bottom: 20px;
	z-index: 50;
}

#comments-listing div.addComment {
	margin-bottom: 10px;
	margin-top: 10px;
}

#commentListing {
	border: solid 1px #cccccc;
	margin-top: 15px;
	margin-bottom: 5px;
}

#commentListing th {
	background-color: #fffeb2;
	padding: 5px;
	text-align: left;
	border-bottom: solid 1px #cccccc;
}

#commentListing tr.odd {
	background-color: #fffeb2;
}

#commentListing td {
	padding: 2px;
	padding-left: 5px;
	padding-right: 14px;
	padding-bottom: 5px;
	text-align: left;
	font-size: 11px;
	font-weight: normal;
}

#commentListing td.time {
	width: 110px;
}

#commentListing td.user {
	width: 120px;
}

#commentListing td.comment {
	width: 260px;
}

#reportTitle {
	font-size: 18px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-top: 10px;
	width: 50%;
}

#reportTitle img.consortiumLogo {
	max-width: 150px;
}

#consortiumInfoContent {
    display: none;
}

#propertyInfo td {
	text-align: left;
	padding: 0.3em;
}

#propertyInfo tr.space {
	display: none;
}

#propertyInfo td.name {
	font-size: 0.9em;
	padding-left: 1em;
	padding-right: 3em;
}

#propertyInfo td.smallername {
	font-size: 0.9em;
	padding-left: 1em;
	padding-right: 2em;
}

#propertyInfo div.description {
	font-size: 0.9em;
	padding: 0.5em;
	padding-left: 0.3em;
	padding-right: 0em;
	width: 200px;
	display: none;
}

#propertyInfo div.descriptionname {
	font-size: 11px;
	padding: 5px;
	padding-left: 10px;
	padding-right: 30px;
	display: none;
}

#propertyInfo .descriptionvisual {
	font-size: 11px;
	padding: 7px;
	width: 200px;
	border: solid 1px #666666;
	background-color: #fffedb;
}

#propertyInfo td.value {
	padding-right: 1em;
}

#propertyInfo td.smallervalue {
	padding-right: 10px;
}

#propertyInfo td.smallerboldedvalue {
	padding-right: 10px;
	font-weight: bold;
}

#propertyInfo td.boldedvalue {
	padding-right: 20px;
	font-weight: bold;
}

#propertyInfo td.notification {
	font-size: 1em;
	padding-left: 1em;
	padding-right: 3em;
	color: #f00;
	font-weight: bold;
}


#otherInfo {
	float: left;
}

#otherInfo td {
	font-size: 11px;
	padding-left: 10px;
	padding-right: 30px;
	padding-bottom: 6px;
}

#otherInfo td.name {
	font-size: 11px;
	padding-left: 10px;
	padding-right: 30px;
}

#otherInfo td.value {
	font-size: 13px;
	padding-right: 1em;
}

#otherInfo td.largename {
	font-size: 14px;
	padding-left: 10px;
	padding-right: 30px;
	padding-bottom: 14px;
}

#otherInfo td.boldedlargevalue {
	font-size: 15px;
	font-weight: bold;
	padding-right: 70px;
}

#otherInfo td.scenarioNameTitle {
	font-size: 12px;
}

#otherInfo td.scenarioName {
	font-size: 14px;
	font-weight: bold;
}

.filteringInfo {
	margin-left: 1.5em;
}

.filteringInfo div.smallerlargename {
	width: 47%;
	font-size: 12px;
	float: left;
}

.filteringInfo div.boldedsmaller {
	width: 47%;
	font-size: 12px;
	font-weight: bold;
	float: left;
}

#reportTable {
	border: solid 1px #000000;
	margin-left: 0.9em;
	margin-right: 2em;
	font-size: 11px;
	page-break-inside: auto;
	z-index: 120;

}

#reportTable tr th {
	border-bottom: solid 1px #000000;
	border-top: solid 1px #000000;
	padding: 2px;
	font-size: 13px;
}

#reportTable td.outerCell {
	border-right:solid 1px black;

}

#reportTable th.mainTitle {
	text-align: left;
	padding-right: 30px;
	width: 211px;
}

#reportTable th.title {
	text-align: center;
	padding-right: 7px;
	border-left: solid 1px #000000;
	border-right: solid 1px #000000;
	width: 170px;
}

#reportTable td {
	padding: 1px;
	white-space: nowrap;
}

#reportTable td.firstColumn {
	white-space: normal;
}
#reportTable th.firstColumn {
	white-space: normal;
}

#reportTable td.name {
	width: 211px;
}

#reportTable td.titleEmptyRow {
	height: 12px;
}

#reportTable td.titleEmptyRow_balances {
	border-left: solid 1px #000000;
}

#reportTable td.noRow {
	border-collapse: collapse;
	border: solid 1px #000000;
	border-left: solid 1px #ffffff;
	border-right: solid 1px #ffffff;
}

#reportTable td.titlePageBreakRow {
	height: 12px;
}

#reportTable td.titleEmptyRow_balance_left {
	font-size: 10px;
	text-align: center;
	border-left: solid 1px #000000;
}

#reportTable td.titleEmptyRow_balance_right {
	font-size: 10px;
	text-align: right;
}

#reportTable td.name {
	padding-right: 30px;
}

#reportTable td.balance_right {
	padding-right: 7px;
	text-align: right;
}

#reportTable td.balance_left {
	border-left: solid 1px #000000;
	text-align: right;
}

#reportTable tr.titleLevel_1 {
	border: solid 1px #000000;
	font-weight: bold;
}

#reportTable tr.titleLevel_1 td {
	border-top: solid 1px #000000;
	border-bottom: solid 1px #000000;
}

#reportTable tr.titleLevel_1_2 {
	font-weight: bold;
}

#reportTable tr.titleLevel_2 {

}

#reportTable td.lastLine {
	width: 13px;
	border: 0px;
}

#reportTable tr.reportLineType0 {
	border-top: 0px;
	border-bottom: 0px;
}
#reportTable tr.reportLineType0:hover td {
	background-color: lightgrey;
}

#reportTable tr.reportLineType1 {
	border-top: solid 1px #000000;
	border-bottom: 0px;
}

#reportTable tr.reportLineType2 {
	border-top: 0px;
	border-bottom: solid 1px #000000;
}

#reportTable tr.reportLineType3 td {
	border-top: solid 1px #000000;
	border-bottom: solid 1px #000000;

}

#reportTable tr.reportLineType0dashed {
	border-top: 0px;
	border-bottom: 0px;
}

#reportTable tr.reportLineType1dashed {
	border-top: dashed 1px #000000;
	border-bottom: 0px;
}

#reportTable tr.reportLineType2dashed {
	border-top: 0px;
	border-bottom: dashed 1px #000000;
}

#reportTable tr.reportLineType3dashed td {
	border-top: dashed 1px #000000;
	border-bottom: dashed 1px #000000;
}

#reportTable tr.pageBreakAfter {
	page-break-after: always;
	border-top: solid 1px #000000;
}

#reportTable td.right {
	border-right: solid 1px black;
}

.fusionChartDashboardContainer {
    margin-top: 2px;
}

div.helpBoxLayout {
	border: solid 1px #dddddd;
	background-color: #eeeeee;
	font-size: 11px;
	padding: 3px;
}

div.noticeBoxLayout {
	border: solid 1px #dddddd;
	background-color: #FF6200;
	font-size: 11px;
	padding: 3px;
}

#reportnavigation td.reportType {
	font-size: 12px;
	font-weight: bold;
	width: 260px;
	padding: 10px;
}

#reportnavigation td.previous {
	padding: 10px;
}

#reportnavigation td.title {
	text-align: center;
	vertical-align: top;
	padding: 10px;
	padding-top: 14px;
	font-size: 18px;
	font-weight: bold;
}

#reportnavigation td.next {
	padding: 10px;
}

#reportnavigation td.link {
	padding-left: 30px;
	text-align: left;
	padding: 10px;
}

#reportnavigation td.innerlink {
	padding-left: 15px;
	padding-right: 15px;
	text-align: center;
	padding: 10px;
}

#reportnavigation a.reportLink {
	font-weight: bold;
	color: #000000;
	font-size: 12px;
	cursor: pointer;
}

#reportnavigation a.reportLink:link {
	text-decoration: none;
}

#reportnavigation a.reportLink:visited {
	text-decoration: none;
}

#reportnavigation a.reportLink:hover {
	text-decoration: none;
	color: #ffffff;
}

span.accountEntry {
	color: blue;
	text-decoration: underline;
	cursor: pointer;
}

span.accountEntry:link {
	text-decoration: none;
}

span.accountEntry:visited {
	text-decoration: none;
}

span.accountEntry:hover {
	color: blue;
	text-decoration: underline;
}

.reportContent {
	padding-bottom: 2em;
}

#graph font.graphTitle {
	margin-left: 40px;
	font-weight: bold;
}

#toolsmenu {
	margin-left: 30px;
}

#toolsmenu td {
	text-align: center;
	padding: 20px;
}

#toolsmenu a.toolsLink {
	font-weight: bold;
	color: #0053a1;
	cursor: pointer;
}

#toolsmenu a.toolsLink:link {
	text-decoration: none;
}

#toolsmenu a.toolsLink:visited {
	text-decoration: none;
}

#toolsmenu a.toolsLink:hover {
	text-decoration: none;
	color: gray;
}

#icon-info {
	background-image: url(../i18n-assets/fi/general/content-box-bg-big.gif);
	background-position: left top;
	background-repeat: repeat-x;
	border: 1px solid #C0C0C0;
	font-size: 0.9em;
	padding: 0.3em;
	width: 35em;
}

#icon-info td {
	padding: 0.2em;
}

#icon-info td.title {
    background: #D5D5D5 url(../i18n-assets/fi/navigationmenu/mainNavigationBackground.png) repeat-x scroll left top;
	font-weight: bold;
	color: black;
}

#icon-info td.bold {
	font-weight: bold;
}

#rolldownbutton {
	background-image: url(../i18n-assets/fi/general/content-box-bg-big.gif);
	background-position: left top;
	background-repeat: repeat-x;
	border: 1px solid #C0C0C0;
	font-size: 0.9em;
	padding: 0.3em;
	text-align: center;
	vertical-align: bottom;
	margin-bottom: 0.8em;
	width: 20em;
}

#rolldownbutton td {
	padding: 0.2em;
}

#rolldownbutton th {
    background: #D5D5D5 url(../i18n-assets/fi/navigationmenu/mainNavigationBackground.png) repeat-x scroll left top;
	font-weight: bold;
	color: black;
}

#rolldownbutton td.bold {
	font-weight: bold;
}

#focusComparisonHelp1 {
	background-image: url(../i18n-assets/fi/general/content-box-bg-big.gif);
	background-position: left top;
	background-repeat: repeat-x;
	border: 1px solid #C0C0C0;
	margin-bottom: 2.4em;
	padding-right: 1em;
	margin-right: 2em;
}

#focusComparisonHelp1 td {
	padding: 0.4em;
}

#focusComparisonHelp1 td.title {
    background: #D5D5D5 url(../i18n-assets/fi/navigationmenu/mainNavigationBackground.png) repeat-x scroll left top;
	font-weight: bold;
	color: black;
}

.editForm td {
	padding: 0.4em;
}

.editForm th {
	color:#404040;
	text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);
	background: url(../i18n-assets/fi/general/dark-background.png) scroll center bottom #c9ceda;
	background-repeat: repeat-x;
	word-wrap:break-word;
	white-space:nowrap;
	padding: 0.5em;
}

.editForm td.label {
	vertical-align: top;
	padding-left: 1.2em;
	text-align: right;
	white-space: nowrap;
}

.editForm span.mandatory {
	color: red;
    font-size: 1.5em
}


.pageBreak {
	display: none;
}

.budgetCommentClass {
	position: absolute;
	margin-left: -355px;
	margin-top: -7px;
	border: solid 1px #666666;
	background-color: #fffeca;
	padding: 5px;
	font-size: 11px;
	font-weight: normal;
	width: 360px;
	z-index: 1;
}

fieldset.budgetManagement {
	padding-left: 1em;
	background-image: url(../i18n-assets/fi/general/content-box-bg-big.gif);
	background-position: left top;
	background-repeat: repeat-x;
	border: 1px solid #c0c0c0;
}

fieldset.accountingSource {
	width: 40%;
	background-image: url(../i18n-assets/fi/general/content-box-bg-big.gif);
	background-position: left top;
	background-repeat: repeat-x;
	border: 1px solid #c0c0c0;
}


fieldset.integrationProperties {
	width: 40%;
	background-image: url(../i18n-assets/fi/general/floating-background.png);
	background-position: left bottom;
	background-repeat: repeat-x;
	background-color: white;
	border: 1px dashed #c0c0c0;
}

fieldset.financialIntegrations {

    background-image: url(../i18n-assets/fi/general/floating-background.png);
    background-position: left bottom;
    background-repeat: repeat-x;
    background-color: white;
    border: 1px dashed #c0c0c0;
    width: 70em;
}

legend.budgetManagement {
	background: transparent;
}

li.download {
	padding-left: 28px;
	margin-top: 1px;
	margin-bottom: 1px;
	height: 22px;
    background-image: url(../i18n-assets/fi/general/x-office-spreadsheet.png);
	background-repeat: no-repeat;
	list-style: none;
	margin-bottom: 1px;
	margin-left: -39px;
	padding-left: 25px;
}

li.pdfdownload {
	background-image: url(../i18n-assets/fi/general/pdfdownload.png);
	background-repeat: no-repeat;
	height: 22px;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin-bottom: 1px;
	margin-left: -39px;
	margin-top: 2em;
	padding-left: 25px;
}

li.downloadinfotext {
	font-size: 0.9em;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin-bottom: 0.8em;
	margin-left: -39px;
	margin-top: 1px;
	padding-left: 25px;
}

li.menuTitle {
	margin-left: -26px;
	margin-bottom: 4px;
	margin-top: 4px;
	padding: 3px;
    background-image: url(../i18n-assets/fi/general/menulist-heading-bg.gif);
	background-position: left bottom;
	border-bottom: 1px solid gray;
	border-color: #CBCBCC;
	font-weight: bold;
	font-size: 14px;
	color: #504c4c;
}

button.back {
	background-image: url(../i18n-assets/fi/general/edit-undo.png);
	background-repeat: no-repeat;
	height: 26px;
	padding-left: 17px;
}

#rankingOptionSelect {
	width: 100%;
}

#rankingOptionSelect td {
	font-weight: bold;
	color: #0053a1;
	font-size: 12px;
	text-align: center;
	padding-left: 20px;
	padding-right: 20px;
}

#rankingOptionSelect a.rankingLink {
	font-weight: bold;
	color: #7fa9d0;
	font-size: 12px;
	cursor: pointer;
}

#rankingOptionSelect a.rankingLink:link {
	text-decoration: none;
}

#rankingOptionSelect a.rankingLink:visited {
	text-decoration: none;
}

#rankingOptionSelect a.rankingLink:hover {
	text-decoration: none;
	color: #0053a1;
}

#rankingOptionSelect a.toolsLink {
	font-weight: bold;
	color: #0053a1;
	cursor: pointer;
}

#rankingOptionSelect a.toolsLink:link {
	text-decoration: none;
}

#rankingOptionSelect a.toolsLink:visited {
	text-decoration: none;
}

#rankingOptionSelect a.toolsLink:hover {
	text-decoration: none;
	color: gray;
}

font.generalPictureLink {
	font-weight: bold;
	font-size: 11px;
	color: #0053a1;
}

a.generalPictureLink {
	font-weight: bold;
	font-size: 11px;
	color: #0053a1;
	cursor: pointer;
}

a.generalPictureLink:link {
	text-decoration: none;
}

a.generalPictureLink:visited {
	text-decoration: none;
}

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

.normalLink {
	color: #0000EE !important;
	cursor: pointer;
	text-decoration: underline !important;
}

/* begin ellipsis code */
.ellipsis span {
	white-space: nowrap;
	text-overflow: ellipsis; /* for internet explorer */
	overflow: hidden;
	width: 140px;
	display: block;
}

html>body .ellipsis {
	clear: both;
}

html>body .ellipsis span:after {
	content: "...";
}

html>body .ellipsis span {
	max-width: 130px;
	width: auto !important;
	float: left;
}

/* end ellipsis code */
.normalLink:link {
	text-decoration: none;
}

.normalLink:visited {
	text-decoration: none;
}

.normalLink:hover {
	text-decoration: none;
}

a.normalImageLink {
	cursor: pointer;
}

a.normalImageLink:link {
	text-decoration: none;
}

a.normalImageLink:visited {
	text-decoration: none;
}

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

.rankingOptionSelect {
	margin: 0px;
	padding: 3px;
    background: #e5e5e5 url(../i18n-assets/fi/general/content-box-bg.gif) top left repeat-x;
	border: 1px solid #c0c0c0;
}

div#tabs-content .rankingOptionSelect {
	margin-bottom: 0em;
}

fieldset.rankingSizeSelect {
	margin: 0px;
	padding: 13px;
	padding-bottom: 11px;
	background-image: url(../i18n-assets/fi/general/content-box-bg.gif);
	background-position: left top;
	border: 1px solid #c0c0c0;
}

fieldset.rankingGroupSelect {
	margin: 0px;
	padding: 13px;
	background-image: url(../i18n-assets/fi/general/content-box-bg.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
	border: 1px solid #c0c0c0;
}

legend.rankingOptionSelect {
	background-color: white;
}

fieldset.printableGroupSelect {
	margin: 0px;
	padding: 13px;
	background-image: url(../i18n-assets/fi/general/content-box-bg.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
	border: 1px solid #c0c0c0;
	width: 94%;
}

.printableGroupSelect legend {
	background-color: white;
	font-size: 16px;
}

span.selectionTitle {
	font-size: 11px;
}

font.topTenTitle {
	font-size: 12px;
	font-weight: bold;
	padding-left: 25px;
}

.rankingListOuterTable {
	width: 100%;
}

.rankingListOuterTable td.arrowup {
	padding-top: 36px;
	vertical-align: top;
	padding-right: 5px;
}

.rankingListOuterTable td.arrowdown {
	padding-bottom: 13px;
	vertical-align: bottom;
	padding-right: 5px;
}

#rankingYearSelect {
	margin-left: 20px;
}

#rankingYearSelect td {
	font-size: 16px;
	font-weight: bold;
	vertical-align: middle;
	padding-left: 5px;
	padding-right: 5px;
}

#rankingYearSelect a.toolsLink {
	font-weight: bold;
	color: #0053a1;
	cursor: pointer;
}

#rankingYearSelect a.toolsLink:link {
	text-decoration: none;
}

#rankingYearSelect a.toolsLink:visited {
	text-decoration: none;
}

#rankingYearSelect a.toolsLink:hover {
	text-decoration: none;
	color: gray;
}

#rankingSelectionBox {
	background: #f9f9f9;
	border: solid 1px #cccccc;
	padding: 3px;
	font-weight: bold;
	font-size: 11px;
	width: 240px;
	margin-left: 25px;
	margin-bottom: 7px;
}

#rankingTypeSelect td {
	text-align: left;
	vertical-align: top;
	padding-left: 5px;
}

div.instruction {
	position: absolute;
	background-color: #fff;
	border: 1px solid #c0c0c0;
	padding: 5px;
	margin-left: 70px;
	margin-bottom: 5px;
	width: 300px;
	z-index: 100;
}

div.create {
	background-image: url(../i18n-assets/fi/general/window-new.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	padding-left: 2em;
	padding-top: 1em;
	margin-bottom: 1.2em;
	padding-bottom: 0.2em;
}

div.createReport {
	background-image: url(../i18n-assets/fi/general/add.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	padding-left: 2em;
	padding-top: 1em;
	margin-bottom: 1.2em;
	padding-bottom: 0.2em;
}


div.addData {
	background-image: url(../i18n-assets/fi/general/addData.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	padding-left: 2em;
	padding-top: 1em;
	margin-bottom: 1.2em;
	padding-bottom: 0.2em;
	margin-right: 1.5em;
}

div.removeData {
	background-image: url(../i18n-assets/fi/general/removeData.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	padding-left: 2em;
	padding-top: 1em;
	margin-bottom: 1.2em;
	padding-bottom: 0.2em;
	margin-right: 1.5em;
}

div.newConstruction {
	background-image: url(../i18n-assets/fi/general/newConstruction.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	padding-left: 2em;
	padding-top: 1em;
	margin-bottom: 1.2em;
	padding-bottom: 0.2em;
	margin-right: 1.5em;
}

#selectedTabContent {
	background: #E0E0E0 none repeat scroll 0 0;
	padding: 1em;
	margin-top: 0em;
	border-top: solid 1px #999999;
	border-left: solid 1px #999999;
	border-right: solid 1px #999999;
	border-bottom: solid 1px #999999;
	zoom: 1.0;
	page-break-inside: avoid;
	min-width: 81em;
    clear: both;

}

#selectedTabContent div.leftTab {
	float: left;
	width: 81%;
}

#horisontalTab {
	overflow: visible;
	z-index: 2;
	height: 27px;
}

#horisontalTab div {
	font-size: 1.0em;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	padding-left: 0.8em;
	padding-right: 0.8em;
	margin: 0em;
}

#horisontalTab div.tab {
	background: #ebebeb url(../i18n-assets/fi/general/tab-button-bg.png) top
	left repeat-x;
	color: #666666;
	border: 1px solid #c4c4c4;
	border-bottom: solid 1px #999999;
	margin: 0em;
	float:left;
	height: 18px;
	z-index:-1;

}

#horisontalTab div.selectedtab {
    background: #f6f6f6 url(../i18n-assets/fi/general/gradient_background.png) repeat-x scroll bottom left;
	color: #000000;
	border-top: 1px solid gray;
	border-left: 1px solid gray;
	border-right: 1px solid gray;
	border-bottom: solid 1px #e0e0e0;
	font-weight: bold;
	float: left;
}

a.tabLink {
	color: #0053a1;
	cursor: pointer;
}

#resultTab {
	overflow: visible;
	padding-left: 0.0em;
	margin-bottom: 0.0em;
	margin-top: 0.0em;
	padding-top: 0.10em;
	overflow: visible;
}

.small {
	overflow: visible;
	margin-right: 0.5em;
	margin-left: -0.5em;
	padding: 0em;
}

.gray-bordered {
	border: 1px solid gray;
}

.reportMenu #resultTab span.tab {
	color: white;
	background: none;
	border: none;
}

.reportMenu #resultTab span.selectedtab {
	color: white;
	background: none;
	font-weight: bold;
	border: none;
}

div#tabs-content {
	width: 100%;
	background-color: #676767;
	margin-bottom: 0;
	overflow: visible;
	padding-left: 0;
    padding-bottom: 2px;
}
#rankingForm {
    height: 100%;
}
#rankingForm div#tabs-content {
	width: 100%;
}

#resultTab span {
	font-size: 1.0em;
	padding: 0.0em;
	padding-left: 1.0em;
	padding-right: 0.5em;
}

#resultTab span.tab {
	color: #666666;
	border: 1px solid #c4c4c4;
    background: #ebebeb url(../i18n-assets/fi/general/tab-button-bg.png) top left repeat-x;
	border-bottom: solid 1px #e0e0e0;
	float: left;
}

/* REPORT_PAGE: Selected menu main menu item  */
#selectedTabContent .ui-tabs-nav li.ui-tabs-active {
    background: transparent url(../i18n-assets/fi/navigationmenu/mainNavigationBackground_select.png) repeat-x scroll 50% 50%;
	display: inline;
	float: left;
	height: 1.7em;
	overflow: visible;
	padding: 0;
	text-align: center;
	vertical-align: middle;
	z-index: 0;
}

/* REPORT_PAGE: Normal main menu item */
#selectedTabContent .ui-tabs-nav li.report {
    background: #EBEBEB url(../i18n-assets/fi/general/tab-button-bg.png) repeat-x scroll left top;
	border-color: #C4C4C4 #C4C4C4 #E0E0E0;
	border-style: solid;
	border-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	display: inline;
	float: left;
	height: 1.7em;
	overflow: visible;
	padding: 0;
	text-align: center;
	vertical-align: middle;
}

#selectedTabContent .ui-tabs-nav li.ui-tabs-active {
    background: transparent url(../i18n-assets/fi/navigationmenu/subNavigationBG-gray.png) repeat-x scroll;
	background-position: 0% 61%;
}

/* RANKING_PAGE: Key figure tab */
#selectedTabContent .ui-tabs-nav li {
    background: #D5D5D5 url(../i18n-assets/fi/navigationmenu/mainNavigationBackground.png) repeat-x scroll left top;
	border-color: #C4C4C4 #C4C4C4 #E0E0E0;
	border-style: solid;
	border-width: 0px;
	border-bottom-width: 0px;
	border-right-width: 0px;
	display: inline;
	float: left;
	height: 1.7em;
	margin: 1px;
	overflow: visible;
	padding: 0;
	text-align: center;
	vertical-align: middle;
}

#selectedTabContent .ui-tabs-nav li.report {
	margin: 0;
}

#filterFormTab {
	overflow: visible;
	padding-left: 0.0em;
	padding-top: 0.5em;
	margin-bottom: 0.0em;
	cursor: pointer;
    border-left: 1px solid #c4c4c4;
    border-top: 1px solid #c4c4c4;
    border-right: 1px solid #c4c4c4;
    background-color: #ffffff;
    width: 154px;
    position: relative;
}

#filterFormTab .filteringIcon {
    float: left;
    margin-left: 0.9em;
    width: 24px;
    height: 24px;
}
#filterFormTab .title {
    float: left;
    margin-top: 0.3em;
}

#filterFormTab span {
	font-size: 1.2em;
	padding: 5px 1em;
}

#filterFormTab span.toggle {
	color: #666666;

    background: url(../i18n-assets/fi/navigationmenu/arrowdown.png) no-repeat scroll 94% 50%;
	border-bottom: 0px;
	text-align: right;
	padding-right: 1.6em;
	padding-left: 0.6em;
}

#resultTab span.selectedtab {
	background: #ffffff none repeat-x scroll left bottom;
	border-left: 1px solid gray;
	border-right: 1px solid gray;
	border-top: 1px solid gray;
	border-bottom: 1px solid white;
	color: #000000;
	font-weight: bold;
	height: 18px;
	float: left;
}

#resultTabContent {
	background: #ffffff;
	border: solid 1px #999999;
	vertical-align: top;
	overflow: visible;
	width: auto;
	padding-top: 0.0em;
}

#resultTabContent button.spinnerContainer-tiny {
	padding: 0.5em 2.5em;
}

#resultTabContent button.spinnerContainer-btn {
	position: relative;
}

table.reportToolPane {
	padding: 0.3em;
	width: 100%;
	margin-top: 0.3em;
	background-color: #f6f6f6;
	height: 50px;
}

tr.reportToolPane {
	border-bottom: 1px solid #cccccc;
}

td.reportToolPane {
	width: 25.0%;
	padding-bottom: 0.2em;
	vertical-align: middle;
}

.analysis-boxcontent {
	background: #ffffff;
	border: solid 1px #999999;
	padding: 1em;
	vertical-align: top;
	overflow: hidden;
	float: left;
}

#resultTabContentWithFilter {
	background: #ffffff;
	border: solid 1px #999999;
	padding: 0em;
	vertical-align: top;
	overflow: hidden;
	float: left;
	width: 100%;
	height:99%;
}
#resultTabContentWithFilter.repairsMonitoringPage {
    padding: 0.7em;
}

#resultDisplaySelection span.separator {
	font-weight: bold;
	color: #555555;
	font-size: 11px;
}

#resultDisplaySelection span.selected {
	font-weight: bold;
	color: #555555;
}

#resultDisplaySelection {
	position: relative;
	z-index: 3; /* to make sure the links in this element are clickable */
	text-align: right;
	float: right;
	margin-right: 0.5em;
	margin-top: 0.5em;
}

#resultDisplaySelection a {
	text-decoration: underline;
	color: blue;
	cursor: pointer;
}

#resultDisplaySelection a:link {
	text-decoration: none;
}

#resultDisplaySelection a:visited {
	text-decoration: none;
}

#resultDisplaySelection a:hover {
	text-decoration: none;
	color: #bbbbbb;
}

button.filter {
	border: 1px solid gray;
	background-position: 2px center;
	background-image: url(../i18n-assets/fi/general/go-previous.gif);
	background-repeat: no-repeat;
	padding-left: 17px;
}

#rankingOptionSelectTabRow {
	margin-left: 0em;
}

#rankingOptionSelectTabRow span {
	background: #cccccc;
	border: solid 1px #999999;
	color: #555555;
	z-index: -9;
	font-size: 13px;
	margin-right: -1px;
	padding: 3px;
}

#rankingOptionSelectTabRow .ui-tabs-active span {
	background: #ffffff;
	border-bottom: solid 1px #ffffff;
	padding-bottom: 4px;
	color: #0053a1;
	font-weight: bold;
}

ul.rankingOptionList li {
	text-align: left;
}

.rankingOptionSelectBox {
	background: #E0E0E0;
	padding: 0.0em;
	margin-left: 0em;
	margin-top: 0em;
	z-index: 10;
}

#accountGroups {
    background: #D5D5D5 url(../i18n-assets/fi/navigationmenu/mainNavigationBackground.png) repeat-x scroll left top;
}

.filterForm {
	background: none repeat scroll 0 0;
}

.displaytag-toplinks {
	text-align: center;
	margin-top: -1.2em;
}

.displaytag-bottomlinks {
	text-align: center;
    background-color: #D9D9D9;
    float: right;
}

#column0 {
	float: left;
	width: 19%;
	margin-left: 0.5%;
	display: inline;
}

#column1 {
	float: left;
	width: 60%;
	margin-left: 0.5%;
	margin-right: 0.5%;
	height:100%;
}

#column1Analysis {
	float: left;
	width: 52%;
	margin-left: 0.5%;
	margin-right: 0.5%;
}

#column2 {
	float: right;
	width: 18%;
	margin-right: 1%;
}

.clear {
	clear: both;
}

.formSpacer {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

.rankingSelectBox {
	width: 100%;
	overflow: hidden;
}

.rankingSelectBox [selected] {
	/* Text colour and font weight, red and bold */
	color: black;
	font-weight: bold;
}

.minimized {
	margin-top: 0px;
	margin-left: 1px;
	margin-right: 0px;
	width: auto;
	float: left;
	border-top: 1px solid #999999;
}

.rankingOptionSelectText {
	background-color: #921419;
	color: white;
	padding: 0.2em;
	margin-right: 1px;
}

#pre-logo {
	margin-left: 1em;
	color: gray;
	font-size: 0.8em;
}
#pre-logo div.logo {
    float: left;
}
#pre-logo div.version {
    float: left;
    margin-left: 0.4em;
    margin-top: 0.4em;
    margin-left: 0.8em;
    margin-top: 1em;
}
#pre-logo div.version:after {
    clear: both;
}
#build-number {
    width: 100%;
    text-align: right;
    color: gray;
    font-size: 0.6em;
}


#logo {
	margin-bottom: -0.2em;
}

#userInformationBar {
	padding-top: 1em;
}

#rankingSummaryTable {
	margin-left: 0.3em;
	margin-bottom: 0.8em;
}

span.rankingSummaryToggle {
	text-decoration: underline;
	color: #0053a1;
	float: left;
	cursor: pointer;
	padding-right: 1.2em;
    background: transparent url(../i18n-assets/fi/navigationmenu/arrowdown.png) no-repeat scroll 94% 50%;
}

span.pagelinks {
	text-align: center;
	margin-top: 2em;
}

.defaultListing {
	border: solid 1px #cccccc;
	margin-top: 0.5em;
	margin-left: 0.0em;
	font-size: 1.2em;
	width: 100%;
}

.defaultListing th.sortable {
	background-image: url(../i18n-assets/fi/general/upAndDownArrow.png);
	background-position: right center;
	background-repeat: no-repeat;
	border: 1px solid #cccccc;
	padding-right: 1.2em;
}

.defaultListing th.sortable:hover {
	background-image: url(../i18n-assets/fi/general/downArrowHighlight.png);
	background-position: right center;
	background-repeat: no-repeat;
}

.defaultListing th.sorted {
	background-color: #cccccc;
}

.defaultListing th.order1 {
	background-image: url(../i18n-assets/fi/general/downArrowHighlight.png);
	background-position: right center;
	background-repeat: no-repeat;
}

.defaultListing th.order1:hover {
	background-image: url(../i18n-assets/fi/general/upArrowHighlight.png);
	background-position: right center;
	background-repeat: no-repeat;
}

.defaultListing th.order2 {
	background-image: url(../i18n-assets/fi/general/upArrowHighlight.png);
	background-position: right center;
	background-repeat: no-repeat;
}

.defaultListing th.order2:hover {
	background-image: url(../i18n-assets/fi/general/downArrowHighlight.png);
	background-position: right center;
	background-repeat: no-repeat;
}

.defaultListing th {
	background-color: #d9d9d9;
	padding: 0.3em;
	padding-right: 0.2em;
	text-align: left;
	border-bottom: solid 1px #cccccc;
	font-size: 13px;
}

#resultList.defaultListing th {
	background-color: #ffffff; /*Because of dataTables sorting arrows (they are grey)*/
	padding-right: 18px !important;
	white-space: nowrap;
}

.defaultListing.simplified th {
	font-size: 12px;
    text-decoration: none;
    font-weight: normal;
}

.defaultListing.simplified th a {
    text-decoration: none;
    font-weight: normal;
}

.defaultListing th.smallerHeader {
	font-size: 0.7em;
}

.defaultListing td {
	padding-right: 0.4em;
	padding-left: 0.4em;
	text-align: left;
	font-size: 0.8em;
	vertical-align: middle;
}

.defaultListing.simplified td {

	font-size: 0.8em;
	color: #555;
}

.defaultListing td.squares {
	height: 1em;
}

.defaultListing th.squares {
	text-align: center;
	padding-left: 2.5em;
}

.defaultListing th.amount {
	text-align: center;
	padding-left: .2em;
}

.defaultListing th.performance {
	text-align: right;
}

.defaultListing th.amountPerSquares {
	text-align: right;
}

.defaultListing th.amountPerSquares {
	text-align: right;
}

.defaultListing th.count {
	text-align: right;
}

.defaultListing .countableClass {
	text-align: right;
	white-space: nowrap;
}

.defaultListing .textClass {
	text-align: left;
	white-space: pre-line;
}

.comparisonListing td {
	vertical-align: middle;
}

.comparisonListing tr.odd td.focusComparisonKeyFigure {
	background-color: #b0acff;
	border-left: solid 3px #ffffff;
	border-right: none;
}

.comparisonListing tr.even td.focusComparisonKeyFigure {
	background-color: #cac7ff;
	border-left: solid 3px #ffffff;
	border-right: none;
}

.comparisonListing.noBorder {
	border: none;
}

.comparisonListing tr.odd {
	background-color: #EEEEEE;
}

.comparisonListing th.selectedBlue {
	background-color: #b0acff;
}

.comparisonListing th.selected {
	text-align: center;
	border-top: solid 1px #ffffff;
	font-size: 1.2em;
	background-image: url(../i18n-assets/fi/general/header-background.png);
	background-repeat: repeat-x;
	height: 34px;
	padding-bottom: 0.2em;
	vertical-align: top;
}

.comparisonListing th.selectedLeft {
	background-position: top left;
	border-left: solid 3px #ffffff;
}

.comparisonListing th.selectedRight {
	background-position: top right;
	border-right: solid 3px #ffffff;
}

.comparisonListing th.points {
	padding-right: 2px;
	font-size: 17px;
	padding-left: 8px;
	padding-top: 10px;
}

.comparisonListing th.pointOrder {
	padding-right: 7px;
	padding-left: 7px;
	font-size: 15px;
	padding-top: 10px;
}

.comparisonListing th.value {
	padding-right: 0px;
	padding-left: 12px;
	font-size: 11px;
}

.comparisonListing th.order {
	padding-right: 8px;
}

.comparisonListing td.value {
	padding-right: 13px;
	padding-left: 2px;
	font-weight: bold;
	font-size: 11px;
}

.comparisonListing td.order {
	padding-right: 4px;
	font-style: italic;
	font-size: 11px;
}

.comparisonListing th {
	vertical-align: bottom;
	padding-bottom: 0.5em;
}

.comparisonListing th.gradient {
	text-align: center;
    background-image: url(../i18n-assets/fi/general/header-background-notSelected.png) !important;
	background-repeat: repeat-x !important;
}

.comparisonListing th.orderNumberTitle {
	text-align: right;
	font-size: 14px;
	font-weight: bold;
	padding-top: 0.8em;
	padding-right: 6px;
	color: #555555;
}

.comparisonListing th.focusComparisonTitle {
	text-align: left;
	font-size: 14px;
	font-weight: bold;
}

.comparisonListing th.focusComparisonKeyFigure {
	text-align: right;
	font-size: 11px;
	font-weight: bold;
	padding-top: 12px;
}

.comparisonListing td.focusComparisonKeyFigure {
	font-weight: bold;
	font-size: 21px;
}

.comparisonListing td.focusComparisonKeyFigureOrder {
	font-weight: bold;
	font-size: 13px;
}

.comparisonListing tr.odd td.focusComparisonKeyFigureOrder {
	background-color: #b0acff;
	border-left: none;
	border-right: solid 3px #ffffff;
	padding-right: 7px;
	padding-left: 4px;
}

.comparisonListing tr.even td.focusComparisonKeyFigureOrder {
	background-color: #cac7ff;
	border-left: none;
	border-right: solid 3px #ffffff;
	padding-right: 7px;
	padding-left: 4px;
}

.monitortable td {
	font-size: 11px;
}

#icon-info tr.info-row {
	display: none;
}

#filterMenu .optionSelect {
	overflow: hidden;
	width: 11em;
	min-width: 7em;
}

option.notAvailable {
	font-style: italic;
	color: #888888;
}

.spaced {
	margin-top: 0.2em;
	margin-bottom: 0.8em;
}

.tableSubtitle {
    font-weight: bold;
    float: right;
}

.theading {
	background-color: #c0c0c0;
	font-weight: bold;
}

.tbody {
	background-color: white;
}

h3 {
	font-size: 1.2em;
}

.topic {
	background: transparent none repeat scroll 0 0;
	border-bottom: 1px solid #AAAAAA;
	color: black;
	font-weight: normal;
	margin: 0;
	padding-bottom: 0.1em;
	padding-top: 0.5em;
	margin-bottom: 0.8em;
	margin-top: 1em;
}

.gray {
	background-color: #d7d7d7;
}

.permissionTable {
	border: 0px;
	width: 600px;
}

.permissionTable td {
	padding-right: 0.4em;
	padding-left: 0.4em;
	text-align: left;
	font-size: 1.0em;
}

td.permissionRoleColumn {
	padding-left: 2.5em;
	padding-right: 2em;
	text-align: left;
	font-weight: bold;
	vertical-align: middle;
}

td.selectedRole {
	width: 3em;
	padding-left: 4.2em;
}

td.notSelectedRole {
	color: #ffffff;
}

.permissionTable th {
	background-color: #d9d9d9;
	padding: 0.2em;
	text-align: left;
	border-bottom: solid 1px #cccccc;
	font-size: 1em;
}

th.selectedRole {
	text-align: center;
	border-right: solid 3px #ffffff;
	border-left: solid 3px #ffffff;
	border-top: solid 1px #ffffff;
	background-color: #62e84c;
	font-size: 1.2em;
	background-image: url(../i18n-assets/fi/general/header-background.png);
	background-position: top;
	background-repeat: repeat-x;
	height: 34px;
	max-width: 125px;
	width: 125px;
	padding-bottom: 0.2em;
	vertical-align: top;
}

th.notSelectedRole {
	text-align: center;
    background-image: url(../i18n-assets/fi/general/header-background-notSelected.png) !important;
	background-repeat: repeat-x !important;
	background-position: bottom !important;
	background-color: #fff !important;
	vertical-align: bottom;

}

th.permissionName {
	text-align: left;
	width: 290px;;
}

th.largerHeaderClass {
	padding-top: 0.8em;
}

th.largerHeaderClass.selectedRole {
	padding-top: 0.3em;
	font-size: 1.4em;
}

th.smallerHeaderClass {
	height: 10px;
	font-size: 0.9em;
	padding-top: 0.2em;
	padding-bottom: 0.0em;
	background-position: bottom;
}

.permissionTable tr.odd {
	background-color: #EEEEEE;
}

tr.odd td.selectedRole {
	background-color: #62e84c;
	border-left: solid 3px #ffffff;
	border-right: solid 3px #ffffff;
}

tr.even td.selectedRole {
	background-color: #8bfb78;
	border-left: solid 3px #ffffff;
	border-right: solid 3px #ffffff;
}

tr.odd td.notSelectedRole {
	background-color: #bbbbbb;
	border-right: solid 1px #ffffff;
	border-left: solid 1px #ffffff;
}

tr.even td.notSelectedRole {
	background-color: #cccccc;
	border-right: solid 1px #ffffff;
	border-left: solid 1px #ffffff;
}

.clickable {
	cursor: pointer;
}

.excelOnly {
	display: none;
}

#permission {
	width: 600px;
}

#permission td {
	padding-bottom: 5px;
}

#permission th.name {
	width: 110px;
}

#permission td.name {
	font-weight: bold;
}

#accountHiararchyTable {
	border: solid 1px #aaaaaa;
	background-color: #efefef;
	font-size: 11px;
	margin-top: 1em;
	margin-left: 1px;
}

#accountHiararchyTable th.header {
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	padding: 3px;
	padding-left: 6px;
	padding-bottom: 8px;
}
table.hierarchyMapTable th {
	font-size: 15px;
	text-align: left;
}
table.hierarchyMapTable td.category {
	font-size: 13px;
	padding-left: 10px;
	font-weight: bold;
}
#accountHiararchyTable td.accountGroupMap {
    font-size: 13px;
    padding-left: 10px;
    font-weight: bold;
}

table.hierarchyMapTable td.group {
	font-weight: bold;
}

#accountHiararchyTable td.hierarchyMap {
    font-size: 11px;
    font-weight: bold;
}

table.hierarchyMapTable td.groupindentation {
	padding-left: 20px;
}

table.hierarchyMapTable td.accountindentation {
	padding-left: 10px;
}

table.hierarchyMapTable td.account {
	padding-right: 10px;
}

h1,h2,h3,h4 {
	color: black;
}

h2 {
	font-size: 1.4em;
	font-weight: normal;
	margin-bottom: 1.1em;
}

h3 {
	font-size: 1.2em;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 1em;
}

.defaultListing tr.odd {
	background-color: #EEEEEE;
}

tr.bitPositive td.difference {
	background-color: #F6CECE;
}

tr.bitNegative td.difference {
	background-color: #CEF6CE;
}

tr.veryPositive td.difference {
	background-color: #F5A9A9;
}

tr.veryNegative td.difference {
	background-color: #A9F5A9;
}

.difference {
	width: 500em;
}

.comment {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.sortableHeader a {
	color: #0053a1;
	cursor: pointer;
	text-decoration: underline;
}

.focusComparisonColumn1 {
	width: 82% !important;
}

.pageTitle {
    background: #D5D5D5 url(../i18n-assets/fi/navigationmenu/mainNavigationBackground.png) repeat-x scroll left top;
	font-size: 15px;
	color: #333333;
	font-weight: bold;
	padding: 6px;
	padding-left: 10px;
	padding-right: 10px;
	border: solid 1px #bbbbbb;
}

.analysisCenterBg {
	background-color: #e8e8e8;
	width: 100%;
	padding-top: 0.5em;
	border: 1px solid #999999;
    float: left;
}

.analysisOverview {
	margin-top: 0.9em;
	width: 40%;
}

.comparisonHelpBox {
	margin-left: 2%;
	margin-top: 0.9em;
	width: 30%;
}

.noElements {
	padding: 1em;
	margin: 1em;
	margin-left: 0.2em;
	margin-right: 0.2em;
	width: 40em;
	border: solid 1px #cccccc;
	background: #eeeeee;
	text-align: left;
	font-weight: bold;
}

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

 SCENARIO TABLE
 
 ****************/
#scenarioTable {
	background-color: white;
}

#scenarioTable td {
	font-size: 11px;
	vertical-align: middle;
	border-color: #888888;
	white-space: nowrap;
	padding-left: 3px;
	padding-right: 3px;
	border: 1px solid black;
}

/* ALIGN */
#scenarioTable td.alignLeft {
	text-align: left;
}

#scenarioTable td.alignRight {
	text-align: right;
}

#scenarioTable td.alignCenter {
	text-align: center;
}

/* BORDER */
#scenarioTable td.noBorders {
	border: 0 none;
}

#scenarioTable td.borderLeft {
	border-left: solid 1px;
	border-right: 0px;
	border-bottom: 1px solid;
}

#scenarioTable td.borderRight {
	border-left: 0px;
	border-right: solid 1px;
	border-bottom: 1px solid;
}

#scenarioTable td.borderBoth {
	border-left: solid 1px;
	border-right: solid 1px;
}

#scenarioTable td.titleCell {
	font-size: 12px;
	font-weight: bold;
	border-bottom: solid 1px;
}

#scenarioTable td.columnTitleCell {
	font-weight: bold;
	border-bottom: solid 1px;
}

#scenarioTable td.rowTitleCell {
	padding-left: 0.8em;
}

#scenarioTable td.dataCell {
	border-bottom: solid 1px;
	width: 3.6em;
	padding: 1px;
}

#scenarioTable td.historyDataCell {
	border-bottom: solid 1px;
	background-color: #dddddd;
	width: 3.6em;
	text-align: right;
	font-family: monospace;
	font-size: 11px;
	padding: 1px;
}

#scenarioTable td.historyDataCell .scenario-td {
	background-color: #dddddd;
}

#scenarioTable .scrollbar {
	display: none !important;
}

#scenarioTable td.estimateCell {
	border-bottom: solid 1px;
	background-color: #ffd4d4;
	font-size: 12px;
	padding-left: 1em;
}

#scenarioTable td.indexBaseCell {
	border-bottom: solid 1px;
	background-color: #cccccc;
	font-size: 12px;
	padding-left: 1em;
}

#scenarioTable .dataCell.sumCell {
	padding-right: 5px;
}

#scenarioTable .historyDataCell.sumCell {
	padding-right: 5px;
	font-family: arial, helvetica, sans-serif;
}

/* SUM ROW RELATED */
#scenarioTable td.sumCell {
	border-top: solid 1px;
	border-bottom: solid 1px;
	background-color: #cccccc;
	font-weight: bold;
	font-size: 13px;
}

#scenarioTable .sumCell.estimateCell {
	background-color: #ffbebe;
}

#scenarioTable td.sumCell .scenario-td {
	background-color: #cccccc;
}

#scenarioTable td.sumRowTitleCell {
	font-weight: bold;
	border-top: solid 1px;
	border-bottom: solid 1px;
	font-size: 13px;
}

#scenarioTable td.newConstructionCell {
	border-top: solid 1px;
	border-bottom: solid 1px;
	font-size: 12px;
	font-weight: bold;
	background-color: #cccccc;
}

#scenarioTable td.newConstructionSumCell {
	border-top: solid 1px;
	border-bottom: solid 1px;
	font-size: 12px;
	font-weight: bold;
	background-color: #cccccc;
}

#scenarioTable td.emptyCell {
	height: 10px;
}

#scenarioTable td.noRelativeValues {
	background-color: #ff9f4a;
}

#scenarioTable td.noRelativeValues .scenario-td {
	background-color: #ff9f4a;
}

#scenarioTable td.historyDataCell.noRelativeValues {
	background-color: #fe9130;
}

#scenarioTable td.historyDataCell.noRelativeValues .scenario-td {
	background-color: #fe9130;
}

.scenario th {
	font-size: 14px;
}

.scenario td {
	padding: 3px;
	padding-right: 30px;
	vertical-align: middle;
}

.scenario-td:disabled {
	border: 0px;
	width: 4em;
	height: 1.2em;
	background-color: #c0c0c0;
}

.scenario-td {
	border: 0px;
	width: 4.0em;
	height: 1.2em;
	text-align: right;
	font-size: 11px;
	overflow: hidden;
}

td.error.dataCell .scenario-td {
	background-color: red;
	color: white;
}

td.error.dataCell {
	background-color: red;
	color: white;
}

td.error.historyDataCell .scenario-td {
	background-color: red;
	color: white;
}

td.error.historyDataCell {
	background-color: red;
	color: white;
}

td.error.dataCell.noRelativeValues .scenario-td {
	background-color: red !important;
	color: white;
}

td.error.dataCell.noRelativeValues {
	background-color: red !important;
	color: white;
}

td.error.historyDataCell.noRelativeValues .scenario-td {
	background-color: red !important;
	color: white;
}

td.error.historyDataCell.noRelativeValues {
	background-color: red !important;
	color: white;
}

.scenario-td:focus {
	background-color: #c0c0c0;
}

.normalAlign {
	margin-left: 33px !important;
	margin-top: 0px !important;
}

.exportlinks {
	background-color: #D9D9D9;
	border: 1px solid #CCCCCC;
	border-top: none;
	color: gray;
	vertical-align: middle;
}
.exportlinks span {
    display: inline-block;
    vertical-align: top;
    margin-left: 0.2em;
}
.export {
	margin-top: 0.2em;
}

a.selectLink:visited {
	color: blue;
}

#shortFormat {
	padding-right: 1em;
    background: transparent url(../i18n-assets/fi/navigationmenu/arrowright.png) no-repeat scroll 100% 50%;
	width: 55em;
}

#shortFormat:hover {
	cursor: pointer;
	color: blue;
	text-decoration: underline;
}

#longFormat {
	padding-right: 1em;
    background: #ffffff url(../i18n-assets/fi/navigationmenu/arrowdown.png) no-repeat scroll 100% 0%;
	padding-right: 1em;
	width: 55em;
}

#longFormat:hover {
	cursor: pointer;
}

a.reportLink {
	text-decoration: none;
	color: black;
	cursor: pointer;
}

a.reportLink:hover {
	text-decoration: underline;
	color: blue;
}

.ledgerInformationTable {
	display: none;
}

.generalLedger td {
	padding: 0.2em;
	padding-left: 0.2em;
	padding-right: 0.2em;
	font-size: 0.9em;
}

.generalLedger .ledgerInfo {
	border: 1px dashed gray;
}

.generalLedger td.dataCell {
	font-size: 11px;
	padding-left: .4em;
	min-width: 100px;
}

.generalLedger tr.footer td {
	font-size: 11px;
	padding-left: 1.4em;
	font-weight: bold;
}
.generalLedger .entryRow.red td {
    color: #00BD0F;
    font-style: italic;
}
.generalLedger .entryRow.normal td {
    color: black;
    font-style: normal;
}

.invisible {
	height: 1em;
}

.bold {
	font-weight: bold;
}

.italics {
	font-style: italic;
}

.notify {
	background-image: url(../i18n-assets/fi/general/notify.gif);
	background-repeat: no-repeat;
	padding: 8px 8px 8px 36px;
	vertical-align: middle;
}

div#longFormat {
	display: none;
}

div#shortFormat {
	display: block;
}

div#three-column-holder {
	float: left;
	background-color: #e8e8e8;
	width: 100%;
	padding-top: 1em;
	border: 1px solid #999999;
	border-top: 0px;
	height:90%;
}

.transparent {
	background: transparent;
}

div.boxColor.blue {
    background-color: #99CCFF;
}
div.boxColor.white {
    background-color: #ffffff;
}
div.boxColor.gray {
    background-color: #d3d3d3;
}

#passwordTable {
    margin-left: 15px;
}


table#entryFieldsTable {
    margin: 1em;
	margin-bottom: 2em;
	padding: 1em;
}

table#entryFieldsTable tr.accountGroup {
	font-weight: bold;
}

table#entryFieldsTable tr.accountGroup td {
	padding-top: 1.5em;
}



table#entryFieldsTable tr.fieldHeaders {
    text-align: center;
}

table#entryFieldsTable tr.fieldHeaders td {
    padding-top: 0.7em;
}

table#entryFieldsTable td.itemName {
	vertical-align: middle;
}

table#entryFieldsTable input.disabled {
	background: lightgray;
}

.disabled {
	font-style: italic;
    color: gray;
}

.budgetInput.disabled {
	width: 84px;
}

.itemized {
	color:black;
	font-size:11px !important;
}

.noneTopBorder {
	border-top: 1px solid #CCE2FF !important;
}

.rightBorder {
	border-right: 1px solid black;
}
 
/*
	repairsComparisonListing		HEADER
*/
.repairsComparisonListing th {
	text-align: center;
	background-color: #eeeeee;
	vertical-align: middle;
	padding: 3px 15px 3px 0px;
	white-space: nowrap;
}

.repairsComparisonListing th.leftBorder {
	border-left: 1px solid #ddd
}
.repairsComparisonListing th.groupedHead {
	border-left: 1px solid #ddd
}

.repairsComparisonListing th.focusComparisonTitle {
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	padding-left: 3px;
	border-left: 1px solid #ddd
}

th.repairsComparisonListing {
	padding: 5px 15px 5px 0px !important;
}

/*
	repairsComparisonListing		FOOTER
*/

.repairsComparisonListing tr.footer {

    background-color: #aaaaaa;
    padding-bottom: 3px;
    padding-top: 3px;

}

.repairsComparisonListing tr.footer td {
 
	text-align: right;
	padding-left: 0.4em;
	padding-top: 0.4em;
	padding-bottom: 0.4em;
	font-weight: bold;
	vertical-align: middle;
	font-style: italic;

}

.repairsComparisonListing tr.footer td.titleCell {
 
	text-align: left;
	font-size: 14px;
	padding-left: 3px;

}
.repairsComparisonListing tr.footer td.leftBorder {
	border-left: solid 1px #ddd;
}

/*
	repairsComparisonListing		CELLS
*/

.repairsComparisonListing td.value {
	padding-right: 3px;

}
.repairsComparisonListing td.rightSumColumn {
	border-right: 1px solid #ddd;
	border-left: 1px solid #ddd;
	padding-right: 3px;
}

.repairsComparisonListing tr.odd {
	background-color: #f9f9f9;
	padding-top: 2px;
	padding-bottom: 2px;
}

.repairsComparisonListing tr.even {
	background-color: #FFFFFF;
	padding-top: 2px;
	padding-bottom: 2px;
}

.repairsComparisonListing tr.odd td {
	padding-top: 3px;
	padding-bottom: 3px;
	border-bottom: 1px solid #ddd;
}

.repairsComparisonListing tr.even td {
	padding-top: 3px;
	padding-bottom: 3px;
	border-bottom: 1px solid #ddd;
}

.repairsComparisonListing tr:hover {
	background-color: #f0f0f0;

}


th.repairsComparisonListing a {
	color: blue;
	text-decoration: underline;
}

td.rightSumColumn {
	border-right: 1px solid #ddd;
	border-left: 1px solid #ddd;
}

table.repairsComparisonListing {
    font-size: 80%;
	white-space:nowrap;
}

table.repairsComparisonListing td.firstColumn {
    font-size: 120%;
	white-space: normal;
	padding-left: 4px;
	border-left: solid 1px #ddd;

}
table.repairsComparisonListing td.totalColumn {
	background: #bbbbbb;
	font-style: italic;
}

.pointer:hover {
	cursor: pointer;
}

.ajaxGraph {
	-moz-box-shadow:0 4px 10px #8B8B8B;
	padding:5px;
	-webkit-box-shadow: #8B8B8B 0px 4px 10px;
}

input.error, select.error, .historyEditTable select.error {
	background-color: #ff8282 !important;
	border: 4px solid #ff9e9e !important;
}

input.invalid {
	background-color: yellow;
}

input.erroneous {
	background-color: #ffa257;
}

.reportSelectBox {
	width: 103.5%;
	text-align: center;
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 15px;
	background-image: url(../i18n-assets/fi/general/gradient_background.png);
	border: 1px solid #dddddd;
	color: #444444;
	margin-bottom: -3px;
	margin-top:3px;
	margin-left:-1px;
	text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);

}

.largeLink {

    font-size: 16px;
}

.linkSpan {
	color: #0053a1;
	cursor: pointer;
}

.linkSpan:link {
	text-decoration: none;
}

.linkSpan:visited {
	text-decoration: none;
}

.linkSpan:hover {
	text-decoration: none;
	color: #bbbbbb;
}

td.qualityFail {
	background-color: #d9534f;
	color: #ff9f9f;
	font-size: 10px;
	font-weight: bold;
	padding: 0px !important;
}

.inlineInfoText {
	border: 1px solid silver;
	background: #DDDDDD;
	margin: 2px;
	padding-top: 5em;
	padding: 2px;
	font-size: 14px;
}


table.qualityCheckListing {
    white-space: normal;
	width: 99%;
}

div#qualityCheckListing {
	width: 100%;
	padding: 0.3em;
}

table.qualityCheckListing td.firstColumn {
	white-space: nowrap;
    padding-right: 0.5em;
}

.qualityCheckListing th.groupedHead {
    border-bottom: 1px solid #ddd;
}

.qualityCheckListing th {
	border:1px solid #ddd;
	padding-left:0.5em;
}

/* 
 * Since this defaultLayout.css is included practically everywhere, broad 
 * selectors like these are not very nice as they affect the style of essentially 
 * every newly added table. It seems that this style is also usually overridden on 
 * case-by-case basis, and it is unclear whether this actually still affects the 
 * original intended target or not. If the removal of this style causes breakage 
 * somewhere, add specific style to those pages where this style is desired. 
 */

.currencyInputField {
	text-align: right;
	font-size: 12px;
	width: 60px;

}
.headerCenter th {
	text-align:center;

}

.cellCenter td {
	text-align:center;
}
.smallText td {
    font-size: 11px;
}
.smallText th {
    font-size: 12px;
}

.smallText input {
    font-size: 11px;
}

.groupHeaderStyles th {
	border-left: solid 1px #aaaaaa;
	border-bottom: solid 1px #aaaaaa;
}

tr.odd .darkColumn {
    background: #cccccc;
}

tr.even .darkColumn {
    background: #bbbbbb;
}

tr.odd .lightColumn {
    background: #ffffff;
}

tr.even .lightColumn {
    background: #eeeeee;
}

.propertyInfo {
	float: left;

}

.reportDiv {
    width: 81%;
    float: left;
}

.reportDiv.budgetInput {
    width: 100%;
    float: left;
}



.propertyQuickEditTable {

    border: dashed 3px #999999;
	background-color: #ffffff;
}

.propertyQuickEditTable td {
	font-size: 11px;
	white-space: nowrap;
}

.propertyQuickEditTable td.leftSide {
	padding-left: 8px;
}
.propertyQuickEditTable th {
	padding: 4px;
}
.propertyQuickEditTable th.leftSide {
	padding-left: 8px;
}


.propertyQuickEditTable input {
	font-size: 11px;
}
.propertyQuickEditTable select {
	font-size: 11px;
}

.propertyEditTable td {
	font-size: 11px;
	white-space: nowrap;
    vertical-align: middle;
    padding-left: 0.3em;
    padding-right: 0.3em;
}
.propertyEditTable td.value {
    text-align: right;
}
.propertyEditTable th {
	font-weight: bold;
	text-align: left;

}

.propertyEditTable input {
	font-size: 11px;
}
.propertyEditTable select {
	font-size: 11px;
}


.historyEditTable td.header {
	border-top: solid 1px #888888;
	border-bottom: solid 1px #888888;
}

.historyEditTable tr.header td {
	font-weight: bold;
}
.historyEditTable tr.activeHistory {
	background-color: darkgray;
}
.historyEditTable td {
	font-size: 11px;
	white-space: nowrap;
	border-right: solid 1px #888888;
	vertical-align: middle;
}

.historyEditTable th.bottom {
	border-top: solid 1px #888888;
}
.historyEditTable td.leftSide {
	border-left: solid 1px #888888;
}
.historyEditTable th {
	font-weight: bold;
	text-align: left;
}
.historyEditTable input {
	font-size: 11px;
}
.historyEditTable select {
	font-size: 11px;
	background: #dddddd;
	border: 0px;
}

.propertyQuickEditTable input[readonly] {
	background: #dddddd;
	border: none;
	color: #666666;
}
.historyEditTable input[readonly] {
	background: #dddddd;
	border: none;
	color: #666666;
}

.propertyEditTable input[readonly] {
	background: #dddddd;
	border: none;
	color: #666666;
}

div#unrolledAccountGroupsInformation table tr.header {
	font-weight:bold;
}

div#unrolledAccountGroupsInformation table td.amount {
	text-align: right;
}

div#unrolledAccountGroupsInformation table tr.total {
	border-top: solid black 1px;
}

/* Marketing landing page */

.marketingInfoStyle {
    border: 1px solid #bab5b4;
    padding: 8px;
	background-image: url("../i18n-assets/fi/general/gradient_background_dark_top.png");
    background-position: left top;
    background-repeat: repeat-x;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
    
}

div#marketingCenter {
    margin-top: 0;
    border: 1px solid #dad5d4;
    padding: 7px;
}

div#marketingCenter h1 {
    font-size: 170%;
    margin-top: 0.3em;
    margin-bottom: 1em;
    border-bottom: 1px solid #bab5b4;
}

.pointer {
    cursor: pointer;
}

div#simulationTab {
    position: fixed;
    right: -300px; /* should match the shift in simulationTab.js */
    top: 100px;
    width: 300px;
    z-index: 3;
}

div#simulationTab div.simulationToggleContainer {
    position: absolute;
    top: 0px;
    right: 100%;
    background-color: white;
    border-left: 1px solid #666;
    border-right: 1px solid #666;
    border-top: 1px solid #666;
    border-radius: 5px 5px 0px 0px;
    padding: 5px;
    z-index: 10;
    transform: translate(0%, -100%) rotate(-90deg);
    transform-origin: bottom right;
    white-space: nowrap;
}

div#simulationTab div.simulationToggleContainer div#simulationToggle {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    max-width: 350px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
}

div#simulationTab div.simulationToggleContainer div.simulationToggleSwitchContainer {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    width: 35px;
    height: 30px;
    cursor: pointer;
}

div#simulationTab div.simulationToggleContainer div#simulationToggleSwitch {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(90deg);
    /* these should match the size of the image */
    width: 18px;
    height: 33px;
}

div#simulationTab div.simulationToggleContainer div#simulationToggleSwitch.on {
    background-image: url("../i18n-assets/fi/simulation/switch_on2.png");
}

div#simulationTab div.simulationToggleContainer div#simulationToggleSwitch.off {
    background-image :url("../i18n-assets/fi/simulation/switch_off2.png");
}

div#simulationTab button.modalButton span.glyphicon {
    margin-left: 10px;
}

div#simulationTab div.simulationTabContainer {
    z-index: 6;
    color: #666666;
}

div#simulationTab div.simulationTabContainer div.simulationContent {
    padding: 5px;
    background-color: white;
    border-top: solid 1px #bbb;
    border-left: solid 1px #bbb;
    border-bottom: solid 1px #bbb;
}

div#simulationTab div.simulationTabContainer div.simulationContent div.panel {
    margin-bottom: 0px;
}

div#simulationTab div.simulationTabContainer div.simulationContent div.panel-body {
    overflow-y: scroll;
    min-height: 223px; /* this is fixed to match the max height of the tab so there is no ugly overflow */
    max-height: 50vh;
}

div#simulationTab div.no-right-padding {
    padding-right: 0px;
}
div#simulationTab div.no-left-padding {
    padding-left: 0px;
}
div#simulationTab .nowrap {
    white-space: nowrap;
}

/* these are just a workarounds for too eager styles elsewhere in this file */
div#simulationTab div.dt-buttons {
    margin-left: 0px;
}
div#simulationTab div.dataTables_paginate {
    float: right;
}
div#simulationTab table#parameterEditorTable thead tr th {
    text-align: center;
}
div#simulationTab table#parameterEditorTable tbody tr td {
    border-top: 0px;
    padding: 1px;
    white-space: nowrap;
}
div#simulationTab div#pointTimeDropdown ul {
    height: auto;
    max-height: 200px;
    overflow-x: hidden;
}

div#loanManagementTabs {
	border-left: 1px solid #aaa;
}

div.loanManagementContentTab {
	padding: 1em;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
}

ul#loanManagementTabUL li {
	padding: 5px 12px 6px 12px;
    border-top: 1px solid #aaa;

}

/*
root element for the scrollable.  when scrolling occurs this
element stays still.
*/
.scrollable {
    /* required settings */
    float: left;
    height: 100%;
    overflow: hidden;
    padding: 0 3px;
    position: relative;
    width: 856px;
}

/*
root element for scrollable items. Must be absolutely positioned
and it should have a extremely large width to accommodate scrollable
items.  it's enough that you set width and height for the root element
and not for this element.
*/
.scrollable .items {
    /* this cannot be too large */
    width: 20000em;
    position: absolute;
}

div#targetPopup {
    min-width: 200px;
    padding: 1em;
    display: none;
    overflow: auto;
}

div.graphInfoMessage {
    min-width: 350px;
    padding: 1em;
    display: none;
    overflow: auto;
}

div.graphInfoMessageLinks {
    padding-left: 1em;
    padding-bottom: 1em;
}

a.textLink {
	font-size: 12px;
	cursor: pointer;
    font-weight: normal;
    text-decoration: underline;
}
a.textLink:link {
    text-decoration: underline;
}
a.textLink:visited {
	text-decoration: none;
}
a.textLink:hover {
	text-decoration: none;
}

div.simulationLink img.simulationTitleDisabled {
    opacity: 0.5;
}



div#timeIntervalSlider {
	margin: 10px 10px 1px 10px;
}

#simulationTimeIntervalContainer {
    margin-bottom: 0.9em;
}
#simulationTimeIntervalContainer span.actualTime {
    display: none;
}

div#graphDiv {
    float: left;
}

div.graphContainer {
	display: none;
    float: left;
    width: 800px;
}
div.graphContainer.currentGraphContainer {
    display: block;
}


div.tableContainer {
	display: none;
    float: left;
    margin-top: 10px;
}
div.tableContainer.currentTableContainer {
    display: block;
}

div.simulationValuesTable table th {
    background-color: #e8eaff;

}

div.simulationValuesTable table th div {
    background-color: #e8eaff;

}

p.simulationTableValuesHeader {
    font-weight: bold;
    padding-bottom: 4px;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
}



div#simulationTimeIntervalContainer .ui-slider { position: relative; text-align: left; }
div#simulationTimeIntervalContainer .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
div#simulationTimeIntervalContainer .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

div#simulationTimeIntervalContainer .ui-slider-horizontal { height: .8em; }
div#simulationTimeIntervalContainer .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
div#simulationTimeIntervalContainer .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
div#simulationTimeIntervalContainer .ui-slider-horizontal .ui-slider-range-min { left: 0; }
div#simulationTimeIntervalContainer .ui-slider-horizontal .ui-slider-range-max { right: 0; }

div#simulationTimeIntervalContainer .ui-corner-all, div#simulationTimeIntervalContainer .ui-corner-top, div#simulationTimeIntervalContainer .ui-corner-left, div#simulationTimeIntervalContainer .ui-corner-tl { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; -khtml-border-top-left-radius: 4px/*{cornerRadius}*/; border-top-left-radius: 4px/*{cornerRadius}*/; }
div#simulationTimeIntervalContainer .ui-corner-all, div#simulationTimeIntervalContainer .ui-corner-top, div#simulationTimeIntervalContainer .ui-corner-right, div#simulationTimeIntervalContainer .ui-corner-tr { -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; -khtml-border-top-right-radius: 4px/*{cornerRadius}*/; border-top-right-radius: 4px/*{cornerRadius}*/; }
div#simulationTimeIntervalContainer .ui-corner-all, div#simulationTimeIntervalContainer .ui-corner-bottom, div#simulationTimeIntervalContainer .ui-corner-left, div#simulationTimeIntervalContainer .ui-corner-bl { -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; -khtml-border-bottom-left-radius: 4px/*{cornerRadius}*/; border-bottom-left-radius: 4px/*{cornerRadius}*/; }
div#simulationTimeIntervalContainer .ui-corner-all, div#simulationTimeIntervalContainer .ui-corner-bottom, div#simulationTimeIntervalContainer .ui-corner-right, div#simulationTimeIntervalContainer .ui-corner-br { -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; -khtml-border-bottom-right-radius: 4px/*{cornerRadius}*/; border-bottom-right-radius: 4px/*{cornerRadius}*/; }

div#simulationTimeIntervalContainer .ui-widget { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1.1em/*{fsDefault}*/; }
div#simulationTimeIntervalContainer .ui-widget-content { border: 1px solid #aaaaaa/*{borderColorContent}*/; background: #ffffff/*{bgColorContent}*/ url(images/ui-bg_flat_75_ffffff_40x100.png)/*{bgImgUrlContent}*/ 50%/*{bgContentXPos}*/ 50%/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/; color: #222222/*{fcContent}*/; }
div#simulationTimeIntervalContainer .ui-state-default, div#simulationTimeIntervalContainer .ui-widget-content .ui-state-default,  div#simulationTimeIntervalContainer.ui-widget-header div#simulationTimeIntervalContainer .ui-state-default { border: 1px solid #d3d3d3/*{borderColorDefault}*/; background: #e6e6e6/*{bgColorDefault}*/ url(images/ui-bg_glass_75_e6e6e6_1x400.png)/*{bgImgUrlDefault}*/ 50%/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #555555/*{fcDefault}*/; }
div#simulationTimeIntervalContainer .ui-state-default a, div#simulationTimeIntervalContainer .ui-state-default a:link, div#simulationTimeIntervalContainer .ui-state-default a:visited { color: #555555/*{fcDefault}*/; text-decoration: none; }

div.alertsList {
	width:1024px;
	padding: 10px;
}


.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
    line-height: 1;
    vertical-align: baseline;
    white-space: nowrap;
    text-align: center;
    background-color: #D14F4F;
    border-radius: 10px;
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}
@media (min-width: 768px) {
    .container {
        width: 750px;
    }
}
@media (min-width: 992px) {
    .container {
        width: 970px;
    }
}
@media (min-width: 1200px) {
    .container {
        width: 1170px;
    }
    div.simulationPopup {
        right: 320px;
    }
}
.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}


.row {
    margin-left: -15px;
    margin-right: -15px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left;
}
.col-xs-12 {
    width: 100%;
}
.col-xs-11 {
    width: 91.66666667%;
}
.col-xs-10 {
    width: 83.33333333%;
}
.col-xs-9 {
    width: 75%;
}
.col-xs-8 {
    width: 66.66666667%;
}
.col-xs-7 {
    width: 58.33333333%;
}
.col-xs-6 {
    width: 50%;
}
.col-xs-5 {
    width: 41.66666667%;
}
.col-xs-4 {
    width: 33.33333333%;
}
.col-xs-3 {
    width: 25%;
}
.col-xs-2 {
    width: 16.66666667%;
}
.col-xs-1 {
    width: 8.33333333%;
}
.col-xs-pull-12 {
    right: 100%;
}
.col-xs-pull-11 {
    right: 91.66666667%;
}
.col-xs-pull-10 {
    right: 83.33333333%;
}
.col-xs-pull-9 {
    right: 75%;
}
.col-xs-pull-8 {
    right: 66.66666667%;
}
.col-xs-pull-7 {
    right: 58.33333333%;
}
.col-xs-pull-6 {
    right: 50%;
}
.col-xs-pull-5 {
    right: 41.66666667%;
}
.col-xs-pull-4 {
    right: 33.33333333%;
}
.col-xs-pull-3 {
    right: 25%;
}
.col-xs-pull-2 {
    right: 16.66666667%;
}
.col-xs-pull-1 {
    right: 8.33333333%;
}
.col-xs-pull-0 {
    right: 0%;
}
.col-xs-push-12 {
    left: 100%;
}
.col-xs-push-11 {
    left: 91.66666667%;
}
.col-xs-push-10 {
    left: 83.33333333%;
}
.col-xs-push-9 {
    left: 75%;
}
.col-xs-push-8 {
    left: 66.66666667%;
}
.col-xs-push-7 {
    left: 58.33333333%;
}
.col-xs-push-6 {
    left: 50%;
}
.col-xs-push-5 {
    left: 41.66666667%;
}
.col-xs-push-4 {
    left: 33.33333333%;
}
.col-xs-push-3 {
    left: 25%;
}
.col-xs-push-2 {
    left: 16.66666667%;
}
.col-xs-push-1 {
    left: 8.33333333%;
}
.col-xs-push-0 {
    left: 0%;
}
.col-xs-offset-12 {
    margin-left: 100%;
}
.col-xs-offset-11 {
    margin-left: 91.66666667%;
}
.col-xs-offset-10 {
    margin-left: 83.33333333%;
}
.col-xs-offset-9 {
    margin-left: 75%;
}
.col-xs-offset-8 {
    margin-left: 66.66666667%;
}
.col-xs-offset-7 {
    margin-left: 58.33333333%;
}
.col-xs-offset-6 {
    margin-left: 50%;
}
.col-xs-offset-5 {
    margin-left: 41.66666667%;
}
.col-xs-offset-4 {
    margin-left: 33.33333333%;
}
.col-xs-offset-3 {
    margin-left: 25%;
}
.col-xs-offset-2 {
    margin-left: 16.66666667%;
}
.col-xs-offset-1 {
    margin-left: 8.33333333%;
}
.col-xs-offset-0 {
    margin-left: 0%;
}
@media (min-width: 768px) {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left;
    }
    .col-sm-12 {
        width: 100%;
    }
    .col-sm-11 {
        width: 91.66666667%;
    }
    .col-sm-10 {
        width: 83.33333333%;
    }
    .col-sm-9 {
        width: 75%;
    }
    .col-sm-8 {
        width: 66.66666667%;
    }
    .col-sm-7 {
        width: 58.33333333%;
    }
    .col-sm-6 {
        width: 50%;
    }
    .col-sm-5 {
        width: 41.66666667%;
    }
    .col-sm-4 {
        width: 33.33333333%;
    }
    .col-sm-3 {
        width: 25%;
    }
    .col-sm-2 {
        width: 16.66666667%;
    }
    .col-sm-1 {
        width: 8.33333333%;
    }
    .col-sm-pull-12 {
        right: 100%;
    }
    .col-sm-pull-11 {
        right: 91.66666667%;
    }
    .col-sm-pull-10 {
        right: 83.33333333%;
    }
    .col-sm-pull-9 {
        right: 75%;
    }
    .col-sm-pull-8 {
        right: 66.66666667%;
    }
    .col-sm-pull-7 {
        right: 58.33333333%;
    }
    .col-sm-pull-6 {
        right: 50%;
    }
    .col-sm-pull-5 {
        right: 41.66666667%;
    }
    .col-sm-pull-4 {
        right: 33.33333333%;
    }
    .col-sm-pull-3 {
        right: 25%;
    }
    .col-sm-pull-2 {
        right: 16.66666667%;
    }
    .col-sm-pull-1 {
        right: 8.33333333%;
    }
    .col-sm-pull-0 {
        right: 0%;
    }
    .col-sm-push-12 {
        left: 100%;
    }
    .col-sm-push-11 {
        left: 91.66666667%;
    }
    .col-sm-push-10 {
        left: 83.33333333%;
    }
    .col-sm-push-9 {
        left: 75%;
    }
    .col-sm-push-8 {
        left: 66.66666667%;
    }
    .col-sm-push-7 {
        left: 58.33333333%;
    }
    .col-sm-push-6 {
        left: 50%;
    }
    .col-sm-push-5 {
        left: 41.66666667%;
    }
    .col-sm-push-4 {
        left: 33.33333333%;
    }
    .col-sm-push-3 {
        left: 25%;
    }
    .col-sm-push-2 {
        left: 16.66666667%;
    }
    .col-sm-push-1 {
        left: 8.33333333%;
    }
    .col-sm-push-0 {
        left: 0%;
    }
    .col-sm-offset-12 {
        margin-left: 100%;
    }
    .col-sm-offset-11 {
        margin-left: 91.66666667%;
    }
    .col-sm-offset-10 {
        margin-left: 83.33333333%;
    }
    .col-sm-offset-9 {
        margin-left: 75%;
    }
    .col-sm-offset-8 {
        margin-left: 66.66666667%;
    }
    .col-sm-offset-7 {
        margin-left: 58.33333333%;
    }
    .col-sm-offset-6 {
        margin-left: 50%;
    }
    .col-sm-offset-5 {
        margin-left: 41.66666667%;
    }
    .col-sm-offset-4 {
        margin-left: 33.33333333%;
    }
    .col-sm-offset-3 {
        margin-left: 25%;
    }
    .col-sm-offset-2 {
        margin-left: 16.66666667%;
    }
    .col-sm-offset-1 {
        margin-left: 8.33333333%;
    }
    .col-sm-offset-0 {
        margin-left: 0%;
    }
}
@media (min-width: 992px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left;
    }
    .col-md-12 {
        width: 100%;
    }
    .col-md-11 {
        width: 91.66666667%;
    }
    .col-md-10 {
        width: 83.33333333%;
    }
    .col-md-9 {
        width: 75%;
    }
    .col-md-8 {
        width: 66.66666667%;
    }
    .col-md-7 {
        width: 58.33333333%;
    }
    .col-md-6 {
        width: 50%;
    }
    .col-md-5 {
        width: 41.66666667%;
    }
    .col-md-4 {
        width: 33.33333333%;
    }
    .col-md-3 {
        width: 25%;
    }
    .col-md-2 {
        width: 16.66666667%;
    }
    .col-md-1 {
        width: 8.33333333%;
    }
    .col-md-pull-12 {
        right: 100%;
    }
    .col-md-pull-11 {
        right: 91.66666667%;
    }
    .col-md-pull-10 {
        right: 83.33333333%;
    }
    .col-md-pull-9 {
        right: 75%;
    }
    .col-md-pull-8 {
        right: 66.66666667%;
    }
    .col-md-pull-7 {
        right: 58.33333333%;
    }
    .col-md-pull-6 {
        right: 50%;
    }
    .col-md-pull-5 {
        right: 41.66666667%;
    }
    .col-md-pull-4 {
        right: 33.33333333%;
    }
    .col-md-pull-3 {
        right: 25%;
    }
    .col-md-pull-2 {
        right: 16.66666667%;
    }
    .col-md-pull-1 {
        right: 8.33333333%;
    }
    .col-md-pull-0 {
        right: 0%;
    }
    .col-md-push-12 {
        left: 100%;
    }
    .col-md-push-11 {
        left: 91.66666667%;
    }
    .col-md-push-10 {
        left: 83.33333333%;
    }
    .col-md-push-9 {
        left: 75%;
    }
    .col-md-push-8 {
        left: 66.66666667%;
    }
    .col-md-push-7 {
        left: 58.33333333%;
    }
    .col-md-push-6 {
        left: 50%;
    }
    .col-md-push-5 {
        left: 41.66666667%;
    }
    .col-md-push-4 {
        left: 33.33333333%;
    }
    .col-md-push-3 {
        left: 25%;
    }
    .col-md-push-2 {
        left: 16.66666667%;
    }
    .col-md-push-1 {
        left: 8.33333333%;
    }
    .col-md-push-0 {
        left: 0%;
    }
    .col-md-offset-12 {
        margin-left: 100%;
    }
    .col-md-offset-11 {
        margin-left: 91.66666667%;
    }
    .col-md-offset-10 {
        margin-left: 83.33333333%;
    }
    .col-md-offset-9 {
        margin-left: 75%;
    }
    .col-md-offset-8 {
        margin-left: 66.66666667%;
    }
    .col-md-offset-7 {
        margin-left: 58.33333333%;
    }
    .col-md-offset-6 {
        margin-left: 50%;
    }
    .col-md-offset-5 {
        margin-left: 41.66666667%;
    }
    .col-md-offset-4 {
        margin-left: 33.33333333%;
    }
    .col-md-offset-3 {
        margin-left: 25%;
    }
    .col-md-offset-2 {
        margin-left: 16.66666667%;
    }
    .col-md-offset-1 {
        margin-left: 8.33333333%;
    }
    .col-md-offset-0 {
        margin-left: 0%;
    }
}
@media (min-width: 1200px) {
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
        float: left;
    }
    .col-lg-12 {
        width: 100%;
    }
    .col-lg-11 {
        width: 91.66666667%;
    }
    .col-lg-10 {
        width: 83.33333333%;
    }
    .col-lg-9 {
        width: 75%;
    }
    .col-lg-8 {
        width: 66.66666667%;
    }
    .col-lg-7 {
        width: 58.33333333%;
    }
    .col-lg-6 {
        width: 50%;
    }
    .col-lg-5 {
        width: 41.66666667%;
    }
    .col-lg-4 {
        width: 33.33333333%;
    }
    .col-lg-3 {
        width: 25%;
    }
    .col-lg-2 {
        width: 16.66666667%;
    }
    .col-lg-1 {
        width: 8.33333333%;
    }
    .col-lg-pull-12 {
        right: 100%;
    }
    .col-lg-pull-11 {
        right: 91.66666667%;
    }
    .col-lg-pull-10 {
        right: 83.33333333%;
    }
    .col-lg-pull-9 {
        right: 75%;
    }
    .col-lg-pull-8 {
        right: 66.66666667%;
    }
    .col-lg-pull-7 {
        right: 58.33333333%;
    }
    .col-lg-pull-6 {
        right: 50%;
    }
    .col-lg-pull-5 {
        right: 41.66666667%;
    }
    .col-lg-pull-4 {
        right: 33.33333333%;
    }
    .col-lg-pull-3 {
        right: 25%;
    }
    .col-lg-pull-2 {
        right: 16.66666667%;
    }
    .col-lg-pull-1 {
        right: 8.33333333%;
    }
    .col-lg-pull-0 {
        right: 0%;
    }
    .col-lg-push-12 {
        left: 100%;
    }
    .col-lg-push-11 {
        left: 91.66666667%;
    }
    .col-lg-push-10 {
        left: 83.33333333%;
    }
    .col-lg-push-9 {
        left: 75%;
    }
    .col-lg-push-8 {
        left: 66.66666667%;
    }
    .col-lg-push-7 {
        left: 58.33333333%;
    }
    .col-lg-push-6 {
        left: 50%;
    }
    .col-lg-push-5 {
        left: 41.66666667%;
    }
    .col-lg-push-4 {
        left: 33.33333333%;
    }
    .col-lg-push-3 {
        left: 25%;
    }
    .col-lg-push-2 {
        left: 16.66666667%;
    }
    .col-lg-push-1 {
        left: 8.33333333%;
    }
    .col-lg-push-0 {
        left: 0%;
    }
    .col-lg-offset-12 {
        margin-left: 100%;
    }
    .col-lg-offset-11 {
        margin-left: 91.66666667%;
    }
    .col-lg-offset-10 {
        margin-left: 83.33333333%;
    }
    .col-lg-offset-9 {
        margin-left: 75%;
    }
    .col-lg-offset-8 {
        margin-left: 66.66666667%;
    }
    .col-lg-offset-7 {
        margin-left: 58.33333333%;
    }
    .col-lg-offset-6 {
        margin-left: 50%;
    }
    .col-lg-offset-5 {
        margin-left: 41.66666667%;
    }
    .col-lg-offset-4 {
        margin-left: 33.33333333%;
    }
    .col-lg-offset-3 {
        margin-left: 25%;
    }
    .col-lg-offset-2 {
        margin-left: 16.66666667%;
    }
    .col-lg-offset-1 {
        margin-left: 8.33333333%;
    }
    .col-lg-offset-0 {
        margin-left: 0%;
    }
}


/* Popover CSS from Bootstrap */
.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    max-width: 350px; /* customized from Bootstrap */
    padding: 1px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: left;
    white-space: normal;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}
.popover.top {
    margin-top: -10px;
}
.popover.right {
    margin-left: 10px;
}
.popover.bottom {
    margin-top: 10px;
}
.popover.left {
    margin-left: -10px;
}
.popover-title {
    padding: 8px 14px;
    margin: 0;
    font-size: 14px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0;
}
.popover-content {
    padding: 9px 14px;
}
.popover > .arrow,
.popover > .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}
.popover > .arrow {
    border-width: 11px;
}
.popover > .arrow:after {
    content: "";
    border-width: 10px;
}
.popover.top > .arrow {
    bottom: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-color: #999;
    border-top-color: rgba(0, 0, 0, .25);
    border-bottom-width: 0;
}
.popover.top > .arrow:after {
    bottom: 1px;
    margin-left: -10px;
    content: " ";
    border-top-color: #fff;
    border-bottom-width: 0;
}
.popover.right > .arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-right-color: #999;
    border-right-color: rgba(0, 0, 0, .25);
    border-left-width: 0;
}
.popover.right > .arrow:after {
    bottom: -10px;
    left: 1px;
    content: " ";
    border-right-color: #fff;
    border-left-width: 0;
}
.popover.bottom > .arrow {
    top: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999;
    border-bottom-color: rgba(0, 0, 0, .25);
}
.popover.bottom > .arrow:after {
    top: 1px;
    margin-left: -10px;
    content: " ";
    border-top-width: 0;
    border-bottom-color: #fff;
}
.popover.left > .arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999;
    border-left-color: rgba(0, 0, 0, .25);
}
.popover.left > .arrow:after {
    right: 1px;
    bottom: -10px;
    content: " ";
    border-right-width: 0;
    border-left-color: #fff;
}

.form-fieldset {
	position: relative;
	padding: 45px 15px 15px;
	margin: 0 -15px 15px;
	border-color: #e5e5e5 #eee #eee;
	border-style: solid;
	border-width: 1px 0;
	-webkit-box-shadow: inset 0 3px 6px rgba(0,0,0,.05);
	box-shadow: inset 0 3px 6px rgba(0,0,0,.05);

	margin-right: 0;
	margin-left: 0;
	background-color: #fff;
	border-color: #ddd;
	border-width: 1px;
	border-radius: 4px 4px 4px 4px;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.form-fieldset .fieldset-title{
	position: absolute;
	top: 15px;
	left: 15px;
	font-size: 12px;
	font-weight: 700;
	color: #959595;
	text-transform: uppercase;
	letter-spacing: 1px;
}

table.defaultListing > thead > tr > th.marketingDashboardColumnHeader {
    font-size: xx-small;
}

/*For the file input of configUserInformationPage*/

.btn-file {
    position: relative;
    overflow: hidden;
}

.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    background: red;
    cursor: inherit;
    display: block;
}

table#resultList {
	margin-top: 1em;
}

table#resultList td {
	padding: 0.4em;
	font-family: arial, helvetica, sans-serif;
	font-size: 0.7em;
}

table#resultList th {
	font-size: 0.8em;
}

table#resultList th.iconColumn {
	padding-left: 0.4em;
	padding-right: 0.4em;
}


table#resultList td:nth-child(2) {
	white-space: nowrap;
}
table#resultList td:first-child {
	white-space: nowrap;
}

.disabled-checkbox::before {
	border-color: transparent !important;
	pointer-events: none;
}

.disabled-checkbox {
	pointer-events: none;
}

.hidden {
	display: none;
}

.with-scrollBar {
	overflow-x: scroll;
	overflow-y: hidden;
}

.div.displaytag-listing .dataTables_paginate {
	margin-top: 0.3em;
	margin-bottom: 0.3em;
}

.div.displaytag-listing div#resultList_wrapper div.top {
	margin-top: 1em;
}

#resultList_paginate {
	margin-bottom: 0.5em;
}

div.dt-buttons {
	margin-left: 1em;
}

.link {
	font-style: normal !important;
	color: blue;
	text-decoration: underline;
	text-align: left;
	cursor: pointer;
}

#lc_chat_layout #lc_chat_header {
	height: 30px !important;
	padding: 3px 5px 5px 20px !important;

}
#lc_chat_layout.lc-collapsed {
	height: 30px !important;
}

#lc_chat_layout #lc_chat_header {
	background-color: #bbbbbb !important;
}

.budgeting-glyphicon {
	font-size: 1.1em;
}

.reportSuccessModal {
    margin-bottom: 0px !important;
    font-weight: bold;
}

.normalLabel {
	font-weight:normal !important;
}

.historyEditTable > tbody > tr:last-child {
	border-bottom: solid 1px #888888;
}

button.styleless {
	background:none;
	border:none;
	padding:0;
}

.displayTag-XLS-export, .displayTag-PDF-export {
	width: 18px;
}