#s4-workspace {
	background: url(/_catalogs/masterpage/Intranet/Image/Graphics/NJFFSentralt.jpg) no-repeat center center; 
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
    color: #363636;
    overflow-y: scroll; /* has to be scroll, not auto */
    overflow-x:hidden;
    box-sizing: border-box;
  	-webkit-overflow-scrolling: touch;
  	font-family : Helvetica, Geneva, Sans-serif, Arial, Tahoma, Georgia;
}

#s4-bodyContainer {
	padding-bottom: 0px !important;
}

.ms-rte-embeddialog-preview {
	width: 100% !important;
}

/* Important message */
.importantMessageContainer {
	height: auto !important;
	min-height: 0px;
	height: 0px;
}
.importantMessage {
	height: auto !important;
	min-height: 10px;
	height: 10px;
	padding: 10px 20px;
	width: 100%;
	background: #FFFF00;
	color: #CD0000;
	font-weight: 600;
}

/* Searchresults */
.ms-searchCenter-result-main {
	clear: both;
	float: none;
	margin: 20px auto;
	width: 80%;
	background: #FFF !important;
	padding: 20px;
	height: auto !important;
	min-height: 600px;
	height: 600px;
}
.ms-searchCenter-result-main > div:first-child {
	width: 100% !important;	
}
.ms-searchCenter-result-main > div:first-child > div:first-child {
	float: left;
}
.ms-searchCenter-result-main > div:first-child > .ms-fullWidth {
	width: auto !important;
}

/* Social Media */
.fab, 
.far {
  padding: 6px;
  font-size: 20px !important;
  width: 20px;
  text-align: center;
  text-decoration: none;
  border-radius: 50%;
  border: 1px solid #888;    
  cursor: pointer;
}
.fab:hover,
.far:hover {
  border: 1px solid #3B5998;
}

.fa-facebook,
.fa-envelope {
  background: #FFF;
  color: #000;
  margin: 5px 0px;
}
/**/

/* Master Page Layouts */
.layoutTopBar {
	height: 90px;
	background-color: rgba(255, 255, 255, 0.8);
	width: 100%;
}
.layoutTopBarContent {
	width: 80%;
	margin: 0px auto;
	clear: both;
}
.layoutLogo {
	margin: 0px 20px 10px 0px;
	float: left;
	width: 170px;
}

.layoutLogo img{
	width: 90%;
	max-width:150px;
}

.layoutLogoLink {
    z-index: 2;
	position: absolute;
	top: 5px;
}


.layoutLogoText {
	font-size: 14pt;
	font-weight: 600;
	display: none;
	margin: 15px 0px 0px 10px;
	position: absolute;
	left: 60px;
	top: -15px;
	color: #000;
	background: transparent;
}
.layoutTopMenu {	
	float: left;
	width: 65%;
}
.layoutFooter {
	background: #262626;
	color: #FFF;
	width: 100%;
	height: auto !important;
	min-height: 50px;
	height: 50px;
	padding: 20px 0px 0px 0px;
	margin: 0px;
}
.layoutFooterContent {
	width: 80%;
	margin: 0px auto;
}
.layoutFooterCopyright {
	background: #2A2A2A;
	color: #FFF;
	text-align: center;
	margin: 20px 0px 0px 0px;
	padding: 5px;
}
.layoutSearchBox {
	float: right;
	background: #FFF;
	margin: 10px 0px 0px 0px;
}

/* Page Layouts */
.layoutWrapper {
	width: 100%;
	height: 100%;
	background: transparent;
	color: #000;
}
.layoutTabPageMenuWrapper, .layoutPageMenuWrapper {
	width: 100%;
	padding: 0px;
}
.layoutPageMenuWrapper {
	background: #363636;
	color: #FFF;
}
.layoutPageContent {
	padding: 20px;
}
.layoutSiteTitleWrapper {
	background: #161616;
	color: #FFF;
	padding: 5px 0px;
	text-align: center;
	width: 100%;
}
.layoutSiteTitleWrapper span a {
	color: #FFF !important;
	background: transparent;
	font-size: 24px;
	font-weight: 600;
}
div[data-name="SiteTitle"], .layoutSiteTitle {
	margin-bottom:4px;
}

.layoutCreateNewsButtonWrapper {
}

.layoutBoxWrapper, .layoutBoxMenuWrapper {
	clear: both;
	width: 80%;
	height: auto !important;
	min-height: 100px;
	height: 100px;
	background: #FFF;
	color: #363636;
	margin: 0px auto 20px auto;
	padding: 0px 0px 10px 0px;
}
.layoutArticleWrapper {
	width: 80%;
	float: left;
}

.layoutArticleWrapper, .newsRollup, .newsArticle, .selectedActivites, .calendarReadMore {
		font-family : Helvetica, Geneva, Sans-serif, Arial, Tahoma, Georgia;
}

.newsArticleBody h3, .newsLongArticleBody h3 {
	padding-top:10px;
	margin-bottom:-5px;
}
.newsArticleBody p, .newsLongArticleBody p {
	margin: 15px 0px 15px 0px;
}

.newsLongArticleBody p {
	margin: 15px 20px 15px 0px;
	text-align:justify;
}


.newsArticleBody p > img, .newsArticleBody h3 > img {
	max-width:100%;
}

.layoutAdvertisingWrapper {
	width: 15%;
	margin: 0 auto;
	float:left;
	text-align: right;
	padding: 20px;
}
.layoutAdvertisingWrapperBottom {
	margin: auto;
	width:80%;
	clear: both;
}
.layoutAdvertisingWrapperBottom .advertising {
	margin:0px 20px 0px 20px;
} 
.layoutAdvertisingWrapperBottom .advertisingItem {
	float: left;
	margin-right: 20px;
	width:100%;
}
.layoutAdvertisingWrapperBottom .advertisingItem:not(:nth-child(1)) {
	margin-top: 15px;
}
.layoutBoxHeader {
	background: url(/_catalogs/masterpage/Intranet/Image/Graphics/headerbg.gif) repeat-x;
	color: #000;	
	width: 100%;
	height: 61px;
	clear: both;
}
.layoutBoxHeaderBottom {
	background: url(/_catalogs/masterpage/Intranet/Image/Graphics/headerbg.gif) repeat-x;
	color: #000;	
	width: 100%;
	height: 54px;
	clear: both;
	margin-bottom: -10px;
}
.layoutBoxHeaderBgTextLeft, 
.layoutBoxHeaderBgTextRight, 
.layoutBoxHeaderBgTextRightWelcome {
	margin: 5px 0px;
	background: #ECE6D9;
	color: #000;
}
.layoutBoxHeaderBgTextLeft {
	padding: 10px 20px 5px 20px;
	float: left;
	font-size: 16pt;
	font-weight: 600;
}
.layoutBoxHeaderBgTextRight,
.layoutBoxHeaderBgTextRightWelcome {
	padding: 13px 20px 5px 20px;
	float: right;
	font-size: 14pt;
}

/* Top Menu */
#topnav {
}
.topMenu {
	margin: 0px auto;
	clear: both;
}
.topMenu ul {
	list-style: none;
}
.topMenuItem,
.topMenuItemFL {
	margin-right: 20px;
	float: left;
}
.topMenuItem > a,
.topMenuItemFL > a {
	color: #363636 !important;
	font-size: 16pt;
	font-weight: 100;
	font-stretch: condensed;
}
.topMenuItemFL a {
	font-size: 18pt;
	margin-top: 20px;
}

.topMenuItem > a:hover {
	font-weight: 100;	
} 

.topMenuItem > a:hover {
	font-weight: 100;	
} 

/* SearchBox */
#SearchBox {
	margin-bottom: -2px;
}

/* Menu Tabs */

#menuTabsWrapper {
	margin: 0px auto;
	width: 80%;
}
.menuTabs {
	width: 100%;
	text-align: center;
}
.menuTabs ul {
	list-style: none;
	margin: 0px;
}

.menuTabItem a {
	color: #FFF;
}


/* Page Menu */
.pageMenu {
	background: transparent;
	color: #FFF;
	padding: 5px 0px;
	width: 80%;
	margin: 0px auto;
	clear: both;	
}
.pageMenu ul {
	list-style: none;
	padding: 0px;
}

/* Sub Menu (on pages) */
.subPageMenu {
	background: #505050;
	color: #FFF;
	width: 100%;
}
.subPageMenu ul {
	list-style: none;
}
.subPageMenuWrapper {
	width: 80%;
	margin: 10px auto 0px auto;	
	padding: 10px 0px;
	font-weight: 600;
}
.subPageMenuWrapper a {
	color: #FFF;
	background: transparent;
}
.subPageMenuItem {
	float: left;
	margin: 0px 10px 0px 0px;
	width: 20%;
}
.subPageMenuItem .selected {
	color: #EDB92B;
}
.subPageMenuWrapper a:hover {
	color: #EDB92B;
}

