button:active,
button:focus,
button:hover,
input[type="button"]:active,
input[type="button"]:focus,
input[type="button"]:hover,
select:focus,
textarea:active, 
textarea:focus, 
textarea:hover 
{
    outline:0px !important;
    -webkit-appearance:none;
}

.desktop a,
.desktop a:visited {
	color:#16161D;
	z-index:10;
}
.desktop a[id],
.desktop a[id]:visited {
	text-decoration:none;
}
.desktop a:hover,
.desktop .siteTitle a:hover {
	text-decoration: underline #16161D;
}
.desktop a[id]:hover,
.desktop .siteTitle a[id]:hover {
	color:#16161D;
	text-decoration:none;
}
.desktop .siteTitle a {
	text-decoration:none;
}
.desktop .bottom a:hover {
	text-decoration: underline #16161D;
}
.mobile a, .mobile a:visited {
	color:#16161D;
	text-decoration:none;
}

body {
	background-color:white; /* #F3F3F3 */
	font-family: 'Molengo', sans-serif;
	margin: 0;
}
input, textarea, keygen, select, button {
	border-style:solid;
	border-width:1px;
	font-family: 'Molengo', sans-serif;
	font-size: 13px;
}
button {
	background-color: white;
	border-radius: 20px;
	padding:5px 10px 6px;
}
button.login
button.notready {
	background-color: #F3F3F3;
	border-color:red;
	color:grey;
}
input.notready {
	border-color:red;
}
button.notready:hover {
	background-color: #F9F9F9;
}
button.ready {
	color:white;
}
.buttonLogin > button {
	height: 22px;
    line-height: 12px;
}

input[type="password"] {
	font-family: sans-serif;
	letter-spacing:2px;
}
input[type="password"],
input[type="text"],
textarea {
	padding:5px;
}
input[type="password"]:focus,
input[type="text"]:focus {
	outline: 0;
} 

.adminInput {
	float:left;
	margin-bottom:10px;
	width:400px;

}
.adminLabel {
	clear:both;
	float:left;
	margin-bottom:10px;
	width:100px;
}
.answerDiv {
	background-color:#F3F3F3;
    margin:0;
    padding: 22px 34px 25px 35px;
    position: relative;
    width: 91%;
}
.mobile .answerDiv {
	margin-left: 5px;
	width: 70%;
}
.arrow01 {
	color:blue;
	display: inline;
	float: left;
	font-size: 12px;
	position:relative;
	right:2px;
	top: 7px;
}
.askButton {
	background-color:white;
	border-radius:30px;
	bottom:2px;
	cursor:pointer;
	float:right;
	font-size:20px;
	height:15px;
	padding:11px 9px 20px 15px;
	position:relative;
	top:0px;
	width:120px;
}
.mobile .askButton {
	margin-right:5px;
	/* width:9%; */
}

.backToTop {
	float: right;
    font-size: 28px;
}
.backToTop > a {
	text-decoration: none;
}
.backToTop > a:hover {
	text-decoration: none;
}

.blogSection {
	float:left;
	padding: 5px 10px;
}
.blogSectionLeft50,.blogSectionLeft100 {
	float:left;
	padding: 5px 10px;
	text-align:right;
}
.blogSectionRightBorder50,.blogSectionRightBorder100 {
	border-left:thin solid lightgrey;
	float:left;
	padding: 5px 10px;
}
.blogSectionLeft50  { width: 70px; } .blogSectionRightBorder50  { width:615px; }
.blogSectionLeft100 { width:120px; } .blogSectionRightBorder100 { width:665px; }

.blogsAuthor {

}
.blogsSeperator {
	color:lightgrey;
}
.blogsTitle {
	font-size:18px;
	font-style:italic;
}

.body01 {
	float:left;
	width:100%;
}
.body02 {
	float:left;
	margin:0 auto;
}
/* used by project/board */
.body03 {
	float: left;
	width: calc(100% - 146px);
}
.body03 .tableContainer01,.body03 .table01 {
	width:initial;
}
.body03 .table01 {
    margin-right: 10px;
}
.bottom {
    bottom: 0;
    padding:4px 0;
    width: 100%;
}
.bottomFixed {
    bottom: 0;
    padding:4px 0;
    position:fixed;
    width: 100%;
}
.bottomBox {
	margin: 0 auto;
	position: relative;
	width: 453px;
}

.boxAllCheckbox {
	float:left;
	width:150px;
}

.bull {
	font-weight:bold;
}

.button01 {
	border:thin solid grey;
	border-radius: 10px;
	display: inline;
	font-size:18px;
	height: 22px;
	line-height: normal;
	margin:0 3px;
    padding: 4px 6px;
    position: relative;
}
.buttonLogin {
	float: right;
}

