/* Guy Whammond */
/* Main Style Sheet 2010 */

.forgotPass {
	margin: 0 0 40px 0;
	display: block;
}


	.pngfix { behavior: url("../../includes/pngfix/iepngfix.htc"); }

.col1 { color: #00aeef; }

.col2 { color: #007ac2; }

.col3 { color: #5c55a4; }

.col4 { color: #82459b; }

.col5 { color: #a22d91; }

.col6 { color: #c42785; }

.col7 { color: #d91c5c; }

body { margin:0px; padding:0px; background-color:#ffffff; }

@font-face {
    font-family: 'colaborate-thinregular';
    src: url('/LiA/font/colabthi-webfont.eot');
    src: url('/LiA/font/colabthi-webfont.eot?#iefix') format('embedded-opentype'),
         url('/LiA/font/colabthi-webfont.woff2') format('woff2'),
         url('/LiA/font/colabthi-webfont.woff') format('woff'),
         url('/LiA/font/colabthi-webfont.ttf') format('truetype'),
         url('/LiA/font/colabthi-webfont.svg#colaborate-thinregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'colaborate-mediumregular';
    src: url('/LiA/font/colabmed-webfont.eot');
    src: url('/LiA/font/colabmed-webfont.eot?#iefix') format('embedded-opentype'),
         url('/LiA/font/colabmed-webfont.woff2') format('woff2'),
         url('/LiA/font/colabmed-webfont.woff') format('woff'),
         url('/LiA/font/colabmed-webfont.ttf') format('truetype'),
         url('/LiA/font/colabmed-webfont.svg#colaborate-mediumregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'colaborate-regularregular';
    src: url('/LiA/font/colabreg-webfont.eot');
    src: url('/LiA/font/colabreg-webfont.eot?#iefix') format('embedded-opentype'),
         url('/LiA/font/colabreg-webfont.woff2') format('woff2'),
         url('/LiA/font/colabreg-webfont.woff') format('woff'),
         url('/LiA/font/colabreg-webfont.ttf') format('truetype'),
         url('/LiA/font/colabreg-webfont.svg#colaborate-regularregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'colaborate-boldregular';
    src: url('/LiA/font/colabbol-webfont.eot');
    src: url('/LiA/font/colabbol-webfont.eot?#iefix') format('embedded-opentype'),
         url('/LiA/font/colabbol-webfont.woff2') format('woff2'),
         url('/LiA/font/colabbol-webfont.woff') format('woff'),
         url('/LiA/font/colabbol-webfont.ttf') format('truetype'),
         url('/LiA/font/colabbol-webfont.svg#colaborate-boldregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'colaboratelightregular';
    src: url('/LiA/font/colablig-webfont.eot');
    src: url('/LiA/font/colablig-webfont.eot?#iefix') format('embedded-opentype'),
         url('/LiA/font/colablig-webfont.woff2') format('woff2'),
         url('/LiA/font/colablig-webfont.woff') format('woff'),
         url('/LiA/font/colablig-webfont.ttf') format('truetype'),
         url('/LiA/font/colablig-webfont.svg#colaboratelightregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* container */
	.print-message { display: none; visibility: hidden; }

#container {
    width:960px;
    margin:0px auto;
    font-family: Helvetica, Arial, sans-serif;
    font-size:13px;
    color:#5f6165;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(210,210,210,1);
    -moz-box-shadow: 0px 0px 20px 0px rgba(210,210,210,1);
    box-shadow: 0px 0px 20px 0px rgba(210,210,210,1);
/*    background-image:url(../../images/layout/container-bg.jpg);
*/

}

@media print {

#container { display: none !important; }

.print-message { display: block !important; text-align: center; padding: 50px 0 0 0; font-size: 24px; visibility:visible !important; }
}

#container-inner {
    width: 100%;
}

/* banner */

#banner {
    position: relative;
    height:137px;
    width: 100%;
    z-index: 1;
}

#banner-left {
	position: absolute;
	top: 15px;
	left: 0;
	width:285px;
	height:135px;
	float:left;
}

#banner-right {
    width:44%;
    padding: 25px 0;
    height:100px;
    float:right;
    position: relative;
}

#banner-logo {
    text-align: right;
    padding: 0 20px 0 0;
}

#banner-links { margin-right:20px; margin-top: 40px; z-index: 1000;}

#banner-right-leftside { float:left; margin-top:20px; }

#banner-right-rightside { float:right; margin-right:20px; margin-top:20px; }

.banner-btn { width:223px; height:13px; background-repeat:no-repeat; padding:6px; font-size:12px; }

.idle { color:#87888a; background-image:url(../../images/layout/banner-btn-idle.jpg); }

.idle a { color:#87888a; text-decoration:none; }

.idle a:hover { color:#1ab5ee; text-decoration:none; }

.active { color:#6d6e70; background-image:url(../../images/layout/banner-btn-active.jpg); }

.active a { color:#ffffff; text-decoration:none; }

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

/* slideshow */
		#content-slideshow { }

#content-slideshow-inner { width:380px; padding-left:35px; padding-top:135px; }

#content-slideshow h1 { font-family:Arial, Helvetica, sans-serif; font-size:26px; color:#333333; font-weight:normal; line-height:30px; letter-spacing:-1px; }

#content-slideshow a { color:#0099ff; text-decoration:none; }

/* thin slideshow */

#thin-slideshow {
    min-height:51px;
    background: #fefefe; /* Old browsers */
    background: -moz-linear-gradient(top,  #fefefe 0%, #f3f3f3 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#f3f3f3)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fefefe 0%,#f3f3f3 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fefefe 0%,#f3f3f3 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fefefe 0%,#f3f3f3 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #fefefe 0%,#f3f3f3 100%); /* W3C */
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
	-webkit-box-shadow: 0px 6px 3px -1px rgba(230,230,230,0.6);
	-moz-box-shadow: 0px 6px 3px -1px rgba(230,230,230,0.6);
	box-shadow: 0px 6px 3px -1px rgba(230,230,230,0.6);

}

#thin-slideshow h2 {
    font-size:20px;
    font-weight:normal;
    padding:14px 14px 14px 26px;
    color:#6f6f6f;
    letter-spacing: 0;
}

#thin-slideshow h2 a {
    color:#6f6f6f;
    text-decoration: none;
}

#thin-slideshow h3 {
    font-size:15px;
    letter-spacing:0;
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight:normal;
    padding:18px;
    color:#6f6f6f;
}

/* content */
		#content { z-index: 0; }

#content p {
    line-height:19px;
    margin-bottom: 15px;
    font-size:13px;
}

.phase1 #content a { color:#03a0db; }

.phase1 #content #phase-leftblock h1 {
	color: #03a0db;
}

.phase2 #content a { color:#5c54a4; }

.phase2 #content #phase-leftblock h1 {
	color: #5c54a4;
}

.phase3 #content a { color:#a32c91; }

.phase3 #content #phase-leftblock h1 {
	color: #a32c91;
}

.phase4 #content a { color:#d91b5c; }

.phase4 #content #phase-leftblock h1 {
	color: #d91b5c;
}

.phase5 #content a { color:#0887C7; }

.phase5 #content #phase-leftblock h1 {
	color: #0887C7;
}

#content h1 { font-size:18px; color:#595b5f; margin-bottom:15px; letter-spacing:-1px; font-weight:normal; line-height: 1.3; }

#content ul,
#content ol { margin-left:30px; margin-bottom:20px; }

#content ul { list-style-type: disc; margin-bottom: 5px;}

#content ul li { line-height:17px; margin-bottom:10px; font-size:13px; list-style-type: disc; }

#content ol li { line-height:17px; margin:0 0 10px 0; font-size:12px; }

#content li span { font-size: 12px; color: #5F6165; }

#content li strong { font-family: Arial, Helvetica, sans-serif; font-size: 16px; }

#content-slideshow { width:958px; height:325px; background-image:url(../../images/layout/slide-bg.jpg); background-repeat:no-repeat; margin-bottom:30px; }

#content-slideshow-left {
	float:left;
	text-align:left;
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	letter-spacing: 1px;
}

#content-slideshow-right {
	float:right;
	width:255px;
	text-align:right;
	margin: -10px 0 0 0;
}

#content-left {
    width:33%;
    float:left;
    padding-left:40px;
    margin: 40px 0 15px 0;
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

#content-right {
    width:290px;
    float:right;
    margin-top:35px;
    margin-top:35px;
}

.grey-back {background: #E9E5E6;}

#phase-left {
    width: 162px;
    float:left;
    padding-left:25px;
    margin-top:35px;
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: bold;

}

#phase-right-small {
    width:380px;
    float:left;
    padding-left:40px;
    margin-top:35px;
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;

}

