@font-face
{
	font-family: 'Journal';
	src: url('journal.eot');
	src: local('Journal Regular'), local('Journal'), url('journal.woff') format('woff'), url('journal.ttf') format('truetype'), url('journal.svg#Journal') format('svg');
}
@font-face
{
    font-family: basetext;
    src: local(OpenSans), url('fonts/opensans/OpenSans.ttf') format('opentype');
}

@font-face
{
    font-family: logotext;
    src: local(PenUltimateLight), url('fonts/penultimatelight/PenUltimateLight.ttf') format('opentype');
}
*
{
	font-family: basetext;
}
/*.menulinkfont {
	font-family:basetext;
	font-size: 16pt;
	padding-bottom: 5px;
	font-weight:300;
}*/
.menulinkfont {
	font-family: logotext;
	font-size: 16pt;
	padding-bottom: 5px;
}
.titlefont {
	font-family:logotext;
	padding-bottom: 5px;
	font-size: 20pt;
}






.pagedisplaytime {
	font-family:		basetext;
	font-style:			italic;
	font-size:			x-small;
	color:				#666666;
	overflow:			hidden;
	bottom:				5px;
}



.TitleHeader {
	font-family: basetext;
	font-weight: bold;
	font-size: 14pt;
}

.SectionTitle {
	font-family: basetext;
	font-weight: bold;
}

.ImportantNote {
	font-family: basetext;
	color: #FF0000;
}

.SmallNote {
	font-family: basetext;
	font-size: 9pt;
	font-weight: normal;
}

.SmallRedNote {
	font-family: basetext;
	color: #FF0000;
	font-size: 9pt;
	font-weight: normal;
}

.SmallGreyNote {
	font-family: basetext;
	color: #666666;
	font-size: 9pt;
	font-weight: normal;
}

.SmallGreyItalNote {
	font-family: basetext;
	color: #666666;
	font-size: 9pt;
	font-weight: normal;
	font-style: italic;
}

.TinyNote {
	font-family: basetext;
	font-size: 8pt;
	font-weight: 200;
}

.TinyRedNote {
	font-family: basetext;
	color: #FF0000;
	font-size: 8pt;
	font-weight: 200;
}

.TinyGreyNote {
	font-family: basetext;
	color: #666666;
	font-size: 8pt;
	font-weight: 200;
}

.TinyGreyItalNote {
	font-family: basetext;
	color: #666666;
	font-size: 8pt;
	font-weight: 200;
	font-style: italic;
}













/*  GLDS ETA - WCETAPortal Page  */
.wcetadg
{
	font-family: Calibri,Calibri Light,Tahoma;
	font-size: 9pt;
	background-color: white;
}

.providedby
{
	font-family: Calibri,Calibri Light,Tahoma;
	font-style: italic;
	font-size: x-small;
	color: #909090;
}

/*  END GLDS ETA WCETAPortal Page  */


/*  ETAPortalCustomer - Google Map  */

.etabody {
	margin:0;
}
.etahomelogo {
	display:			inline-block;
    margin:				12px;
	overflow:			hidden;
}
.etacontactus {
	border-radius:		4px;
	box-shadow:			0 0 2px #DDDDDD;
	background-color:	#eeaf1c;
	display:			inline-block;
	float:				right;
	height:				30px;
    margin:				20px;
	overflow:			hidden;
	padding-top:		10px;
	text-align:			center;
	width:				100px;
}
.etacontactus A {
	font-family: basetext;
	text-decoration: none;
	font-size: 10pt;
	color: #333333;
}
.etacontactus A:hover
{
	font-family: basetext;
	color: #444444;
	font-weight: bold;
}

.etabannerstyle {
	text-align:			center;
	padding:			10px 0px;
	width:				100%;
	font-size:			38px;
	background-color:	#333333;
	color:				#edae17;
}
.etatechinfo {
    display:			inline-block;
    margin:				10px;
	overflow:			hidden;
}
.etawoinfo {
    display:			inline-block;
    margin:				10px;
	overflow:			hidden;
}
.etafieldset {
	height:				250px;
	text-align:			center;
	border:				1px solid #DDDDDD;
	border-radius:		4px;
	box-shadow:			0 0 1px 1px #DDDDDD;
	background-color:	#FFFFFF;
}
.etafstable {
	border:				0px;
	font-size:			small;
}
.etawoinfotable tr td {
	text-align:			right;
}
.etacod {
	color:				red;
	font-size:			medium;
	font-weight:		bold;
	overflow:			hidden;
}
.etamap {
	box-shadow:			0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
	margin:				0px 30px 30px 30px;
	height:				500px;
}
.etafooter {
	text-align:			center;
	width:				100%;
	height:				40px;
}
.etainvalidcontentblock {
	background-color:	#EEEEEE;
	border-radius:		4px;
	box-shadow:			0 0 1px 1px #DDDDDD;
	display:			inline-block;
	font-size:			large;
	height:				290px;
	text-align:			center;
	width:				220px;
	padding-top:		20px;
	margin:				8px;
}

