/* TABLE OF CONTENTS ----------------------------------------------------------
WEBLOG OVERVIEW
- header with rss icon
- blog artikel
- filter op dna en weblog taal
- overzicht van alle blogs
- abonneren
- meest gelezen, meeste reacties
- laatste reacties | mijn laatste reacties
- messt actieve MINDZers
- hoogst gewaardering

FULL WEBLOG MESSAGE
- related messages
- added reactions
- respons to a post

POPUPS
- message, warning popup
- create and edit blog post
- edit standard blog role
- e-mail blog article
- blog delete confirm
- weblog importeren
- rss intergration
...
-----------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------
**** WEBLOG OVERVIEW ****
-----------------------------------------------------------------------------*/

/* HEADER WITH RSS ICON
-----------------------------------------------------------------------------*/
.headerItem .rssLink {
	float: left;
/*	margin-top: 6px; */
	margin-left: 5px;
}

.headerItem .rssLink img {
	width: auto !important;
	height: auto !important;
}

span.blogPostText img {
	margin-right: 5px !important;
}
/* END HEADER WITH RSS ICON
-----------------------------------------------------------------------------*/


/* BLOG ARTIKEL
-----------------------------------------------------------------------------*/
.blogPostContainer {
	float: left;
	margin-bottom: 25px;
	width: 100%;
}

.blogPostContainer .subHeaderItem, .blogPostContainer .subHeaderItem:hover {
	color: #006ca8;
	text-decoration: none;
}

.blogPostContainer .infoContainer {
	clear: left;
}

.blogPostContainer .infoContainer, .blogPostText {
	margin-bottom: 10px;
}

.blogPostText {
	display: block;
}

.blogPostText table {
	width: auto !important;
}

.blogPostText ul, .blogPostText ol, .blogPostText dl {
	overflow: hidden !important;
	margin: 10px 0 12px 0;
	padding: 0 0 0 23px;
}

.blogPostText li {
	margin: 0;
	padding: 0;
}

.weblogLinkContinue {
	display: inline;
	clear: left;
}

.blogPostLinksContainer .hyperlinkGoto, .blogPostLinksContainer, .blogSourceContainer {
	margin-top: 10px;
}

span.blogPostLeesVerderContainer {
	display: block;
}

.morePostContainer {
	width: 100%;
}
/* END BLOG ARTIKEL
-----------------------------------------------------------------------------*/


/* FILTER OP DNA EN WEBLOG TAAL
-----------------------------------------------------------------------------*/
.blogNetworkToggleByDNALink {
	margin-top: 10px;
}

.blogNetworkFilterByLanguagePanel {
	clear: left;
}

.blogNetworkFilterByLanguagePanel .blogNetworkFilterByLanguageContentContainer {
	overflow: auto;
	margin: 5px 0;
	background: #FFFFFF;
	border: 1px solid #C4BFB9;
}

.blogNetworkFilterByLanguageCheckbox {
	display: block;
	padding: 4px;
	border-bottom: 1px dashed #F6F4F2;
}
/* END FILTER OP DNA EN WEBLOG TAAL
-----------------------------------------------------------------------------*/


/* OVERZICHT VAN ALLE BLOGS
-----------------------------------------------------------------------------*/
.blogOverviewContainer {
	float: left;
	clear: left;
	width: 100% !important;
	background: none !important;
}