/* Image Slider */
#NJFFImageSlider .ms-webpart-zone {
	display: block;
}
.imageSliderImage img {
	width: 100%;
}
.pix_thumb img {
	width: 100px !important;
	height: auto !important;
}

/* Search and Find - Jakt- og Fisketorget */
#searchJaktOgFiskeWrapper {	
	margin: 10px auto;
	padding: 10px;
	max-width: 980px;
	clear: both;
}
.searchAndFind > div {
	position: relative;
	z-index: 300;
	float: right;
	margin: 0px 8px 0px 0px;
	top: -44px;
}
.searchAndFind > img {	
	cursor: pointer;
	width: 100%;
}
#searchJaktOgFiskeWrapper input[type=text] {
	height: 22px;	
	width: 201px;
	margin: 0px;
}
#searchJaktOgFiskeWrapper input[type=button] {
	background: #716966;
	color: #FFF;
	margin: 0px 0px 0px -5px;
	height: 28px;
	border: 0px;
	font-weight: 600;
	cursor: pointer;
}

/* Footer */
.footerContent, .footerListValue {
	clear: both;
}
.footerLogo {
	float: left;
}
.footerList {
	width: 20%;
	float: left;
	list-style: none;
}
.footerListHeader {
	font-size: 14pt;
	font-weight: 600;
}
.footerListValueEmail {
	background: transparent;
	color: #E4A602;
	float: left;
}
.footerListValueLink {
	background: transparent;
	color: #FFF;
	float: left;
}
.footerListValueIcon {
	width: 20px;
	height: 20px;
	float: left;
}
.footerListValueDescription {
	margin: 0px 0px 0px 0px;
}
.footerListValueDescription p {
	margin: 5px 0px 10px 10px
}
.footerListValueEmail p, .footerListValueLink p {
	margin: 0px 0px 0px 5px
}

/* Advertising */
.advertisingLabel {
	color: #999;
	font-size: 11px;
	margin-bottom: 3px;
}
.advertisingItem img {
	width: 180px;
	height: auto;
	max-width:100%;
}

.layoutAdvertisingWrapperBottom .advertisingItem img {
	width: 100%;
	height: auto;
	max-width:100%;
}

/* County And Local Branches Lists */
.countyListWrapper {
	margin: 10px;
	height: auto !important;
	min-height: 10px;
	height: 10px;
}
.countyListContent {
	width: 23%;
	min-width: 150px;
	margin: 0px 5px 5px 0px;
	display: inline-block;
	padding: 10px 0px 10px 5px;	
	border-bottom: 1px dotted rgb(113, 123, 135);		
}
.countyListContent a {
	/*color: rgb(113, 123, 135);*/
}
.countyListCounty {
	font-weight: 600;
}
/**/

/* News: Rollup */
.newsRollup {
	padding: 10px;
	text-align: center;
}
.newsRollupArticle {
	width: 29%;
	text-align: left;
	display: inline-block;
	margin: 0px 25px 0px 25px;
	vertical-align: top;
}
.newsRollupImage {
	margin-bottom: -5px;
}
.newsRollupImageBackground > img {
	vertical-align: top;
}
.newsRollupImage > a > img, .newsRollupImageBackground > img {
	width: 100%;
	/*max-width: 400px;*/
}
.newsRollupTitle {
	font-size: 15pt;
	font-weight: 600;
	margin: 10px 0px;
	word-wrap: break-word;
}
.newsRollupTitle > a {
	color: #000;
}
.newsRollupIngress {
	font-size: 13px;
	word-wrap: break-word;
	line-height: 20px;
}
.newsRollupIngress > div, .newsRollupIngress > div > p {
	display: inline;
}
.newsRollupLink {
	display: inline;
}
.newsRollupLink > a {
	color: #000;
	background: transparent;
	font-size: 14px;
	font-weight: 600;
}
.newsRollupPromoOverlay {
	position: relative;
	top: -40px;
	left: 5px;
	z-index: 0;
	display: block;
	height: 32px;	
}

/* News: Rollup - Promo Overlay  */
.newsRollupPromoOverlay img {
	height: 32px;	
}
.newsRollupPromoOverlay + .newsRollupImageBackground {
	margin-bottom: -35px;
}
.newsRollupPromoOverlay + .newsRollupImageBackground > img {
	margin-top: -35px;
}

/* News: Article */
.newsArticle {
	margin: 20px;
}
.newsArticleDisplayTableWrapper {
	clear: both;
}
.newsArticleDisplayTableWrapper:after {
  content: "";
  display: table;
  clear: both;
}
.newsArticleSocialMediaWrapper {
	float: left;
	margin-top: 12px;
	width: 50px;
}
.newsArticleWrapper {
	overflow: auto;
}
.newsArticleMainWrapper {
	clear: both;
}
.newsArticleContentWrapper {
	float: left;
	width: 100%;
}
.newsArticleAdvertismentWrapper {
	float: right;
	text-align: right;
	width: 15%;
}
.newsArticleTitle {
	font-size: 25pt;
	margin: 10px 0px;
	float: left;
}
.newsArticleImageTop, .newsArticleTwoImagesTop {
	clear: both;
}
.newsArticleTwoImagesTop {
	display:flex;
}
.newsArticleImageRight {
	float: right;
	margin-left:20px;
}
.newsArticleImageTop > img {
	width: 100%;
	margin: 0px;
}
.newsArticleImageRight > img {
	width: 100%;
}
.newsArticleImageTopLeft {
	float: left;
	margin-right: 20px;
}
.newsArticleImageTopRight {
	float: left;
}
.newsArticleImageText, .newsArticleImageTextSecond {
	font-size: 9pt;
	line-height: 15px;
}
.newsArticleImageLeft {
	float: left;
	margin-right: 20px;
	max-width: 400px;
}
.newsArticleImageLeft img {
	width: 100%;
	height: auto; 
}
.newsArticleIngress {
	clear: both;
	font-size: 17px;
	font-weight: 600;
	margin: 10px 0px;
	line-height: 20px;
}
.newsArticleBody {
	font-size: 15px;
}
.newsArticleRelatedHeader,
.newsArticleAttachmentsWrapperHeader,
.newsArticleTaggeMenuHeader {
	font-size: 13pt;
	border-bottom: 1px solid #A0A0A0;
	padding-bottom: 5px;
}
.newsArticleAuthor {
	clear: both;
}
.newsArticlePublished, .newsArticleModified {
	float: left;
	font-size: 12px;
	margin: 0px 20px 20px 0px;
}
.newsArticleBody h3, .newsLongArticleBody h3 {
	font-weight: 600;
}
.newsArticleEditIconWrapper {
	float: left;
	width: 30px;
	margin: 10px 5px 0px 0px;
	padding-top: 8.5px;
}
.newsArticleImageTopLeft:hover > .newsArticleImageEditRendition,
.newsArticleImageTopRight:hover > .newsArticleImageEditRendition,
.newsArticleImageTop:hover > .newsArticleImageEditRendition,
.newsArticleImageLeft:hover > .newsArticleImageEditRendition,
.newsArticleImageRight:hover > .newsArticleImageEditRendition,
.newsArticleBody img:hover + .newsArticleImageEditRendition,
.newsArticleBody .newsArticleImageEditRendition:hover {
	display: block;
}
.newsArticleImageEditRendition {
	position: relative;
	top: -43px;
	left: 5px;
	z-index: 200;
	display: none;
	height: 32px;	
}
.newsArticleImageLeft .newsArticleImageEditRendition,
.newsArticleImageRight .newsArticleImageEditRendition,
.newsArticleImageTop .newsArticleImageEditRendition {
	margin-bottom: -32px;
}
.newsArticleBody img + .newsArticleImageEditRendition,
.newsArticleBody .newsArticleImageEditRendition{
	margin-bottom: -52px;
	top: -48px;
	left: 10px;	
}
.newsArticleImageEditRendition > img {
	width: auto !important;
	height: auto !important;
}

/* News Long Article */
.newsArticleContentWrapper .newsLongArticleImage {
	clear:both;
}
.newsLongArticleImage.lazyload, img.lazyload {
	opacity: 0;
	transform: scale(0.8);
	-ms-transform:scale(0.8);
	-webkit-transform:scale(0.8);
}
.newsLongArticleImage.lazyloaded, img.lazyloaded {
	opacity: 1;
	transform: scale(1);
	transition: all 2500ms;
	-webkit-transition: all 2500ms;
	-moz-transition: all 2500ms;
    -o-transition: all 2500ms;
}
.lazyloading {
        opacity: 0;
        transition: opacity 2500ms;
        -webkit-transition: opacity 2500ms;
        -moz-transition: opacity 2500ms;
    	-o-transition: opacity 2500ms;
}
    
