@charset "utf-8";

@font-face{font-family:ClanWeb-Book;src:url(../fonts/ClanWeb-Book.eot)}
@font-face{font-family:ClanWeb-Book;src:url(../fonts/ClanWeb-Book.woff) format("woff")}
@font-face{font-family:ClanWeb-Medium;src:url(../fonts/ClanWeb-Medium.eot);src:url(../fonts/ClanWeb-Medium.eot);src:url(../fonts/ClanWeb-Medium.eot?#iefix) format("embedded-opentype"),url(../fonts/ClanWeb-Medium.woff) format("woff"),url(../fonts/ClanWeb-Medium.ttf) format("truetype");font-weight:400;font-style:normal}

	.editorBorder {
		border: 1px solid #4ABBBD !important;
	}

	.table-row-no{
		width: calc(5% - 10px);
		margin: 5px;
		padding-top: 6px;
		float: left;
	}

	.table-row-name{
		width: calc(25% - 10px);
		margin: 5px;
		padding-top: 6px;
		float: left;
	}

	.table-row-company{
		width: calc(35% - 10px);
		margin: 5px;
		padding-top: 6px;
		float: left;
	}

	.table-row-project{
		width: calc(25% - 10px);
		margin: 5px;
		padding-top: 6px;
		float: left;
	}

	.table-row-action{
		width: calc(10% - 10px);
		margin: 5px;
		padding-top: 6px;
		float: left;
	}

	@media (max-width: 700px) {

		.table-row-no{
			width: calc(5% - 10px);
			margin: 5px;
			padding-top: 6px;
			float: left;
		}

		.table-row-name{
			width: calc(30% - 10px);
			margin: 5px;
			padding-top: 6px;
			float: left;
		}

		.table-row-company{
			width: calc(50% - 10px);
			margin: 5px;
			padding-top: 6px;
			float: left;
		}

		.table-row-project{
			width: calc(0% - 0px);
			margin: 5px;
			padding-top: 6px;
			float: left;
			display: none;
		}

		.table-row-action{
			width: calc(15% - 10px);
			margin: 5px;
			padding-top: 6px;
			float: left;
		}

	}

	@media (max-width: 500px) {

		.table-row-no{
			width: calc(10% - 10px);
			margin: 5px;
			padding-top: 6px;
			float: left;
		}

		.table-row-name{
			width: calc(0% - 0px);
			margin: 5px;
			padding-top: 6px;
			float: left;
			display: none;
		}

		.table-row-company{
			width: calc(70% - 10px);
			margin: 5px;
			padding-top: 6px;
			float: left;
		}

		.table-row-project{
			width: calc(0% - 0px);
			margin: 5px;
			padding-top: 6px;
			float: left;
			display: none;
		}

		.table-row-action{
			width: calc(20% - 10px);
			margin: 5px;
			padding-top: 6px;
			float: left;
		}

	}

	@media (max-width: 350px) {

		.table-row-no{
			width: calc(0% - 0px);
			margin: 5px;
			padding-top: 6px;
			float: left;
			display: none;
		}

		.table-row-name{
			width: calc(0% - 0px);
			margin: 5px;
			padding-top: 6px;
			float: left;
			display: none;
		}

		.table-row-company{
			width: calc(75% - 10px);
			margin: 5px;
			padding-top: 6px;
			float: left;
		}

		.table-row-project{
			width: calc(0% - 0px);
			margin: 5px;
			padding-top: 6px;
			float: left;
			display: none;
		}

		.table-row-action{
			width: calc(25% - 10px);
			margin: 5px;
			padding-top: 6px;
			float: left;
		}

	}


/* --- FOOTER --- */


.footerLogoWrapper {
		width: 100%;

}

.footerSupporters {

}

.footerAssociation {
	width: 20%;
	height: 100px;
	float: left;
	text-align: left;
}

.footerSupporter1 {
	width: 22%;
	height: 100px;
	float: left;
	text-align: left;
}

.footerSupporter2 {
	width: 22%;
	height: 100px;
	float: left;
}

.footerSupporter2 img {
	width: 80%;
	max-width: 240px;
	margin-top: 10px;
}

.footerSupporter3 {
	width: 12%;
	height: 100px;
	float: left;
}

.footerSupporter3 img {
	width: 80%;
	max-width: 120px;
}

.footerSupporter4 {
	width: 12%;
	height: 100px;
	float: left;
}

.footerSupporter4 img {
	width: 80%;
	max-width: 120px;
	margin-top: 10px;
}

.footerSupporter5 {
	width: 12%;
	height: 100px;
	float: right;
	text-align: right;
}

.footerSponsor1 {
	width: 20%;
	height: 100px;
	float: left;
	text-align: left;
}

.footerSponsor2 {
	width: 20%;
	height: 100px;
	float: left;
}

.footerSponsor3 {
	width: 20%;
	height: 100px;
	float: left;
}

.footerSponsor4 {
	width: 20%;
	height: 100px;
	float: left;
}


.footerSponsor5 {
	width: 20%;
	height: 100px;
	float: right;
	text-align: right;
}

@media screen and (max-width: 1024px) {

	.footerAssociation {
		width: 33%;
		height: 100px;
		float: left;
		text-align: center;
	}
	
	.footerSupporter1 {
		width: 33%;
		height: 100px;
		float: left;
		text-align: center;
	}

	.footerSupporter2 {
		width: 33%;
		height: 100px;
		float: left;
	}

	.footerSupporter2 img {
		width: auto;
		margin-top: 0;
	}

	.footerSupporter3 {
		width: 33%;
		height: 100px;
		float: left;
	}

	.footerSupporter3 img {
		width: auto;
	}

	.footerSupporter4 {
		width: 33%;
		height: 100px;
		float: left;
	}

	.footerSupporter4 img {
		width: auto;
		margin-top: 0;
	}

	.footerSupporter5 {
		width: 33%;
		height: 100px;
		float: right;
		text-align: center;
	}

	.footerSponsor1 {
		width: 33%;
		height: 100px;
		float: left;
		text-align: center;
	}

	.footerSponsor2 {
		width: 33%;
		height: 100px;
		float: left;
	}

	.footerSponsor3 {
		width: 33%;
		height: 100px;
		float: left;
	}

	.footerSponsor4 {
		width: 100%;
		height: 50px;
		float: left;
	}

	.footerSponsor5 {
		width: 100%;
		height: 100px;
		float: right;
		text-align: center;
	}
}

@media screen and (max-width: 600px) {

	.footerAssociation {
		width: 100%;
		height: 100px;
		float: left;
		text-align: center;
	}

	.footerSupporter1 {
		width: 100%;
		height: 100px;
		float: left;
		text-align: center;
	}

	.footerSupporter2 {
		width: 100%;
		height: 100px;
		float: left;
	}

	.footerSupporter3 {
		width: 100%;
		height: 100px;
		float: left;
	}

	.footerSupporter4 {
		width: 100%;
		height: 100px;
		float: left;
	}

	.footerSupporter5 {
		width: 100%;
		height: 100px;
		float: right;
		text-align: center;
	}

	.footerSponsor1 {
		width: 100%;
		height: 100px;
		float: left;
		text-align: center;
	}

	.footerSponsor2 {
		width: 100%;
		height: 100px;
		float: left;
	}

	.footerSponsor3 {
		width: 100%;
		height: 100px;
		float: left;
	}

	.footerSponsor4 {
		width: 100%;
		height: 50px;
		float: left;
	}

	.footerSponsor5 {
		width: 100%;
		height: 100px;
		float: right;
		text-align: center;
	}
}

/* --- CROP --- */


#cropMainContainer {
	position: absolute;
	left: 260px;
}

.cropHelper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

#cropContainer {
	width: 402px; /* sometimes has to be commented out */
	height: 300px;
	border: 1px dashed #4ABBBD;
	background-image: url("/gfx/crop/overlayLightest.png");
	background-repeat: repeat;
	text-align: center;
	vertical-align: middle;
	overflow: visible; /* needed here */
}