#phase-right-small ul li {
    list-style-type: none;
    padding: 0;
}

#phase-right-small ul li:before {
    content: "\00BB";
    font-size: 18px;
    padding: 0 3px 0 0;
    color: #db2a68;
}

#phase-right-small ul {
    margin: 0;
}


#phase-right-small h1 {
    color: #83459a;
    font-size: 31px;
    font-family: colaborate-thinregular;
}

#phase-right-small h2 {
    font-size: 24px;
    color: #d91b5d;
    font-weight:100;
    font-family: colaborate-thinregular;
}

#phase-right {
    width:725px;
    float:left;
    margin-left:25px;
    display: inline;
    margin-bottom: 20px;
}

#phase-right .checkListLink {
	text-decoration: none;
	margin-bottom: 20px;
	display: block;
	font-weight: bold;
}

#phase-right .checkListLink i {
	padding: 0 3px 0 0;
}

#phase-leftblock {
    float: left;
    width:395px;
    margin-top:35px;
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

#phase-leftblock.fullWidth {
	width: 100%;
}

#phase-leftblock ul {
	margin: 0 0 16px;
	padding: 0 0 0 13px;
}

#phase-leftblock ul li {
	padding: 0;
	list-style-type: none;
	text-indent: -1em;
}

#phase-leftblock ul li:before {
    content: "\00BB";
    font-size: 14px;
    padding: 0 3px 0 0;
    color: #db2a68;
}

#content #phase-leftblock h1 {
    color: #83459a;
    font-size: 31px;
    font-family: colaborate-thinregular;
}

#content #phase-leftblock h2 {
    color: #d91b5d;
    font-family: colaboratelightregular;
    font-weight: normal;
    font-size: 24px;
    padding: 0 0 15px 0;
}

#phase-rightblock {
    float:right;
    width:250px;
    margin-top:90px;
    padding: 25px;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #f2f2f2 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#f2f2f2 100%); /* W3C */
    border-radius: 10px;
    border: 1px solid #d3d3d3;
    display: inline;
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;

}

#phase-rightblock ul {
    margin: 0;
    padding: 0 0 0 10px;
}

#content #phase-rightblock ul li {
    list-style-type: none;
    margin-bottom: 10px;
    line-height: 15px;
    text-indent: -1em;

}

#content #phase-rightblock ul li:before {
    content: "\00BB";
    font-size: 14px;
    padding: 0 3px 0 0;
    color: #db2a68;
}

#phase-rightblock h1 {
    font-size: 24px;
    color: #d91b5d;
    font-family: colaboratelightregular;
}

#resourcesWrap {
	width: 313px;
	float: right;
}

#resourcesWrap #phase-rightnav h4 a .view {
    display: block;
    clear: left;
    float: none;
    margin: 5px 0 0px;
    padding: 0;
}

#phase-rightnav {
    padding: 25px 30px 25px 30px;
    float:right;
    width: 251px;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #f2f2f2 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#f2f2f2 100%); /* W3C */
    border-radius: 10px;
    border: 1px solid #d3d3d3;
    margin: 40px 0px 0 0;
    display: inline;
}

#phase-rightnav h1 {
    font-size: 24px;
    color: #d91b5d;
    font-family: colaboratelightregular;
}

.phase-item {
    line-height: 1;
    border-bottom: 1px solid #cdcdcd;
    padding: 15px 0 15px 0;
    width: 260px;
}

.phase-item:first-of-type {
    padding: 0 0 15px 0;
}

.phase-item:last-of-type {
	border: none;
}

.phase-item img {
    float: right;
    margin-top: -7px;
    padding: 0 0 0 5px;
}

/* Phases Left Navigation */

#content .phase-link {
    line-height: 18px;
    font-size: 13px;
    margin-bottom: 18px;
    display: block;
}

#content .phase-link a {
    border-radius: 10px;
    padding: 15px;
    display: block;
}

#content .phase-link a.activePhaseOne {
    background: #1ab5f0; /* Old browsers */
    background: -moz-linear-gradient(top,  #1ab5f0 0%, #009cd7 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1ab5f0), color-stop(100%,#009cd7)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #1ab5f0 0%,#009cd7 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #1ab5f0 0%,#009cd7 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #1ab5f0 0%,#009cd7 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #1ab5f0 0%,#009cd7 100%); /* W3C */
}

#content .phase-link a.activePhaseOne .timeFrame, #content .phase-link a.idlePhaseOne .timeFrame {
    border-top: 1px solid #4fc1ec;
    display: none;
}

#content .phase-link a.idlePhaseOne {
    border: 1px solid #16b2ed;
    border-radius: 10px;
    padding: 15px;
    color: #16b2ed;
    transition: all ease 1s;
}

#content .phase-link a.idlePhaseOne:hover {
    background: #1ab5f0; /* Old browsers */
    background: -moz-linear-gradient(top,  #1ab5f0 0%, #009cd7 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1ab5f0), color-stop(100%,#009cd7)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #1ab5f0 0%,#009cd7 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #1ab5f0 0%,#009cd7 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #1ab5f0 0%,#009cd7 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #1ab5f0 0%,#009cd7 100%); /* W3C */
    color: #fff;
}