.newsLongArticleImage.lazyloaded img, img.lazyloaded {
	width:100%;
	max-width:100%;
	height:auto;
	display:block;
}

.newsLongArticleImage.lazyloaded {
	margin-bottom:20px;
	width:100%;
}

.newsLongArticleShortTextWrapper .newsLongArticleImage.lazyloaded, .newsLongArticleShortTextWrapper img.lazyloaded {
	float: right;
}

.newsLongArticleShortTextWrapper .newsLongArticleImage.lazyloaded .newsLongArticleImageText {
	text-align: left;
	float:left;
}

.newsLongArticleBody {
	width: 65%;
	float: left;
	padding-right: 2.5%; /*30px;*/
	border-right: 1px dotted #ccc;
	margin: 0px 0px 20px 0px;
}
/*
.newsLongArticleBody p, .newsLongArticleShortBody p {
	text-align:justify;
}*/

.layoutLongArticleWrapper {
	margin: auto;
	float:none;
	width: 80%;
	/*	
	width:100%;
	float:left;
	*/
}

.newsLongArticleShortTextWrapper {
	width: 28%; /*30%;*/
	float: right;
	margin: 0px 0px 0px 20px;
	position: relative;
}
.newsLongArticleImageText {
	font-size: 9pt;
	padding: 10px 0px 5px 0px;
	position: relative;
    clear: both;
    line-height: 15px;
}

.newsLongArticleShortTextWrapper .newsLongArticleImage.lazyloaded .newsLongArticleImageText{
	 max-width:100%;
}


.newsLongArticleIngress {
	clear: both;
	font-size: 17px;
	font-weight: 600;
	margin: 10px 0px;
}
.newsLongArticleBody, .newsLongArticleShortBody, .newsArticleBody {
	font-size: 15px;
	line-height: 20px;
}

.layoutLongArticleWrapper .newsArticle, .newsLongArticleBody, .newsLongArticleShortBody {
		font-family:  Georgia, Helvetica, Geneva, Sans-serif, Arial, Tahoma, Georgia;
}

.layoutLongArticleWrapper h1, 
.layoutLongArticleWrapper h2, 
.layoutLongArticleWrapper h3, 
.layoutLongArticleWrapper h4, 
.layoutLongArticleWrapper h5, 
.layoutLongArticleWrapper h6 {
	color:#363636;
}

.layoutLongArticleWrapper .ms-rteStyle-Normal {
	 font-family:  Georgia, Helvetica, Geneva, Sans-serif, Arial, Tahoma;
}

.newsLongArticleShortBody {
	float:left;
	clear:both;
}

.newsLongArticleShortBody h1 {
	line-height: 	1.1em;
}

.newsLongArticleShortBody h1, .newsLongArticleShortBody h2, .newsLongArticleShortBody h3, .newsLongArticleShortBody h4, .newsLongArticleShortBody h5, .newsLongArticleShortBody h6 {
	font-family:  Georgia, Helvetica, Geneva, Sans-serif, Arial, Tahoma;
}

.newsLongArticleBody h1, .newsLongArticleBody h2, .newsLongArticleBody h3, .newsLongArticleBody h4, .newsLongArticleBody h5, .newsLongArticleBody h6 {
	font-family:  Georgia, Helvetica, Geneva, Sans-serif, Arial, Tahoma;
}

.rsDefault .rsTmb {
	line-height:1.5em;
}
.newsArticleContentWrapper {
	width:100%;
	float:left;
}

.newsLongArticleShortTextWrapper .newsLongArticleImage img {
	max-width:100%;
	height:auto;
	display:block;
	width:100%;
}

/* News Article FrontPage */
.newsArticleFrontPage {
	margin: 0px 10px;
}

.layoutArticleWrapper img {
	/*width:100%;*/
}

/* News Archive */
.newsArchives,
.newsArchiveTagged {
	margin: 20px;
}
.newsArchiveHeader {
	font-size: 25pt;
	margin: 10px 0px 20px 20px;
}
.newsArchive {
	margin: 10px 0px;
	clear: both;
}
.newsArchiveImage {
	width: 20%;	
	float: left;
	margin: 3px 15px 0px 0px;
	text-align: right;
}
.newsArchiveImage img {
	width: 50%;
	height: auto;
}
.newsArchiveTitle {
	font-size: 13pt;	
}
.newsArchiveDate {
	/*width: 20%;
	float: left;
	font-size: 13pt;
	text-align: right;
	margin: 3px 15px 0px 0px;*/
}
.newsArchiveTitleIngressWrapper {
	width: 60%;
	float: left;
	margin-left: 10px;
}
.newsArchiveTaggeCategory {
	color: #666;
	background: transparent;
	font-size: 12px;
	font-style: italic;
}

.newsArchiveIngress {
	line-height:20px;
}


.newsPublishButtonsWrapper {
	clear: both;
}
.newsPublishSaveButton {
	border: 1px solid #999;
	padding: 7px 10px;
	cursor: pointer;
	float: left;
	margin: 0px 0px 20px 0px;
}
.newsPublishSaveLoadingImage,
.newsPublishSaveLoadingText {
	float: left;
	width: 200px;
	margin: 0px 0px 0px 20px;
	color: #000;
	font-weight: 600;
	display: none;
}
.newsPublishSaveLoadingText {
	margin: 7px 0px 0px 20px;
}
.newsPublishSaveToCounties {
	display: block;
	clear: both;
	margin: 0px 0px 20px 0px;
}

/* News Publish */
.newsPublish {
	clear:both;
	margin: 20px;	
}
.newsPublishHeader {
	font-size: 25pt;
	margin: 10px 0px 20px 0px;
}
.newsPublishContentWrapper {
	width: 30%;
	float: left;
}
.newsPublishLocalBranchesLabel, 
.newsPublishCountiesLabel,
.newsPublishNewsListLabel {
	font-size: 14px;
	font-weight: 600;
	margin: 0px 0px 5px 0px;
}
.newsPublishButtonsWrapper {
	margin: 10px 0px 20px 0px;
}

/* News Unpublish */
.newsUnpublish {
	clear:both;
	margin: 20px;	
}
.newsUnpublishHeader {
	font-size: 25pt;
	margin: 10px 0px 20px 0px;
}
.newsUnpublishContentWrapper {
	width: 30%;
	float: left;
}
.newsUnpublishLocalBranchesLabel, 
.newsUnpublishCountiesLabel,
.newsUnpublishNewsListLabel {
	font-size: 14px;
	font-weight: 600;
	margin: 0px 0px 5px 0px;
}
.newsUnpublishButtonsWrapper {
	margin: 10px 0px 20px 0px;
}
.newsPublishButtonsWrapper {
	clear: both;
}
.newsUnpublishSaveButton {
	border: 1px solid #999;
	padding: 7px 10px;
	cursor: pointer;
	float: left;
	margin: 0px 0px 20px 0px;
}
.newsUnpublishSaveLoadingImage,
.newsUnpublishSaveLoadingText {
	float: left;
	width: 200px;
	margin: 0px 0px 0px 20px;
	color: #000;
	font-weight: 600;
	display: none;
}
.newsUnpublishGetCountiesLoadingImage,
.newsUnpublishGetLocalBranchesLoadingImage {
	margin: 20px 0px;
	display: none;
}
.newsUnpublishSaveLoadingText {
	margin: 7px 0px 0px 20px;
}
.newsUnpublishRemoveFromCounties {
	display: block;
	clear: both;
	margin: 0px 0px 20px 0px;
}

/* Activity Enrollment Handler */
.activityEnrollmentHandlerHeader {
	font-size: 25pt;
	margin: 10px 0px 20px 0px;
}
.activityEnrollmentHandler {
	margin:	20px;
}