#cropContainer img {
	max-width: 400px;
	max-height: 300px;
	vertical-align: middle;
}

.cropMinHeight {
	min-height: 300px;
}

.cropMinWidth {
	min-width: 400px;
}

#cropBox {
	position: absolute;
	top: 80px;
	left: 150px;
	width: 100px;
	height: 120px;
	background: rgba(255,255,255,0.4);
	border: 2px dashed #1e85b0;
	cursor: move;
}

#cropPreview {
	position: absolute;
	left: 430px;
	top: 0px;
	width: 202px;
	height: 242px;
	background-color: #CCCCCC;
	border: 1px dashed #4ABBBD;
}

#cropPreview img {
	width: 200px;
	height: 240px;
}

#cropButton {
	position: absolute;
	top: 270px;
	left: 430px;
	background-color: #1e85b0;
	color: #FFFFFF;
	padding: 5px;
	border: 0;
	height: 30px;
	width: 202px;
	font-size: 1em;
	cursor: pointer;
}



#cropMainContainer2 {
	position: absolute;
	left: 260px;
}

.cropHelper2 {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

#cropContainer2 {
	width: 402px; /* sometimes has to be commented out */
	height: 300px;
	border: 1px dashed #4ABBBD;
	background-image: url("/gfx/crop/overlayLightest.png");
	background-repeat: repeat;
	text-align: center;
	vertical-align: middle;
	overflow: visible; /* needed here */
}

#cropContainer2 img {
	max-width: 400px;
	max-height: 300px;
	vertical-align: middle;
}

#cropBox2 {
	position: absolute;
	top: 80px;
	left: 150px;
	width: 100px;
	height: 120px;
	background: rgba(255,255,255,0.4);
	border: 2px dashed #1e85b0;
	cursor: move;
}

#cropPreview2 {
	position: absolute;
	left: 430px;
	top: 0px;
	width: 202px;
	height: 242px;
	background-color: #CCCCCC;
	border: 1px dashed #4ABBBD;
}

#cropPreview2 img {
	width: 200px;
	height: 240px;
}

#cropButton2 {
	position: absolute;
	top: 270px;
	left: 430px;
	background-color: #1e85b0;
	color: #FFFFFF;
	padding: 5px;
	border: 0;
	height: 30px;
	width: 202px;
	font-size: 1em;
	cursor: pointer;
}



@media screen and (max-width: 600px) {
		#cropMainContainer {
		left: 0 !important;
	}

	#cropMainContainer2 {
		left: 0 !important;
	}
}


/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
	}
	
body {
	line-height: 1;
	text-align:center; /* For IE6 */
	background-image: url('../gfx/background.png');
	background-position: center top;
	background-repeat: repeat-x;
	font-family: 'ClanWeb-Book', sans-serif !important;
	font-weight: normal !important;
}
ol, ul {
	list-style: none;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}


blockquote, q {
	quotes: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

ul li a{
	text-decoration: none;
	color: black;
}

#windowContainer {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}

#innerContainer {
	position: relative;
	margin: 0px auto;
	max-width: 1024px;
	border: none;
}

#innerContainerWide {
	position: relative;
	margin: 0px auto;
	max-width: 1640px;
	border: none;
}

#headerContainer {
	position: relative;
	margin: 0px auto;
	width: 100%;
	height: 130px;
	text-align: left;
	background-color: #4ABBBD;
	background-image: url(../gfx/LSLogoWhite.png);
	background-position: 10px center;
	background-repeat: no-repeat;
	display: block;
}

#headerLogo {
	position: relative;
	float: left;
	text-align: rleft;
	vertical-align: middle;
	top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
	left: 10px;
	width: 70%;
	height: 120px;
}

#headerLogo img {
	width: 100%;
	height: 100%;
}

#headerSocial {
	position: relative;
	float: right;
	text-align: right;
	vertical-align: middle;
	top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
	right: 10px;
}

#headerSocial a {
	text-decoration: none;
}

#headerSpacerWhite {
	position: relative;
	background-color: #FFF;
	width: 100%;
	height: 3px;
	display: block;
}

#headerSpacerBlue {
	position: relative;
	background-color: #4ABBBD;
	width: 100%;
	height: 2px;
	display: block;
}

#headerMenu {
	display: inline-block;
	width: 100%;
	height: 30px;
	margin: auto;
	z-index: 1000;
}

#headerMenu ul {
	list-style-type: none;
	width: 100%;
	margin: auto;
	padding: 0;
	overflow: hidden;
	background-color: #FFF;    
	display: flex;
    align-items: center;
}

#headerMenu ul li {
    float: left;
		margin: auto;
		width: 20%;
}

#headerMenu ul li a {
    display: block;
    color: #4ABBBD;
    text-align: center;
    padding: 10px 10px;
    text-decoration: none;
		font-size: 12pt;
		font-family: 'ClanWeb-Medium', sans-serif;
}

#headerMenu ul li a:hover {
    background-color: #4ABBBD;
		color: #FFF;
}

#headerMenuBurgerIcon {
	display: none;
}

.headerMenuActive {
	background-color: #4ABBBD;
	color: #FFF !important;
	/*border-left: 2px dotted #4ABBBD;
	border-right: 2px dotted #4ABBBD;
	border-bottom: 2px dotted #4ABBBD;*/
}



@media (max-width: 700px) {

	#headerMenu {
		display: inline-block;
		width: 100%;
		height: auto;
		margin: auto;
		z-index: 1000;
	}

	#headerContainer {
		background-size: 75%;
	}

 #headerMenuBurgerIcon {
	 display: inline;
 }

 #headerSocialGroup {
	 display: none;
 }

 	#headerMenu ul {
		 display: block;
		 display: none;
	 }

	#headerMenu ul li {
		width: 100% !important;
		background-color: #4ABBBD;
		height: 30px;
	}

	#headerMenu ul li a {
    display: block;
    color: #FFF;
    text-align: center;
    padding: 10px 10px;
    text-decoration: none;
		font-size: 12pt;
		font-family: 'ClanWeb-Medium', sans-serif;
}

#headerMenu ul li a:hover {
    background-color: #4ABBBD;
		color: #FFF;
}

}

@media (max-width: 420px) {
	#headerContainer {
		background-size: 281px 49px;
	}
}

	#headerMenu {
		display: inline-block;
		width: 100%;
		height: auto;
		margin: auto;
		z-index: 1000;
	}


#contentContainer {
	position: relative;
	max-width: 1024px;
}

#contentContainerWide {
	position: relative;
	max-width: 1640px;
}

#contentMain {
	position: relative;
	color: #000;
	font-family: 'ClanWeb-Book', sans-serif;
	line-height: 1.4em;
}

.alignLeft {
	text-align: left;
}

.alignJustify {
	text-align: justify;
}

.alignCenter {
	text-align: center;
}

.rotateLeft {
	-ms-transform: rotate(-90deg); /* IE 9 */
  -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
  transform: rotate(-90deg);

}

.textHeadline {
	font-size: 22px;
	font-weight: normal;
	line-height: 1.5em;
	margin: 0 10px 0 10px;
	font-family: 'ClanWeb-Medium', sans-serif !important;
}

.textLarge {
	font-size: 14pt;
	font-weight: bold;
	line-height: 1.5em;
	margin: 0 10px 0 10px;
	font-family: 'ClanWeb-Book', sans-serif !important;
}

.textNormal {
	font-size: 12pt;
	font-weight: normal;
	line-height: 1.5em;
	margin: 0 10px 0 10px;
	font-family: 'ClanWeb-Book', sans-serif !important;
}

.textNormal b {
	font-family: 'ClanWeb-Book', sans-serif;
	font-size: 12pt;
	line-height: 1.5em;
}

.textSmall {
	font-size: 10pt;
	font-weight: bold;
	margin: 0 10px 0 10px;
	line-height: 1.5em;
	margin: 0 10px 0 10px;
	font-family: 'ClanWeb-Book', sans-serif;
}

.textSmaller {
	font-size: 10pt;
	margin: 0 10px 0 10px;
	line-height: 1.5em;
	margin: 0 10px 0 10px;
}