#content .phase-link a.activePhaseTwo {
    background: #837cb9; /* Old browsers */
    background: -moz-linear-gradient(top,  #837cb9 0%, #736bb1 1%, #6c64ad 2%, #554d96 98%, #554d96 99%, #595198 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#837cb9), color-stop(1%,#736bb1), color-stop(2%,#6c64ad), color-stop(98%,#554d96), color-stop(99%,#554d96), color-stop(100%,#595198)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #837cb9 0%,#736bb1 1%,#6c64ad 2%,#554d96 98%,#554d96 99%,#595198 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #837cb9 0%,#736bb1 1%,#6c64ad 2%,#554d96 98%,#554d96 99%,#595198 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #837cb9 0%,#736bb1 1%,#6c64ad 2%,#554d96 98%,#554d96 99%,#595198 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #837cb9 0%,#736bb1 1%,#6c64ad 2%,#554d96 98%,#554d96 99%,#595198 100%); /* W3C */
}

#content .phase-link a.idlePhaseTwo {
    background: #fff;
    border-radius: 10px;
    padding: 15px;
    border: 1px solid #5d54a5;
    color: #5d54a5;
    transition: all ease 1s;
}

#content .phase-link a.idlePhaseTwo:hover {
    background: #837cb9; /* Old browsers */
    background: -moz-linear-gradient(top,  #837cb9 0%, #736bb1 1%, #6c64ad 2%, #554d96 98%, #554d96 99%, #595198 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#837cb9), color-stop(1%,#736bb1), color-stop(2%,#6c64ad), color-stop(98%,#554d96), color-stop(99%,#554d96), color-stop(100%,#595198)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #837cb9 0%,#736bb1 1%,#6c64ad 2%,#554d96 98%,#554d96 99%,#595198 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #837cb9 0%,#736bb1 1%,#6c64ad 2%,#554d96 98%,#554d96 99%,#595198 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #837cb9 0%,#736bb1 1%,#6c64ad 2%,#554d96 98%,#554d96 99%,#595198 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #837cb9 0%,#736bb1 1%,#6c64ad 2%,#554d96 98%,#554d96 99%,#595198 100%); /* W3C */
    color: #fff;
}

#content .phase-link a.idlePhaseTwo .timeFrame, #content .phase-link a.activePhaseTwo .timeFrame {
    border-top: 1px solid #8781bc;
    display: none;
}

#content .phase-link a.activePhaseThree {
    background: #b85ea9; /* Old browsers */
    background: -moz-linear-gradient(top,  #b85ea9 0%, #af499e 1%, #ab409a 2%, #942983 97%, #942983 98%, #962e86 99%, #9f3f8f 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b85ea9), color-stop(1%,#af499e), color-stop(2%,#ab409a), color-stop(97%,#942983), color-stop(98%,#942983), color-stop(99%,#962e86), color-stop(100%,#9f3f8f)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #b85ea9 0%,#af499e 1%,#ab409a 2%,#942983 97%,#942983 98%,#962e86 99%,#9f3f8f 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #b85ea9 0%,#af499e 1%,#ab409a 2%,#942983 97%,#942983 98%,#962e86 99%,#9f3f8f 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #b85ea9 0%,#af499e 1%,#ab409a 2%,#942983 97%,#942983 98%,#962e86 99%,#9f3f8f 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #b85ea9 0%,#af499e 1%,#ab409a 2%,#942983 97%,#942983 98%,#962e86 99%,#9f3f8f 100%); /* W3C */
}

#content .phase-link a.idlePhaseThree {
    border-radius: 10px;
    padding: 15px;
    border: 1px solid #a22c90;
    color: #a22c90;
    transition: all ease 1s;
}

#content .phase-link a.idlePhaseThree:hover {
    background: #b85ea9; /* Old browsers */
    background: -moz-linear-gradient(top,  #b85ea9 0%, #af499e 1%, #ab409a 2%, #942983 97%, #942983 98%, #962e86 99%, #9f3f8f 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b85ea9), color-stop(1%,#af499e), color-stop(2%,#ab409a), color-stop(97%,#942983), color-stop(98%,#942983), color-stop(99%,#962e86), color-stop(100%,#9f3f8f)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #b85ea9 0%,#af499e 1%,#ab409a 2%,#942983 97%,#942983 98%,#962e86 99%,#9f3f8f 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #b85ea9 0%,#af499e 1%,#ab409a 2%,#942983 97%,#942983 98%,#962e86 99%,#9f3f8f 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #b85ea9 0%,#af499e 1%,#ab409a 2%,#942983 97%,#942983 98%,#962e86 99%,#9f3f8f 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #b85ea9 0%,#af499e 1%,#ab409a 2%,#942983 97%,#942983 98%,#962e86 99%,#9f3f8f 100%); /* W3C */
    color: #fff;
}

#content .phase-link a.idlePhaseThree .timeFrame, #content .phase-link a.activePhaseThree .timeFrame {
    border-top: 1px solid #ba63ad;
    display: none;
}

#content .phase-link a.activePhaseFour {
    background: #e15183; /* Old browsers */
    background: -moz-linear-gradient(top,  #e15183 0%, #dd3973 1%, #db306c 2%, #c51955 97%, #c51955 98%, #c61e59 99%, #ca3166 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e15183), color-stop(1%,#dd3973), color-stop(2%,#db306c), color-stop(97%,#c51955), color-stop(98%,#c51955), color-stop(99%,#c61e59), color-stop(100%,#ca3166)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #e15183 0%,#dd3973 1%,#db306c 2%,#c51955 97%,#c51955 98%,#c61e59 99%,#ca3166 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #e15183 0%,#dd3973 1%,#db306c 2%,#c51955 97%,#c51955 98%,#c61e59 99%,#ca3166 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #e15183 0%,#dd3973 1%,#db306c 2%,#c51955 97%,#c51955 98%,#c61e59 99%,#ca3166 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #e15183 0%,#dd3973 1%,#db306c 2%,#c51955 97%,#c51955 98%,#c61e59 99%,#ca3166 100%); /* W3C */
}

#content .phase-link a.idlePhaseFour {
    border-radius: 10px;
    padding: 15px;
    border: 1px solid #d91b5d;
    color: #d91b5d;
    transition: all ease 1s;
}

#content .phase-link a.idlePhaseFour:hover {
    background: #e15183; /* Old browsers */
    background: -moz-linear-gradient(top,  #e15183 0%, #dd3973 1%, #db306c 2%, #c51955 97%, #c51955 98%, #c61e59 99%, #ca3166 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e15183), color-stop(1%,#dd3973), color-stop(2%,#db306c), color-stop(97%,#c51955), color-stop(98%,#c51955), color-stop(99%,#c61e59), color-stop(100%,#ca3166)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #e15183 0%,#dd3973 1%,#db306c 2%,#c51955 97%,#c51955 98%,#c61e59 99%,#ca3166 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #e15183 0%,#dd3973 1%,#db306c 2%,#c51955 97%,#c51955 98%,#c61e59 99%,#ca3166 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #e15183 0%,#dd3973 1%,#db306c 2%,#c51955 97%,#c51955 98%,#c61e59 99%,#ca3166 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #e15183 0%,#dd3973 1%,#db306c 2%,#c51955 97%,#c51955 98%,#c61e59 99%,#ca3166 100%); /* W3C */
    color: #fff;
}