/* Manage Page Menu Items */
.managePageMenu {
	clear:both;
	margin: 20px;	
}
.managePageMenuHeader {
	font-size: 25pt;
	margin: 10px 0px 20px 0px;
}
.managePageMenuHeaderLabel,
.managePageSubMenuHeaderLabel {
	font-size: 18pt;
}
.managePageMenuInformation {
	font-weight: 600;
	font-style: italic;
	margin: 0px 0px 20px 0px;	
}
.managePageMenuSaveButton {
	border: 1px solid #999;
	padding: 7px 10px;
	cursor: pointer;
	float: left;
	margin: 0px 0px 20px 0px;
}
.managePageMenuItemsWrapper,
.managePageSubMenuItemsWrapper {
	width: 45%;
	float: left;
}
.managePageMenuCreateWrapper {
	border: 1px solid #999;
	padding: 10px;
	margin-bottom: 20px;
}
.managePageMenuCreateWrapper {
	width: 45%;
}
.managePageMenuCreateLabel,
.managePageSubMenuCreateLabel {
	font-weight: 600;
	margin: 6px 10px 10px 0px;
}
.managePageMenuFieldWrapper > div,
.managePageMenuFieldWrapper > input,
.managePageMenuFieldWrapper > span > input {
	float: left;
	width: 45%;
	margin: 3px 0px;
}
.managePageMenuFieldWrapper > span > input {
	width: auto;
	margin-top: 7px;
}
.managePageMenuCreateButton,
.managePageMenuResetButton,
.managePageSubMenuCreateButton,
.managePageSubMenuResetButton {
	border: 1px solid #999;
	padding: 5px 10px;
	cursor: pointer;
	float: left;
	width: 90px;
	margin: 0px 10px 10px 0px;	
	text-align: center;
}
.managePageMenuCreateButton,
.managePageSubMenuCreateButton {
	clear: both;
}
.managePageMenuSaveLoadingImage,
.managePageMenuSaveLoadingText {
	float: left;
	width: 200px;
	margin: 0px 0px 0px 20px;
	color: #000;
	font-weight: 600;
	display: none;
}
.managePageMenuSaveLoadingText {
	margin: 7px 0px 0px 20px;
}
.managePageMenuEdit,
.managePageMenuDelete,
.managePageSubMenuEdit,
.managePageSubMenuDelete {
	width: 16px;
	display: inline;
	margin: 0px 5px;
	cursor: pointer;
}
.managePageMenuDelete,
.managePageSubMenuDelete {
	margin-right: 20px;
}
.managePageMenuItemsWrapper .managePageMenuDelete img,
.managePageSubMenuItemsWrapper .managePageMenuEdit img,
.managePageMenuItemsWrapper .managePageSubMenuDelete img,
.managePageSubMenuItemsWrapper .managePageSubMenuEdit img {
	margin-bottom: -4px;
}
.managePageMenuItemsWrapper .managePageMenuEdit img,
.managePageMenuItemsWrapper .managePageSubMenuEdit img {
	margin-bottom: -6px;
}
.managePageSubMenuItemsWrapper .managePageMenuDelete img,
.managePageSubMenuItemsWrapper .managePageSubMenuDelete img {
	margin-bottom: -2px;
}
.managePageMenuCurrentId,
.managePageSubMenuCurrentId {
	display: none;	
}
.managePageMenuCreateItemLoadingImage,
.managePageSubMenuCreateItemLoadingImage {
	height: 0px;
}
.managePageMenuCreateItemLoadingImage img,
.managePageSubMenuCreateItemLoadingImage img {
	position: relative;
	z-index: 100;
	left: 120px;
	top: 40px;
	display: none;
}
.managePageMenuArrowIcon,
.managePageSubMenuArrowIcon {
	float: left;
	width: 32px;
}
.managePageMenuArrowText,
.managePageSubMenuArrowText {
	padding-top: 5px;
}
.managePageMenuCurrentConnectionId {
	display: none;
}
.managePageMenuCreateWrapper {
	display: none;
}
.managePageMenuSaveButtonWrapper {
	padding-top: 20px;
	clear: both;
	border-top: 1px dotted #999;
	display: inline-block;
	margin-top: 20px;
	width: 100%;
}

/* Theme Pages */
.themePages {
	margin-bottom: 15px;
}
.themePageItem {
	float: left;
	width: 15%;
	border-bottom: 1px dotted #999;
	margin: 3px 10px 0px 10px;
	padding: 0px 3px;
}
.themePageItem a {
	color: #000;
}
.themePagesRaquo {
	color: #000;
	margin-right: 5px;
	font-size: 20px;
}
.themePagesOpenNewTabImage {
	margin-left: 5px;
}

/* Collaborators */
.collaborators {
	margin: 15px 0px 0px 0px;
	text-align: center;
}
.collaboratorsItem {
	display: inline-block;
	margin: 0px 15px;
	width:10%;
}
.collaboratorsItem img {
	max-width:100%;
}

.collaboratorsDescription {
	margin-top: 25px;
	margin-bottom: -10px;
	width: 100%;
	background: #F6F5F1;
	color: #000;
	height: auto !important;
	min-height: 20px;
	height: 20px;
	padding: 5px 0px;
}

/* Selected Activities */
.selectedActivites {
	padding: 10px;
	text-align: center;
}
.selectedActivity {
	width: 29%;
	text-align: left;
	display: inline-block;
	margin: 0px 25px 0px 25px;
	vertical-align: top;
}
.selectedActivityImage {
	margin-bottom: -5px;
}
.selectedActivityImageBackground > img {
	vertical-align: top;
}
.selectedActivityImage > a > img, .selectedActivityImageBackground > img {
	width: 100%;
	/*max-width: 400px;*/
}
.selectedActivityTitle {
	font-size: 15pt;
	font-weight: 600;
	margin: 10px 0px;
	word-wrap: break-word;
}
.selectedActivityTitle > a {
	color: #000;
}
.selectedActivityIngress {
	font-size: 13px;
	word-wrap: break-word;
	line-height:20px;
}
.selectedActivityIngress > div, .selectedActivityIngress > div > p {
	display: inline;
}
.selectedActivityLink {
	display: inline;
}
.selectedActivityLink > a {
	color: #000;
	background: transparent;
	font-size: 14px;
	font-weight: 600;
}

/* Calendar */
.calendarTabs {
	color: #000;
	margin-bottom: -1px;
	padding-top: 40px;
}
.calendarTabsList {
	list-style: none;
	margin: 0px;
}
.calendarTabsListElement {
	display: inline-block;
	list-style: none;
	margin: 3px 3px 0px 3px;
	padding: 10px 20px;
	background: #DCD4C9;
	color: #000;
	font-weight: 800;
	font-size: 14px;
	border: 1px solid #DCD4C9;
	border-bottom: none;
}
.calendarTabsListElement.selected {
	background: #FFF;
	padding: 10px 20px 10px 20px;
	margin: 2px 2px 0px 2px;
	position: relative;
	z-index: 200;
	border: 1px solid #DCD4C9;
	border-bottom: none;
}
.calendarTabsListElement.notselected {
	background: #DCD4C9;
	padding: 10px 40px;
	font-style: normal;
	border: 1px solid #DCD4C9;
	border-bottom: none;
}
.calendarTabsListElement.deactivated {
	background: #F4F5F0;
	color: #000;
	padding: 10px 40px 9px 40px;
	font-style: italic;
	border-bottom: 1px solid #DCD4C9;
}
.calendarTabsListElement:hover {
	text-decoration: underline;
	cursor: pointer;
}
.calendarContentWrapper {
	border-top: 1px solid #DCD4C9;
}
.ddlCalendarWrapper {
	margin: 20px auto;
	text-align: center;
}
.calendarCountyWrapper,
.calendarLocalBranchesWrapper,
.calendarFromDateWrapper,
.calendarToDateWrapper,
.calendarTextWrapper,
.calendarSearchWrapper {
	display: inline-block;
	text-align: left;
	clear: both;
	margin: 0px 5px;
}
.calendarButtonSearch {
	border: 3px solid #DCD4C9 !important;
	font-weight: 600;
	cursor: pointer;
	width: 70px;
	padding: 0px 5px;
	text-align: center;
	font-size: 14px;
	height: 22px;
}
.ddlCalendarCounty, .ddlCalendarLocalBranches, .calendarText {
	width: 150px;
	border: 3px solid #DCD4C9 !important;
}
.calendarFromDate, .calendarToDate {
	width: 100px;
	border: 3px solid #DCD4C9 !important;
}
.calendarFromToIcon {
	float: right;
	cursor: pointer;
}
.calendarTable {
	width: 100%;
}
.calendarTableHeadRow {
	background: #DCD4C9;
}
.calendarTableHeadRow th, .calendarTableRow td {
	padding: 5px 5px 5px 15px;
	font-size: 14px;
	text-align: left;
}
.calendarTableHeadRow th {
	font-weight: 800;
}
.calendarTableRow td {
	border-bottom: 1px solid #DCD4C9;
	border-right: 1px solid #DCD4C9;
	background: #F4F5F0;
	color: #000;
	font-weight: 600;
}
.calendarTableImageCell {
	width: 70px;
}
.calendarTableImageCell > img {
	width: 24px;
	cursor: pointer;
}
.calendarTableRowMoreInfo {
	clear: both;
	width: 100%;
	/*font-weight: 600;*/
	font-size: 14px;
	display: none;
}
.calendarMoreInfoIngress {
	float: left;
	width: 60%;
	margin: 20px;
}
.calendarMoreInfoIngress > p {
	margin-top: 0px;
}
.calendarReadMoreButton {
	border: 3px solid #DCD4C9 !important;
	padding: 3px 10px;
	background: #FFF;
	color: #000 !important;
	font-size: 14px;
	font-weight: 600;
	margin: 0px 4px 0px 0px;
}
.calendarMoreInfoMetadata {
	float: left;
	width: 30%;
	margin: 20px;
}
.calendarMoreInfoMetadataDate,
.calendarMoreInfoMetadataPlace,
.calendarMoreInfoMetadataValue,
.calendaMoreInforMetadataEmail,
.calendaMoreInforMetadataContactPerson,
.calendarMoreInfoMetadataDeadline {
	clear: both;
}
.calendarMoreInfoMetadataDate div,
.calendarMoreInfoMetadataPlace div,
.calendarMoreInfoMetadataValue div,
.calendaMoreInforMetadataEmail div,
.calendaMoreInforMetadataContactPerson div,
.calendarMoreInfoMetadataDeadline div {
	float: left;
}
.calendarMoreInfoMetadataLabel {
	margin: 0px 20px 5px 0px;
	width: 100px;
}
.calendarPagination {
	width: 100%;
	text-align: center;
	margin: 20px 0px 0px 0px;
}
.calendarPaginationButtonPrevious,
.calendarPaginationButtonNext,
.calendarPaginationText {
	width: 100px;
	padding: 3px 5px;
	text-align: center;
	display: inline-block;
	font-size: 14px;
}
.calendarPaginationButtonPrevious,
.calendarPaginationButtonNext {
	border: 3px solid #DCD4C9 !important;
	font-weight: 600;
	cursor: pointer;
}