.wordCountDisplay {
	font-family: 'ClanWeb-Book', sans-serif;
	font-size: 9pt;
	color: #555;
	float: right;
}

.textRed {
	color: rgb(217,34,49);
	font-family:  'ClanWeb-Medium', sans-serif;
}

.red {
	color: rgb(217,34,49);
}

.black{
	color: #000;
}

.alert.alert-danger{
	color: rgb(217,34,49);
}
/*.textBulletBlue {
  margin-left: 37px;
	text-indent: -25px;

}*/

.textBullet {
  margin-left: 34px;
	text-indent: -21px;
}

#textTC {
	text-align: left;
	line-height: 1.5em;
	padding: 0 10px 0 10px;
}

#textTC ul {
    list-style-type: square;
		padding-left: 20px;
}

#textTC ol {
    display: block;
    list-style-type: decimal;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    padding-left: 20px;
		line-height: 1.5em;
	  font-family: 'ClanWeb-Book', sans-serif;
	  font-size: 12pt;
		font-weight: normal;
}

#textTC ul li, #textTC ol li {
	margin-bottom: 10px;
}

.textTClink {
	text-decoration: none;
	color: #4ABBBD;
	font-weight: bold;
}

.textProfileInfo {
	font-size: 12pt;
	font-weight: normal;
	line-height: 1.5em;
}

sup {
	font-size: 10pt;
}

.italics {
	font-style: italic;
}

.fakeLink {
	color: #4ABBBD;
	cursor: pointer;
}

.fakeLink:hover {
	color: #4ABBBD;
	text-decoration: underline;
	cursor: pointer;
}


@media (max-width: 600px) {
	.textNobr {
		display: none;
	}
}

ol {
    display: block;
    list-style-type: decimal;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
    padding-left: 40px;
		line-height: 1.5em;
	  font-family: 'ClanWeb-Book', sans-serif;
	  font-size: 12pt;
		font-weight: bold;
}

form {
	padding: 0 10px 0 10px;
}

form p {
	margin: 0px !important;
}

form header {
  margin: 0 0 20px 0; 
}
form header div {
  font-size: 90%;
  color: #999;
}
form header h2 {
  margin: 0 0 5px 0;
}
form > div {
  clear: both;
  overflow: hidden;
  padding: 1px;
  margin: 0 0 10px 0;
}
form > div > fieldset > div > div {
  margin: 0 0 5px 0;
}
form > div > label,
legend {
	width: 25%;
  float: left;
  padding-right: 10px;
}

.scoreLegend {
	width: 100%;
	padding-bottom: 15px;
}

form > div > div,
form > div > fieldset > div {
  width: 75%;
  float: right;
}
form > div > fieldset label {
	font-size: 90%;
}
fieldset {
	border: 0;
  padding: 0;
}

input[type=text],
input[type=email],
input[type=url],
input[type=password] {
	width: 100%;
	height: 25px;
  border-top: 1px solid #4ABBBD;
  border-left: 1px solid #4ABBBD;
  border-right: 1px solid #4ABBBD;
  border-bottom: 1px solid #4ABBBD;
	font-family: 'ClanWeb-Book', sans-serif;
	font-size: 12pt;
	padding: 0 5px 0 5px;
}

input[type=file] {
	padding-left: 50px;
	padding-bottom: 20px; 
}

textarea, select {
	width: 100%;
  border-top: 1px solid #4ABBBD;
  border-left: 1px solid #4ABBBD;
  border-right: 1px solid #4ABBBD;
  border-bottom: 1px solid #4ABBBD;
	font-family: 'ClanWeb-Book', sans-serif;
	font-size: 12pt;
	padding: 5px;
	background-color: #FFF;
	line-height: 1.5em;
	resize: vertical;
}

input[type=text],
input[type=email],
input[type=url],
input[type=password] {
  width: 100%;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
textarea:focus {
  outline: 0;
  border-color: #4697e4;
}

input[type=button]{
	cursor: pointer;
}

input[type=submit] {
	width: 100%;
	height: 70px;
	font-family: 'ClanWeb-Medium', sans-serif;
	font-size: 12pt;
	justify-content: space-between;
	cursor: pointer;
	
}
#viewForm {
	background-color: #FFFFFF;
	color: #4ABBBD;
	border: 2px solid #4ABBBD;
}

#saveForm {
	background-color: #4ABBBD;
	color: #FFF;
	border: 2px solid #1AA1AA;
}

#submitForm {
	background-color: #1AA1AA;
	color: #FFF;
	border: 2px solid #0C8080;
}

#scoreForm {
	background-color: #1AA1AA;
	color: #FFF;
	border: 2px solid #0C8080;
	width: 370px;
	float: right;
	margin-right: -1px;
	height: 100px;
}

#deleteForm {
	background-color: #aa0000;
	color: #FFF;
	border: 2px solid #770000;
	width: 70%;
}

.formLogin {
	height: 40px !important;
}

.formTelCode {
	width: 70px !important;
}

.formTelSpacer {
	/*display: inline-block;*/
	width: 10px !important;
}

.formTelNumber {
	width: calc(100% - 85px) !important;
	float: right;
}
	
.formPastDate {
	display: inline-block;
	width: 70px !important;
}

.formPastSpacer {
	display: inline-block;
	width: 10px !important;
}

.formPastTitle {
	width: calc(50% - 49px) !important;
}

.formPastDesc {
	width: calc(50% - 49px) !important;
	float: right;
}


.formFourOne {
	display: inline-block;
	width: 70px !important;
}

.formFourSpacer {
	display: inline-block;
	width: 10px !important;
}

.formFourTwo {
	display: inline-block;
	width: calc(33% - 34px) !important;
}

.formFourThree {
	display: inline-block;
	width: calc(33% - 34px) !important;
}

.formFourFour {
	width: calc(33% - 34px) !important;
	float: right;
}

select.formFourFour{
	padding: 2px 5px;
}


@media (max-width: 600px) {
  form > div {
    margin: 0 0 15px 0; 
  }
  form > div > label,
  legend {
	  width: 100%;
    float: none;
    margin: 0 0 5px 0;
  }
  form > div > div,
  form > div > fieldset > div {
    width: 100%;
    float: none;
  }
  input[type=text],
  input[type=email],
  input[type=url],
  input[type=password],
  textarea,
  select {
    width: 100%; 
  }
	
}
/*@media (min-width: 1200px) {
  form > div > label,
	legend {
  	text-align: right;
  }
}*/



.scoreContainer {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
}

.scoreLeft {
	width: calc(100% - 400px);
	float: left;
}

.scoreRight {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 370px;
	float: right;
	background-color: #4ABBBD;
	padding: 10px;
	height: 100%;

}

.scoreRightError {
	background-color: #ffaaaa;
	padding: 18px 10px 18px 10px;
	border: 1px solid #a70c0c;
	min-height: 300px;
}

.scoreRightTop {
	background-color: #92E4E4;;
	padding: 19px 10px 19px 10px;
	border: 1px solid #0c83a7;
}

.scoreRightHeader {
	background-color: #92E4E4;;
	padding: 19px 10px 19px 10px;
	border: 1px solid #0c83a7;
	min-height: 405px;
}

.scoreRightSpacer {
	height: 15px;
	display: block;
}

.scoreRightSpacer2 {
	height: 10px;
	display: block;
}


/*.scoreContainer {  
    display: table;  
}  
 
.scoreLeft {  
    width: 450px;
    padding: 20px;
    float: none; 
    display: table-cell; 
    vertical-align: top; 
    background-color: #CCC;  
}  
 
.sscoreRight { 
    width: 250px; 
    padding: 20px;
    float: none; 
    display: table-cell; 
    vertical-align: top; 
    background-color: #F99;  
}  */


/*
.scoreContainer {
	float:left;
	clear:left;
	width:100%;
	padding:0 0 2em;
}
	
.scoreBox {
	float:left;
	width:40%;
	margin-right:1%;
	background-color:#FF0;
}*/