#content .phase-link a.idlePhaseFour .timeFrame, #content .phase-link a.activePhaseFour .timeFrame {
    border-top: 1px solid #e25787;
    display: none;
}

#content .phase-link a.activePhaseFive {
    background: #0887C7;
	background: -moz-linear-gradient(top, #0887C7 0%, #0c648f 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0887C7), color-stop(100%,#0c648f));
	background: -webkit-linear-gradient(top, #0887C7 0%,#0c648f 100%);
	background: -o-linear-gradient(top, #0887C7 0%,#0c648f 100%);
	background: -ms-linear-gradient(top, #0887C7 0%,#0c648f 100%);
	background: linear-gradient(to bottom, #0887C7 0%,#0c648f 100%);
}

#content .phase-link a.idlePhaseFive {
    border-radius: 10px;
    padding: 15px;
    border: 1px solid #0c648f;
    color: #0887C7;
    transition: all ease 1s;
}

#content .phase-link a.idlePhaseFive:hover {
    background: #e15183; /* Old browsers */
    background: -moz-linear-gradient(top,  #0887C7 0%, #0c648f 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0887C7), color-stop(100%,#0c648f)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #0887C7 0%,#0c648f 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #0887C7 0%,#0c648f 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #0887C7 0%,#0c648f 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #0887C7 0%,#0c648f 100%); /* W3C */
    color: #fff;
}

#content .phase-link a.idlePhaseFive .timeFrame, #content .phase-link a.activePhaseFive .timeFrame {
    border-top: 1px solid #0c648f;
    display: none;
}

#content .phase-link .header {
    font-size: 18px;
    display: block;
}

#content .phase-link .timeFrame {
    display: block;
    padding: 5px 0 0 0;
    margin: 5px 0 0 0;
}

#content .phase-link a {
    color: #fff;
    text-decoration: none;
}

/* End of Phases Left Navigation - no clue what the below does */

.phase-link a.active

.phase-link-selected { width:119px; height:79px; margin-bottom:5px; }

.blue-idle { background-image:url(../../images/LiA/side-phase1-idle.jpg); background-repeat:no-repeat; }

.blue-active { background-image:url(../../images/LiA/side-phase1-selected.jpg); background-repeat:no-repeat; }

.violet-idle { background-image:url(../../images/LiA/side-phase2-idle.jpg); background-repeat:no-repeat; }

.violet-active { background-image:url(../../images/LiA/side-phase2-selected.jpg); background-repeat:no-repeat; }

.purple-idle { background-image:url(../../images/LiA/side-phase3-idle.jpg); background-repeat:no-repeat; }

.purple-active { background-image:url(../../images/LiA/side-phase3-selected.jpg); background-repeat:no-repeat; }

.pink-idle { background-image:url(../../images/LiA/side-phase4-idle.jpg); background-repeat:no-repeat; }

.pink-active { background-image:url(../../images/LiA/side-phase4-selected.jpg); background-repeat:no-repeat; }

#content .phase-item h4, #content .phase-item h4 a {
    font-size:15px;
    color: #444444;
    margin-bottom:5px;
    margin-right: 3px;
    font-weight: bold;
    line-height: 1.4;
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: bold;
}

/* Creates LineBreak earlier on resource links with tracker download icon */
#content .phase-item h4.lineBreak {
    padding-right: 19px;
}

#content .phase-item a {
    color:#00adef;
    text-decoration:none;
    font-size: 11px;
    margin-right: 3px;
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: bold;
}

#content .phase-item a i {
    padding: 0 5px 0 0;
}

.phase-txt, #content .phase-txt p {
    margin-bottom:10px;
    font-size:11px;
    line-height:18px;
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

.content-btn { margin-bottom:2px; width:235px; height:31px; padding-left:15px; padding-top:15px; letter-spacing:-1px; font-family:Helvetica, Arial, sans-serif; font-size: 16px; font-weight: bold; background-repeat: no-repeat; background-position: center center; color: #fff; }

.btn-blue { background:url(../images/layout/btn-blue.jpg) center bottom #17ace6 no-repeat; }

.content-btn a { color:#ffffff; text-decoration:none; }

.content-btn a:hover { color:#ffffff; text-decoration:underline; }

.btn-blue { background-image:url(../../images/layout/btn-blue.jpg); }

.btn-purple { background-image:url(../../images/layout/btn-purple.jpg); }

.btn-pink { background-image:url(../../images/layout/btn-pink.jpg); }

.btn-grey { background-image:url(../../images/layout/btn-grey.jpg); }

#content-phase {
    border-bottom:1px solid #d9d9d9;
    text-align:left;
    position: relative;
    min-width: 940px;
    padding: 24px 0px 24px;
	background: #f8f8f8; /* Old browsers */
	background: -moz-linear-gradient(top,  #f8f8f8 0%, #f8f8f8 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#f8f8f8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f8f8f8 0%,#f8f8f8 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f8f8f8 0%,#f8f8f8 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f8f8f8 0%,#f8f8f8 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f8f8f8 0%,#f8f8f8 100%); /* W3C */
    -webkit-box-shadow: inset 0px 6px 3px -1px rgba(230,230,230,0.6);
    -moz-box-shadow: inset 0px 6px 3px -1px rgba(230,230,230,0.6);
    box-shadow: inset 0px 6px 3px -1px rgba(230,230,230,0.65);

}

#content-phase.steps {
    padding: 25px 10px;
}

#content-phase .phase-box {
    float:left;
    padding: 15px;
    width: 93px;
    height: 90px;
    border-radius: 10px;
    margin-left: 10px;
    line-height: 17px;
    position: relative;
    text-decoration: none;
}

#content-phase .phase-box span {
    color: #fff;
    text-decoration: none;
    font-size: 13px;
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: bold;
}

#content-phase .phase-box.phaseOne {
    background: #1ab5f0; /* Old browsers */
    background: -moz-linear-gradient(top,  #1ab5f0 0%, #009cd7 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1ab5f0), color-stop(100%,#009cd7)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #1ab5f0 0%,#009cd7 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #1ab5f0 0%,#009cd7 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #1ab5f0 0%,#009cd7 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #1ab5f0 0%,#009cd7 100%); /* W3C */
}

#content-phase .phase-box.idle {
    opacity: 0.4;
    filter: alpha(opacity=40);
    transition: all ease 0.3s;
}

#content-phase .phase-box.idle:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