/* Calendar Read More */
.calendarReadMore {
	margin: 20px;
	width: 60%;	
}
.calendarReadMoreWrapper > .calendarMoreInfoMetadata {
	width: auto !important;
}
.calendarReadMoreHeader {
	font-size: 20px;
	margin-bottom: 20px;
	font-weight: 600;
}
.calendarReadMoreTitle {
	font-size: 18px;
	color: #777777;
	margin-bottom: 20px;
	font-weight: 600;
}

/* Calendar hamburger menu */
#calendarTabsNavMobileButton {
	display: none;
}

/* Quiz */
.quizManagement {
	margin: 20px;
}
.quizManagementHeader {
	font-size: 20px;
	font-weight: 600;
	margin: 0px 0px 20px 15px;
}
.quizManagementPanel {
	clear: both;
	display: none;
}
.quizManagementPanel.selected {
	display: block;
}
.quizManagementUploadedImageContainer img {
	width: 189px;
}
.quizManagementSaveButton,
.quizManagementSaveQuestionButton,
.quizManagementSaveFeedbackButton,
.quizManagementNewAnswerButton,
.quizManagementSaveGroupButton {
	float: left;
	width: 50px;
	text-align: center;
	padding: 5px 7px;
	/*border: 2px solid #DBD3C6;*/
	color: #FFF;
	background: #4B9CC9;
	cursor: pointer;
	margin: 0px 0px 0px 20px;
}
.quizManagementSaveFeedbackButton,
.quizManagementNewAnswerButton,
.quizManagementSaveQuestionButton {
	width: 150px;
	clear: both;
	float: none;
	display: block;	
	margin-bottom: 15px;
	margin-left: 15px;
}
.quizManagementFeedbackTxt,
.quizManagementQuestionTxt,
.quizManagementAnswerTxt {
	width: 95%;
	height: 100px;	
}
.quizManagementSelectedQuestionLabel,
.quizManagementQuestionsDdl {
	margin: 0px 0px 10px 15px;
	float: left;
}
.quizManagementPanelEditLeft,
.quizManagementPanelEditRight{
	float: left;
	width: 30%;
	margin: 0px 20px 20px 0px;
}
.quizManagementPanelEditLeft div,
.quizManagementPanelEditLeft input,
.quizManagementPanelEditLeft select,
.quizManagementPanelEditRight div,
.quizManagementPanelEditRight input,
.quizManagementPanelEditRight select {
	float: left;
	width: 40%;
	margin: 5px 10px 5px 0px;
}
.quizManagementUploadedImageContainer {
	min-height: 23px;	
}
.quizManagementPanelEditLeft div,
.quizManagementPanelEditRight div {
	text-align: right;
}
.quizManagementPanelEditLeft textarea {
	width: 40%;
	height: 70px;
}
.quizManagementDateWrapper {
	width: 100% !important;
}
.quizManagementDateIcon {
	margin: 3px 0px 0px 0px !important;
	width: 16px !important;
}
.quizManagementGroupHeader {
	margin: 15px;
	font-style: italic;
}
.quizManagementCreateQuizHeader,
.quizManagementCreateQuizQuestionHeader,
.quizManagementCreateQuizAnswerHeader,
.quizManagementViewCreatedQuizHeader,
.quizManagementCreateGroupHeader,
.quizManagementViewCreatedGroupsHeader,
.quizManagementCreateQuizFeedbackHeader {
	font-size: 14px;
	font-weight: 600;
	margin: 0px 0px 10px 15px;
}
.quizManagementAnswerHeader,
.quizManagementAnswerTableHeader,
.quizManagementFeedbackTableHeader,
.quizManagementFeedbackHeader,
.quizManagementQuestionHeader {
	margin: 0px 0px 15px 15px;
}
.quizManagementQuestionInfo {
	font-style: italic;
	margin-bottom: 10px;
}
.quizManagementBorder,
.quizManagementBorderGroups {
	clear: both;
	border-top: 1px solid #A0A0A0;
	margin: 0px 0px 20px 0px;
	width: 90%;
}
div[class*='EditQuizGroup_'],
div[class*='DeleteQuizGroup_'],
div[class*='EditQuizFeedback_'],
div[class*='DeleteQuizFeedback_'],
div[class*='EditQuizQuestion_'],
div[class*='DeleteQuizQuestion_'],
div[class*='AddQuizQuestionAnswer_'] {
	display: inline-block;
	cursor: pointer;
}
.quizQuestionAddAnswers img {
	width: 16px;
}
div.quizManagementQuestionImage img,
div.quizManagementAnswerImage img {
	width: 98%;
	margin: 20px 0px;
}
.quizGroupTitles,
.quizFeedbackTitles  {
	font-size: 14px;
	margin: 5px 0px 10px 15px;
}
.quizManagementFeedbackTable {
	margin: 5px 0px 30px 0px;
}

/* Quiz Answers table */
div[class*='questionTable_'] {
	margin: 5px 0px 10px 15px;
}
div[class*='questionTable_'] span {
	font-weight: 600;
}
div[class*='questionTable_'] div.quizQuestionImage img {
	width: 100px;	
}
table[id*='quizAnswerTable_'] {
	width: 100%;
}
table[id*='quizAnswerTable_'] thead {
	background: #DBD3C6;
	color: #000;
}
table[id*='quizAnswerTable_'] th,
table[id*='quizAnswerTable_'] td {
	padding: 5px 5px 5px 15px;
	font-size: 12px;
	text-align: left;
}
table[id*='quizAnswerTable_'] th {
	border-bottom: 1px solid #FFF;
	border-right: 1px solid #FFF;
	font-weight: 800;
}
table[id*='quizAnswerTable_'] td {
	background: #FFF;
	color: #000;
	font-weight: 600;
}
table[id*='quizAnswerTable_'] .quizAnswerTableAnswer {
	width: 70%;
}
table[id*='quizAnswerTable_'] .quizAnswerTableImage img {
	width: 50px;
}


/* Quiz Management Tabs */
.quizManagementTabs {
	list-style: none;
	padding: 0px 0px 0px 15px;
	border-bottom: 1px solid #A0A0A0;
	width: 90%;
	position: relative;
	z-index: 0;
	margin: 0px 0px 20px 0px;
}
.quizManagementTabs li {
	display: inline-block;
	border: 1px solid #A0A0A0;
	padding: 7px 10px;
	margin: 0px 0px -1px 0px;
	position: relative;
	z-index: 1;
	background: #DBD3C6;
	color: #000;
	font-weight: 600;
	cursor: pointer;
}
.quizManagementTabs li:hover,
.quizManagementTabs .selected {
	background: #FFF;
	border-bottom: 1px solid #FFF;
}

/* Quiz Table */
.quizManagementTable {
	width: 100%;
}
.quizManagementTableHeadRow {
	background: #DBD3C6;
	color: #000;
}
.quizManagementTableHeadRow th, 
.quizManagementTableBodyRow td {
	padding: 5px 5px 5px 15px;
	font-size: 12px;
	text-align: left;
}
.quizManagementTableHeadRow th {
	border-bottom: 1px solid #FFF;
	border-right: 1px solid #FFF;
	font-weight: 800;
}
.quizManagementTableBodyRow td {
	background: #FFF;
	color: #000;
	font-weight: 600;
}
.quizManagementTableBodyRow:hover > td {
	background: #E0E0E0 !important;
}
.quizManagementTableColumnEditbutton img,
.quizManagementTableColumnDeletebutton img {
	width: 16px;
	cursor: pointer;
}