.blogOverviewTopContainer {
	float: left;
	clear: left;
	width: 100%;
	height: 13px;
	background: url(http://images.mindz.com/images/blogOverviewTopContainerBackground.png) no-repeat top;
}

.blogOverviewContentContainer {
	float: left;
	clear: left;
	padding: 0 0 10px 0;
	width: 100%;
	height: auto;
	font-size: 11px;
	background: url(http://images.mindz.com/images/blogOverviewContentContainerBackground.png) no-repeat left bottom;
}

.blogOverviewPagingContainer {
	position: relative;
	padding: 0 10px;
	height: 22px;
}

.blogOverviewPagingPreviousButton, .blogOverviewPagingNextButton {
	position: absolute;
	top: 0px;
	left: 10px;
	width: 18px;
	height: 18px;
	background: url(http://images.mindz.com/images/blogOverviewLeftArrow.gif) no-repeat;
	border: 0;
	cursor: pointer;
}

.blogOverviewPagingNextButton {
	left: auto;
	right: 10px;
	background: url(http://images.mindz.com/images/blogOverviewRightArrow.gif) no-repeat;
}

.blogOverviewDateContainer {
	margin-bottom: 10px;
	padding: 0 10px;
}

.blogOverviewDateContainer .subHeaderItem {
	color: #006ca8;
}

.blogOverviewPostContainer {
	margin-bottom: 5px;
}

.blogOverviewPostTimeLabel {
	float: left;
	width: 40px;
	color: #A6A098;
}

.blogOverviewPostTitleLink {
	display: block;
	margin-left: 41px;
}
/* END OVERZICHT VAN ALLE BLOGS
-----------------------------------------------------------------------------*/


/* ABONNEREN
-----------------------------------------------------------------------------*/
.rssLinkButton {
	float: left;
	margin: 0 5px 5px 0;
}

.blogAbonnerenByMailLink {
	display: none;
}
/* END ABONNEREN
-----------------------------------------------------------------------------*/


/* MEEST GELEZEN, MEESTE REACTIES
-----------------------------------------------------------------------------*/
.blogMeestGelezenLabel {
	float: none;
}

.blogMeestGelezenContainer {
	clear: left;
}

.blogMeesteReactiesBerichtLink {
	display: block;
	float: left;
	clear: left;
	width: 100%;
}

.blogMeestGelezenEntry, .blogMeesteReactiesBerichtLink {
	margin-top: 5px;
}

.blogMeestGelezenTitelLink, .blogMeesteReactiesBerichtLink {
	font-weight: bold;
}

.blogMeestGelezenTijdLabel, .blogMeesteReactiesTijdLabel, .blogMeesteReactiesAantalReacties, .blogLaatsteReactieTijdLabel, .weblogOwnCommentTimeLabel {
	font-size: 11px;
	color: #A6A098;
}
/* END MEEST GELEZEN, MEESTE REACTIES
-----------------------------------------------------------------------------*/


/* LAATSTE REACTIES | MIJN LAATSTE REACTIES
-----------------------------------------------------------------------------*/
.blogLaatsteReactiesContainer {
	clear: left;
}

.blogLaatsteReactieTijdLabel, .weblogOwnCommentTimeLabel {
	display: block;
	margin-bottom: 5px;
}

.weblogOwnCommentsContentContainer {
	width: 100%;
}

.weblogOwnCommentsButtonContainer a.linkPrevious {
	padding-left: 10px;
	font-weight: bold;
	background: url(http://images.mindz.com/images/pijlLeft.gif) no-repeat left 5px;
}

.weblogOwnCommentsButtonContainer a.linkNext {
	float: right;
	margin-right: 0;
	padding-right: 10px;
	font-weight: bold;
	background: url(http://images.mindz.com/images/pijl.gif) no-repeat right 5px;
}
/* END LAATSTE REACTIES | MIJN LAATSTE REACTIES
-----------------------------------------------------------------------------*/


/* MESST ACTIEVE MINDZERS
-----------------------------------------------------------------------------*/
.blogMostActiveBloggersSubHeader, .blogMostActiveCommentersSubHeader {
	margin-bottom: 5px;
}
/* END MESST ACTIEVE MINDZERS
-----------------------------------------------------------------------------*/


/* HOOGST GEWAARDERING
-----------------------------------------------------------------------------*/
.blogHoogsteWaarderingSubLabel {
	float: none;
}

.blogHoogsteWaarderingContainer {
	float: left;
	clear: left;
	margin-top: 5px;
	width: 100%;
}

.blogHoogsteWaarderingTextContainer {
	margin-left: 82px;
}
/* END HOOGST GEWAARDERING
-----------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------
**** FULL WEBLOG MESSAGE  ****
-----------------------------------------------------------------------------*/

/* RELATED MESSAGES
-----------------------------------------------------------------------------*/
.relatedContainer {
	float: left;
	clear: left;
	margin-top: 10px;
	width: 100%;
}

.blogPostRelatedLabel {
	font-weight: bold;
}
/* END RELATED MESSAGES
-----------------------------------------------------------------------------*/


/* ADDED REACTIONS
-----------------------------------------------------------------------------*/
.blogPostReactieContainer, .blogPostReactieNoCommentsLabel {
	float: left;
	clear: left;
	margin-bottom: 25px;
	width: 100%;
}

.blogPostReactieText {
	display: block;
	margin-top: 5px;
	margin-left: 110px;
}

.blogReactieLastModifiedLabel {
	display: block;
	margin-top: 12px;
	margin-left: 110px;
}
/* END ADDED REACTIONS
-----------------------------------------------------------------------------*/


/* RESPONS TO A POST
-----------------------------------------------------------------------------*/
.blogPostAddCommentContainer {
	clear: left;
}

.blogPostAddCommentContainer h1.headerItem {
	margin-top: 0px;
}

.addCommentGeenLidCaptchaLabel {
	margin-top: 5px;
}

.blogPostAddCommentReedsLid, .addCommentNotifyCheck {
	margin-top: 10px;
}

.addCommentGeenLidLabel {
	margin-bottom: 5px;
}

.addCommentReedsLidButton {
	margin-bottom: 10px;
}

.addCommentReedsLidLoginLabel, .addCommentReedsLidPasswordLabel, .addCommentReedsLidRememberCheck, .addCommentGeenLidNaamLabel, .addCommentGeenLidEmailLabel, .addCommentGeenLidWebsiteLabel, .blogPostAddCommentTextLabel {
	float: left;
	clear: left;
	padding: 2px 0 0 0;
	width: 85px;
}

.addCommentGeenLidNaamValidator, .addCommentGeenLidEmailValidator, .addCommentGeenLidCaptchaValidatorLabel {
	float: left;
}

.addCommentGeenLidCaptchaContainer {
	clear: left;
}

.addCommentGeenLidNaamValidator, .addCommentGeenLidEmailValidator {
	margin-top: 1px;
}

.addCommentGeenLidCaptchaContainer {
	float: left;
	margin-top: 3px;
	margin-bottom: 5px;
}

.addCommentGeenLidCaptchaTextBox {
	clear: left;
}

.blogPostAddCommentTextLabel {
	margin-bottom: 3px;
	font-weight: bold;
}

.addCommentNotifyCheck {
	position: relative;
	float: left;
	width: 100%;
	height: 27px;
	font-weight: bold;
	color: #FF6600;
}

.addCommentNotifyCheck label {
	position: absolute;
	top: 3px;
	left: 22px;
}
/* END RESPONS TO A POST
-----------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------
**** POPUPS ****
-----------------------------------------------------------------------------*/

/* MESSAGE, WARNING POPUP
-----------------------------------------------------------------------------*/
.confirmRemovePostPopupPanelLabel {
	display: block;
	font-size: 17px;
}
/* END MESSAGE, WARNING POPUP
-----------------------------------------------------------------------------*/


/* CREATE AND EDIT BLOG POST 
-----------------------------------------------------------------------------*/
.createBlogPostPopup .formLabel, .editBlogPostPopup .formLabel {
	float: left;
	margin-top: 0;
	margin-right: 10px;
	width: auto;
}

.createBlogPostPopup .popupErrorLabel, .editBlogPostPopup .popupErrorLabel {
	margin-top: 1px;
	margin-bottom: 0px;
	width: auto;
	font-size: 11px;
}

span.multilogueStartNewPrivateLabel {
	display: inline;
	color: #ff6600;
}

.createBlogPostPopup table td, .editBlogPostPopup table td {
	vertical-align: top;
}

.tableColumnOneTwo {
	overflow: hidden;
	padding-right: 20px;
}

.tableColumnOne, .tableColumnTwo {
	padding-right: 20px;
	width: 295px;
}

.createBlogPostPopup .popupDialogTabsContainer .ui-tabs-nav li a, .editBlogPostPopup .popupDialogTabsContainer .ui-tabs-nav li a {
	white-space: nowrap;
}

/*---- stap 1 */
.blogPostPopup .blogPostLanguageList {
	width: 100%;
}

.blogPostTitleTextBox, .blogPostAddTagTextBox {
	margin-bottom: 12px;
}

.tableColumnThree .blogPostAddTagTextBox {
	float: left;
	width: 170px;
	margin-right: 5px;
}

.blogPostPopup .linkNew {
	margin-top: 1px;
}

.tableColumnThree .blogPostTagsContainer {
	overflow: auto;
	float: left;
	padding: 4px;
	width: 190px;
	height: 276px;
	border: 1px solid #C4BFB9;
}

.blogPostTag {
	display: block;
	float: left;
	clear: left;
	margin-top: 3px;
	margin-bottom: 4px;
}

.createBlogPostPopup .linkDelete, .editBlogPostPopup .linkDelete {
	margin-right: 5px;
}

/*---- stap 2 */
.blogPostImageUploadContainer, .blogPostPublicationChannelsContainer, .blogSendEmailContainer {
	float: left;
	width: 50%;
}

.imageUploadContainer .imageMaskLarge {
	margin-left: -5px;
}

.blogPostImageUploadContainer .imageUploadContainer {
	float: left;
	padding: 10px !important;
	width: 90%;
	height: 295px !important;
	border: 1px solid #C4BFB9;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background: #F6F4F2;
}

.publicationChannelsContainer {
	overflow: auto;
	float: left;
	padding: 4px;
	width: 350px;
	height: 286px;
	border: 1px solid #C4BFB9;
}

.blogSendEmailContainer, .blogIsPublicContainer {
	position: relative;
	float: left;
	clear: left;
	margin-top: 20px;
	width: 100%;
	font-weight: bold;
	color: #FF6600;
}

.blogIsPublicContainer {
	margin-top: 5px;
}

.blogSendEmailContainer input, .blogIsPublicContainer input {
	float: left;
}

.blogSendEmailContainer label, .blogIsPublicContainer label {
	float: left;
	margin: 2px 5px 0 5px;
}
/* END CREATE AND EDIT BLOG POST
-----------------------------------------------------------------------------*/


/* EDIT STANDARD BLOG ROLE
-----------------------------------------------------------------------------*/
.plazaBlogDefaultRoleOptionsContainer {
	margin-top: 12px;
}
/* END EDIT STANDARD BLOG ROLE
-----------------------------------------------------------------------------*/


/* E-MAIL BLOG ARTICLE
-----------------------------------------------------------------------------*/
.emailPostPopupPanel .inputPopupTextBox, .emailPostPopupPanel .formLabel, .emailPostRow {
	float: left;
}

.emailPostRow {
	margin-bottom: 10px;
	width: 100%;
}

.emailPostPopupPanel .emailPostRow .formLabel {
	margin-top: 3px;
	margin-bottom: 0;
	width: 140px;
}

.emailPostPopupPanel .popupErrorLabel {
	margin-top: 3px;
	margin-bottom: 0px;
	width: auto;
}

.emailPostPopupPanelPermaLinkText {
	display: none;
}

.emailPostPopupPanel .inputPopupTextBox {
	margin-right: 5px;
	width: 250px;
}

.emailPostPopupPanelEmailDescription {
	width: 388px;
	height: 80px;
}
/* END E-MAIL BLOG ARTICLE
-----------------------------------------------------------------------------*/


/* BLOG DELETE CONFIRM
-----------------------------------------------------------------------------*/
.confirmRemovePostPopupPanel {
	background: #fff url(http://images.mindz.com/Images/blogCreateblogPopupBackground.gif) repeat-y;
}

.confirmRemovePostPopupPanelExplanationContainer, .confirmRemovePostPopupPanelContainer {
	float: left;
}

.confirmRemovePostPopupPanelExplanationContainer {
	margin-right: 20px;
	padding: 0 20px 0 0;
	width: 220px;
}

span.confirmRemovePostPopupPanelExplanationLabel {
	margin: 0;
	font-weight: normal;
}

.confirmRemovePostPopupPanelContainer {
	width: 380px;
}

.confirmRemovePostPopupPanelDistibutionContainer {
	display: block;
	overflow: auto;
	clear: both;
	margin: 10px 0 0 0;
	height: 149px;
	border: 1px solid;
}

.createBlogPostDistributionListDisabledCheckBox {
	color: #bebebe;
}

.confirmRemovePostPopupPanelDistibutionContainer span {
	display: block;
	margin: 0;
	padding: 5px 0;
	border-bottom: 1px dashed #eeede9;
}

.confirmRemovePostPopupPanelDistibutionContainer label {
	padding-left: 5px;
}
/* END BLOG DELETE CONFIRM
-----------------------------------------------------------------------------*/


/* WEBLOG IMPORTEREN
-----------------------------------------------------------------------------*/
.blogPanelImporteerWeblog {
	width: 740px;
	background: #fff url(http://images.mindz.com/Images/blogCreateblogPopupBackground.gif) repeat-y;
}

.blogImportWeblogExplanationContainer, .blogImportWeblogWizardContainer {
	float: left;
}

.blogImportWeblogExplanationContainer {
	margin-right: 40px;
	width: 220px;
}

.blogImportWeblogWizardContainer {
	width: 480px;
}

.blogWeblogUrlcontainer, .blogWeblogUsernamecontainer, .blogWeblogPasswordcontainer, .blogWeblogTaalcontainer, .blogWeblogUpdateCheckboxcontainer {
	float: left;
	clear: left;
	margin: 0 0 10px 0;
	width: 100%;
}

.blogWeblogUrlLabel, .blogWeblogUsernameLabel, .blogWeblogTaalLabel, .blogWeblogPasswordLabel {
	float: left;
	clear: left;
	padding: 3px 0 0 0;
	width: 150px;
	white-space: nowrap;
	font-weight: bold;
}

.blogWebLogUrlHttpLabel {
	float: left;
	padding: 3px 0 0 0;
	width: 40px;
}

.blogWeblogUrlTextBox, .blogWeblogUsernameTextBox, .blogWeblogPasswordTextBox, .blogWeblogTaalDropdownBox {
	float: left;
	width: 210px;
}

.blogWeblogUrlTextBox {
	width: 170px;
}

.blogPanelImporteerWeblog .errorVerplicht {
	float: left;
	margin: 3px 0 0 5px;
}

.blogWebLogImporteerAlgemeneFoutmelding {
	float: left;
	clear: both;
	padding: 10px 0;
	width: 100%;
	font-weight: bold;
	color: red;
}

.blogWeblogUpdateCheckboxcontainer {
	margin: 12px 0 0 0;
}

.blogWeblogUpdateCheckboxcontainer input {
	float: left;
	margin: 0 10px 0 0;
}

.blogWeblogUpdateCheckboxcontainer label {
	float: left;
	color: #f60;
	font-weight: bold;
	cursor: pointer;
}

* html .blogWeblogUpdateCheckboxcontainer label, * + html .blogWeblogUpdateCheckboxcontainer label {
	padding-top: 3px;
}
/* END WEBLOG IMPORTEREN
-----------------------------------------------------------------------------*/


/* RSS INTERGRATION
-----------------------------------------------------------------------------*/
.RSSIntegrationPopupPanel .contentContainer {
	width: 380px;
}

.RSSIntegrationAddUrlContainer {
	margin-bottom: 10px;
}

.RSSIntegrationUrlLabel, .rssBlogItemsContainer, .rssBlogItemLabel {
	float: left;
}

.RSSIntegrationUrlLabel, .RSSIntegrationUrlsLabel {
	font-weight: bold;
}

.rssBlogItemLabel, .RSSIntegrationUrlLabel {
	padding-right: 15px;
}

.RSSIntegrationUrlLabel {
	padding-top: 3px;
}

.rssBlogItemsContainer {
	clear: both;
	margin-top: 10px;
}

.rssBlogItemContainer {
	margin-top: 3px;
}
/* END RSS INTERGRATION
-----------------------------------------------------------------------------*/