#content-phase .phase-box.phaseTwo {
    background: #837cb9; /* Old browsers */
    background: -moz-linear-gradient(top,  #837cb9 0%, #736bb1 1%, #6c64ad 2%, #554d96 98%, #554d96 99%, #595198 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#837cb9), color-stop(1%,#736bb1), color-stop(2%,#6c64ad), color-stop(98%,#554d96), color-stop(99%,#554d96), color-stop(100%,#595198)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #837cb9 0%,#736bb1 1%,#6c64ad 2%,#554d96 98%,#554d96 99%,#595198 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #837cb9 0%,#736bb1 1%,#6c64ad 2%,#554d96 98%,#554d96 99%,#595198 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #837cb9 0%,#736bb1 1%,#6c64ad 2%,#554d96 98%,#554d96 99%,#595198 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #837cb9 0%,#736bb1 1%,#6c64ad 2%,#554d96 98%,#554d96 99%,#595198 100%); /* W3C */
}

#content-phase .phase-box.phaseThree {
    background: #b85ea9; /* Old browsers */
    background: -moz-linear-gradient(top,  #b85ea9 0%, #af499e 1%, #ab409a 2%, #942983 97%, #942983 98%, #962e86 99%, #9f3f8f 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b85ea9), color-stop(1%,#af499e), color-stop(2%,#ab409a), color-stop(97%,#942983), color-stop(98%,#942983), color-stop(99%,#962e86), color-stop(100%,#9f3f8f)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #b85ea9 0%,#af499e 1%,#ab409a 2%,#942983 97%,#942983 98%,#962e86 99%,#9f3f8f 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #b85ea9 0%,#af499e 1%,#ab409a 2%,#942983 97%,#942983 98%,#962e86 99%,#9f3f8f 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #b85ea9 0%,#af499e 1%,#ab409a 2%,#942983 97%,#942983 98%,#962e86 99%,#9f3f8f 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #b85ea9 0%,#af499e 1%,#ab409a 2%,#942983 97%,#942983 98%,#962e86 99%,#9f3f8f 100%); /* W3C */
}

#content-phase .phase-box.phaseFour {
    background: #e15183; /* Old browsers */
    background: -moz-linear-gradient(top,  #e15183 0%, #dd3973 1%, #db306c 2%, #c51955 97%, #c51955 98%, #c61e59 99%, #ca3166 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e15183), color-stop(1%,#dd3973), color-stop(2%,#db306c), color-stop(97%,#c51955), color-stop(98%,#c51955), color-stop(99%,#c61e59), color-stop(100%,#ca3166)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #e15183 0%,#dd3973 1%,#db306c 2%,#c51955 97%,#c51955 98%,#c61e59 99%,#ca3166 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #e15183 0%,#dd3973 1%,#db306c 2%,#c51955 97%,#c51955 98%,#c61e59 99%,#ca3166 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #e15183 0%,#dd3973 1%,#db306c 2%,#c51955 97%,#c51955 98%,#c61e59 99%,#ca3166 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #e15183 0%,#dd3973 1%,#db306c 2%,#c51955 97%,#c51955 98%,#c61e59 99%,#ca3166 100%); /* W3C */
}

#content-phase .phase-box.phaseFive {
    background: #0887C7;
	background: -moz-linear-gradient(top, #0887C7 0%, #0c648f 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0887C7), color-stop(100%,#0c648f));
	background: -webkit-linear-gradient(top, #0887C7 0%,#0c648f 100%);
	background: -o-linear-gradient(top, #0887C7 0%,#0c648f 100%);
	background: -ms-linear-gradient(top, #0887C7 0%,#0c648f 100%);
	background: linear-gradient(to bottom, #0887C7 0%,#0c648f 100%);
}

#content-phase .phase-box .stepNumber {
    position: absolute;
    right: -1px;
    bottom: -17px;
    font-size: 115px;
    line-height: 100%;
    color: #fff;
    opacity: 0.3;
    filter: alpha(opacity=30);
    font-family: colaborate-boldregular;
}

.phase-end { margin-left:0px; }

/* staff */
		.staff-holder { margin-bottom:10px; }

.staff-left { float:left; width:125px; height:220px; background-color:#cccccc; }

.staff-right { float:right; width:430px; font-size:12px; }

/* footer */
#footer {
    height:80px;
    margin-bottom: 30px;
    font-size:11px;
    color:#848484;
    border-top: 1px solid #d9d9d9;
    width: 100%;
}

#footer .footerLogo {
    margin: -20px 75px 0 0px;
    float: right;
    display: inline;
}

#footer-left {
    float:left;
    width:100%;
    padding: 35px 20px 20px 40px;
    box-sizing: border-box;
    text-align: center;
}

#footer-right { float:right; padding-right:50px; padding-top:20px; }

#footer-left a { color:#999; text-decoration:none; }

#footer-left a:hover { color:#1ab5ee; text-decoration:none; }

#footer-right a { color:#5a5b60; text-decoration:none; }

#footer-right a:hover { color:#1ab5ee; text-decoration:none; }

/*  Form Validation Messages */


.full-input,
.half-input { border: 1px solid #ccc; font-size: 14px; background: #f3f2f2; padding: 4px; display: block; color:#31291c; }

.full-input { width: 285px; }

.half-input { width: 40%; }

.error,
.failure,
.information,
.success { padding: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; }

.failure, .error { background: #f7eaea; color: #d30e0e; border: 1px solid #d30e0e; display: block; }

.information { background: #f9f2d7; color: #CC6600; border: 1px solid #d08707; display: block; }

.success { background: #f0f9d7; color: #63a004; border: 1px solid #63a004; display: block; }



/* Gallery */

.hidden {display: none;}


.smartBoxLink {
	float: right;
	width: 332px;
	height: 349px;
	background: url(/SmartBox/images/visit-lia-smartbox.jpg) no-repeat;
	margin: -16px 30px 0 0;
	cursor: pointer;
}

/* FRONT END AMENDS */

#banner-logo .smart {
    width: 130px;
    text-align: left;
}

    #banner-logo .smart .smartboxIcon {
        position: absolute;
        top: -15px;
        right: 7px;
    }

#banner-logo .cta {
    border-right:1px solid #cfcfcf;
    padding:0 10px;
    height: 15px;
    display: inline-block;
    position: relative;
}

#banner-logo .cta.blog {
    width: 98px;
    text-align: left;
}

    #banner-logo .cta.blog .blogIcon {
        position: absolute;
        top: -15px;
        right: 7px;
    }

/*#banner-logo .cta.blog:before {
	content: url('/images/LiA/blog-icon.png');
	float: right;
	margin: -15px -3px 0 3px;
}*/

#banner-logo .cta.lia {
	vertical-align: middle;
    width: 13px;
}

#banner-logo .cta.lia a {
	position: absolute;
	top: -2px;
	left: 3px;
	font-family: colaborate-regularregular;
	font-weight: normal;
	font-size: 17px;
    height: 30px;
    background: url('/images/LiA/small-dots.png') no-repeat;
    background-position: -1px 18px;
}

#banner-logo .cta.last {
	border: none;
}

#banner-logo .cta a, #banner-logo .cta  {
    text-decoration:none;
    color:#444444;
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: bold;
    vertical-align: middle;
}