/* Quiz View */
.quiz {
	margin: 20px;
}
.quizViewHeader {
	font-size: 20px;
	font-weight: 600;
	margin: 0px 0px 20px 15px;
}
.quizViewLeftColumn,
.quizViewRightColumn {
	float: left;
	width: 45%;
}
.quizViewLeftColumn {
	padding-left: 15px;
}
.quizViewGroupName,
.quizViewTitle {
	font-size: 14px;
	font-weight: 600;
	margin: 0px 0px 20px 0px;
}
.quizViewQuestion,
.quizViewQuestionResultTitle {
	font-size: 12px;
	font-weight: 600;
	margin: 0px 0px 20px 0px;
}
.quizViewQuestionResultTitle {
	margin: 10px 0px;
}
.quizViewQuestionImage {
	display: none;
}
.quizViewImageCloned img {
	width: 90%;
}
div[class*='quizViewAnswersContainer_'] table {
	width: 100%;
}
div[class*='quizViewAnswersContainer_'] tbody tr {
	/*background: #F0F0F0;*/	
}
div[class*='quizViewAnswersContainer_'] tbody > tr > td {
	border-bottom: 2px solid #FFF;
}
div[class*='quizViewAnswersContainer_'] td[class*='quizViewAnswer_'] {
	width: 25px;
	text-align: center;
}
div[class*='quizViewAnswersContainer_'] .quizViewAnswer {
	padding: 0px 10px 0px 20px;
}
.quizViewAnswerImage {
	margin: 5px 0px 0px 0px;
}
.quizViewAnswerImage img {
	width: 50%;
}
.quizViewRightColumnBottom {
	margin: 15px 0px 0px 0px;
}
.quizViewNumQuestion {
	display: inline-block;
}
.quizViewNextButton,
.quizViewCorrectAnswersButton,
.quizViewRetakeQuiz,
.quizViewCustomButtom {
	display: inline-block;
	width: 50px;
	text-align: center;
	padding: 5px 7px;
	/*border: 2px solid #DBD3C6;*/
	color: #FFF;
	background: #4B9CC9;
	cursor: pointer;
	margin: 0px 0px 0px 20px;
}
.quizViewCorrectAnswersButton,
.quizViewRetakeQuiz,
.quizViewCustomButtom {
	float: left;
}
.quizViewCustomButtom {
	width: auto;
	padding: 5px 10px;
	margin: 0px;
}
.quizViewCustomButtom a {
	color: #FFF;
	text-decoration: none;
}
.quizViewMainPageLink {	
	margin: 15px;
}
.quizViewHideMobile {
	/*clear: both;*/
}
.quizViewRetakeQuiz,
.quizViewCustomButtom  {
	display: none;
}
.quizViewShareOnFacebook {
	margin: 15px 0px 0px 0px;
}
.quizViewShareOnFacebook img {
	margin-bottom: -3px;
	cursor: pointer;
}
.quizViewShareOnFacebook div {
	display: inline;
}
.quizViewRetakeQuiz {
	margin: 15px;
	width: 100px;
}
.quizViewCorrectAnswersButton {
	margin: 15px 0px 0px 0px;
}
.quizViewImage img {
	width: 90%
}
.quizViewCorrectAnswerInfo {
	font-size: 14px;
	margin: 0px 0px 15px 0px;
}
.quizViewCorrectAnswers,
.quizViewNumAnswers {
	font-weight: 600;
	font-size: 15px;	
}
.quizViewQuestionResultContainer {
	width: 40%;
	float: left;
	margin: 0px 0px 20px 15px;
}
.quizViewAnswerResult span {
	margin: 0px 0px 0px 10px;
}


/* Quiz Main Page */
.quizMainPage {
	margin: 20px;
}
.quizMainPageLink {
	margin: 10px 0px 0px 60px;
	font-size: 17px;
}
.quizMainPageLink > span {
	font-size: 19px;
	font-weight: 600;
}


/* Course Management */
.courseManagement {
	margin: 20px;
}
.cmHeader {
	font-size: 20px;
	font-weight: 600;
	margin: 0px 0px 20px 15px;
}
.cmPanel {
	clear: both;
	display: none;
}
.cmPanel.selected {
	display: block;
}
.cmPanelActivityListLeft,
.cmPanelActivityListRight {
	float: left;
	width: 30%;
	margin: 0px 20px 20px 0px;
}
.cmPanelActivityListBottom,
.cmCourseParticipants {
	float: left;
	width: 90%;
}
.cmActivityCategoryLabel,
.cmActivityCategoryDdl,
.cmActivityOwnerLabel,
.cmActivityOwnerDdl,
.cmActivityStatusLabel,
.cmActivityStatusDdl,
.cmActivityShowDeletedLabel,
.cmActivityShowDeletedChb,
.cmActivityFromDateLabel,
.cmActivityFromDate,
.cmActivityToDateLabel,
.cmActivityToDate,
.cmActivityTextLabel,
.cmActivityTextTxt {
	width: 40%;
	float: left;
	margin: 5px 10px 5px 0px;
}
.cmActivityShowDeletedChb {
	width: auto !important;
}
.cmActivityCategoryLabel,
.cmActivityOwnerLabel,
.cmActivityStatusLabel,
.cmActivityShowDeletedLabel,
.cmActivityFromDateLabel,
.cmActivityToDateLabel,
.cmActivityTextLabel {
	text-align: right;
}
.cmActivityDateFromIcon,
.cmActivityDateToIcon {
	padding-top: 4px;
}
.cmActivityPrintWrapper,
.cmCourseParticipantsPrintWrapper {
	float: right;
	margin: 0px 0px 5px 0px;
}
.cmActivityPrintTypeDdl,
.cmActivityPrintButton,
.cmActivitySearchButton,
.cmCourseParticipantsPrintButton {
	float: left;
	margin: 5px 0px 0px 10px;
}
.cmActivityTableButtons,
.cmActivityNumRows,
.cmCourseParticipantsNumRows {
	margin-left: 15px;
}
.cmActivityNumRows,
.cmCourseParticipantsNumRows {
	float: left;
}
.cmActivityPrintButton,
.cmCourseParticipantsPrintButton {
	width: 450px !important;
}
.cmActivityExcelGenerateLoader,
.cmCourseParticipantsExcelGenerateLoader {
	display: none;
	float: left;
	margin-top: -7px;
}
.cmActivityExcelFile,
.cmCourseParticipantsExcelFile {
	float: left;
	padding: 5px 20px 0px 20px;
	height: 23px;
	text-decoration: underline;
}
.cmActivitySearchButton,
.cmActivityPrintButton,
.cmCourseParticipantsPrintButton,
.cmActivityPaginationButtonFirst,
.cmActivityPaginationButtonPrevious,
.cmActivityPaginationButtonNext,
.cmActivityPaginationButtonLast,
.cmParticipantsPaginationButtonFirst,
.cmParticipantsPaginationButtonPrevious,
.cmParticipantsPaginationButtonNext,
.cmParticipantsPaginationButtonLast {
	width: 50px;
	text-align: center;
	padding: 3px 5px;
	border: 2px solid #DBD3C6;
	color: #000;
	background: transparent;
	cursor: pointer;
	margin: 0px 0px 0px 20px;
}
.cmActivityPaginationText,
.cmActivityPaginationButtonFirst,
.cmActivityPaginationButtonPrevious,
.cmActivityPaginationButtonNext,
.cmActivityPaginationButtonLast,
.cmParticipantsPaginationText,
.cmParticipantsPaginationButtonFirst,
.cmParticipantsPaginationButtonPrevious,
.cmParticipantsPaginationButtonNext,
.cmParticipantsPaginationButtonLast {
	float: left;
	margin: 20px 10px 0px 0px;
}
.cmActivityPaginationText,
.cmParticipantsPaginationText {
	padding-top: 3px;
}

/* Course Management Tabs */
.courseManagementTabs {
	list-style: none;
	padding: 0px 0px 0px 15px;
	border-bottom: 1px solid #A0A0A0;
	width: 90%;
	position: relative;
	z-index: 0;
	margin: 0px 0px 20px 0px;
}
.courseManagementTabs li {
	display: inline-block;
	border: 1px solid #A0A0A0;
	padding: 7px 10px;
	margin: 0px 0px -1px 0px;
	position: relative;
	z-index: 1;
	background: #DBD3C6;
	color: #000;
	font-weight: 600;
	cursor: pointer;
}
.courseManagementTabs li:hover,
.courseManagementTabs .selected {
	background: #FFF;
	border-bottom: 1px solid #FFF;
}

