body {
    width:960px;
	margin: auto;
	background-color:#ffffff;
}

p,div,span,th,td {
    font-size: 12px;
	font-color: #000000;
    font-family: "Verdana", "Arial";
}

/* Text Formatting */
.small {
	font-family: "Verdana", "Arial";
	font-size: 10px;
	color: #000000;
}

h1 {
	font-family: "Verdana", "Arial";
	font-size:17px;
	font-weight:bold;
	color:#005f1d;
	cursor:default;
}
.title {
	font-family: "Verdana", "Arial";
	font-size:17px;
	font-weight:bold;
	color:#005f1d;
	cursor:default;
}

h2 {
	font-family: "Verdana", "Arial";
	font-size:15px;
	font-weight:bold;
	color:#005f1d;
	cursor:default;
}
.subtitle {
	font-family: "Verdana", "Arial";
	font-size:15px;
	font-weight:bold;
	color:#005f1d;
	cursor:default;
}
.greentext {
	font-family: "Verdana", "Arial";
	font-size: 12px;
	color: #005f1d;
	cursor: default;
}
.smgreentext {
	font-family: "Verdana", "Arial";
	font-size: 10px;
	color: #005f1d;
	cursor: default;
}

.redtext {
	font-family: "Verdana", "Arial";
	font-size: 12px;
	color: #00ae1d;
	cursor: default;
}
.whitetext {
	font-family: "Verdana", "Arial";
	font-weight: bold;
	text-decoration: none;
	font-size: 12px;
	color: #f8f8f8;
	cursor: default;
}
.smwhitetext {
	font-family: "Verdana", "Arial";
	font-size: 10px;
	color: #f8f8f8;
	cursor: default;
}

.mission {
	font-family: "Verdana", "Arial";
	font-size: 14px;
	color: #000000;
    font-weight: bold;
	cursor: default;
}

.errortext {
	font-family: "Verdana", "Arial";
	font-size: 12px;
	color: #cc0000;
    	font-weight: bold;
	cursor: default;
}
.errorOutline {
	border-left: 1px solid #cc0000;
	border-right: 1px solid #cc0000;
	border-top: 1px solid #cc0000;
	border-bottom: 1px solid #cc0000;
}

.warningtext {
	font-family: "Verdana", "Arial";
	font-size: 12px;
	color: #ff8000;
	font-weight: bold;
	cursor: default;
}
.warningOutline {
	border-left: 1px solid #ff8000;
	border-right: 1px solid #ff8000;
	border-top: 1px solid #ff8000;
	border-bottom: 1px solid #ff8000;
}

.successtext {
	font-family: "Verdana", "Arial";
	font-size: 12px;
	color: #5ec868;
	font-weight: bold;
	cursor: default;
}
.successOutline {
	border-left: 1px solid #5ec868;
	border-right: 1px solid #5ec868;
	border-top: 1px solid #5ec868;
	border-bottom: 1px solid #5ec868;
}

.copyright {
	font-family: "Verdana", "Arial";
	font-size:11px;
	font-weight:bold;
	color:#413535;
}