#banner-logo .cta img {
    vertical-align:middle;
}

.navWrap {
    position:absolute;
    top:65px;
    right:30px;
    width: 68%;
    height:auto;
    background: #fafafa; /* Old browsers */
    background: -moz-linear-gradient(top,  #fafafa 0%, #e9e9e9 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#e9e9e9)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fafafa 0%,#e9e9e9 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fafafa 0%,#e9e9e9 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fafafa 0%,#e9e9e9 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #fafafa 0%,#e9e9e9 100%); /* W3C */
    border-radius:7px;
    border:1px solid #d3d3d3;
    cursor:pointer;
    z-index: 1000;
}

.navWrap ul {
    z-index: 1000;
}

.navWrap:before {
	content: '\F141';
	font-family: FontAwesome;
	float: right;
	line-height: 100%;
	padding: 7px 15px 0 0;
	font-size: 25px;
}

.navWrap a {
    text-decoration:none;
    padding: 10px 10px 10px 14px;
    color:#444444;
    display: block;
    font-size: 16px;
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    transition: color ease 0.3s;
    text-align:left;
}

.navWrap ul li a:hover {
    color: #9c9c9c;
}

/* footer boxes */

#footer-boxes {
    background-color:#e7e6e4;
    border-top:1px solid #bab8b9;
    border-bottom:1px solid #bab8b9;
    margin-left:11px;
    margin-right:11px;
}

.phaseCombineWrap {
	width: 49%;
	float: left;
}

.phaseCombineWrap .footer-box {
	height: 0px;
	width: 96%;
	padding: 27px 0;
}

.phaseCombineWrap .footer-box.footer-phase2 {
	margin: 0 0 18px 20px;
}

.phaseCombineWrap .footer-box .phaseText .bodyText {
	margin-top: -9px;
	line-height: 17px;
}

.footer-box {
    float:left;
    padding:20px 20px 40px 20px;
    margin: 0px 0 0px 20px;
    position: relative;
    width:174px;
    border-radius:10px;
    display:inline;
    height: 66px;
    text-align: center;
}

.footer-box .phaseDuration {
	position: absolute;
	left: 36.5%;
	bottom: -22px;
	color: #5f6165;
}

.footer-box .phaseDuration:after {
	content: '';
	height: 1px;
	background: #5f6165;
	width: 76px;
	position: absolute;
	left: 62px;
	top: 6px;
}

.footer-box .phaseDuration:before {
	content: '';
	height: 1px;
	background: #5f6165;
	width: 69px;
	position: absolute;
	right: 62px;
	top: 6px;
}

.footer-box .phaseDuration.one:after {
	width: 71px;
	left: 63px;
}

.footer-box .phaseDuration.one:before {
	width: 70px;
	right: 62px;
}

.footer-box.footer-phase3 .phaseDuration {
	left: 45.5%;
}

.footer-box.footer-phase3 .phaseDuration:after {
	content: '';
	height: 1px;
	display: block;
	background: #5f6165;
	width: 176px;
	position: absolute;
	left: 66px;
	top: 6px;
}

.footer-box.footer-phase3 .phaseDuration:before {
	content: '';
	height: 1px;
	display: block;
	background: #5f6165;
	width: 190px;
	position: absolute;
	right: 66px;
	top: 6px;
}

.footer-box a {
    text-decoration:none;
}

.footer-box .phaseText {
    color:#fff;
    font-size:18px;
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

.footer-box .phaseText .opacity {
    font-size:14px;
    padding:3px 3px 15px 0;
    opacity:0.6;
    filter: alpha(opacity=60);
    float:right;
}

.footer-box .phaseText .bodyText {
    font-size:17px;
    display:inline-block;
    line-height: 20px;
	margin-top: 21px;
}

.footer-box.footer-phase1 {
    background: #1ab5f0; /* Old browsers */
    background: -moz-linear-gradient(top,  #1ab5f0 0%, #009cd7 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1ab5f0), color-stop(100%,#009cd7)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #1ab5f0 0%,#009cd7 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #1ab5f0 0%,#009cd7 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #1ab5f0 0%,#009cd7 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #1ab5f0 0%,#009cd7 100%); /* W3C */
}

.footer-box.footer-phase2 {
    background: #837cb9; /* Old browsers */
    background: -moz-linear-gradient(top,  #837cb9 0%, #736bb1 1%, #6c64ad 2%, #554d96 98%, #554d96 99%, #595198 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#837cb9), color-stop(1%,#736bb1), color-stop(2%,#6c64ad), color-stop(98%,#554d96), color-stop(99%,#554d96), color-stop(100%,#595198)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #837cb9 0%,#736bb1 1%,#6c64ad 2%,#554d96 98%,#554d96 99%,#595198 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #837cb9 0%,#736bb1 1%,#6c64ad 2%,#554d96 98%,#554d96 99%,#595198 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #837cb9 0%,#736bb1 1%,#6c64ad 2%,#554d96 98%,#554d96 99%,#595198 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #837cb9 0%,#736bb1 1%,#6c64ad 2%,#554d96 98%,#554d96 99%,#595198 100%); /* W3C */

}

.footer-box.footer-phase3 {
    background: #b85ea9; /* Old browsers */
    background: -moz-linear-gradient(top,  #b85ea9 0%, #af499e 1%, #ab409a 2%, #942983 97%, #942983 98%, #962e86 99%, #9f3f8f 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b85ea9), color-stop(1%,#af499e), color-stop(2%,#ab409a), color-stop(97%,#942983), color-stop(98%,#942983), color-stop(99%,#962e86), color-stop(100%,#9f3f8f)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #b85ea9 0%,#af499e 1%,#ab409a 2%,#942983 97%,#942983 98%,#962e86 99%,#9f3f8f 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #b85ea9 0%,#af499e 1%,#ab409a 2%,#942983 97%,#942983 98%,#962e86 99%,#9f3f8f 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #b85ea9 0%,#af499e 1%,#ab409a 2%,#942983 97%,#942983 98%,#962e86 99%,#9f3f8f 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #b85ea9 0%,#af499e 1%,#ab409a 2%,#942983 97%,#942983 98%,#962e86 99%,#9f3f8f 100%); /* W3C */

}

.footer-box.footer-phase4 {
    background: #e15183; /* Old browsers */
    background: -moz-linear-gradient(top,  #e15183 0%, #dd3973 1%, #db306c 2%, #c51955 97%, #c51955 98%, #c61e59 99%, #ca3166 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e15183), color-stop(1%,#dd3973), color-stop(2%,#db306c), color-stop(97%,#c51955), color-stop(98%,#c51955), color-stop(99%,#c61e59), color-stop(100%,#ca3166)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #e15183 0%,#dd3973 1%,#db306c 2%,#c51955 97%,#c51955 98%,#c61e59 99%,#ca3166 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #e15183 0%,#dd3973 1%,#db306c 2%,#c51955 97%,#c51955 98%,#c61e59 99%,#ca3166 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #e15183 0%,#dd3973 1%,#db306c 2%,#c51955 97%,#c51955 98%,#c61e59 99%,#ca3166 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #e15183 0%,#dd3973 1%,#db306c 2%,#c51955 97%,#c51955 98%,#c61e59 99%,#ca3166 100%); /* W3C */

}

.footer-box.footer-phase1, .footer-box.footer-phase4 {
    box-sizing: border-box;
    height: 126px;
    width: 214px;
    position: relative;
    display: table;
    padding: 0 20px;
    text-decoration: none;
}

.footer-box.footer-phase1 .phaseText .bodyText, .footer-box.footer-phase4 .phaseText .bodyText {
    height: 126px;
    position: relative;
    box-sizing: border-box;
    display: table-cell;
    vertical-align: middle;
}

div.footer-box .bubble {
    display: none;
}

div.footer-box:hover .bubble {
    display: none;
    position: absolute;
    left: 10px;
    width: 376px;
    height: 260px;
    z-index: 500;
    top: 150px;
    background: red;
}

/*.blue-back {background: #00aeef ;}
.purple-back {background: #5c55a4;}
.mag-back { background: #a22d91;}
.pink-back { background: #d91c5c;}*/

.end-box {
    margin-right:0px;
}

.bubble-pad {
    padding: 10px 20px;
    display: block;
}

/* Content Wrappers */

#content .contentWrapper {
    background: url(../../images/LiA/content-bg.jpg) no-repeat right;
}

#content .contentWrapper #content-left .contentHeader {
    color:#83459a;
    font-size:31px;
    font-family: colaborate-thinregular;
}

/* Quick Links */

#content .quickLinks {
    width:92%;
    border-top:1px solid #d9d9d9;
    padding: 30px 40px;
    position: relative;
    background: #fafafa; /* Old browsers */
    background: -moz-linear-gradient(top,  #fafafa 0%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fafafa 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fafafa 0%,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fafafa 0%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #fafafa 0%,#ffffff 100%); /* W3C */

}

#content .quickLinks .quickLinksHeader {
    color: #d91b5d;
    font-size: 24px;
    font-family: colaboratelightregular;
}

#content .quickLinks ul {
    margin:0;
    float:left;
    width: 24%;
}

#content .quickLinks ul li {
    list-style-type:none;
    border-bottom:2px dotted #d9d9d9;
    width: 89%;
    padding:5px 0;

}