#loginOuterContainer {
	width: 100%;
	text-align: center;
	display: block;
}

#loginContainer {
	max-width: 600px;
	text-align: left;
	display: block;
	margin: auto;
}



#headFlexFinancier {
	position: relative;
	left: -11px;
	background-image: url(../gfx/headFinancierBackground.png);
	background-position: 10px center;
	background-repeat: repeat-y;
	min-height: 51px;
	width: fit-content;
	min-width: 350px;
	display: block;
	padding-left: 50px;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 10px;
}
#headFlexFinancier a {
	font-family: 'ClanWeb-Book', sans-serif;
	font-weight: bold;
	font-size: 1.6em;
	line-height: 1.3em;
	color: #FFF;
}

@media screen and (max-width: 600px) {
	#headFlexFinancier {
		/*padding-top: 5px;
		padding-bottom: 5px;*/
	}
	#headFlexFinancier a {
		/*font-size: 1.0em;*/
	}
}


#headFlexFinancierMicro {
	position: relative;
	left: -11px;
	background-image: url(../gfx/headFinancierMicroBackground.png);
	background-position: 10px center;
	background-repeat: repeat-y;
	min-height: 51px;
	min-width: 350px;
	width: fit-content;
	min-width: 350px;
	display: block;
	padding-left: 50px;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 10px;
}
#headFlexFinancierMicro a {
	font-family: 'ClanWeb-Book', sans-serif;
	font-weight: bold;
	font-size: 1.6em;
	line-height: 1.3em;
	color: #FFF;
}

@media screen and (max-width: 600px) {
	#headFlexFinancierMicro {
		/*padding-top: 5px;
		padding-bottom: 5px;*/
	}
	#headFlexFinancierMicro a {
		/*font-size: 1.0em;*/
	}
}



#headFlexProducer {
	position: relative;
	left: -10px;
	background-image: url(../gfx/headProducerBackground.png);
	background-position: 10px center;
	background-repeat: repeat-y;
	min-height: 51px;
	width: fit-content;
	min-width: 350px;
	display: block;
	padding-left: 50px;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 10px;
}
#headFlexProducer a {
	font-family: 'ClanWeb-Book', sans-serif;
	font-weight: bold;
	font-size: 1.6em;
	line-height: 1.3em;
	color: #FFF;
}

@media screen and (max-width: 600px) {
	#headFlexProducer {
		/*padding-top: 5px;*/
		/*padding-bottom: 5px;*/
	}
	#headFlexProducer a {
		/*font-size: 1.0em;*/
	}
}


#headFlexProducerMicro {
	position: relative;
	left: -10px;
	background-image: url(../gfx/headProducerMicroBackground.png);
	background-position: 10px center;
	background-repeat: repeat-y;
	min-height: 51px;
	width: fit-content;
	min-width: 350px;
	display: block;
	padding-left: 50px;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 10px;
}
#headFlexProducerMicro a {
	font-family: 'ClanWeb-Book', sans-serif;
	font-weight: bold;
	font-size: 1.6em;
	line-height: 1.3em;
	color: #FFF;
}

@media screen and (max-width: 600px) {
	#headFlexProducerMicro {
		/*padding-top: 5px;
		padding-bottom: 5px;*/
	}
	#headFlexProducerMicro a {
		/*font-size: 1.0em;*/
	}
}




.profileDetails {
	position: relative;
	display: block;
	min-height: 130px;
	float: left; 
}

.profilePhoto {
	position: absolute;
	width: 130px;
	height: 120px;
	padding-left: 10px;
}

.profileName {
	margin-left: 130px;
	min-width: 200px;
	color: #1e85b0;
	margin-right: 20px;
}

.profileName span{
	font-size: 14pt;
	font-weight: bold;
}

.profileAbout {
	font-family: 'ClanWeb-Book', sans-serif;
	font-weight: bold;
	font-size: 14pt;
	font-weight: bold;
	color: #1e85b0;
	vertical-align: top;
}

.profileFinancier {
	color: #861758 !important;
}

/*.columnsContainer {
	position: relative;
	display: block;
}	

.leftColumn, .rightColumn {
	display: block;
	height: fit-content;
	}

.leftColumn { 
	margin-bottom: 5px;
	height: fit-content;
	}

@media screen and (min-width: 600px) {
	.columnsContainer {
	position: relative;
	display: block;
	height: fit-content;
	}	

  .leftColumn {
		margin-right: 300px;
		}

	.rightColumn {
		position: absolute;
		top: 0;
		right: 0;
		width: 260px;
		}   
}*/


.columnsContainer {
	position: relative;
}	

.leftColumn, .rightColumn {
	display: block;
	height: fit-content;
	}

.leftColumn { 
	margin-bottom: 5px;
	height: fit-content;
	}

@media screen and (min-width: 600px) {
	.columnsContainer {
	position: relative;

	}	

  .leftColumn { 
		width: calc(100% - 300px);
		float: left;
		}

	.rightColumn {
		top: 0;
		right: 0;
		width: 270px;
		float: right;
		}   
}

.clear {
	clear: both;
}



#innerFooterContainer {
	position: relative;
	margin: 0px auto;
	max-width: 1024px;
	border: none;
}

#footerSpacerBlue {
	position: relative;
	background-color: #4ABBBD;
	width: 100%;
	height: 2px;
	display: block;
}

#footerContainer {
	position: relative;
	width: 100%;
	text-align: left;
	display: block;
	font-family: 'ClanWeb-Medium', sans-serif;
	font-size: 9pt;
	line-height: 1.4em;
	text-decoration: none;
	padding-top: 8px;
	height: auto;
}

#footerCol1 {
	position: relative;
	width: 250px;
	display: inline-block;
	float: left;
	margin-left: 10px;
}

#footerCol1 p a {
	text-decoration: none;
	color: #ffffff;
}

#footerVSpacerA {
	position: relative;
	width: auto;
	min-width: 20px;
	display: inline-block;
	float: left;
}

#footerCol2 {
	position: relative;
	width: 350px;
	display: inline-block;
	float: left;
}

#footerCol2 p a {
	text-decoration: none;
	color: #ffffff;
}

#footerVSpacerB {
	position: relative;
	width: auto;
	min-width: 20px;
	display: inline-block;
	float: left;
}

#footerCol3 {
	position: relative;
	width: 350px;
	display: inline-block;
	float: left;
}

.contentGroup{
	width: 100%;
	display: inline-block;
}

.material-icons{
	width: 24px;
}

.material-icons:hover{
	color: #4ABBBD;
}

.icons-grey {
	color: #AAA;
}

.icons-grey:hover{
	color: #AAA;
}

.row{
	width: 100%;
	display: inline-block;
	text-align: left;
	border: 1px solid #4ABBBD;
	margin: 0px;
	/*padding-top: 4px;
	padding-bottom: 7px;*/
	padding-left: 7px;
	background-color: #4ABBBD;
}

.row-1{
	width: calc(1% - 10px);
	margin: 5px;
	padding-top: 6px;
	float: left;
}

.row-3{
	width: calc(3% - 10px);
	margin: 5px;
	padding-top: 6px;
	float: left;
}

.row-4{
	width: calc(4% - 10px);
	margin: 5px;
	padding-top: 6px;
	float: left;
}

.row-5{
	width: calc(5% - 10px);
	margin: 5px;
	padding-top: 6px;
	float: left;
}

.row-6{
	width: calc(6% - 10px);
	margin: 5px;
	padding-top: 6px;
	float: left;
}

.row-7{
	width: calc(7% - 10px);
	margin: 5px;
	padding-top: 6px;
	float: left;
}

.row-8{
	width: calc(8% - 10px);
	margin: 5px;
	padding-top: 6px;
	float: left;
}

.row-10{
	width: calc(10% - 10px);
	margin: 5px;
	padding-top: 6px;
	float: left;
}

.row-12{
	width: calc(12% - 10px);
	margin: 5px;
	padding-top: 6px;
	float: left;
}

.row-13{
	width: calc(13% - 10px);
	margin: 5px;
	padding-top: 6px;
	float: left;
}