/*  END ETAPortalCustomer - Google Map  */

/*  BEGIN Unsubscribe  */

.unsubbody {
	margin:0;
}
.unsubhomelogo {
	display:			inline-block;
    margin:				12px;
	overflow:			hidden;
}
.unsubcontactus {
	border-radius:		4px;
	box-shadow:			0 0 2px #DDDDDD;
	background-color:	#eeaf1c;
	display:			inline-block;
	float:				right;
	height:				30px;
    margin:				20px;
	overflow:			hidden;
	padding-top:		10px;
	text-align:			center;
	width:				100px;
}
.unsubcontactus A {
	font-family: basetext;
	text-decoration: none;
	font-size: 10pt;
	color: #333333;
}
.unsubcontactus A:hover
{
	font-family: basetext;
	color: #444444;
	font-weight: bold;
}
.unsubbannerstyle {
	text-align:			center;
	padding:			10px 0px;
	width:				100%;
	font-size:			38px;
	background-color:	#333333;
	color:				#edae17;
}
.unsubdisplaytime {
	font-family:		basetext;
	font-style:			italic;
	font-size:			x-small;
	color:				#909090;
	overflow:			hidden;
}
.unsubfooter {
	bottom:				10px;
	position:			absolute;
	text-align:			center;
	width:				100%;
}

/*  END Unsubscribe  */

/*  BEGIN General  */

.generalbody {
	margin:0;
}
.generalhomelogo {
	display:			inline-block;
    margin:				12px;
	overflow:			hidden;
}
.generalcontactus {
	border-radius:		4px;
	box-shadow:			0 0 2px #DDDDDD;
	background-color:	#eeaf1c;
	display:			inline-block;
	float:				right;
	height:				30px;
    margin:				20px;
	overflow:			hidden;
	padding-top:		10px;
	text-align:			center;
	width:				100px;
}
.generalcontactus A {
	font-family: basetext;
	text-decoration: none;
	font-size: 10pt;
	color: #333333;
}
.generalcontactus A:hover
{
	font-family: basetext;
	color: #444444;
	font-weight: bold;
}
.generalbannerstyle {
	text-align:			center;
	padding:			10px 0px;
	width:				100%;
	font-size:			38px;
	background-color:	#333333;
	color:				#edae17;
}
.generaldisplaytime {
	font-family:		basetext;
	font-style:			italic;
	font-size:			x-small;
	color:				#909090;
	overflow:			hidden;
}
.generalfooter {
	bottom:				10px;
	/*position:			absolute;*/
	text-align:			center;
	width:				100%;
}

/*  END General  */


p
{
	font-family: Calibri,Calibri Light,Tahoma;
	font-size: 10pt;	
}

body
{
	font-family: Calibri,Calibri Light,Tahoma;
	font-size: 10pt;
}

.SiteNavLayout, .SiteNav
{
	border-right: #dfd8c3 1pt solid;
	font-size: 9pt;
	color: #555555;
	font-family: Calibri,Calibri Light,Tahoma;
}

.ReportsHome
 {
	font-family: Calibri,Calibri Light,Tahoma;
 	font-size: 10pt;
 	color: #555555;
 }
 
 .ReportsFocus
 {
	font-family: Calibri,Calibri Light,Tahoma;
	font-size: 14pt;
	color #555555;
 }
 
 .DataGrid, .DataList
{
	font-size: 9pt;
	font-family: Monospace;
	border-right: #55677f 1pt solid;
	border-top: #55677f 1pt solid;
	border-left: #55677f 1pt solid;
	border-bottom: #55677f 1pt solid;
} 

.GriddedDatalistHeader
{
    font-family: Calibri,Calibri Light,Tahoma;
    font-size: 12pt;
    background-color: #c9d9e1;
    border-left: #55677f 1pt solid;
    border-right: #55677f 1pt solid;
}

.GriddedDatalistalt
{
    font-family: Calibri,Calibri Light,Tahoma;
    font-size: 12pt;
    border: #55677f 1pt solid;
    background-color: #e5e5e5;
} 