.breadcrumbs {
	float:left;
}
.breadcrumbs div {
	float:left;
	margin:0px 3px;
}
.breadcrumbSlash {
	color:lightgrey;
	font-size: 10px;
}

.categoryIcon {
	float:left;
	margin-top: 5px;
	width:20px;
}

.cellL   { overflow:hidden; position:relative; float:left; text-align:left; }
.cell05L { overflow:hidden; position:relative; float:left; text-align:left; width: 25px; }
.cell1L  { overflow:hidden; position:relative; float:left; text-align:left; width: 50px; }
.cell2L  { overflow:hidden; position:relative; float:left; text-align:left; width:100px; }
.cell3L  { overflow:hidden; position:relative; float:left; text-align:left; width:150px; }
.cell4L  { overflow:hidden; position:relative; float:left; text-align:left; width:200px; }
.cell5L  { overflow:hidden; position:relative; float:left; text-align:left; width:250px; }
.cell6L  { overflow:hidden; position:relative; float:left; text-align:left; width:300px; }
.cell7L  { overflow:hidden; position:relative; float:left; text-align:left; width:350px; }
.cell75L { overflow:hidden; position:relative; float:left; text-align:left; width:375px; }
.cell8L  { overflow:hidden; position:relative; float:left; text-align:left; width:400px; }
.cell9L  {                  position:relative; float:left; text-align:left; width:450px; }

.cell1R { overflow:hidden; position:relative; float:right; text-align:right; width: 50px; }
.cell2R { overflow:hidden; position:relative; float:right; text-align:right; width:100px; }
.cell3R { overflow:hidden; position:relative; float:right; text-align:right; width:150px; }
.cell4R { overflow:hidden; position:relative; float:right; text-align:right; width:200px; }
.cell5R { overflow:hidden; position:relative; float:right; text-align:right; width:250px; }
.cell6R { overflow:hidden; position:relative; float:right; text-align:right; width:300px; }
.cell7R { overflow:hidden; position:relative; float:right; text-align:right; width:350px; }
.cell8R { overflow:hidden; position:relative; float:right; text-align:right; width:400px; }
.cell9R { overflow:hidden; position:relative; float:right; text-align:right; width:450px; }

.cellLabel { line-height:20px; margin-top:3px; }
.cellInput { font-family: 'Lucida Grande'; font-size: 11px; }
.cellTitle { text-align:center; }

.cell {
	/* full cell */
	height: 32px;
	position:relative;
	width:450px;
}

.cell1 {
	/* cell for label */
	float:left;
	line-height: 20px;
	margin-top:3px;
	text-align:left;
	width:150px;
}
.cell1b {
	/* cell for label */
	float:left;
	line-height: 20px;
	margin-top:3px;
	text-align:left;
	width:300px;
}
.cell2 {
	/* cell for input */
	float:left;
	font-family: 'Lucida Grande';
	font-size: 11px;
	position:relative;
	text-align:left;
	width:300px;
}
.cell3 {
	/* cell for buttons */
	float:left;
	text-align:right;
	width:450px;
}
.cell3b {
	/* cell for stuff on the right */
	display:inline;
	float:right;
	text-align:right;
}
.cell4 {
	/* cell for buttons */
	float:left;
	width:450px;
}
.cell5 {
	/* cell for the title */
	float:left;
	text-align:center;
	width:450px;
}

.cell6 {
	/* cell for 0-10 */
	height: 5px;
	position:relative;
	width:450px;
}
.cell7 {
	/* cell for additional info */
	float:left;
	font-family: 'Lucida Grande';
	font-size: 11px;
	position:relative;
	text-align:left;
	width:450px;
}

.checkbox01 {
	margin-top:6px;
}
.checkbox01div {
	margin:4px;
}

