/* 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
-----------------------------------------------------------------------------*/