.row-14{
	width: calc(14% - 10px);
	margin: 5px;
	padding-top: 6px;
	float: left;
}

.row-15{
	width: calc(15% - 10px);
	margin: 5px;
	padding-top: 6px;
	float: left;
}

.row-16{
	width: calc(16% - 10px);
	margin: 5px;
	padding-top: 6px;
	float: left;
}

.row-18{
	width: calc(18% - 10px);
	margin: 5px;
	padding-top: 6px;
	float: left;
}

.row-19{
	width: calc(19% - 10px);
	margin: 5px;
	padding-top: 6px;
	float: left;
}

.row-20{
	width: calc(20% - 10px);
	margin: 5px;
	padding-top: 6px;
	float: left;
}

.row-21{
	width: calc(21% - 10px);
	margin: 5px;
	padding-top: 6px;
	float: left;
}

.row-22{
	width: calc(22% - 10px);
	margin: 5px;
	padding-top: 6px;
	float: left;
}

.row-24{
	width: calc(24% - 10px);
	margin: 5px;
	padding-top: 6px;
	float: left;
}

.row-25{
	width: calc(25% - 10px);
	margin: 5px;
	padding-top: 6px;
	float: left;
}

.row-28{
	width: calc(28% - 10px);
	margin: 5px;
	padding-top: 6px;
	float: left;
}

.row-30{
	width: calc(30% - 10px);
	margin: 5px;
	padding-top: 6px;
	float: left;
}

.row-35{
	width: calc(35% - 10px);
	margin: 5px;
	padding-top: 6px;
	float: left;
}

.row-70{
	width: calc(70% - 10px);
	margin: 5px;
	padding-top: 6px;
	float: left;
}

.right{
	float: right;
}

input[type=button].blue{
	background-color: #4ABBBD;
	color: #FFF;
	border: 1px solid #1AA1AA;
    line-height: 2em;
}

.button{
	line-height: 2em;
	display: inline-block;
	padding: 0 1.5em;
	position: relative;
	cursor: pointer;
}

.buttonHover {
	display: none;
	position: absolute;
	bottom: 0;
	top: 100%;
    left: -1px;
    padding: 0;
    width: 11em;
}

.buttonHover ul li{
	border-bottom: 1px solid #1AA1AA;
	padding: 0 1.5em;
}

.button.blue{
	background-color: #4ABBBD;
	color: #FFF;
	border: 1px solid #1AA1AA;
}

.button:hover .buttonHover{
	display: inline-table;
}

.inline-block{
	display: inline-block;
    width: 100%;
}

.padding{
	padding: 0.5em;
}

.paddingTB{
	padding: 0.5em 0;
}

.paddingLR{
	padding: 0 0.5em;
}

.headerRow{
	font-weight: bold;
	color: #FFFFFF;
	padding-bottom: 10px;
}

@media (max-width: 960px) {
	#footerCol3 {
		width: 100%;
		margin-left: 10px;
	}
}

@media (max-width: 600px) {
	#footerCol1 {
	text-align: center;
	width: 100%;
	}

	#footerCol2 {
	text-align: center;
	width: 100%;
	}
	


	#footerCol2 p a {
  text-align: center;
	}

	#footerCol3 {
	text-align: center;
	width: 100%;
	}
}

.hidden {
	visibility: hidden;
}


footer {
    background: #4ABBBD;
    overflow: auto;
}

footer p {
	color:#ffffff;
}




.footerSocial {
	position: relative;
	text-align: right;
	vertical-align: middle;
	right: 10px;
	margin-top: 17%;
}

@media (max-width: 600px) {
	.InnerSupportingLogosWrapper img {
		width:50%;
		margin: 0 24%;
	}
	
	.footerSocial {
		position: relative;
		text-align: center;
		vertical-align: middle;
		right: 10px;
	}
}

@media (max-width: 960px) {

	
	.footerSocial {
		margin-top: 0%;
	}
}

.decNone {
	text-decoration: none;
}

/*@font-face{font-family:ClanScWebPro-BookItalic;src:url(../fonts/ClanScWebPro-BookItalic.eot)}
@font-face{font-family:ClanScWebPro-BookItalic;src:url(../fonts/ClanScWebPro-BookItalic.woff) format("woff")}
@font-face{font-family:ClanWebPro-BookItalic;src:url(../fonts/ClanWebPro-BookItalic.eot)}
@font-face{font-family:ClanWebPro-BookItalic;src:url(../fonts/ClanWebPro-BookItalic.woff) format("woff")}
@font-face{font-family:ClanScWeb-Medium;src:url(../fonts/ClanScWeb-Medium.eot)}
@font-face{font-family:ClanScWeb-Medium;src:url(../fonts/ClanScWeb-Medium.woff) format("woff")}
@font-face{font-family:ClanScWeb-Book;src:url(../fonts/ClanScWeb-Book.eot)}
@font-face{font-family:ClanScWeb-Book;src:url(../fonts/ClanScWeb-Book.woff) format("woff")}*/


footer {
	background: #4ABBBD;
	/*height:200px;*/
}

.footerContainer {
	max-width:1024px;
	height:inherit;
	margin: auto;
	display: flex;
	justify-content: space-between;

}

.footerColumn {
	width: 33.3%;
	border-right:1px solid #92E4E4;;
	height:inherit;
	text-align: center;
	color: #ffffff;
	font-family: ClanWeb-Book,'Lato', Calibri, Arial, sans-serif;
	font-weight: bold;
	height:190px;
	padding: 32px 0;
	font-size: 12px;
	line-height: 14px;
}

.footerColumn a {
	color: #ffffff !important;
}

.footerColumn:first-child {
	border-left:1px solid #92E4E4;;
}

.footerColumn ul li {
	display: inline-block;
		margin: 40px 0;
}

.footerColumn ul  {
	display: flex;
	justify-content: space-around;

}

@media (max-width: 1024px) {
  .footerColumn {
		width: 100%;
		height: auto !important;
		padding: 20px 0px 0px 0px !important;
  }
	.footerContainer {
		flex-direction:column;
		border-color:  #4ABBBD;
	}
}


.footer-logo-clusters-wrapper {
	max-width: 1024px;
	margin: auto;
	display: flex;
	justify-content: space-between;
	margin-bottom:2%;
	
}

.footer-logo-cluster-left, .footer-logo-cluster-mid, .footer-logo-cluster-right {
	width:32%;
	/*height:200px;*/
	/*border: 1px solid red;*/
}

.footer-logo-cluster-p {
	width: 100%;
	font-size: 14px;
	color: #000;
	text-align: left;
	font-family: 'ClanWeb-Book', sans-serif;
	font-weight: bold;
	/*border-bottom: 1px solid #000;*/
	line-height:20px;
}

.footer-logo-cluster {
	display: flex;
	justify-content: space-between;
}

.footer-logo-cluster img {
    height: 80px;
     /*margin: auto; */
    background-position: center;
    background-size: contain !important;
    /*width: 70%;*/
    background-repeat: no-repeat;
		height: 50px;
		margin-top:10px;
}

.footer-logo-cluster-img {
	height: 80px;
	margin: auto;
	background-position: center;
	background-size: cover;
}

.footerTagLine {
	font-size: 14px;
  font-style: italic;
}



.twoColsContainer {
	width: 100%;
	height: auto;
	overflow: hidden;
	display: block;
}
    
.twoColsRight {
	width: 50%;
	float: right;
}

.twoColsLeft {
	float: left;
	width: 50%;
	overflow: hidden;
}

@media (max-width: 900px) {

.twoColsContainer {
	width: 100%;
}

.twoColsRight {
	width: 100%;
	padding-top: 43px;
}

.twoColsLeft {
	width: 100%;
}

}


.buttonDownload {
	display: inline-block;
	width: 274px;
	height: 80px;
	background-color: #4ABBBD;
	background-image: url('../gfx/buttonDownload.png');
	background-position: center top;
	background-repeat: no-repeat;
	vertical-align: middle;
}