/* Course Management Table */
.cmActivityTable,
.cmParticipantsTable {
	width: 100%;
}
.cmEditCategoriesTable {
	width: auto;
}
.cmActivityTableHeadRow,
.cmParticipantsTableHeadRow,
.cmEditCategoriesTableHeadRow {
	background: #DBD3C6;
	color: #000;
}
.cmActivityTableHeadRow th, 
.cmActivityTableRow td,
.cmParticipantsTableHeadRow th, 
.cmParticipantsTableRow td,
.cmEditCategoriesTableHeadRow th,
.cmEditCategoriesTableRow td {
	padding: 5px 5px 5px 15px;
	font-size: 12px;
	text-align: left;
}
.cmActivityTableHeadRow th,
.cmParticipantsTableHeadRow th,
.cmEditCategoriesTableHeadRow th {
	border-bottom: 1px solid #FFF;
	border-right: 1px solid #FFF;
	font-weight: 800;
}
.cmActivityTableRow td,
.cmParticipantsTableRow td,
.cmEditCategoriesTableRow td {
	background: #FFF;
	color: #000;
	font-weight: 600;
}
.cmActivityTableRow:hover > td,
.cmParticipantsTableRow:hover > td,
.cmEditCategoriesTableRow:hover > td {
	background: #E0E0E0 !important;
}
.cmActivityTableColumnEdit img,
.cmActivityTableColumnShowParticipants img,
.cmParticipantsTableColumnDelete img,
.cmActivityTableColumnDelete img,
.cmEditCategoriesTableColumnEditbutton img {
	width: 16px;
	cursor: pointer;
}

/* Course Management New Activity */
.cmPanelNewActivityLeft,
.cmPanelNewActivityRight {
	float: left;
	width: 30%;
	margin: 0px 20px 20px 0px;
}
.cmPanelNewActivityBottom {
	float: left;
	width: 90%;
}
.cmNewActivityFromDateLabel {
	clear: both;
}
.cmPanelNewActivityLeft .notrequired,
.cmPanelNewActivityRight .notrequired {
	display: none;
}
.cmNewActivityOwnerDdl,
.cmNewActivityOwnerLabel {
	display: inline-block !important;
}
.cmPanelNewActivityLeft .notrequired[type="text"],
.cmPanelNewActivityRight .notrequired[type="text"],
.cmPanelNewActivityLeft select[class*="notrequired"],
.cmPanelNewActivityRight select[class*="notrequired"] {
	background: #E0E0E0 !important;
}
.cmPanelNewActivityLeft select[class*="notrequired"] > option,
.cmPanelNewActivityRight select[class*="notrequired"] > option {
	background: #FFF !important;
}
.cmPanelNewActivityLeft div,
.cmPanelNewActivityLeft input,
.cmPanelNewActivityLeft select,
.cmPanelNewActivityRight div,
.cmPanelNewActivityRight input,
.cmPanelNewActivityRight select {
	float: left;
	width: 40%;
	margin: 5px 10px 5px 0px;
}
.cmNewActivityRepeatDateLabel,
.cmNewActivityRepeatDateTxt,
.cmNewActivityRepeatLabel,
.cmNewActivityRepeatChb,
.cmNewActivityRepeatChoicesDdl {
	float: left;
	margin: 0px 10px 0px 0px;
}
.cmPanelNewActivityLeft div,
.cmPanelNewActivityRight div,
.cmNewActivityRepeatLabel {
	text-align: right;
}
.cmNewActivityRequireRegistrationChb,
.cmNewActivityHighlightedChb,
.cmNewActivityReceiptOrganizerChb,
.cmNewActivityEnrollmentProwebChb,
.cmNewActivityEnrollmentBirthDayChb,
.cmNewActivityEnrollmentRequirePaymentChb,
.cmNewActivityRepeatChb {
	width: auto !important;
}
.cmNewActivityLinkProwebLabel,
.cmNewActivityLinkProwebTxt,
.cmNewActivityRepeatChoicesWrapper,
.cmNewActivityRepeatDateWrapper,
.cmNewActivityRepeatChoicesWrapper .visiblemonthly {
	display: none;
}
.cmNewActivityRepeatLabel {
	margin-left: 20px;
}
.cmNewActivityRepeatChoicesWrapper {
	width: 120px;
	float: left;
}
.cmNewActivityRepeatChoicesWrapper select {
	display: block;
	margin: 0px 0px 5px 0px;
	width: 100px;
}
.cmNewActivityFromDateWrapper,
.cmNewActivityDeadlineWrapper,
.cmNewActivityToDateWrapper,
.cmNewActivityRepeatDateWrapper {
	width: 100% !important;
}
.cmNewActivityDeadlineIcon,
.cmNewActivityDateFromIcon,
.cmNewActivityDateToIcon {
	margin: 3px 0px 0px 0px !important;
	width: 16px !important;
}
.cmNewActivityIngressLabel,
.cmNewActivityBodyLabel,
.cmNewActivityRequirementsToParticipateLabel {
	margin: 20px 0px 0px 20px;
	float: left;
	width: 20%;
	clear: both;	
}
.cmNewActivityRequireRegistrationLabel,
.cmNewActivityHighlightedLabel,
.cmNewActivityLinkProwebLabel,
.cmNewActivityReceiptOrganizerLabel,
.cmNewActivityEnrollmentProwebLabel,
.cmNewActivityEnrollmentBirthDayLabel,
.cmNewActivityEnrollmentRequirePaymentLabel {
	clear: both;
}
.cmNewActivityRepeatHeaderLabel,
.cmNewActivityTextAreaHeaderLabel {
	font-size: 20px;
	font-weight: 600;
	margin: 0px 0px 10px 15px;
	clear: both;
}
.cmNewActivityTextAreaHeaderLabel {
	padding-top: 20px;
}
.cmNewActivitySaveButton,
.cmNewActivitySaveButton2,
.cmNewActivityShowMoreFieldsButton {
	clear: both;
	width: 50px;
	text-align: center !important;
	padding: 3px 5px;
	border: 2px solid #DBD3C6;
	color: #000;
	background: transparent;
	cursor: pointer;
	margin: 0px 0px 0px 20px;
}
.cmNewActivityShowMoreFieldsButton {
	width: 100px;
	display: inline-block;
}
.mce-tinymce {
    float: left !important;
    margin: 20px 0px 0px 0px;
}
.mce-tinymce button {
	min-width: 1em !important;
}
.cmNewActivityLinks {
	display: block;
	margin: 10px 0px 0px 0px;
}
.eligibleLink {
	padding-top: 35px;
	clear: both;
}

/* Vignett */
.vignett {
	/*margin: 0px 0px 20px 0px;*/
}
.vignettImage img {
	width: 100%;
}
.vignettContentWrapper {
	margin: 20px;
}
.vignettLogo img {
	width: 100%;
	height: auto;
}
.vignettLogo {
	width: 10%;
	float: left;
}
.vignettBody {
	float: left;
	margin: 0px 0px 0px 20px;
	width: 60%;
}
.vignettAddress {
	float: right;
	width: 20%;
}

/* Enrollment fields */
.calendarEnrollment {
	/*clear: both;*/
}
.calendarEnrollment > div {
	clear: both;
}
.calendarEnrollmentBirthDate div {
	margin: 5px 5px 0px 0px;
	float: left;
}
.calendarEnrollmentBirthDate input {
	float: left;
	width: 30px;
	margin: 0px 0px 0px 5px;
}
.calendarEnrollmentButton {
	width: 50px;
}
.calendarEnrollmentButton > div {
	width: 50px;
	text-align: center !important;
	padding: 3px 5px;
	border: 2px solid #DBD3C6;
	color: #000;
	background: transparent;
	cursor: pointer;
	margin: 10px 0px 0px 0px;
}
.calendarMessageText {
	border: 2px solid #DBD3C6;
	padding: 20px;
	background: #E0E0E0;
	height: auto !important;
	min-height: 20px;
	height: 20px;
	width: 50%;
	margin: 20px 0px 0px 0px;
	display: none;
}
.calendarEnrollmentMessage,
.calendarEnrollmentMessageError {
	height: auto !important;
	min-height: 10px;
	height: 10px;
	padding: 10px;
	margin: 10px 0px 20px 0px;
	border: 1px solid #999;

}
.calendarEnrollmentMessage {
	background: #9ACD32;
	color: #000;
}
.calendarEnrollmentMessageError {
	background: #FF0000;
	color: #FFF;
}
.calendarEnrollmentMessageIcon {
	width: 48px;
	height: auto;
	float: left;
	margin-right: 20px;
}
.calendarEnrollmentMessageText {
	float: left;
	padding-top: 15px;
}


/* Directorships */
.directorshipsHeader {
	font-size: 20px;
	font-weight: 600;
	margin: 0px 0px 20px 15px;
}
.directorships table {
	width: 100%;
	margin: 0px 15px;
}
.directorships table thead {
	background: #DBD3C6;
	color: #000;
}
.directorships table th,
.directorships table td {
	padding: 5px 15px 5px 15px;
	font-size: 12px;
	text-align: left;
}
.directorships table th {
	border-bottom: 1px solid #FFF;
	border-right: 1px solid #FFF;
	font-weight: 800;
}
.directorships table td {
	background: #FFF;
	color: #000;
	font-weight: 600;
}