#content .quickLinks ul li a {
    font-size: 13px;
    color: #444444;
    text-decoration: none;
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: bold;
    letter-spacing: 0.1px;
}

#content .quickLinks ul li i {
    color: #007ac3;
    padding: 0 5px 0 0;
}

#content .quickLinks .trackProgress {
    background: url(../../images/LiA/trackCal.png) no-repeat -23px center #ffffff;  /* Old browsers */
    background: url(../../images/LiA/trackCal.png) no-repeat -23px center, -moz-linear-gradient(top,  #ffffff 0%, #f2f2f2 100%); /* FF3.6+ */
    background: url(../../images/LiA/trackCal.png) no-repeat -23px center, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
    background: url(../../images/LiA/trackCal.png) no-repeat -23px center, -webkit-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
    background: url(../../images/LiA/trackCal.png) no-repeat -23px center, -o-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%); /* Opera 11.10+ */
    background: url(../../images/LiA/trackCal.png) no-repeat -23px center, -ms-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%); /* IE10+ */
    background: url(../../images/LiA/trackCal.png) no-repeat -23px center, linear-gradient(to bottom,  #ffffff 0%,#f2f2f2 100%); /* W3C */
    height: 132px;
    width: 263px;
    /* padding: 20px 20px 20px 90px; */
    padding: 20px 0 20px 90px;
    position: absolute;
    top: 60px;
    right: 33px;
    border: 1px solid #dcdcdc;
    border-radius: 5px;
    margin-top: -20px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.lt-ie7 #content .quickLinks .trackProgress {
    width: 160px;
}

#content .quickLinks .trackProgress p {
    color: #d91b5d;
    font-size: 24px;
    font-family: colaboratelightregular;
    line-height: 25px;
}

#content .quickLinks .trackProgress a {
    background: #19b4ef; /* Old browsers */
    background: -moz-linear-gradient(top,  #19b4ef 0%, #029dd9 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#19b4ef), color-stop(100%,#029dd9)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #19b4ef 0%,#029dd9 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #19b4ef 0%,#029dd9 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #19b4ef 0%,#029dd9 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #19b4ef 0%,#029dd9 100%); /* W3C */
    color: #fff;
    text-decoration: none;
    padding: 10px 15px;
    border-radius: 8px;
    font-weight: bold;
    font-size: 15px;
    opacity: 0.85;
    filter: alpha(opacity=85);
    transition: opacity ease 0.3s;
}

#content .quickLinks .trackProgress a:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

#content .imageWrap {
    width: 80%;
    text-align: center;
    float: right;
    margin: 30px 0 0 0;
}

#content .furtherResourcesWrap {
    float: right;
    width: 100%;
    margin: 5px 0 0 0;
    display: inline;
}

#content .furtherResourcesWrap .smartBoxButton {
    background: url(../../images/LiA/smartbox-small.png) no-repeat, #ffffff; /* Old browsers */
    background: url(../../images/LiA/smartbox-small.png) no-repeat, -moz-linear-gradient(top,  #ffffff 0%, #f2f2f2 100%) url(../../images/LiA/smartbox-small.png); /* FF3.6+ */
    background: url(../../images/LiA/smartbox-small.png) no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
    background: url(../../images/LiA/smartbox-small.png) no-repeat, -webkit-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%) url(../../images/LiA/smartbox-small.png); /* Chrome10+,Safari5.1+ */
    background: url(../../images/LiA/smartbox-small.png) no-repeat, -o-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%) url(../../images/LiA/smartbox-small.png); /* Opera 11.10+ */
    background: url(../../images/LiA/smartbox-small.png) no-repeat, -ms-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%) url(../../images/LiA/smartbox-small.png); /* IE10+ */
    background: url(../../images/LiA/smartbox-small.png) no-repeat 10px, linear-gradient(to bottom,  #ffffff 0%,#f2f2f2 100%);  /* W3C */
    text-decoration: none;
    color: #433928;
    border: 1px solid #d3d3d3;
    border-radius: 10px;
    padding: 20px 10px 20px 85px;
    font-size: 15px;
    float: left;
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: bold;

}

#content .furtherResourcesWrap .smartBoxButton span {
    color: #00adef;
    display: inline-block;
}

#content .furtherResourcesWrap .tracker {
    width: 100%;
    margin: 20px 0 0 0;
    padding: 20px 0 20px 73px;
    float: left;
    border-top: 1px solid #d3d3d3;
    font-family: colaborate-regularregular;
    color: #433928;
    font-weight: normal;
    font-size: 20px;
    background: url(../../images/LiA/calendar-small.png) no-repeat left 23px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.lt-ie7 #content .furtherResourcesWrap .tracker {
    width: 600px;
}

