<?php
								if (!isset($filePath)) {
?>
									#ftd {
										visibility: hidden;
									}
<?php
								}
?>

								.homecontainer {
									/*     margin: 0 70px;*/
								}

								.homeSection {
									/*    border: 1px solid #216182;*/
								}

								h1 {
									padding: 0;
									margin: 0;
								}

								.homemenutext {
									color: #216182;
									padding: 0;
									margin: 0;
								}

								#homeHeader {
									height: 150px;
									/*    border: 3px dashed #216182;*/
								}

								div .headerUserPhoto {
									/*    width: 90px;*/
									height: 100%;
									vertical-align: bottom;
									padding-top: 20px;
									float: left;
									/*    margin-right: 30px;*/
									text-align: center;
								}

								#uploadPictureText {
									font-size: 1.2vw;
								}

								div .headerUserDetails {
									height: 150px;
								}

								div .headerUserDetails {
									font-size: 12px;
									padding-left: 50px;
								}

								div .headerUserPhoto {
									border-radius: 50%;
								}

								.headerUserPhoto img {
									width: 100px;
									height: auto;
									border-radius: 50%;
									border: 1px solid black;
								}

								.headerUserPhoto img:hover {
									-webkit-transform: scale(1.3);
									-ms-transform: scale(1.3);
									transform: scale(1.3);
									cursor: pointer;
									border: 0;
								}

								button .btn .btn-outline-info #homeNotificationView:hover {
									background-color: blue;
								}

								#memberdetails {
									width: 50%;
									height: 180px;
									float: left;
								}

								#membernotifications {
									width: 50%;
									height: 180px;
									margin-left: 50%;
								}

								#homemenucolumn {
									background-color: aquamarine;
								}

								.panel > .panel-heading {
									background-image: none;
									background-color: white;
									/* background-color: blue;*/
									opacity: 0.7;
									color:black;
								}

								.panel {
									border: 1px solid black;
									box-shadow: 10px 10px 5px #888888;
								}

								.home-panel {
									max-width: 270px;
									height: 135px;
								}

								.home-panel .panel-heading {
									border: 2px solid grey;
									height: 95px;
								}

								.homepanelinnerrow {
									height: 50px;
									background-color: yellow;
								}

								.home-panel > .panel-heading > .row > .text-right {
									font-size: 0.9em;
								}

								.home-panel .usericon {
									/* border: 2px solid blue;*/
									width: 40px;
									height: 80px;
									padding: 0;
									padding-left: 15px;
								}

								.home-panel .text-right {
									/* border: 2px solid green;*/
									height: 80px;
									max-width: 150px;
									float: right;
								}

								.panel-footer {
									height: 35px;
								}

								.panel:hover {
									box-shadow: 20px 20px 8px #999999;
								}

								.wip {
									background-color: red;
								}

								.panel-row-break {
									margin-top: 20px;
									/* height: 100px;*/
								}

								.admin-panel {
									background-color: mediumpurple;
								}

								.committee-panel {
									background-color:lawngreen;
								}

								.home-menu-right-text {
									background-color: black;
									opacity: 0.3;
									color: white;
									border-radius: 25px;
									padding: 3px;
									margin: 3px;
								}

								.homepanelmaintext {
									font-size: 14px;
								}

								.homepanelmaintext strong {
									text-transform: uppercase;
									font-weight: 900;
								}

								#notification_article {
									border: 1px solid lightgrey;
									padding: 0px;
									padding-left: 50px;
									padding-right: 50px;
									padding-bottom: 130px;
								}

								#notification_article h3 {
									font-size: 20px;
									text-align: left;
									text-decoration: underline;
								}

								#notification_article h2 #articletitle {
									padding-left: 30px !important;
								}

								#notification_article h5 {
									color: gray;
								}

								#notification_article #not-content {
									padding-left: 60px;
									font-size: 20px;
								}

								.article_section {
									border-bottom: 1px solid #C4B7B4;
									border-left: 3px solid #C4B7B4;
									margin-bottom: 20px;
									min-height: 100px;
									/* border: 2px solid green;*/
									padding: 5px;
								}

								.article_info {
									/* border: 1px solid grey;*/
									background-color: #C4B7B4;
									font-size: 1.1vw;
									/* padding-bottom: 20px;*/
									padding-top: 3px;
									padding-bottom: 3px;
								}

								.article_info_posted_by {
									color: grey;
								}

								.article_details {
									min-height: 100%;
									min-height: 30px;
									/* font-size: 2.1vw; */
									padding-top: 10px;
									font-size: 1.2vw !important;
									line-height: 1.32em;
								}

								.article_info_title {
									text-transform: uppercase;
									font-weight: 900;
									word-wrap: break-word;
								}

								#countLoggedIn {
									padding-left: 5px;
									font-family: 'Oswald', sans-serif;
									font-size: 30px;
									text-transform: uppercase;
									color: #216182;
								}

								#loggedInAlert:hover,
								#latestEntsAlert:hover,
								#latestPostsAlert:hover,
								#latestArticlesAlert:hover,
								#latestMemorabiliaAlert:hover {
									cursor: pointer;
								}

								.notificationsTableLeftTD {
									width: 25%;
								}

								.newArticleDiv {
									height: 25px;
									border: 1px solid black;
									background-color: greenyellow;
									width: 100%;
									text-align: center;
								}

								.homeTablePostsContent {
									word-wrap: break-word !important;
									max-width: 600px;
								}

								.homeTablePostsHeader {
									border: 1px solid lightgray;
									padding: 4px;
								}

								.homeTablePostsContentHeaderContent {
									color: blue !important;
									font-weight: bold;
								}

								/* stops the text from overflowing if there are no breaks */
								#homePostsTable {
									table-layout: fixed;
									word-wrap: break-word;
								}

								/* on click of the .uploadChipClass set the cursor to pointer */
									.uploadChipClass {
								}

								.uploadChipClass:hover {
									cursor: pointer !important;
									border: 2px solid red;
								}

								.homeTablePostsContentPostContent {
									padding: 10px;
									border-radius: 25px;
									background-color: lightgray;
									max-width: 100%;
									word-wrap: break-word;
									overflow-wrap: break-word;
								}

								@media screen and (max-width: 480px) {
									.article_details {
										font-size: 2.1vw !important;
									}

									.article_info {
										font-size: 1.8vw;
									}
								}