/* Link Formatting */
A {text-decoration: underline; color: #005f1d;}
A:link {text-decoration: underline; color: #005f1d;}
A:vlink {text-decoration: underline; color: #005f1d;}
A:active {text-decoration: underline; color: #005f1d;}
A:hover {text-decoration: none; color: #00ae1d;}

A.smlink {text-decoration:underline; font-size:10px; color:#005f1d;}
A.smlink:link {text-decoration:underline; color:#005f1d;}
A.smlink:vlink {text-decoration:underline; color:#005f1d;}
A.smlink:active {text-decoration:underline; color:#005f1d;}
A.smlink:hover {text-decoration:none; color:#00ae1d;}

A.lglink {text-decoration:underline; font-size:15px; color:#005f1d; font-weight:bold;}
A.lglink:link {text-decoration:underline; color:#005f1d;}
A.lglink:vlink {text-decoration:underline; color:#005f1d;}
A.lglink:active {text-decoration:underline; color:#005f1d;}
A.lglink:hover {text-decoration:none; color:#00ae1d;}

A.whitetextlk {
	font-family: "Verdana", "Arial";
	text-decoration: underline;
	font-weight: bold;
	color: #f8f8f8;
	font-size: 12px;
	cursor: default;
}
A.whitetextlk:link {
	font-family: "Verdana", "Arial";
	text-decoration: underline;
	font-weight: bold;
	color: #f8f8f8;
	font-size: 12px;
	cursor: default;
}
A.whitetextlk:vlink {
	font-family: "Verdana", "Arial";
	text-decoration: underline;
	font-weight: bold;
	color: #f8f8f8;
	font-size: 12px;
	cursor: default;
}
A.whitetextlk:active {
	font-family: "Verdana", "Arial";
	text-decoration: underline;
	font-weight: bold;
	color: #f8f8f8;
	font-size: 12px;
	cursor: default;
}
A.whitetextlk:hover {
	font-family: "Verdana", "Arial";
	text-decoration: none;
	font-weight: bold;
	color: #00ae1d;
	font-size: 12px;
	cursor: default;
}

A.btnlink {text-decoration:underline; font-size:15px; color:#ffffff; font-weight:bold;}
A.btnlink:link {text-decoration:none; color:#ffffff;}
A.btnlink:vlink {text-decoration:none; color:#ffffff;}
A.btnlink:active {text-decoration:none; color:#ffffff;}
A.btnlink:hover {text-decoration:none; color:#cfcfcf;}

/* START Nav for dropdowns */
#dropmenudiv{
position:absolute;
border:1px solid #005f1d;
border-bottom-width: 0;
font: 12px Verdana;
font-weight: bold;
line-height:18px;
z-index:100;
color: #005f1d;
}
#dropmenudiv:hover{
position:absolute;
border:1px solid #005f1d;
border-bottom-width: 0;
font: 12px Verdana;
font-weight: bold;
line-height:18px;
z-index:100;
color: #00ae1d;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 5px;
border-bottom: 1px solid #005f1d;
padding: 7px 0;
text-decoration: none;
font-weight: bold;
color: #005f1d;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #bbd1fa;
color: #00ae1d;
}
/* END Nav for dropdowns */

A.menu {
	text-decoration: none;
    font-weight: bold;
	color: #005f1d;
	font-size: 12px;
}
A.menu:link {
	text-decoration: none;
    font-weight: bold;
	color: #005f1d;
	font-size: 12px;
}
A.menu:vlink {
	text-decoration: none;
    font-weight: bold;
	color: #005f1d;
	font-size: 12px;
}
A.menu:active {
	text-decoration: none;
    font-weight: bold;
	color: #005f1d;
	font-size: 12px;
}
A.menu:hover {
	text-decoration: none;
    font-weight: bold;
	color: #00ae1d;
	font-size: 12px;
}
.menutext {
	font-size: 13px;
	font-weight: bold;
    color: #005f1d;
}


A.bmenu {
	text-decoration: none;
    font-weight: bold;
	color: #005f1d;
	font-size: 12px;
}
A.bmenu:link {
	text-decoration: none;
    font-weight: bold;
	color: #005f1d;
	font-size: 12px;
}
A.bmenu:vlink {
	text-decoration: none;
    font-weight: bold;
	color: #005f1d;
	font-size: 12px;
}
A.bmenu:active {
	text-decoration: none;
    font-weight: bold;
	color: #005f1d;
	font-size: 12px;
}
A.bmenu:hover {
	text-decoration: none;
    font-weight: bold;
	color: #00ae1d;
	font-size: 12px;
}
.bmenutext {
	font-size: 14px;
	font-weight: bold;
	color: #005f1d;
}

.credit {
	font-family: "Verdana", "Arial";
	font-size:10px;
	font-weight:normal;
	color:#005f1d;
}
a.creditlk:link {
    font-family: "Verdana", "Arial";
	font-size: 10px;
	text-decoration: underline;
    color: #005f1d;
}
a.creditlk:visited {
    font-family: "Verdana", "Arial";
	font-size: 10px;
	text-decoration: underline;
    color: #005f1d;
}
a.creditlk:active {
    font-family: "Verdana", "Arial";
	font-size: 10px;
	text-decoration: underline;
    color: #005f1d;
}
a.creditlk:hover {
    font-family: "Verdana", "Arial";
	font-size: 10px;
	text-decoration: none;
    color: #00ae1d;
}

A.parse {
	text-decoration: underline;
	font-weight: bold;
	color: #005f1d;
	font-size: 12px;
}
A.parse:link {
	text-decoration: underline;
	font-weight: bold;
	color: #005f1d;
	font-size: 12px;
}
A.parse:vlink {
	text-decoration: underline;
	font-weight: bold;
	color: #005f1d;
	font-size: 12px;
}
A.parse:active {
	text-decoration: none;
	font-weight: bold;
	color: #005f1d;
	font-size: 12px;
}
A.parse:hover {
	text-decoration: none;
	font-weight: bold;
	color: #005f1d;
	font-size: 12px;
}
.parse-text {
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	color: #005f1d;
}

/* Form formatting */

/* Dashboard Button */
a.btn:link, a.btn:visited {
  background-color: #005f1d;
  border: 3px solid #000000;
  border-radius: 10px;
  color: #ffffff;
  padding: 15px 32px;
  text-align: center;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
  display: inline-block;
}
a.btn:hover, a:active {
  background-color: #00ae1d;
}

/* Button */
.blockbutton {
    display: block;
    width: 100%;
    border: none;
    background-color: #005f1d;
    padding: 14px 28px;
    font-size: 16px;
    font-family: "Verdana", "Arial";
	font-weight: 700;
	color: #ffffff;
    cursor: pointer;
    text-align: center;
}
.blockbutton-red {
    display: block;
    width: 100%;
    border: none;
    background-color: #cc0000;
    padding: 14px 28px;
    font-size: 16px;
    font-family: "Verdana", "Arial";
	font-weight: 700;
	color: #ffffff;
    cursor: pointer;
    text-align: center;
}
.blockbutton-yellow {
	display: block;
	width: 100%;
	border: none;
	background-color: #ff8000;
	padding: 14px 28px;
	font-size: 16px;
	font-family: "Verdana", "Arial";
	font-weight: 700;
	color: #ffffff;
	cursor: pointer;
	text-align: center;
}
.button {
	font-family: "Verdana", "Arial";
	font-weight: 700;
	font-size: 10px;
	color: #ffffff;
	background-color: #005f1d;
}

.highlight-text {
	font-family: "Verdana", "Arial";
	font-size: 12px;
	color: #cc0000;
    font-weight: bold;
	cursor: default;
}
.textarea {
	background-color: #ffffcc;
}
.highlight {
	background-color: #ffffcc;
    border: 1px solid #cc0000;
}

.darkOutline {
	border-left: 1px solid #00000;
	border-right: 1px solid #00000;
	border-top: 1px solid #00000;
	border-bottom: 1px solid #00000;
}
.darkUnderline {
	border-bottom: 1px solid #00000;
}

.greenOutline {
	border-left: 1px solid #005f1d;
	border-right: 1px solid #005f1d;
	border-top: 1px solid #005f1d;
	border-bottom: 1px solid #005f1d;
}
.greenUnderline {
	border-bottom: 1px solid #005f1d;
}


.blink-bg {
	animation: blinkingBackground 2s infinite;
}
@keyframes blinkingBackground {
	50%	{ 
        background-color: #f40000;
    }
}
.blink-bg-warning {
	animation: blinkingBackgroundWarning 2s infinite;
}
@keyframes blinkingBackgroundWarning {
	50%	{ 
        background-color: #ff8000;
    }
}

/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
  /* border-bottom: 1px dotted black; If you want dots under the hoverable text */
}
/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 350px;
  background-color: #005f1d;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
 
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;
}
/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
}

.loading {
         left:0px; 
         top:0px; 
         position:absolute; 
         layer-background-color:white; 
         height:100%; 
         width:100%;
}


/* START Calendar */
/* input box in default state */
.tcalInput-highlight {
	background: url('https://scotiabusiness.techspertise.com/images/cal.gif') 100% 50% no-repeat;
	padding-right: 20px;
	cursor: pointer;
    background-color: #ffffcc;
    border: 1px solid #cc0000;
}

.tcalInput {
	background: url('https://scotiabusiness.techspertise.com/images/cal.gif') 100% 50% no-repeat;
	padding-right: 20px;
	cursor: pointer;
    background-color: #ffffcc;
}

/* additional properties for input boxe in activated state, above still applies unless in conflict */
.tcalActive {
	background-image: url('https://scotiabusiness.techspertise.com/images/no_cal.gif');
}
/* container of calendar's pop-up */
#tcal {
	position: absolute;
	visibility: hidden;
	z-index: 100;
	width: 170px;
	background-color: #ffffff;
	margin-top: 2px;
	padding: 0 2px 2px 2px;
	border: 1px solid silver;

	-moz-box-shadow: 3px 3px 4px silver;
	-webkit-box-shadow: 3px 3px 4px silver;
	box-shadow: 3px 3px 4px silver;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='silver')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='silver');
}

/* table containing navigation and current month */
#tcalControls {
	border-collapse: collapse;
	border: 0;
	width: 100%;
}
#tcalControls td {
	border-collapse: collapse;
	border: 0;
	padding: 0;
	width: 16px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	cursor: pointer;
}
#tcalControls th {
	border-collapse: collapse;
	border: 0;
	padding: 0;
	line-height: 25px;
	font-size: 10px;
	text-align: center;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: bold;
	white-space: nowrap;
}
#tcalPrevYear { background-image: url('https://scotiabusiness.techspertise.com/images/prev_year.gif'); }
#tcalPrevMonth { background-image: url('https://scotiabusiness.techspertise.com/images/prev_mon.gif'); }
#tcalNextMonth { background-image: url('https://scotiabusiness.techspertise.com/images/next_mon.gif'); }
#tcalNextYear { background-image: url('https://scotiabusiness.techspertise.com/images/next_year.gif'); }

/* table containing week days header and calendar grid */
#tcalGrid {
	border-collapse: collapse;
	border: 1px solid silver;
	width: 100%;
}
#tcalGrid th {
	border: 1px solid silver;
	border-collapse: collapse;
	padding: 3px 0;
	text-align: center;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10px;
	background-color: #aeaeae;
	color: #ffffff;
}
#tcalGrid td {
	border: 0;
	border-collapse: collapse;
	padding: 2px 0;
	text-align: center;
	font-family: Tahoma, Geneva, sans-serif;
	width: 14%;
	font-size: 11px;
	cursor: pointer;
}
#tcalGrid td.tcalOtherMonth { color: silver; }
#tcalGrid td.tcalWeekend { background-color: #7ba566; }
#tcalGrid td.tcalToday { border: 1px solid red; }
#tcalGrid td.tcalSelected { background-color: #ffb3be; }
/* END CALENDAR */