#content .furtherResourcesWrap .tracker a {
    display: block;
    background: #19b4ef; /* Old browsers */
    background: -moz-linear-gradient(top,  #19b4ef 0%, #029dd9 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#19b4ef), color-stop(100%,#029dd9)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #19b4ef 0%,#029dd9 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #19b4ef 0%,#029dd9 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #19b4ef 0%,#029dd9 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #19b4ef 0%,#029dd9 100%); /* W3C */
    color: #fff;
    float: left;
    text-decoration: none;
    padding: 11px 18px;
    margin: 20px 0 0 0;
    border-radius: 8px;
    font-weight: bold;
    font-size: 15px;
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    opacity: 0.85;
    filter: alpha(opacity=85);
    transition: opacity ease 0.3s;
}

#content .furtherResourcesWrap .tracker a:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

.homeLink {
	float: left;
	color: #1ab5f0;
	font-size: 18px;
	vertical-align: middle;
	text-decoration: none;
	margin-left: -30px;
	margin-top: -2px;
}

.logoutLink {
	text-decoration: none;
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: bold;
    color: #444444;
    font-size: 14px;
    margin: -5px 0 0 0;
    display: block;
}

.logoutLink i {
	color: #d91b5d;
}

.phase-item {
    position: relative;
}

.trackerDownload {
    position: absolute;
    right: 0;
    top: 1.5em;
}

#content-phase {
	padding: 20px;
    box-sizing: border-box;
}

.content-phase-wrap {
	margin-right: -20px;
}

#content-phase .content-phase-box {
    float: left;
    width: calc(25% - 20px);
    margin-right: 20px;
    padding: 20px 10px;
    position: relative;
    border-radius: 10px;
    display: block;
    text-align: center;
    box-sizing: border-box;
    position: relative;
    text-decoration: none;
}

#content-phase .content-phase-box .phaseText {
    color: #fff;
    font-size: 15px;
    line-height: 20px;
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

#content-phase .content-phase-box .phaseText b {
	font-size: 18px;
	line-height: 22px;
	display: block;
	margin-bottom: 5px;
}

#content-phase .content-phase-box:nth-child(1) {
	background: #1ab5f0;
	background: -moz-linear-gradient(top, #1ab5f0 0%, #009cd7 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1ab5f0), color-stop(100%,#009cd7));
	background: -webkit-linear-gradient(top, #1ab5f0 0%,#009cd7 100%);
	background: -o-linear-gradient(top, #1ab5f0 0%,#009cd7 100%);
	background: -ms-linear-gradient(top, #1ab5f0 0%,#009cd7 100%);
	background: linear-gradient(to bottom, #1ab5f0 0%,#009cd7 100%);
}

#content-phase .content-phase-box:nth-child(2) {
	background: #837cb9;
    background: -moz-linear-gradient(top, #837cb9 0%, #736bb1 1%, #6c64ad 2%, #554d96 98%, #554d96 99%, #595198 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#837cb9), color-stop(1%,#736bb1), color-stop(2%,#6c64ad), color-stop(98%,#554d96), color-stop(99%,#554d96), color-stop(100%,#595198));
    background: -webkit-linear-gradient(top, #837cb9 0%,#736bb1 1%,#6c64ad 2%,#554d96 98%,#554d96 99%,#595198 100%);
    background: -o-linear-gradient(top, #837cb9 0%,#736bb1 1%,#6c64ad 2%,#554d96 98%,#554d96 99%,#595198 100%);
    background: -ms-linear-gradient(top, #837cb9 0%,#736bb1 1%,#6c64ad 2%,#554d96 98%,#554d96 99%,#595198 100%);
    background: linear-gradient(to bottom, #837cb9 0%,#736bb1 1%,#6c64ad 2%,#554d96 98%,#554d96 99%,#595198 100%);
}

#content-phase .content-phase-box:nth-child(3) {
    background: #b85ea9;
    background: -moz-linear-gradient(top, #b85ea9 0%, #af499e 1%, #ab409a 2%, #942983 97%, #942983 98%, #962e86 99%, #9f3f8f 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b85ea9), color-stop(1%,#af499e), color-stop(2%,#ab409a), color-stop(97%,#942983), color-stop(98%,#942983), color-stop(99%,#962e86), color-stop(100%,#9f3f8f));
    background: -webkit-linear-gradient(top, #b85ea9 0%,#af499e 1%,#ab409a 2%,#942983 97%,#942983 98%,#962e86 99%,#9f3f8f 100%);
    background: -o-linear-gradient(top, #b85ea9 0%,#af499e 1%,#ab409a 2%,#942983 97%,#942983 98%,#962e86 99%,#9f3f8f 100%);
    background: -ms-linear-gradient(top, #b85ea9 0%,#af499e 1%,#ab409a 2%,#942983 97%,#942983 98%,#962e86 99%,#9f3f8f 100%);
    background: linear-gradient(to bottom, #b85ea9 0%,#af499e 1%,#ab409a 2%,#942983 97%,#942983 98%,#962e86 99%,#9f3f8f 100%);
}



#content-phase .content-phase-box:nth-child(4) {
	background: #e15183;
    background: -moz-linear-gradient(top, #e15183 0%, #dd3973 1%, #db306c 2%, #c51955 97%, #c51955 98%, #c61e59 99%, #ca3166 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e15183), color-stop(1%,#dd3973), color-stop(2%,#db306c), color-stop(97%,#c51955), color-stop(98%,#c51955), color-stop(99%,#c61e59), color-stop(100%,#ca3166));
    background: -webkit-linear-gradient(top, #e15183 0%,#dd3973 1%,#db306c 2%,#c51955 97%,#c51955 98%,#c61e59 99%,#ca3166 100%);
    background: -o-linear-gradient(top, #e15183 0%,#dd3973 1%,#db306c 2%,#c51955 97%,#c51955 98%,#c61e59 99%,#ca3166 100%);
    background: -ms-linear-gradient(top, #e15183 0%,#dd3973 1%,#db306c 2%,#c51955 97%,#c51955 98%,#c61e59 99%,#ca3166 100%);
    background: linear-gradient(to bottom, #e15183 0%,#dd3973 1%,#db306c 2%,#c51955 97%,#c51955 98%,#c61e59 99%,#ca3166 100%);
}

#content-phase .content-phase-box:nth-child(5) {
	width: calc(100% - 20px);
	margin-top: 20px;
	background: #0887C7;
	background: -moz-linear-gradient(top, #0887C7 0%, #0c648f 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0887C7), color-stop(100%,#0c648f));
	background: -webkit-linear-gradient(top, #0887C7 0%,#0c648f 100%);
	background: -o-linear-gradient(top, #0887C7 0%,#0c648f 100%);
	background: -ms-linear-gradient(top, #0887C7 0%,#0c648f 100%);
	background: linear-gradient(to bottom, #0887C7 0%,#0c648f 100%);
}