.buttonDownloadGrey {
	background-color: #999999;
	background-image: url('../gfx/buttonDownloadGrey.png');
}

.buttonDownload div {
	position: relative;
	top: calc(50% - 11px);
	width: 235px;
	vertical-align: middle;
	text-align: center;
	color: #FFFFFF;
	font-family: 'ClanWeb-Book', sans-serif;
	font-size: 12pt;
	line-height: 1.5em;
	float: right;
}

.infoList {
	display: block;
	list-style-type: disc;
	padding-left: 30px;
}






@media print {
	
		html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 100%;
		background: transparent;
		}
		
	body {
		line-height: 1;
		text-align:center; /* For IE6 */
		background-image: url('../gfx/background.png');
		background-position: center top;
		background-repeat: repeat-x;
	}
	ol, ul {
		list-style: none;
	}

	* {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	blockquote, q {
		quotes: none;
	}

	:focus {
		outline: 0;
	}

	ins {
		text-decoration: none;
	}

	del {
		text-decoration: line-through;
	}

	table {
		border-collapse: collapse;
		border-spacing: 0;
	}

	ul li a{
		text-decoration: none;
		color: black;
	}

	#windowContainer {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
	}

	#innerContainer {
		position: relative;
		margin: 0px auto;
		max-width: 1024px;
		border: none;
	}

	#innerContainerWide {
		position: relative;
		margin: 0px auto;
		max-width: 1640px;
		border: none;
	}

	#headerContainer {
		/*position: relative;
		margin: 0px auto;
		width: 100%;
		height: 130px;
		text-align: left;
		background-color: #4ABBBD;
		background-image: url(../gfx/PFMlogoWhite.png);
		background-position: 10px center;
		background-repeat: no-repeat;*/
		display: none;
	}

	#headerLogo {
		position: relative;
		float: left;
		text-align: rleft;
		vertical-align: middle;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		left: 10px;
		width: 70%;
		height: 120px;
		display: none;
	}

	#headerLogo img {
		width: 100%;
		height: 100%;
	}

	#headerSocial {
		position: relative;
		float: right;
		text-align: right;
		vertical-align: middle;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		right: 10px;
		display: none;
	}

	#headerSocial a {
		text-decoration: none;
	}

	#headerSpacerWhite {
		position: relative;
		background-color: #FFF;
		width: 100%;
		height: 3px;
		display: block;
	}

	#headerSpacerBlue {
		position: relative;
		background-color: #4ABBBD;
		width: 100%;
		height: 2px;
		display: block;
	}

	#headerMenu {
		display: inline-block;
		width: 100%;
		height: 30px;
		margin: auto;
	}

	#headerMenu ul {
		list-style-type: none;
		width: 100%;
		margin: auto;
		padding: 0;
		overflow: hidden;
		background-color: #FFF;
		display: none;
	}

	#headerMenu ul li {
			float: left;
			margin: auto;
			width: 20%;
			display: none;
	}

	#headerMenu ul li a {
			display: block;
			color: #4ABBBD;
			text-align: center;
			padding: 10px 10px;
			text-decoration: none;
			font-size: 12pt;
			font-family: 'ClanWeb-Medium', sans-serif;
			display: none;
	}

	#headerMenu ul li a:hover {
			background-color: #4ABBBD;
			color: #FFF;
			display: none;
	}

	#headerMenuBurgerIcon {
		display: none;
	}

	.headerMenuActive {
		background-color: #4ABBBD;
		color: #FFF !important;
		/*border-left: 2px dotted #4ABBBD;
		border-right: 2px dotted #4ABBBD;
		border-bottom: 2px dotted #4ABBBD;*/
	}


	#contentContainer {
		position: relative;
		max-width: 1024px;
	}

	#contentMain {
		position: relative;
		color: #000;
		font-family: 'ClanWeb-Book', sans-serif;
		line-height: 1.4em;
	}

	.alignLeft {
		text-align: left;
	}

	.alignJustify {
		text-align: justify;
	}

	.alignCenter {
		text-align: center;
	}

	.textHeadline {
		font-size: 22px;
		font-weight: normal;
		line-height: 1.5em;
		margin: 0 10px 0 10px;
		font-family: 'ClanWeb-Medium', sans-serif !important;
	}

	.textLarge {
		font-size: 14pt;
		font-weight: bold;
		line-height: 1.5em;
		margin: 0 10px 0 10px;
		font-family: 'ClanWeb-Book', sans-serif !important;
	}

	.textNormal {
		font-size: 12pt;
		font-weight: normal;
		line-height: 1.5em;
		margin: 0 10px 0 10px;
		font-family: 'ClanWeb-Book', sans-serif !important;
	}

	.textNormal b {
		font-family: 'ClanWeb-Book', sans-serif;
		font-size: 12pt;
		line-height: 1.5em;
	}

	.textSmall {
		font-size: 10pt;
		font-weight: bold;
		margin: 0 10px 0 10px;
		line-height: 1.5em;
		margin: 0 10px 0 10px;
		font-family: 'ClanWeb-Book', sans-serif;
	}

	.textSmaller {
		font-size: 10pt;
		margin: 0 10px 0 10px;
		line-height: 1.5em;
		margin: 0 10px 0 10px;
	}

	.wordCountDisplay {
		font-family: 'ClanWeb-Book', sans-serif;
		font-size: 9pt;
		color: #555;
		float: right;
	}

	.textRed {
		color: rgb(217,34,49);
		font-family:  'ClanWeb-Medium', sans-serif;
	}

	.red {
		color: rgb(217,34,49);
	}

	.black{
		color: #000;
	}

	.alert.alert-danger{
		color: rgb(217,34,49);
	}
	/*.textBulletBlue {
		margin-left: 37px;
		text-indent: -25px;

	}*/

	.textBullet {
		margin-left: 34px;
		text-indent: -21px;
	}

	#textTC {
		text-align: left;
		line-height: 1.5em;
	}

	#textTC ul {
			list-style-type: square;
	}

	.textTClink {
		text-decoration: none;
		color: #4ABBBD;
		font-weight: bold;
	}

	.textProfileInfo {
		font-size: 12pt;
		font-weight: normal;
		line-height: 1.5em;
	}

	sup {
		font-size: 10pt;
	}

	.italics {
		font-style: italic;
	}

	.fakeLink {
		color: #4ABBBD;
		cursor: pointer;
	}

	.fakeLink:hover {
		color: #4ABBBD;
		text-decoration: underline;
		cursor: pointer;
	}


	@media (max-width: 600px) {
		.textNobr {
			display: none;
		}
	}

	ol {
			display: block;
			list-style-type: decimal;
			margin-top: 1em;
			margin-bottom: 1em;
			margin-left: 0;
			margin-right: 0;
			padding-left: 40px;
			line-height: 1.5em;
			font-family: 'ClanWeb-Book', sans-serif;
			font-size: 12pt;
			font-weight: bold;
	}

	form {
		padding: 0 10px 0 10px;
	}

	form p {
		margin: 0px !important;
	}

	form header {
		margin: 0 0 20px 0; 
	}
	form header div {
		font-size: 90%;
		color: #999;
	}
	form header h2 {
		margin: 0 0 5px 0;
	}
	form > div {
		clear: both;
		overflow: hidden;
		padding: 1px;
		margin: 0 0 10px 0;
	}
	form > div > fieldset > div > div {
		margin: 0 0 5px 0;
	}
	form > div > label,
	legend {
		width: 25%;
		float: left;
		padding-right: 10px;
	}

	.scoreLegend {
		width: 100%;
		padding-bottom: 15px;
	}

	form > div > div,
	form > div > fieldset > div {
		width: 75%;
		float: right;
	}
	form > div > fieldset label {
		font-size: 90%;
	}
	fieldset {
		border: 0;
		padding: 0;
	}

	input[type=text],
	input[type=email],
	input[type=url],
	input[type=password] {
		width: 100%;
		height: 25px;
		border-top: 1px solid #4ABBBD;
		border-left: 1px solid #4ABBBD;
		border-right: 1px solid #4ABBBD;
		border-bottom: 1px solid #4ABBBD;
		font-family: 'ClanWeb-Book', sans-serif;
		font-size: 12pt;
		padding: 0 5px 0 5px;
	}

	input[type=file] {
		padding-left: 50px;
		padding-bottom: 20px; 
	}

	textarea, select {
		width: 100%;
		border-top: 1px solid #4ABBBD;
		border-left: 1px solid #4ABBBD;
		border-right: 1px solid #4ABBBD;
		border-bottom: 1px solid #4ABBBD;
		font-family: 'ClanWeb-Book', sans-serif;
		font-size: 12pt;
		padding: 5px;
		background-color: #FFF;
		line-height: 1.5em;
		resize: vertical;
	}

	input[type=text],
	input[type=email],
	input[type=url],
	input[type=password] {
		width: 100%;
	}
	input[type=text]:focus,
	input[type=email]:focus,
	input[type=url]:focus,
	input[type=password]:focus,
	textarea:focus {
		outline: 0;
		border-color: #4697e4;
	}

	input[type=button]{
		cursor: pointer;
	}

	input[type=submit] {
		width: 100%;
		height: 70px;
		font-family: 'ClanWeb-Medium', sans-serif;
		font-size: 12pt;
		justify-content: space-between;
		cursor: pointer;
		
	}
	#viewForm {
		background-color: #FFFFFF;
		color: #4ABBBD;
		border: 2px solid #4ABBBD;
	}

	#saveForm {
		background-color: #4ABBBD;
		color: #FFF;
		border: 2px solid #1AA1AA;
	}

	#submitForm {
		background-color: #1AA1AA;
		color: #FFF;
		border: 2px solid #0C8080;
	}

	#scoreForm {
		background-color: #1AA1AA;
		color: #FFF;
		border: 2px solid #0C8080;
	}

	#deleteForm {
		background-color: #aa0000;
		color: #FFF;
		border: 2px solid #770000;
		width: 70%;
	}

	.formLogin {
		height: 40px !important;
	}

	.formTelCode {
		width: 70px !important;
	}

	.formTelSpacer {
		/*display: inline-block;*/
		width: 10px !important;
	}

	.formTelNumber {
		width: calc(100% - 85px) !important;
		float: right;
	}
		
	.formPastDate {
		display: inline-block;
		width: 70px !important;
	}

	.formPastSpacer {
		display: inline-block;
		width: 10px !important;
	}

	.formPastTitle {
		width: calc(50% - 49px) !important;
	}

	.formPastDesc {
		width: calc(50% - 49px) !important;
		float: right;
	}


	.formFourOne {
		display: inline-block;
		width: 70px !important;
	}

	.formFourSpacer {
		display: inline-block;
		width: 10px !important;
	}

	.formFourTwo {
		display: inline-block;
		width: calc(33% - 34px) !important;
	}

	.formFourThree {
		display: inline-block;
		width: calc(33% - 34px) !important;
	}

	.formFourFour {
		width: calc(33% - 34px) !important;
		float: right;
	}




	@media (max-width: 600px) {
		form > div {
			margin: 0 0 15px 0; 
		}
		form > div > label,
		legend {
			width: 100%;
			float: none;
			margin: 0 0 5px 0;
		}
		form > div > div,
		form > div > fieldset > div {
			width: 100%;
			float: none;
		}
		input[type=text],
		input[type=email],
		input[type=url],
		input[type=password],
		textarea,
		select {
			width: 100%; 
		}
		
	}
	/*@media (min-width: 1200px) {
		form > div > label,
		legend {
			text-align: right;
		}
	}*/



	.scoreContainer {
		position: relative;
		width: 100%;
	}

	.scoreLeft {
		width: calc(100% - 400px);
		float: left;
	}

	.scoreRight {
		position: absolute;
		bottom: 0;
		right: 0;
		width: 370px;
		float: right;
	}


	/*.scoreContainer {  
			display: table;  
	}  
	
	.scoreLeft {  
			width: 450px;
			padding: 20px;
			float: none; 
			display: table-cell; 
			vertical-align: top; 
			background-color: #CCC;  
	}  
	
	.sscoreRight { 
			width: 250px; 
			padding: 20px;
			float: none; 
			display: table-cell; 
			vertical-align: top; 
			background-color: #F99;  
	}  */


	/*
	.scoreContainer {
		float:left;
		clear:left;
		width:100%;
		padding:0 0 2em;
	}
		
	.scoreBox {
		float:left;
		width:40%;
		margin-right:1%;
		background-color:#FF0;
	}*/




	#loginOuterContainer {
		width: 100%;
		text-align: center;
		display: block;
	}

	#loginContainer {
		max-width: 600px;
		text-align: left;
		display: block;
		margin: auto;
	}



	#headFlexFinancier {
		position: relative;
		left: -10px;
		background-image: url(../gfx/headFinancierBackground.png);
		background-position: 10px center;
		background-repeat: no-repeat;
		height: 51px;
		width: fit-content;
		display: block;
		padding-left: 50px;
		padding-top: 15px;
		padding-right: 15px;
	}
	#headFlexFinancier a {
		font-family: 'ClanWeb-Book', sans-serif;
		font-weight: bold;
		font-size: 1.6em;
		color: #FFF;
		height: 51px;
	}

	@media screen and (max-width: 600px) {
		#headFlexFinancier a {
			font-size: 1.1em;
		}
	}


	#headFlexProducer {
		position: relative;
		left: -10px;
		background-image: url(../gfx/headProducerBackground.png);
		background-position: 10px center;
		background-repeat: no-repeat;
		height: 51px;
		width: fit-content;
		display: block;
		padding-left: 50px;
		padding-top: 15px;
		padding-right: 15px;
	}
	#headFlexProducer a {
		font-family: 'ClanWeb-Book', sans-serif;
		font-weight: bold;
		font-size: 1.6em;
		color: #FFF;
		height: 51px;
	}

	@media screen and (max-width: 600px) {
		#headFlexProducer a {
			font-size: 1.1em;
		}
	}




	.profileDetails {
		position: relative;
		display: block;
		min-height: 130px;
		float: left; 
	}

	.profilePhoto {
		position: absolute;
		width: 130px;
		height: 120px;
		padding-left: 10px;
	}

	.profileName {
		margin-left: 150px;
		min-width: 200px;
		color: #1e85b0;
		margin-right: 20px;
	}

	.profileName span{
		font-size: 14pt;
		font-weight: bold;
	}

	.profileAbout {
		font-family: 'ClanWeb-Book', sans-serif;
		font-weight: bold;
		font-size: 14pt;
		font-weight: bold;
		color: #1e85b0;
		vertical-align: top;
	}

	.profileFinancier {
		color: #861758 !important;
	}

	/*.columnsContainer {
		position: relative;
		display: block;
	}	

	.leftColumn, .rightColumn {
		display: block;
		height: fit-content;
		}

	.leftColumn { 
		margin-bottom: 5px;
		height: fit-content;
		}

	@media screen and (min-width: 600px) {
		.columnsContainer {
		position: relative;
		display: block;
		height: fit-content;
		}	

		.leftColumn {
			margin-right: 300px;
			}

		.rightColumn {
			position: absolute;
			top: 0;
			right: 0;
			width: 260px;
			}   
	}*/


	.columnsContainer {
		position: relative;
	}	

	.leftColumn, .rightColumn {
		display: block;
		height: fit-content;
		}

	.leftColumn { 
		margin-bottom: 5px;
		height: fit-content;
		}

	@media screen and (min-width: 600px) {
		.columnsContainer {
		position: relative;

		}	

		.leftColumn { 
			width: calc(100% - 300px);
			float: left;
			}

		.rightColumn {
			top: 0;
			right: 0;
			width: 270px;
			float: right;
			}   
	}

	.clear {
		clear: both;
	}



	#innerFooterContainer {
		position: relative;
		margin: 0px auto;
		max-width: 1024px;
		border: none;
		display: none;
	}

	#footerSpacerBlue {
		position: relative;
		background-color: #4ABBBD;
		width: 100%;
		height: 2px;
		display: block;
		display: none;
	}

	#footerContainer {
		position: relative;
		width: 100%;
		text-align: left;
		display: block;
		font-family: 'ClanWeb-Medium', sans-serif;
		font-size: 9pt;
		line-height: 1.4em;
		text-decoration: none;
		padding-top: 8px;
		display: none;
	}

	#footerCol1 {
		position: relative;
		width: 250px;
		display: inline-block;
		float: left;
		margin-left: 10px;
		display: none;
	}

	#footerCol1 p a {
		text-decoration: none;
		color: #ffffff;
		display: none;
	}

	#footerVSpacerA {
		position: relative;
		width: auto;
		min-width: 20px;
		display: inline-block;
		float: left;
		display: none;
	}

	#footerCol2 {
		position: relative;
		width: 350px;
		display: inline-block;
		float: left;
		display: none;
	}

	#footerCol2 p a {
		text-decoration: none;
		color: #ffffff;
		display: none;
	}

	#footerVSpacerB {
		position: relative;
		width: auto;
		min-width: 20px;
		display: inline-block;
		float: left;
		display: none;
	}

	#footerCol3 {
		position: relative;
		width: 350px;
		display: inline-block;
		float: left;
		display: none;
	}

	.contentGroup{
		width: 100%;
		display: inline-block;
	}

	.material-icons{
		width: 24px;
	}

	.material-icons:hover{
		color: #4ABBBD;
	}

	.row{
		width: 100%;
		display: inline-block;
		text-align: left;
	}

	.row-5{
		width: calc(5% - 10px);
		margin: 5px;
		float: left;
	}

	.row-10{
		width: calc(10% - 10px);
		margin: 5px;
		float: left;
	}

	.row-15{
		width: calc(15% - 10px);
		margin: 5px;
		float: left;
	}

	.row-20{
		width: calc(20% - 10px);
		margin: 5px;
		float: left;
	}

	.row-25{
		width: calc(25% - 10px);
		margin: 5px;
		float: left;
	}

	.row-30{
		width: calc(30% - 10px);
		margin: 5px;
		float: left;
	}

	.right{
		float: right;
	}

	input[type=button].blue{
		background-color: #4ABBBD;
		color: #FFF;
		border: 1px solid #1AA1AA;
			line-height: 2em;
	}

	.button{
		line-height: 2em;
		display: inline-block;
		padding: 0 1.5em;
		position: relative;
		cursor: pointer;
	}

	.buttonHover {
		display: none;
		position: absolute;
		bottom: 0;
		top: 100%;
			left: -1px;
			padding: 0;
			width: 11em;
	}

	.buttonHover ul li{
		border-bottom: 1px solid #1AA1AA;
		padding: 0 1.5em;
	}

	.button.blue{
		background-color: #4ABBBD;
		color: #FFF;
		border: 1px solid #1AA1AA;
	}

	.button:hover .buttonHover{
		display: inline-table;
	}

	.inline-block{
		display: inline-block;
			width: 100%;
	}

	.padding{
		padding: 0.5em;
	}

	.paddingTB{
		padding: 0.5em 0;
	}

	.paddingLR{
		padding: 0 0.5em;
	}

	.headerRow{
		font-weight: bold;
		color: #FFFFFF;
		padding-bottom: 4px;
	}

	.decNone {
		text-decoration: none;
	}

	/*@font-face{font-family:ClanScWebPro-BookItalic;src:url(../fonts/ClanScWebPro-BookItalic.eot)}
	@font-face{font-family:ClanScWebPro-BookItalic;src:url(../fonts/ClanScWebPro-BookItalic.woff) format("woff")}
	@font-face{font-family:ClanWebPro-BookItalic;src:url(../fonts/ClanWebPro-BookItalic.eot)}
	@font-face{font-family:ClanWebPro-BookItalic;src:url(../fonts/ClanWebPro-BookItalic.woff) format("woff")}
	@font-face{font-family:ClanScWeb-Medium;src:url(../fonts/ClanScWeb-Medium.eot)}
	@font-face{font-family:ClanScWeb-Medium;src:url(../fonts/ClanScWeb-Medium.woff) format("woff")}
	@font-face{font-family:ClanScWeb-Book;src:url(../fonts/ClanScWeb-Book.eot)}
	@font-face{font-family:ClanScWeb-Book;src:url(../fonts/ClanScWeb-Book.woff) format("woff")}*/


	footer {
		background: #4ABBBD;
		/*height:200px;*/
		display: none;
	}

	.footerContainer {
		max-width:1024px;
		height:inherit;
		margin: auto;
		display: flex;
		justify-content: space-between;
		display: none;
	}

	.footerColumn {
		width: 33.3%;
		border-right:1px solid #92E4E4;;
		height:inherit;
		text-align: center;
		color: #ffffff;
		font-family: ClanWeb-Book,'Lato', Calibri, Arial, sans-serif;
		font-weight: bold;
		height:190px;
		padding: 32px 0;
		font-size: 12px;
		line-height: 14px;
		display: none;
	}

	.footerColumn a {
		color: #ffffff !important;
		display: none;
	}

	.footerColumn:first-child {
		border-left:1px solid #92E4E4;;
	}

	.footerColumn ul li {
		display: inline-block;
		margin: 40px 0;
		display: none;
	}

	.footerColumn ul  {
		display: flex;
		justify-content: space-around;
		display: none;
	}


	.footer-logo-clusters-wrapper {
		max-width: 1024px;
		margin: auto;
		display: flex;
		justify-content: space-between;
		margin-bottom:2%;
		display: none;
	}

	.footer-logo-cluster-left, .footer-logo-cluster-mid, .footer-logo-cluster-right {
		width:32%;
		/*height:200px;*/
		/*border: 1px solid red;*/
		display: none;
	}

	.footer-logo-cluster-p {
		width: 100%;
		font-size: 14px;
		color: #000;
		text-align: left;
		font-family: 'ClanWeb-Book', sans-serif;
		font-weight: bold;
		/*border-bottom: 1px solid #000;*/
		line-height:20px;
		display: none;
	}

	.footer-logo-cluster {
		display: flex;
		justify-content: space-between;
		display: none;
	}

	.footer-logo-cluster img {
			height: 80px;
			/*margin: auto; */
			background-position: center;
			background-size: contain !important;
			/*width: 70%;*/
			background-repeat: no-repeat;
			height: 50px;
			margin-top:10px;
			display: none;
	}

	.footer-logo-cluster-img {
		height: 80px;
		margin: auto;
		background-position: center;
		background-size: cover;
		display: none;
	}

	.footerTagLine {
		font-size: 14px;
		font-style: italic;
		display: none;
	}



	.twoColsContainer {
		width: 100%;
		height: auto;
		overflow: hidden;
		display: block;
		
	}
			
	.twoColsRight {
		width: 50%;
		float: right;
	}

	.twoColsLeft {
		float: left;
		width: 50%;
		overflow: hidden;
	}

	@media (max-width: 900px) {

	.twoColsContainer {
		width: 100%;
	}

	.twoColsRight {
		width: 100%;
		padding-top: 43px;
	}

	.twoColsLeft {
		width: 100%;
	}

	}


	.buttonDownload {
		display: inline-block;
		width: 274px;
		height: 80px;
		background-color: #4ABBBD;
		background-image: url('../gfx/buttonDownload.png');
		background-position: center top;
		background-repeat: no-repeat;
		vertical-align: middle;
		display: none;
	}

	.buttonDownloadGrey {
		background-color: #999999;
		background-image: url('../gfx/buttonDownloadGrey.png');
		display: none;
	}

	.buttonDownload div {
		position: relative;
		top: calc(50% - 11px);
		width: 235px;
		vertical-align: middle;
		text-align: center;
		color: #FFFFFF;
		font-family: 'ClanWeb-Book', sans-serif;
		font-size: 12pt;
		line-height: 1.5em;
		float: right;
		display: none;
	}

	.infoList {
		display: block;
		list-style-type: disc;
		padding-left: 30px;
	}




}