html,body{margin:0;padding:0;}

/*BODY Weblog*/
.Weblog { background: url(/custom/public/images/bg-Nugo.gif) repeat-y #f0f0f0; margin: 0px; overflow-x:hidden; text-align:center; font-family:Arial; font-size:12px;}

/*GENERAL tags */
p { margin-top: 0px; }
ul { margin-top: 0px; padding-top: 0px; }
li { list-style-type: disc; }
a { text-decoration: none; color: #101187; }
a:hover { text-decoration: underline; }
img { border:none; }

/*TOPBAR*/
#HeaderLogo{background: url(/custom/public/weblog/images/TopBarNugo.jpg) no-repeat top left #B6D7FE; height: 84px; vertical-align: middle;}
#HeaderLogo .home{float:left;margin:0px; padding:0px; text-align: left; height:80px; width:310px;}
#HeaderLogo .home ul {list-style-type:none; position:absolute; margin:0px; padding:0px; cursor:pointer;}
#HeaderLogo .home ul li a{display:block; height:80px; width:310px;}

#HeaderLogo .Login {display:inline-block; padding:0px; z-index:2;  float:right;}
#HeaderLogo .Login .LoggedOut {display:inline-block; padding-top:35px; padding-right:3px;}
#HeaderLogo .Login .LoggedOut a:link {padding-right:13px; color:#101187;	font-size:13px;	text-decoration:none;}
#HeaderLogo .Login .LoggedOut a:hover {color:#fff; text-decoration:underline;}
#HeaderLogo .Login .LoggedIn {display:inline-block;padding-top:23px; padding-right:15px;}

#Secure{z-index: 1; position: relative; left:0px; height:20px; line-height: 20px; text-align:right; border-bottom: solid 1px #c1024f; background-color:#ffffff;}
#Secure a {font-size: 13px; color: #444444; text-decoration: none; line-height: normal;}
#Secure a:hover { color: #101187; text-decoration: underline;}
#Secure a:selected {color: #444444; text-decoration: underline;}
#Secure a:active { color: #444444; text-decoration: none;}

div#container {text-align:left; float:left; width:1024px; margin:0 auto;} /* to center site delete float:left; repalace bg */ 
#content { float:left; display:block; padding:0px; margin:18px 0px 0px 0px; width:540px; height:100%; height:auto; font-size:12px; }


#navBlockLeft {width:235px; padding:0px; float:left;}/*235 icludes margin 10px navbox*/
#navBlockRight {width:235px; padding:0px; float:right;}

/*NAVIG DETAIL*/
#navBlockLeft #navBox{background-color:#FFFFFF; margin:10px; width:215px; border:1px solid #D7D7D7;}
.navBoxTitle {background: #F0F0F0; padding: 7px; font-family:Arial, sans_serif; font-size: 18px; line-height: normal; color:#c2024f;}
.navBoxTitle span{color:#292c95;}
.navBoxTitleBlog span{padding-left:12px;font-family:Lucida Sans Unicode,Lucida Grande,Garuda,sans-serif; font-size:18px; color:#c2024f; font-style:italic;}

#navBlockRight #NavBox{background-color:#f0f0f0; margin:10px 10px 10px 0px; width:215px; border:1px solid #cecdcd;}

.nav { list-style: none; line-height: 20px; }
.nav ul {margin-left: 0px; margin-top:3px; padding-top: 0px; padding-left:12px; list-style: none; }
.nav li {list-style: none; margin:0px;}
.nav li a {color: #472bae; text-decoration: none; }
.nav li a:visited { text-decoration: none; }
.nav li a:hover { text-decoration: underline;}
.nav li a:active { text-decoration: none; }

/*NAVIGATIE PortalSites deze is statisch*/
#navPortalSites { list-style: none; line-height:20px;}
#navPortalSites ul{ margin-left: 3px; margin-top:3px; padding-top: 0px; padding-left:0px; list-style: none; }
#navPortalSites li { list-style:none; margin-left:0px; }
#navPortalSites li a { color: #68696c; text-decoration: none; }
#navPortalSites li a:hover { color: #68696c; text-decoration: underline;}
#navPortalSites li a:active { }
#navPortalSites li a:visited { }

/*OPMAAK CONTENT BLOG tagWebloglisting*/
.ContentWebloglisting {margin: 0px;  font-family: Arial; font-size: 12px; color: #424242; line-height: 1.5em; padding:0px;}
.ContentWebloglisting a {color: #262c98; text-decoration: none;}
.ContentWebloglisting a:hover {color: #c2024f; text-decoration: underline;}
.ContentWebloglisting H1 {font-size: 12px; color: #424242;}
.ContentWebloglistingTitle {display:block; padding: 0px 0px 4px 0px; border-bottom: dashed 1px #ccc; font-size:18px; line-height:24px; color: #424242; font-family:Lucida Sans Unicode,Lucida Grande,Garuda,sans-serif; }
.ItemWebloglisting {padding-bottom: 10px; padding-top:6px;}
.TitleWebloglisting {padding: 0px 0px 6px 0px; }
.TitleWebloglisting .Header {float: left; font-size: 13px; font-weight: bold; color: #c2024f; display:block; width:100%;}
.TitleWebloglisting .Header a {color: #c2024f; textdecoration: none; }
.PostWebloglisting{}
.PostWebloglisting .ReadMore {padding: 0px 0px 0px 6px; }
.ItemWebloglistingFooter {display:inline-block; width:100%; padding: 6px 0px 4px 0px; border-bottom: dashed 1px #6e6d6d;}
.ItemWebloglistingFooter #DateWebloglisting{font-size: 11px; color:#7d7ea5; padding:0px 6px 0px 1px; diplay:inline-block; width:50px; float:left;}
.ItemWebloglistingFooter #OwnerWebloglisting {font-size:11px; color:#7d7ea5; padding:0px 12px 0px 0px; diplay:inline-block; width:150px; float:left;}
.ItemWebloglistingFooter #CommentsWebloglisting {font-size:11px; color:#7d7ea5; padding:0px 12px 0px 0px; diplay:inline-block; width:150px; float:left;}
.ItemWebloglistingFooter #RatingWebloglisting {font-size:11px; color:#7d7ea5; diplay:inline-block; width:150px; float:left;}
.ItemWebloglistingFooter #RatingWebloglisting #txt {float:left;}
.ItemWebloglistingFooter #RatingWebloglisting #stars {float:left;}

.FooterWebloglisting {display:block; width:530px; height:40px; background-color:#f0f0f0; padding:4px; color:#7b7ca3; font-weight: normal; font-size:11px;}


/*OPMAAK PAGE READMORE ITEM */

#content {float:left; display:block; padding:0px; margin:18px 0px 18px 0px; width:540px; height:100%; height:auto; font-size:12px; }

.ContentReadMore {padding:0px; margin:0px; height: 100%; height: auto; width:540px; font-family: Arial; font-size: 12px; color: #424242; line-height: 1.5em; background-color:#ffffff;}
.ContentReadMore .Title {font-size: 13px; font-weight: bold; color: #c2024f;}
.ContentReadMore .TitleWebloglisting .DateWebloglisting {font-size: 11px; color: #c2024f;}
.ContentReadMore .Item {padding-top: 6px; font-size: 12px;}
.ContentReadMore .Item img {}

.HeaderBlog{display:block; width:530px; height:40px; background-color:#f0f0f0; padding:4px; color:#7b7ca3; font-weight:normal; font-size:11px; margin-bottom:8px;}
.HeaderBlogComments{  padding:4px; display:inline-block;font-size:11px; color:#7b7ca3; width:300px; float:left;}
.HeaderBlogComments a:link { font-size:11px; color:#111389;}
.HeaderBlogRating{ display:inline-block; width:180px; float:right;}
.HeaderBlogRating .txt{ float:left; width:80px; padding-top:4px; font-size:11px;}
.HeaderBlogRating .widget{ float:left; width:200px; color:#7B7CA3; font-size:11px;}
.HeaderBlogRating .rating{ float:right;}
.HeaderBlogRating .rateStars{ width:60%; float:right; display:inline-block;}
.HeaderBlogRating .rateVotes{ width:100%; display:inline-block; text-align:left; color:#7B7CA3; font-size:11px;}


#leaf.Content{margin-bottom:22px;}

.ChooseYear{text-align:left; padding-top:3px; vertical-align:middle;}
.SelectPrev {width:20px; padding-left:12px; padding-right:12px; line-height:20px;}
.SelectPrev a {}
.Year{font-family:Lucida Sans Unicode,Lucida Grande,Garuda,sans-serif; font-size:18px; color:#c2024f; font-style:italic; width:130px; text-align:center; line-height:20px;}
.SelectNext {padding-left:12px; padding-right:12px; l}
.Calendar ul {margin0px; padding:0px;}

/*Floating editor*/
.addCommentEditor{display:block; width:540px; height:200px; margin-top:24px;}
.addCommentEditor hr {display:none;}
.linkOnGreenBG img{display:none;}

/*-- FLOATING EDITOR ADD COMMENT --*/
.hidden{display:none;}

div.dimmer{
	visibility: hidden;
	position: absolute;
	left:0px;
	top:0px;
	font-family:verdana;
	font-weight:bold;
	padding:40px;
	width: 0px;
	height: 0px;
	z-index: 500;
	background-image:url(/images/BROWN.png);
	/* ieWin only stuff */
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/images/BROWN.png');
	_background-image: none;
}

div.dimming{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	background-color: #ffffff;
	position:absolute;
	/* set z-index higher than possible */
	z-index: 10000;
	visibility: hidden;
	border-style: solid;
	border-color: #999999;
	border-width: 1px;
}

/*#F5F4EF;*/


table.Discussion  {
font-size:1em;
margin-right:12px;
margin-top:18px;
padding:0 4px 0 0;
}

.Number {
font-size:12px;
vertical-align:top;
font-weight:bold;
padding-left:4px;
width:22px;
line-height:15px;
}

.Postedlabel {
color:#424242;
margin-left:5px;
vertical-align:middle;
line-height:15px;
}

.CreatedBy {
font-size:12px;
line-height:15px;
vertical-align:top;
}

.DateCreated {font-size:11px;margin-left:28px;line-height:15px;vertical-align:top;}
.TimeCreated {font-size:11px;margin-left:8px;line-height:15px;vertical-align:top;}


/*Active USER*/
.User{width:280px; display:inline-block;}
table.activeUser{background: url(/custom/images/activeUserMenu.png) no-repeat; }
#HeaderLogo .Login .LoggedIn a:link {color:#101187;text-decoration:none;}
#HeaderLogo .Login .LoggedIn a:hover {text-decoration:underline ;color:#d6024f;}
#HeaderLogo .Login .LoggedIn a:active {text-decoration:none ;color:#d6024f;}
#HeaderLogo .Login .LoggedIn a:selected {text-decoration:none ;color:#d6024f;} 

table.activeUser{text-align:left;}
table.activeUser a.LogOffButton {font-size:13px; color:#101187;}
table.activeUser a.LogOffButton:selected {font-size:13px;}
table.activeUser .lastLoginDate {color: #404045; font-size: 11px; padding-left:28px;}
table.activeUser .MyProfile a{display:none; font-size:11px;}
table.activeUser .MyProfile .tsMenu{display:none;}
.tsMenuVertical ul, .tsMenuVertical ul li {display:none;}
table.activeUser a.navigationUpstairs  {color:#101187;	font-size:13px; white-space:nowrap;}
table.activeUser a.navigationUpstairs:hover{color:#d6024f;	font-size:13px;}
table.activeUser a.navigationUpstairs:active{color:#101187;	font-size:13px; font-size:13px; white-space:nowrap;}
table.activeUser a.navigationUpstairs:selected{color:#101187;	font-size:13px;font-size:13px; white-space:nowrap;}
a.tsButton.navigationUpstairs {margin:0 0 0 28px;}
#MyProfile {display:none;}

.linkOnGreenBG a{font-size:12px; font-weight:bold;}