.classic {
	color: blue;
	text-decoration: underline;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix {
    display: inline-block;
}
html[xmlns] .clearfix {
    display: block;
}

.clearLeft {
	clear:left;
	float:left;
}
.clearRight {
	clear:right;
	float:right;
}
.closeBookmarkAfter {
	font-size:13px;
	letter-spacing: -2px;
	min-height: 43px;
	position:relative;
}
.closeBookmarkAfter > div {
    margin-left: 4px;
	position:absolute;
	top:0;
    width: 337px;
}

.closeBookmarkBefore {
	font-size:13px;
	letter-spacing: -2px;
	min-height: 43px;
	position:relative;
}
.closeBookmarkBefore > div {
    margin-left: 4px;
	position:absolute;
	bottom:0;
    width: 337px;
}

.column01 {
	margin-right: 10px;
}

.column01,
.column01 .row,
.column01 .rowDivider,
.column01 .text04div {
	float:left;
	width:84px;
}

.contentarea {
	display: inline;
	width: 800px;
}
.contentareamobile {
	display: inline;
	margin:0%;
	width: 98%;
}

.coverOff {
	display:none;
}
.coverOn {
	background-color:#111;
	display:block !important;
	height:100%;
	opacity:0.8;
	position: fixed;
	width:100%;
	z-index:999;
}

.eventDateTime {
	clear:left;
	font-size: 14px;
}
.eventDesc {
	border-left:thin solid lightgrey;
	float:left;
	height: 130px;
	padding:10px 0 10px 10px;
	width:200px;
}
.eventDetails {
	float:left;
	margin-top: 5px;
	width:300px;
}
.eventHostOrg {
	clear:left;
	float:left;
	font-size: 14px;
}
.eventImg {
	float:left;
	height:150px;
	margin-right: 20px;
	width:150px;
}
.eventImg img {
	max-height:150px;
	max-width:150px;
}
.eventLocation {
	clear:left;
	font-size: 14px;
	margin-bottom:10px;
}
.eventNames {
	clear:left;
	margin-bottom:10px;
}
.mobile .eventNames {
	margin-bottom:inherit;
}
.eventNames div {
	float:left;
	clear:both;
}
.mobile .eventNames div {
	font-size:14px;
}
.eventNames a:first-of-type {
	font-weight:bold;
}
.eventRsvp {
	font-family: monospace;
    font-size: 12px;
}
.eventSaveShare {
	float:left;
	text-align: center;
	width:40px;
}
.eventStar {
	font-weight:bold;
}
.eventTags {
	clear:left;
}
.eventTags > div {
	border-radius:8px;
	float:left;
	margin-right:5px;
	padding:0 4px;
}
.eventTitle {
	clear:left;
	font-size:20px;
	font-style:italic;
	font-weight:bold;
	margin-bottom:10px;
}


/* f */

.fa-wikipedia-w {
	font-size: 11px;
}

.formCheckbox > div {
	margin-top:2px;
}
.formCheckbox > input {
	margin-top: 8px;
}
.page_logout .formCheckbox {
	width: 170px;
}
.formLabel {
	float:left;
	padding:5px;
	width:100px;
}
.formLabel120 {
	float:left;
	padding:5px;
	width:120px;
}
.formPassword {
	float:left;
}
.formPasswordHelper1 {
	float:left;
	font-size: 14px;
	margin: 0 20px 0 115px;
}
.formPasswordHelper2 {
	float:left;
	font-size: 14px;
}
.desktop .formPassword {
	width:500px;
}
.mobile .formPassword {
	clear: both;
	width:100%;
}
.desktop .formPassword > input {
	font-weight:bold;
	letter-spacing: -2px;
	width:200px;
}
.mobile .formPassword > input {
	width:96%;
}
.formText {
	float: left;
    padding: 5px;
    width: 580px;
}
.formTextbox {
	float:left;
}
.desktop .formTextbox {
	width:500px;
}
.mobile .formTextbox {
	clear: both;
	width:100%;
}
.formTextbox > div.pre {
    float: left;
    font-style: italic;
	margin: 5px 10px 0 0;
}

.formTextbox > div.post {
    float: left;
    font-style: italic;
	margin: 5px 0 0 10px;
}
.formTextbox > input {
	width:200px;
}

/* h */

.h0  { clear:both;              }
.h1  { clear:both; height: 1px; }
.h2  { clear:both; height: 2px; }
.h3  { clear:both; height: 3px; }
.h4  { clear:both; height: 4px; }
.h5  { clear:both; height: 5px; }
.h6  { clear:both; height: 6px; }
.h7  { clear:both; height: 7px; }
.h8  { clear:both; height: 8px; }
.h9  { clear:both; height: 9px; }
.h10 { clear:both; height:10px; }
.h11 { clear:both; height:11px; }
.h12 { clear:both; height:12px; }
.h13 { clear:both; height:13px; }
.h14 { clear:both; height:14px; }
.h15 { clear:both; height:15px; }
.h20 { clear:both; height:20px; }
.h25 { clear:both; height:25px; }
.h30 { clear:both; height:30px; }
.h35 { clear:both; height:35px; }
.h40 { clear:both; height:40px; }
.h45 { clear:both; height:45px; }
.h50 { clear:both; height:50px; }
.h55 { clear:both; height:55px; }
.h60 { clear:both; height:60px; }
.h65 { clear:both; height:65px; }
.h70 { clear:both; height:70px; }
.h75 { clear:both; height:75px; }
.h80 { clear:both; height:80px; }
.h85 { clear:both; height:85px; }
.h90 { clear:both; height:90px; }
.h95 { clear:both; height:95px; }
.h100 { clear:both; height:100px; }
.h105 { clear:both; height:105px; }
.h110 { clear:both; height:110px; }
.h115 { clear:both; height:115px; }
.h120 { clear:both; height:120px; }
.h125 { clear:both; height:125px; }
.h130 { clear:both; height:130px; }
.h135 { clear:both; height:135px; }
.h140 { clear:both; height:140px; }
.h145 { clear:both; height:145px; }
.h150 { clear:both; height:150px; }
.h155 { clear:both; height:155px; }
.h160 { clear:both; height:160px; }
.h165 { clear:both; height:165px; }
.h170 { clear:both; height:170px; }
.h175 { clear:both; height:175px; }
.h180 { clear:both; height:180px; }
.h185 { clear:both; height:185px; }
.h190 { clear:both; height:190px; }
.h195 { clear:both; height:195px; }
.h200 { clear:both; height:200px; }

.headerBox {
	margin: 0 auto;
	position: relative;
	width: 800px;
}

.headerBoxTitle {
	display:inline;
	font-size: 30px;
	line-height: 30px;
	position: relative;
	top: 1px;
}

.headerRight {
	float:right;
	font-size: 20px;
	line-height: 6px;
	position: absolute;
	right: 45px;
	top: 14px;
}

.hint01 {
	color: #555;
	float: right;
	font-family: monospace;
	font-size: 13px;
}

.hint02 {
	font-size: 8px;
	margin-bottom: 2px;
}

.leftMarginNote1 {
	font-size:12px;
	left: 15px;
	position: absolute;
}
.aboveLineLeftNote1 {
	font-size:10px;
	float:left;
	text-align:left;
}
.aboveLineRightNote1 {
	font-size:10px;
	float:right;
	text-align:right;
}

.iconColor1 { color:orange; }
.iconColor2 { color:green; }
.iconColor3 { color:orange; }
.iconColor4 { color:red; }
.iconColor5 { color:red; }

.improve {
	background-color:white;
	border-radius: 50%;
	border-right: thin solid grey;
	border-top: thin solid grey;
	font-family:monospace;
	font-size:10px;
	height: 11px;
	line-height: 11px;
	position:absolute;
	right:-4px;
	top:-4px;
	width: 11px;
}

.improveFrom0,.improveFrom1,.improveFrom2,.improveFrom3,.improveFrom4,.improveFrom5,
.improveFrom6,.improveFrom7,.improveFrom8,.improveFrom9,.improveFrom10 {
	bottom:8px;
	height:15px;
	position:absolute;
	z-index: 0;
}
.improveFrom0 { left:300px; }
.improveFrom1 { left:310px; }
.improveFrom2 { left:320px; }
.improveFrom3 { left:330px; }
.improveFrom4 { left:340px; }
.improveFrom5 { left:350px; }
.improveFrom6 { left:360px; }
.improveFrom7 { left:370px; }
.improveFrom8 { left:380px; }
.improveFrom9 { left:390px; }

.indexBlogs {
    border-radius: 5px;
	float:left;
	margin-bottom:20px;
	padding: 4px 8px;
	width:350px;
}
.indexBlogsList {
	float:left;
	padding-left:10px;
}
.indexBlogsEntry {
	float:left;
}
.indexBlogsTitle {
	font-size:20px;
	font-style: italic;
}
.indexBlogsTitle a {
	color:green;
}
.indexBlogsAuthor {
	font-size:16px;
	margin-left:10px;
}
.indexBlogsDate {
	font-size:16px;
	margin:0 0 20px 10px;
}

.indexEvents {
    border-radius: 5px;
	float:left;
	margin-bottom: 20px;
	padding: 4px 8px;
	width:350px;
}
.indexEventsList {
	float:left;
	padding-left:10px;
}
.indexEventsEntry {
	float:left;
}
.indexEventsTitle {
	font-size:20px;
	font-style: italic;
}
.indexEventsTitle a {
	color:green;
}
.indexEventsDateTime {
	font-size:16px;
	margin:0 0 20px 10px;
}

.indexInfo {
    border-radius: 5px;
	float:left;
	margin-bottom:20px;
	padding: 4px 8px;
	width:350px;
}
.indexInfoBullet {
	color:lightgrey;
	float:left;
	margin-right:5px;
}
.indexInfoItem {
	float:left;
	margin-right:5px;
}
.indexInfoList {
	border-left:thin solid lightgrey;
	float:left;
	margin-bottom:10px;
	padding-left:10px;
}
.indexInfoSeperator {
	color:lightgrey;
	float:left;
	margin-right:10px;
}
.indexInfoType {
	float:left;
	font-weight:bold;
	margin-right:10px;
	width: 100px;
}

.indexLeft {
	float:left;
	width:370px;
}
.indexRight {
	float:right;
	width:370px;
}

.infoDesc {
	float:left;
	margin:0 0 10px 0;
}
.desktop .infoDesc {
	width:700px;
}
.infoDetails {
	float:left;
	margin:5px 0;
}
.desktop .infoDetails {
	width:730px;	
}
.infoFacebook {
	float:left;
}
.infoFacebook img {
	height: 20px;
    margin: 5px 5px 0 5px;
}
.infoIconLinks {
    float:right;
}
.infoInstagram {
	float:left;
}
.infoInstagram img {
	height: 20px;
    margin: 5px 5px 0 5px;
}
.infoList {
	float:left;
	margin:0 0 0 20px;
}
.infoName {
	font-size:20px;
	margin:3px 20px 9px 0;
}
.infoPageDesc {
	border-left:thin solid lightgrey;
	float:left;
	font-size:12px;
	margin:5px 0 0 50px;
	padding-left:10px;
}
.desktop .infoPageDesc {
	width:670px;
}
.infoPageHr {
	border-top:thin solid lightgrey;
	float:right;
	margin:15px 0 10px 0;
	width:710px;
}
.infoPageName {
	font-size: 14px;
    margin:5px 10px 0 19px;
}
.infoPageUrl {
	font-size: 14px;
    margin:5px 10px 0 19px;
}
.infoTags {
	clear:left;
	margin:10px 0 0 20px;
}
.infoTags > div {
	border-radius:8px;
	float:left;
	margin-right:5px;
	padding:0 4px;
}
.infoTwitter {
	float:left;
}
.infoWebsite {
	font-size: 14px;
    margin:3px 10px 0 0;
}
.infoWikipedia {
	float:left;
}
.infoWikipedia img {
	height: 21px;
    margin: 5px 5px 0 5px;
}
.infoYoutube {
	float:left;
}
.infoYoutube img {
	height: 20px;
    margin: 5px 5px 0 5px;
}

.leftPanel {
	float:left;
	margin: 2px 0 0 0;
}
.leftSide {
	border-radius:4px;
	display:inline;
	float:left;
	margin:10px 0 0 0;
	width:110px;
}
.leftSide .fa-bookmark { margin-right: 2px; }
.leftSide .fa-code-fork { margin-right: 2px; }
.leftSide .fa-link { margin-right: 4px; }
.leftSide .fa-umbrella { margin-right: 3px; }

.leftSide2 {
	border-radius:4px;
	clear:left;
	display:inline;
	float:left;
	margin:2px 0 0 0;
	width:110px;
}
.leftSubtitle {
	font-size:10px;
}
.leftTitle {
	font-style: italic;
	text-align: center;
}

.lines2 {
	height: 38px;
	overflow:hidden;
}

.linkForwardIFrame {
	bottom:0;
	height:calc(100% - 85px);
	left:0;
	position:absolute;
	width:100%;
}

.mobile .menu {
	color:white;
	height: 30px;
    padding-top: 5px;
	position:fixed;
	text-align:center;
	top:0px;
	width:100%;
	z-index: 1;
}

.message {
    background-color: white;
    border-bottom: thin solid lightgrey;
    border-radius: 10px;
    border-top: thin solid #16161D;
    color:#C33;
    font-style: italic;
    padding: 2px 5px;
    position: absolute;
    right: 40px;
    text-align: right;
    top: -10px;
    white-space: nowrap;
}

.messages {
	float:left;
	width:340px;
}

.noOverflow {
	overflow:hidden;
}

.notifications {
	float:right;
	width:300px;
}

.novemberpapa {
	background-color:#16161D;
	bottom: 10px;
	color:white;
	font-size: 7px;
    padding: 2px 5px;
	text-transform: uppercase;
	width:790px;
}

.order {
	color: lightgrey;
    font-size: 10px;
	position:absolute;
	right:455px;
	text-align:right;
	top:9px;
	width:15px;
}
.siteLogo {
	border-radius: 30px;
    display: inline;
    height: 30px;
    margin-right: 5px;
    padding: 0 9px;
}
.siteTitle {
	float:left;
	left:0;
	margin: 0 14px 3px 0;
}
.mobile .siteTitle {
	margin-bottom:10px;
}
.siteTitle > div:first-of-type {
	font-size: 30px;
}
.siteTitleRight {
	float:right;
	font-size: 30px;
	left:0;
	line-height: 6px;
	margin-right: 14px;
    position: relative;
    top: 6px;
}
.pageDesc {
    border-left: thin solid lightgrey;
	margin: 0 20px 30px;
	padding: 5px 10px;
}
.pageTitle {
	font-size:30px;
	margin-bottom: 10px;
}
.pageTitle1Left,
.pageTitle2Left,
.pageTitle3Left {
	float:left;
    position: relative;
}
.pageTitle1Right,
.pageTitle2Right,
.pageTitle3Right {
	float:right;
    position: relative;
}
.pageTitle1Left,
.pageTitle1Right {
	font-size: 16px;
}
.pageTitle2Left,
.pageTitle2Right {
	font-size: 16px;
}
.pageTitle3Left,
.pageTitle3Right,
.pageTitle3LeftLabel,
.pageTitle3RightLabel {
	font-size: 13px;
}

.pageTitle2Left > div,
.pageTitle2Right > div,
.pageTitle3Left > div,
.pageTitle3Right > div {
	border-left:thin solid lightgrey;
	float:left;
	padding:0 10px;
}
.pageTitle2Left > div:first-of-type,
.pageTitle2Right > div:first-of-type,
.pageTitle3Left > div:first-of-type,
.pageTitle3Right > div:first-of-type {
	border-left:none;
}

.pageTitle3RightLabel,
.pageTitle3RightLabel {
    bottom: 1px;
	font-size: 13px;
    font-style: italic;
	margin-right:10px;
	position: relative;
}
.pageTitle3LeftLabel {
	float:left;
}
.pageTitle3RightLabel {
	float:right;
}
.pageTitleRightIcons {
	float:right;
}

.pipe {
	color:lightgrey;
}

.popupError {
	background-color:white;
	border:thin solid red;
	border-radius: 10px;
	color:darkred;
    left: 0;
    padding:7px;
	position: fixed;
    top: 0;
}

.questionDiv {
	background-color:white;
	margin:0 0 10px 0;
	padding:4px 15px;
    position: relative;
	width:600px;
}
.mobile .questionDiv {
	margin-left: 5px;
	width:70%;
}
.questionInput {
	border:0;
	font-size:30px;
	width:600px;
}
.mobile .questionInput {
	width:70%;
}
.ribbon01,.topribbon {
	margin:0px auto;
	position: relative;
	width:800px;
}
.mobile .ribbon01 {
	width:100%;
}

.rightSide {
	display: inline;
	float:left;
	margin:45px 0 0;
	min-height:248px;
	width:145px;
}

.row {
	/* normal row */
	clear:both;
	width:450px;
}
.row2,.rowPad {
	clear:both;
	padding: 8px 0;
	width:450px;
}
.rowAdmin {
	margin-bottom:4px;
}
.rtm {
	font-size: 8px;
    position: relative;
    bottom: 4px;
}
.rtmTitle {
	font-size: 14px;
    position: relative;
    bottom: 6px;
}
.section {
    display: table;
    height: 59px;
    width: 700px;
    table-layout: fixed;
}
.mobile .section {
	width:100%;
}

.section > div {
    display: table-cell;
    position: relative;
    text-align: center;
    width: 2%;
}
.mobile .section > div {
	clear:both;
	display:inherit;
	width:inherit;
}
.section > div div {
	bottom:0px;
    height: 59px;
    margin: 10%;
    position:absolute;
    text-align: center;
    vertical-align: bottom;
    width: 80%;
}
.mobile .section > div div {
	bottom:initial;
	font-size:28px;
	height:initial;
	margin:2px;
	padding:2% 0;
	position:initial;
	width:98%;
}
.sectionTitle {
	font-style:italic;
	margin-bottom:10px;
}
.desktop .sectionTitle {
	position: relative;
    right: 10px;	
}
.mobile .sectionTitle {
	margin-left: 5px;
}

.select01 {
	border-bottom-style: solid;
	border-color: #DDD;
	border-width: 1px;
	float:right;
	height: 21px;
	margin: 2px 0;
}

.select02 {
	border-bottom-style: solid;
	border-color: #DDD;
	border-width: 1px;
	float:left;
	height: 21px;
	margin: 2px 0;
}

.seperator {
	color:lightgrey;
}

.table01 {
	background-color:#F3F3F3;
	box-shadow: 0 0 10px 0px rgba(0,80,0,0.1);
    margin:0;
    padding:8px 34px 9px 35px;
    position: relative;
    width: 91%;
}
.mobile .table01 {
	margin:0 5px 5px;
	padding:1% 2%;
	width:93%;
}
.table02 {
    border: 1px solid green;
    border-radius: 100px;
    margin: 0;
    padding: 20px 70px;
    position: relative;
    width: 82%;
}
.table02 .infoDesc {
    width: 630px;
}

.tableContainer01 {
	margin:0 auto;
	overflow:hidden;
}
.tableContainer02 {
	margin:0 auto;
	overflow:hidden;
	width:99%;
}


.text01 {
	background-color: #FBFBFB;
	border-color: #666;
	border-radius: 3px;
	border-style: dotted;
	border-width: 1px;
	padding: 3px 5px 3px 3px;
	width:290px;
}
.text02 {
	background-color: #FBFBFB;
	border-color: #666;
	border-radius: 3px;
	border-style: dotted;
	border-width: 1px;
	float:left;
	padding: 3px 5px 3px 3px;
	width:207px;
}
.text03 {
	background-color: #FBFBFB;
	border-color: #666;
	border-radius: 3px;
	border-style: dotted;
	border-width: 1px;
	padding: 3px 5px 3px 3px;
	width:138px;
}
.text07 {
	background-color: #FBFBFB;
	border-color: #666;
	border-radius: 3px;
	border-style: dotted;
	border-width: 1px;
	padding: 3px 5px 3px 3px;
	width:80px;
}
.text01div {
	margin: 6px 5px 6px 4px;
}
.text01divEm {
	font-size: 16px;
	font-weight: bold;
	margin: 3px 5px 4px 4px;
}
.text02div {
	float: left;
	margin: 6px 5px 6px 4px;
	width: 350px;
	max-width: 400px;
    overflow: hidden;
    height: 19px;
}
.text05div {
	float: left;
	margin: 7px 5px 6px 4px;
	width: 200px;
}
.text06div {
	float: right;
	margin: 7px 5px 6px 4px;
	text-align:right;
	width: 175px;
}
.text07div {
	margin: 3px 5px 6px 4px;
}
.text04div, .text04div0 { float: left; margin: 6px 5px 6px 4px; width: 349px; }
.text04div1 { float: left; margin: 6px 5px 6px 4px; width: 330px; padding-left:20px; }
.text04div2 { float: left; margin: 6px 5px 6px 4px; width: 310px; padding-left:40px; }
.text04div3 { float: left; margin: 6px 5px 6px 4px; width: 290px; padding-left:60px; }
.text04div4 { float: left; margin: 6px 5px 6px 4px; width: 270px; padding-left:80px; }
.text04div5 { float: left; margin: 6px 5px 6px 4px; width: 250px; padding-left:100px; }
.text04div6 { float: left; margin: 6px 5px 6px 4px; width: 230px; padding-left:120px; }
.text04div7 { float: left; margin: 6px 5px 6px 4px; width: 210px; padding-left:140px; }
.text04div8 { float: left; margin: 6px 5px 6px 4px; width: 190px; padding-left:160px; }
.text04div9 { float: left; margin: 6px 5px 6px 4px; width: 170px; padding-left:180px; }

.textarea01 {
	background-color: #FBFBFB;
	border-color: #666;
	border-radius: 3px;
	border-style: dotted;
	border-width: 1px;
	padding: 4px 5px 0px 3px;
	width:290px;
}
.textarea01div {
	margin: 5px 5px 7px 4px;
}
.textarea02 {
	background-color: #FBFBFB;
	border-color: #666;
	border-radius: 3px;
	border-style: dotted;
	border-width: 1px;
	padding: 4px 5px 0px 3px;
	width:calc(100% - 10px);
}
.textarea02div {
	margin: 5px 5px 7px 4px;
}
.textarea03div {
	margin: 0 5px 0 4px;
}

.textTagSearch01 {
	float:left;
	margin:0 5px;
	width:20px;
}

.title {
	float:left;
    font-size: 26px;
	width:120px;
}

.title01 {
	/* big */
    border-bottom: thin solid lightgrey;
	font-size: 20px;
    margin-top: 15px;
    padding-bottom: 2px;
}
.title02 {
	/* smaller, for larger blocks of text */
	font-size: 16px;
}
.title03 {
	/* smaller, for larger blocks of text */
	font-size: 12px;
}
.titleBox {
    border-bottom: thin solid #16161D;
    bottom: 10px;
    margin-bottom:7px;
}
.titleSpaceBottom {
	clear:both;
	height: 0px;
}
.titleSpaceTop {
	clear:both;
	height: 15px;
}

.topribbon {
	width:100%;
}
.userArea {
	background-color: #F3F3F3;
}
.userArea .userAreaLeft {
	clear:left;
	float:left;
    position: relative;
	font-size: 16px;
}
.userArea .userAreaRight {
	clear:right;
	float:right;
    position: relative;
	font-size: 16px;
}
.userArea .userAreaLeft > div {
	border-left:thin solid lightgrey;
	float:left;
	padding:0 10px;
}
.userArea .userAreaRight > div {
	border-right:thin solid lightgrey;
	float:right;
	padding:0 10px;
}
.userArea .userAreaLeft > div:first-of-type {
	border-left:none;
}
.userArea .userAreaRight > div:last-of-type {
	border-right:none;
}

.username {
    font-size: 18px;
	float: right;
    margin: 5px 10px 0 10px;
}

.y0  { display:inline;              }
.y5  { display:inline; height: 5px; }
.y10 { display:inline; height:10px; }
.y15 { display:inline; height:15px; }
.y20 { display:inline; height:20px; }
.y25 { display:inline; height:25px; }
.y30 { display:inline; height:30px; }
.y35 { display:inline; height:35px; }

.x0  { display:inline; float:left;             }
.x5  { display:inline; float:left; width: 5px; }
.x10 { display:inline; float:left; width:10px; }
.x15 { display:inline; float:left; width:15px; }
.x20 { display:inline; float:left; width:20px; }
.x25 { display:inline; float:left; width:25px; }
.x30 { display:inline; float:left; width:30px; }
.x35 { display:inline; float:left; width:35px; }

.x0r  { display:inline; float:right;             }
.x5r  { display:inline; float:right; width: 5px; }
.x10r { display:inline; float:right; width:10px; }
.x15r { display:inline; float:right; width:15px; }
.x20r { display:inline; float:right; width:20px; }
.x25r { display:inline; float:right; width:25px; }
.x30r { display:inline; float:right; width:30px; }
.x35r { display:inline; float:right; width:35px; }

.wikiLink {
	font-size:10px;
}

/******************************************************************************************/

.left {
	float:left;
}

.right {
	float:right;
}

.label01 {
	float:left;
	font-weight:bold;
	padding:5px;
	width:110px;
}

.value01 {
	background-color:white;
	border: thin solid #F0F0F0;
	float:left;
	font-weight:bold;
	padding:5px 10px;
	max-width: 650px
}


.blogBody {
    margin: 8px 0px 16px;
	font-size:12px;
}
.blogDate {
	font-style: italic;
}
.blogTitle {
	color: green;
	font-size: 28px;
	font-style:italic;
    font-weight: bold;
	margin-bottom: 10px;
}
.mobile .blogTitle {
	padding:0 5px;
}

hr {
	border-bottom:none;
	border-left:none;
	border-right:none;
	height: 0;
	margin: 0;
	position: relative;
	width:100%;
}
hr.darkgrey {
	border-top: 1px solid rgba(0, 0, 0, 0.3);
}
hr.lightgrey {
	border-top: 1px solid rgba(0, 0, 0, 0.05);
}

img.meetupIcon {
	height:32px;
	width:78px;
}
img.slackIcon {
	bottom:4px;
	height:26px;
	margin-right:4px;
	position:relative;
	width:26px;
}
img.twitterIcon {
	height:32px;
	width:32px;
}

.desktop .imageBig {
	height: 270px;
	margin-top:10px;
}
.desktop .imageBig img {
	left:0;
	top:0;
	width:1280px;
}
.mobile .imageBig img {
	width:100%;
}

.imageSmall {

}
.imageSmall img {
	top:0;
	left:0;
	width:100%;
}

.level {
	float:right;
	width: 16px;
    height: 10px;
    font-size: 12px;
    margin-left: 6px;
    text-align: center;
    padding-top: 4px;
    bottom: 10px;
    position: relative;
    border-radius: 9px;
    background-color:white;
    border-width:2px;
    border-style: solid;
    font-family: monospace;
    top: -6px;
}
.level1  { border-color:#EEE;      }
.level2  { border-color:lightgrey; }
.level3  { border-color:bisque;    }
.level4  { border-color:orange;    }
.level5  { border-color:green;     }
.level6  { border-color:blue;      }
.level7  { border-color:purple;    }
.level8  { border-color:red;       }
.level9  { border-color:brown;     }
.level10 { border-color:#16161D;   }

.name {
	float:right;
	font-size:16px;
    margin-top: 7px;
}

.title01 {
	color:darkred;
	font-weight: bold;
}

/* -------------------------------------------------------------- */

/* latin-ext */
@font-face {
  font-family: 'Molengo';
  font-style: normal;
  font-weight: 400;
  src: local('Molengo'), local('Molengo-Regular'), url(/css/kgOvbhnfvvz-SzWFqm1Q_lKPGs1ZzpMvnHX-7fPOuAc.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Molengo';
  font-style: normal;
  font-weight: 400;
  src: local('Molengo'), local('Molengo-Regular'), url(/css/ZJwfnC-l1l4p6xeI2T_NqgLUuEpTyoUstqEm5AMlJo4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}