/* Resource Page */
.resourcePageAdmin,
.resourcePage {
	margin: 20px;
}
.resourcePageAdminHeader {
	font-size: 20px;
	font-weight: 600;
	margin: 0px 0px 20px 15px;
}
.resourcePageAdminPanel {
	clear: both;
	display: none;
}
.resourcePageAdminPanel.selected {
	display: block;
}
.resourcePageAdminCreatePageButton,
.resourcePageAdminUploadMainImageButton,
.resourcePageAdminCreateMenuButton,
.resourcePageAdminUploadMenuImageButton {	
	text-align: center;
	padding: 5px 7px;
	color: #FFF;
	background: #4B9CC9;
	cursor: pointer;
	margin: 0px 0px 0px 20px;	
	width: 150px;
	float: left;
	display: block;	
	margin-bottom: 15px;
	margin-left: 15px;
}
.resourcePageAdminCreatePageHeaderId,
.resourcePageAdminCreateMenuHeader {
	font-size: 14px;
	font-weight: 600;
	margin: 0px 0px 10px 15px;
}
.resourcePageAdminCreatePageInfoHeader,
.resourcePageAdminCreateMenuInfoHeader {
	margin: 0px 0px 10px 15px;
}

/* Resource Page Tabs */
.resourcePageAdminTabs {
	list-style: none;
	padding: 0px 0px 0px 15px;
	border-bottom: 1px solid #A0A0A0;
	width: 90%;
	position: relative;
	z-index: 0;
	margin: 0px 0px 20px 0px;
}
.resourcePageAdminTabs li {
	display: inline-block;
	border: 1px solid #A0A0A0;
	padding: 7px 10px;
	margin: 0px 0px -1px 0px;
	position: relative;
	z-index: 1;
	background: #DBD3C6;
	color: #000;
	font-weight: 600;
	cursor: pointer;
}
.resourcePageAdminTabs li:hover,
.resourcePageAdminTabs .selected {
	background: #FFF;
	border-bottom: 1px solid #FFF;
}

/* Resource Page Table */
.resourcePageTable {
	width: 100%;
}
.resourcePageTableHeadRow {
	background: #DBD3C6;
	color: #000;
}
.resourcePageTableHeadRow th, 
.resourcePageTableBodyRow td {
	padding: 5px 5px 5px 15px;
	font-size: 12px;
	text-align: left;
}
.resourcePageTableHeadRow th {
	border-bottom: 1px solid #FFF;
	border-right: 1px solid #FFF;
	font-weight: 800;
}
.resourcePageTableBodyRow td {
	background: #FFF;
	color: #000;
	font-weight: 600;
}
.resourcePageTableBodyRow:hover > td {
	background: #E0E0E0 !important;
}
.resourcePageTableColumnEditbutton img,
.resourcePageTableColumnDeletebutton img {
	width: 16px;
	cursor: pointer;
}

/* Resource Page Content */
.resourcePageTitle {
	text-align: center;
    font-family: Helvetica, Geneva, Sans-serif, Arial, Tahoma, Georgia;
    font-weight: 600;
    font-size: 20px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #41422f; 
    background-color: #e2e3e0;
	display: table;
	margin: -55px auto 20px auto;
	padding: 1.2em 3em 1em 3em;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
	position: relative; 
}
.resourcePageTitle:after {
	content: '';
	position: absolute;
	bottom: -1px;
	left: -16px;
	border-top: 8px solid rgba(0, 0, 0, 0.3);
	border-right: 8px solid rgba(0, 0, 0, 0.3);
	border-left: 8px solid transparent;
	border-bottom: 8px solid transparent;
	z-index: 90; 
}
.resourcePageTitle:before {
	content: '';
	position: absolute;
	bottom: -1px;
	right: -16px;
	border-top: 8px solid rgba(0, 0, 0, 0.3);
	border-left: 8px solid rgba(0, 0, 0, 0.3);
	border-right: 8px solid transparent;
	border-bottom: 8px solid transparent;
	z-index: 90; 
}
.resourcePageIngress {
	font-size: 15px;
	text-align: center;
	margin: 15px 0px 30px 0px;
}
.resourcePageMenuItem:hover {
	background-color: #ced0cb;
	transition: background-color 0.5s ease; 
}
.resourcePageMenuWrapper {
	text-align: center;
}
.resourcePageMenuItem  {
	margin: 0px 10px;
	display: inline-block;
	background-color: #e2e3e0;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
	position: relative;
	padding-bottom: 1em;
	transition: background-color 0.5s ease;
	margin-bottom: 3em; 
}
.resourcePageMenuItem:hover {
	background-color: #ced0cb;
	transition: background-color 0.5s ease; 
}
.resourcePageMenuItemImage {
	text-align: center;
	padding-top:  1em;
	padding-bottom: 1em; }
.resourcePageMenuItemImage img {
	width: 7em;
	max-width: 80%; 
}
.resourcePageImage img {
	width: 100%;
	height: auto;
}
.resourcePageParentLink {
	margin: 0px 0px 20px 0px;
	font-size: 14px;
}
.resourcePageMenuItem a {
	color: #41422f;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	font-weight: bold;
	text-align: center;
	font-family: Helvetica, Geneva, Sans-serif, Arial, Tahoma, Georgia;
	font-size: 1.3em;
	padding-left: 1em;
	padding-right: 1em;
	padding-bottom: 0.4em; 
}
.resourcePageMenuItemBookmarkSection {	
	margin-left: -1em;
	margin-right: -1em;
	padding-top: 3em; 
	/*width: 95%;*/
}
.resourcePageMenuItemBookmarkSection .resourcePageMenuItemBookmarkTitle {
	background-color: #e2e3e0;
	display: inline;
	color: #41422f;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 1.3em;
	letter-spacing: 0.05em;
	margin-bottom: 1em;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
	margin-left: -15px;
	margin-right: -15px;
	position: relative;
	padding: 0.6em 1.5em 0.4em 1.6em;
	font-family: Helvetica, Geneva, Sans-serif, Arial, Tahoma, Georgia; 
}
.resourcePageMenuItemBookmarkSection .resourcePageMenuItemBookmarkTitle:after {
	content: '';
	position: absolute;
	bottom: -8px;
	left: -0px;
	border-top: 4px solid #bebfba;
	border-right: 4px solid #bebfba;
	border-left: 4px solid transparent;
	border-bottom: 4px solid transparent;
	z-index: 90; 
}
.resourcePageMenuItemBookmarkSection .resourcePageMenuItemBookmarkTitleStretched {
	background-color: #e2e3e0;
	display: block;
	color: #41422f;
	font-weight: bold;
	text-align: center;
	font-size: 1.3em;
	letter-spacing: 0.05em;
	margin-bottom: 1em;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
	padding: 0.5em 0.4em 0.4em 0.4em;
	margin-left: -15px;
	margin-right: -15px;
	position: relative; 
}
.resourcePageMenuItemBookmarkSection .resourcePageMenuItemBookmarkTitleStretched:after {
	content: '';
	position: absolute;
	bottom: -8px;
	left: -0px;
	border-top: 4px solid #bebfba;
	border-right: 4px solid #bebfba;
	border-left: 4px solid transparent;
	border-bottom: 4px solid transparent;
	z-index: 90; 
}
.resourcePageMenuItemBookmarkSection .resourcePageMenuItemBookmarkTitleStretched:before {
	content: '';
	position: absolute;
	bottom: -8px;
	right: -0px;
	border-top: 4px solid #bebfba;
	border-left: 4px solid #bebfba;
	border-right: 4px solid transparent;
	border-bottom: 4px solid transparent;
	z-index: 90;
	transition: background-color 0.5s ease; 
}
.resourcePageMenuItemBookmarkSection .resourcePageMenuItemBookmarkTitle a,
.resourcePageMenuItemBookmarkSection .resourcePageMenuItemBookmarkTitleStretched a {
	color: #41422f;
}
.resourcePageMenuItemBookmarkSection .resourcePageMenuItemBookmarkText {
	margin: 30px 30px 10px 30px;
	font-size: 14px;
}
.resourcePageMenuItemBookmarkSection .resourcePageMenuItemBookmarkBackToTop {
	font-size: 13px;
	margin-left: 30px;
	margin-bottom: 15px;
}
.resourcePageMenuItemBookmarkSection .resourcePageMenuItemBookmarkBackToTop img {
	width: 20px;
	margin-left: 5px;
	margin-bottom: -3px;
}
.resourcePageMenuItemBookmarkSection .resourcePageMenuItemBookmarkBackToTop {
	cursor: pointer;
}