sup {font-size:0.5em; }

.contentTable { margin-left:2%; }
.embeddedContentTable {
	width: 97%;
	max-width: 1000px;
	margin: 0 auto;
	padding-left: 1%;
}
.contentTableLink { display:block; }
.contentTableSectionLink { font-size:1.1em; margin-left:2%; }
.contentTableSubSectionLink { margin-left:5%; }

.inline { display:inline-block; }
.smallerFont { font-size:0.9em; }

.verticalText {
	writing-mode:vertical-rl;

	/*
	writing-mode:vertical-lr;
	text-orientation: sideways;
	-webkit-text-orientation: sideways;
	transform: rotate(180deg);
	-webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform:rotate(180deg);
	*/
}

.centered { text-align: center; }
.marginCentered { margin: 0 auto; }

.noBottomMargin { margin-bottom:0px !important; };
..activityBlock { margin-top:30px; }
.activityTitle {
	display: inline-block;
	margin-top:30px;
	font-weight: bold;
	font-size: 20px;
	line-height: 40px;
	letter-spacing: -0.25px;
	text-transform: uppercase;
	color: #333333;
}
.activitySubTitle {
	color:#0096D3;
	font-weight:bold;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	display: block;
	margin-bottom:15px;
}
.activityText {
	font-size: 20px;
	line-height: 25px;
	letter-spacing: -0.5px;
	color: #333333;
}
.activityButton{
	margin-top:15px;
	margin-bottom:30px;
}

.dynamicImage {
	width:400px;
	height:auto;
}

#loading, #secondLoading {
	background-image: url("images/loading.gif");
	background-position: center;
    background-repeat: no-repeat;
	width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   position: fixed;
   display: block;
   opacity: 0.7;
   background-color: #fff;
   z-index: 99;
   text-align: center;
}

.bold { font-weight:bold; }
.italic { font-style:italic; }

.slightBottomMargin { margin-bottom: 5px; }
.bottomMargin { margin-bottom: 10px; }

.dfSectionSaveIcon { line-height: 43px; }
.dfSectionTitle {
	font-weight: 600;
	font-size: 18px;
	line-height: 30px;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	color: #004580;
}
.dfSubSectionTitle {
	font-weight: 600;
	font-size: 18px;
}

.qiImgContainer {
	margin-left:1%;
	width:100%;
}
.asyncQiImg { display:inline-block; }
.getAsyncQIImage {
	max-width:200px;
	max-height:150px;
}
.getAsyncSIImage {
	max-width:500px;
	max-height:400px;
}
.getAsyncSubSIImage {
	max-width:275px;
	max-height:220px;
}


/* Expenses */
.shorterInput { width: 80px !important; }
.midInput { width: 150px !important; }
.fullInput{ width:100% !important; }
.expenseRowDescCell{ text-align:right; }

.expensesSummaryDiv{
	width:60%;
}
.expenseCatBlock, .expensesSummaryDiv {
	padding:10px;
	padding-top:0px;
	/*border: 1px solid black;*/
}

.expenseDetailDiv {
	border-bottom: 1px solid black;
	padding:5px;
}
.expenseCatTable {  width:100%; }
.expenseCatTable, .expenseCatTable th, .expenseCatTable td {
	border-collapse: collapse;
}
.expenseCatTable th { background-color: lightGray; }
.expenseCatTable th, .expenseCatTable td {
	border: 1px solid black;
	/*border-top: 1px solid black;
	border-bottom: 1px solid black;*/
	padding:5px;
}
.borderLess { border: none !important; }
.rightAlign { text-align:right; }


.grayTH { background-color: lightGray; }
.expenseTypeRowTH_BC { width:10%; }
.expenseTypeRowTH_Fees { width:15%; }
.expenseTypeRowTH_Desc { width:35%; }
.expenseTypeRowTH_Rate { width:10%;}
.expenseTypeRowTH_Amount { width:15%; }
.expenseTypeRowTH_Approved { width:15%;}
.expenseTypeRowTD_BC { text-align:center; }
.expenseTypeRowTD_Fees { text-align:right; }
.expenseTypeRowTD_Desc { }
.expenseTypeRowTD_Rate { text-align:right;}
.expenseTypeRowTD_Amount {  }
.expenseTypeRowTD_Approved { text-align:center;}