.InstructionText
{
	font-family: Calibri,Calibri Light,Tahoma;
	font-size: 10pt;
}

.InstructionTextBold
{
	font-family: Calibri,Calibri Light,Tahoma;
	font-size: 10pt;
	font-weight: bold;
}

.SectionTitle
{
	font-family: Calibri,Calibri Light,Tahoma;
	font-weight: bolder;
	font-size: 14pt;	
}


.newPageTitle
{
	font-family: Calibri,Calibri Light,Tahoma;
	font-size: large;
	font-weight:bold;
}

.newReportTitle
{
	font-family: Calibri,Calibri Light,Tahoma;
	font-size: larger;
	font-weight: bold;
}

.newReportDesc
{
	font-family: Calibri,Calibri Light,Tahoma;
	font-size: 8pt;
}

.Copyright
{
	font-family: Calibri,Calibri Light,Tahoma;
	font-style: italic;
	color: #666666;
	font-size: 8pt;
}


A:link, A:visited,A:active
{
	line-height: 1.9rem;
	/*
	font-family: basetext;
	text-decoration: none;
	font-size: 10pt;
	color: #333333;
	font-weight: bold;*/
}

A:hover
{
	/*font-family:		basetext;*/
	/*text-decoration:	underline;
	color:				#444444;
	font-weight:		bold;*/
}

H3
{
	font-family: Calibri,Calibri Light,Tahoma;
	font-size: 12pt;
	color: #00446a;
	font-weight: bold;
}

H2
{
	background-color: #99cc66;
}

/*Loading Animation*/
.barlittle {
	background-color: #2187e7;
	background-image: -moz-linear-gradient(45deg, #2187e7 25%, #a0eaff);
	background-image: -webkit-linear-gradient(45deg, #2187e7 25%, #a0eaff);
	border-left: 1px solid #111;
	border-top: 1px solid #111;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	width: 10px;
	height: 10px;
	float: left;
	margin-left: 5px;
	opacity: 0.1;
	-moz-transform: scale(0.2);
	-webkit-transform: scale(0.2);
	-moz-animation: move 1s infinite linear;
	-webkit-animation: move 1s infinite linear;
}

#block_1 {
	-moz-animation-delay: .4s;
	-webkit-animation-delay: .4s;
}

#block_2 {
	-moz-animation-delay: .3s;
	-webkit-animation-delay: .3s;
}

#block_3 {
	-moz-animation-delay: .2s;
	-webkit-animation-delay: .2s;
}

#block_4 {
	-moz-animation-delay: .3s;
	-webkit-animation-delay: .3s;
}

#block_5 {
	-moz-animation-delay: .4s;
	-webkit-animation-delay: .4s;
}

@-moz-keyframes move {
	0% {
		-moz-transform: scale(1.2);
		opacity: 1;
	}

	100% {
		-moz-transform: scale(0.7);
		opacity: 0.1;
	}
}

@-webkit-keyframes move {
	0% {
		-webkit-transform: scale(1.2);
		opacity: 1;
	}

	100% {
		-webkit-transform: scale(0.7);
		opacity: 0.1;
	}
}

/*Loading animation - shuffling dots*/
.lds-ellipsis {
	display: inline-block;
	position: relative;
	width: 64px;
	/*height: 30px;*/
}
	.lds-ellipsis div {
		position: absolute;
		/*top: 40px;*/
		width: 11px;
		height: 11px;
		border-radius: 50%;
		background: #437eb5;
		animation-timing-function: cubic-bezier(0, 1, 1, 0);
	}
		.lds-ellipsis div:nth-child(1) {
			left: 6px;
			animation: lds-ellipsis1 0.6s infinite;
		}
		.lds-ellipsis div:nth-child(2) {
			left: 6px;
			animation: lds-ellipsis2 0.6s infinite;
		}
		.lds-ellipsis div:nth-child(3) {
			left: 26px;
			animation: lds-ellipsis2 0.6s infinite;
		}
		.lds-ellipsis div:nth-child(4) {
			left: 45px;
			animation: lds-ellipsis3 0.6s infinite;
		}
@keyframes lds-ellipsis1 { 0% { transform: scale(0); } 100% { transform: scale(1); } }
@keyframes lds-ellipsis3 { 0% { transform: scale(1); } 100% { transform: scale(0); } }
@keyframes lds-ellipsis2 { 0% { transform: translate(0, 0); } 100% { transform: translate(19px, 0); } }