/* Styles overgenomen uit buddypress */


.comment {
float:left;
display:inline;
width:490px;
height:auto;
margin:10px 0px 0px 10px;
padding:10px 0px 15px 10px;
border-top:1px solid #e4e0da;       
}

.comment a {
    color: #CC3388;
    }

.comment .edit-comment {
    margin: 10px 0px 0px 30px;
}
.comment .edit-comment-admin-links-no-icon {
    margin: 10px 0px 0px 40px;
    }
    
.comment .thumblock {
    display: none;
    }
.comment-author img {
    float:left;
    display:inline;
    height:24px;
    width:24px;
    padding:1px 1px 1px 1px;
    margin:0px 15px 0px 0px;
    background:url('images/userImageBgSmall.gif') no-repeat;
}
.comments-header {
    height:21px;
    font-weight:150;
    font-size:14px;
    color:#4477bb;
    margin:0px 0px 10px 0px;
    padding:7px 0px 0px 13px;
}

#first-section .widget h2 {
    width:487px;
    height:21px;
    font-weight:100;
    font-size:12px;
    color:#fff;
    margin:30px 0px 0px 10px;
    padding:7px 0px 0px 13px;
    background:url('images/headingBrownMedium.gif') 100% 4px no-repeat; 
    clear: both;
}   

#middleColumn .post h3 a {
    text-decoration: underline;
    color: #CC3388;
}


#middleColumn ul, 
.widget ul {
    float: left;
    display: inline;
    list-style: none;
    margin: 10px 0px 0px 20px;
    padding: 0px 0px 10px 0px;
}

#middleColumn ul li {
    float: left;
    width: 400px;
    margin: 0px;
}

.widget ul li{
float: left;
display: inline;
width: 180px;
margin: 0px;
}

#middleColumn ul li a,
.widget ul li a{
    display: block;
    margin: 0px;
    color: #CC3388;

}

/* pagination */
.infoBoxLargePink .paginator,
.infoBox .paginator
{
float:right;
display:inline;
color:#665533;
margin:0px;
padding:0px;
}
.infoBoxLargePink .paginator .paginatorInner,
.infoBox .paginator .paginatorInner
{
float:left;
display:inline;
color:#665533;
margin:0px;
padding:0px;
}

.infoBoxLargePink .paginator .paginatorInner,
.infoBox .paginator .paginatorInner,
#content #middleColumn .infoBox .paginator .paginatorInner 
{
    /*width:60px;*/
    float:left;
    padding-right: 10px;
    display: inline;
    text-align: right;
    
}
.infoBoxLargePink .paginator .paginatorInner span,
.infoBox .paginator .paginatorInner span,
#content #middleColumn .infoBox .paginator .paginatorInner span
{
    display: inline;
}
.infoBoxLargePink .paginator .paginatorInner span.current,
.infoBox .paginator .paginatorInner span.current,
#content #middleColumn .infoBox .paginator .paginatorInner span.current
{
display: inline;
font-weight:bold;
text-decoration:none;
color:#4477BB;
}

.infoBox .paginator .paginatorInner a,
#content #middleColumn .infoBox .paginator .paginatorInner a
{
color:#665533;
margin:0px;
padding:0px;
}

.infoBoxLargePink .paginator .paginatorInner a
{
color:#CC3388;
margin:0px;
padding:0px;
}

.infoBoxLargePink .paginator .paginatorInner a.prev,
.infoBox .paginator .paginatorInner a.prev,
#content #middleColumn .infoBox .paginator .paginatorInner a.prev
{
float:left;
display:inline;
width:10px;
height:8px;
cursor:pointer;
background:url('images/arrowPrevious.png') no-repeat;
   _background: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod='crop', src='images/arrowPrevious.png');
margin:4px 7px 10px 0px;
padding:0px;
}

.infoBoxLargePink .paginator .paginatorInner a.prev {
    background:url('images/arrowPreviousPink.png') no-repeat;
       _background: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod='crop', src='images/arrowPreviousPink.png');
}

.infoBoxLargePink .paginator .paginatorInner a.next,
.infoBox .paginator .paginatorInner a.next,
#content #middleColumn .infoBox .paginator .paginatorInner a.next
{
width:10px;
height:8px;
cursor:pointer;
background:url('images/arrowNext.png') no-repeat 5px 4px;
padding:0px 0px 0px 15px;

}

.infoBoxLargePink .paginator .paginatorInner a.next {
    background:url('images/arrowNextPink.png') no-repeat 5px 4px;
}



#content #middleColumn .infoBox .paginator .paginatorInner a.nextArrow {
background:transparent url(images/arrowNext.png) no-repeat scroll 0 0;
cursor:pointer;
display:inline;
float:right;
height:8px;
margin:4px 7px 0;
padding:0;
text-indent:-999999px;
width:10px;
}

#content #middleColumn .infoBoxLargePink .paginator .paginatorInner a.nextArrow {
background:transparent url(images/arrowNextPink.png) no-repeat scroll 0 0;
}
/* FORMS */


.editfield {
    margin: 10px; 0px 0px 0px;
}

/* omdat buddypress current gebruikt ipv active, en om niet heel buddypress weer te moeten herprogammeren */

/* overig styles voor oa formulieren */
#content .login label{
    float: left;
    width: 120px;
    font-weight: normal;
    margin: 5px 5px 5px 0px;
}

#content .login input, 
#content .login textarea{
    width: 180px;
    margin: 5px 5px 5px 0px;
}

#content .login .submit,
#content .login .forgetmenot {
    padding-left: 135px;
    width:350px;
    clear: both;
}

#login-submit-tml-main,
#content .login .submit input{
    margin-left: 0px;
    float: left;
}

#content .login .forgetmenot label {
    width: 320px;
    padding: 0px;
}

#content .login .forgetmenot input {
    float: left;
    width: 1em;
}


#content .login ul {
    margin-left: 120px;
    clear: both;
}


#message.updated p,
#content p.error,
#content p.message{
    padding: 10px 10px;
}

#message.updated p{
    margin-top:5px;
    background-color: #FFFFE0;
    border: 1px solid #E6DB55;  
}

#editfield {
    clear:both;
}   

#content .youtube span{
    margin: 0px;
}
#content .youtube {
    padding:10px 0px 10px 0px;
    clear:both;
}           

div.action .meta {
    position: relative;
}

/* TAGBOX */
.widget_tag_cloud a:link,
.widget_tag_cloud a:visited,
.widget_tag_cloud a:active,
.widget_tag_cloud a:hover
{
color:#4578bb;
line-height:22px;
}

.searchx
{
float:left;
display:inline;
width:700px;
height:auto;
margin:10px 0px 12px 11px;
padding:0px;
background:url('images/sortBg.gif') repeat-x;
}



 .searchx span{
    display:block;
    font-size:12px;
    color:#665533;
    font-family:arial;
    margin:10px 0px 0px 10px;
    padding:0px;
}
.searchx span a
{
color:#CC3388;
}

.searchx form
{
float:left;
display:inline;
margin:10px 0px 0px 0px;
padding:0px;
}
.searchx form .sortSelect
{
float:left;
display:inline;
width:180px;
cursor:pointer;
margin:1px 30px 0px 0px;
padding:1px 1px 1px 1px;
}
.searchx form .filterInput
{
float:left;
display:inline;
width:180px;
margin:1px 10px 0px 0px;
padding:1px 1px 1px 1px;
}
.searchx form .sortFilterSubmit
{
float:left;
display:inline;
cursor:pointer;
margin:0px 0px 0px 0px;
padding:0px 10px 0px 10px;
}


#rightColumn .post h3.blue a {
    text-decoration: underline;
    color:#4477BB;
    font-size:14px; 
}
/* formulieren */

.register-section {
    clear:both;
    margin: 10px 0px 0px 10px;
}

.register-section .editfield {
    margin: 0px;
    padding: 0px;
}

.register-section .editfield label,
#basic-details-section.register-section label{
display:block;
width:200px;
float:left;
}

.register-section .editfield input,
.register-section .editfield select,
.register-section .editfield textarea,
#basic-details-section.register-section input{
float:left;
font-size:14px;
padding:0px 0px;
width:240px;
margin:2px 190px 10px 10px;
}


.register-section .editfield .datebox select {
	float: none;
    font-size:14px;
    padding:0px 0px;
    width:70px;
    margin:2px 0px 10px 10px;
}

#content .register-section .editfield p {
    clear: left;
}

#basic-details-section.register-section button{
clear:both;
margin-left:150px;
width:125px;
height:31px;
background:#666666 url(img/button.png) no-repeat;
text-align:center;
line-height:31px;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
}

.register-section .editfield .radio div  label{
    clear:none;
    padding: 0px;
    margin: 0px;
}

/* submenu list voor profile */

.subnav  {
    border-top:1px solid #E4E0DA;
    display:inline;
    float:left;
    height:auto;
    margin:5px 0 0px 10px;
    padding:7px 0px 0px 0px;
    width:700px;
    _border:1px solid red;
}

.subnav .content-header-nav {
    padding: 0px;
    margin: 5px 0px 0px 0px;
    clear:both;
}
.subnav input {
    margin-top: 5px;
    }

.subnav .bp-widget li,
.subnav .content-header-nav li{
    list-style: none;
    display: inline;
    padding: 0px;
    color:#4477BB;
    font-weight: bolder;
    margin: 0px 10px 0px 0px;   
}

.subnav .bp-widget li a,
.subnav .content-header-nav li a {
    color:#4477BB;
}
.subnav .bp-widget li.current a,
.subnav .content-header-nav li.current a {
    text-decoration: none;
    font-weight: bolder;
    color:#CC3388;
}
#group-mods li,
#group-admins li {
    list-style: none;
    float:left;
    padding-right:25px;
    text-align:center;  
}

#group-mods li hr,
#group-admins li hr {
    display: none;  
}

.groupAvatar {
    float: left;
    width: 75px;
    padding: 1px;
    margin: 5px;
    border: 1px solid #EEEEEE;
}
#content .groupName h1 {
    height:auto;
    padding: 0px 10px;
    margin: 0px;
    color:#4477BB;
    clear: right;
}

#content p.groupStatus {
    color:#CC3388;
}

#group-settings-form label {
    float: left;
    clear:left;
    display:block;
    width:150px;
    margin: 5px 0px 5px 0px;
}
#group-settings-form textarea,
#group-settings-form input {
    margin: 5px 0px 5px 0px;
}

#group-settings-form groupAvatar {
    border: 1px solid #EEEEEE;
    padding:1px;
    margin: 5px;
    display: block;
}
#group-settings-form .uploadText {
    width: 500px;
    padding: 0px;
    margin: 5px 5px 5px 170px;
    display: block;
}
#group-settings-form .checkbox {
    width:500px;
}
#group-settings-form .radio label {
    width:750px;
    display:block;
    clear: both;
}
/* voorkeuren algemeen */

#settings-form.standard-form {
        
}

#settings-form.standard-form input{
    display:block;
    margin: 5px 0px 5px 0px;
}
#settings-form.standard-form label {
    float: left;
    clear:left;
    display:block;
    width:150px;
    margin: 10px 0px 10px 0px;
}
#settings-form.standard-form #pass1,
#settings-form.standard-form #pass2 {
    display:inline;
}

th.icon {
    width: 10px;
    margin: 0px;
    padding: 0px;
}
div.error {
    color: #FF0000;
    margin-bottom: 5px;
}

.infoBoxLargePink {
background:transparent url(images/headingPinkLarge.gif) no-repeat scroll 0 0;
color:#FFFFFF;
display:inline;
float:left;
font-size:12px;
font-weight:100;
height:21px;
margin:30px 0 0 10px;
padding:7px 0 0 13px;
width:710px;

}
.infoBoxLargePink h2.largePink {
color:#FFFFFF;
display:inline;
float:left;
font-size:12px;
font-weight:100;
height:21px;
margin:0;
padding:0;
width:auto;
}
.infoBoxLargePink h2.largePink span {
    display:inline;
    float:left;
}

.infoBox {
    height: auto;
}
.infoBox .showAll {
     margin: 0px;
}
#content #middleColumn .infoBox .paginator .paginatorInner a.next,
#content #middleColumn .infoBox .paginator .paginatorInner span {
    float: none;
}

#content #middleColumn .infoBox .paginator .paginatorInner a.next {
    margin: 0px;
}
#content #middleColumn .infoBox .paginator .paginatorInner a.nextText {
    margin: 0px;
    background: url();
}

.infoBox li {
    list-style: none;
}
.infoBox,
.editfield,
label {
        color: #000000;
}

.pageContent a,
.searchx a,
.search a,
#message-threads a {
    color:#cc3388;
}
.pageContent strong,
.pageContent h3,
.pageContent h2 {
    color:#4477BB;
}

.pageContent h2,
#middleColumn .post h3,
.post h3 {
    font-size:20px;
    font-weight:100;
}
#txt_friendemail,
#txt_friendmessage {
    width:180px;
}

/* kleine aanpassingen ten opzichte van de main */
#header {
height:102px;
}


.normal {
    font-weight: normal;
}

.pageContent {
    width: 700px;
}

.tdomf_form hr {
    margin-top: 20px;
    border: 0;
    color: #CECECE;
    background-color: #CECECE;
    height: 1px;
    width: 100%;
    text-align: left;

}
.tdomf_form fieldset {
    margin:30px 0px;
    /*background-color: #CECECE;*/
}
.tdomf_form label {
    /*display:block;*/
    /*border-top: 1px solid #CECECE;*/  
}
.tdomf_form fieldset legend {
padding-bottom:0px;
}

body {
font-family: verdana;
font-size:12px;
}

/*
body {
    background:transparent url(images/bodyBg2.gif) no-repeat scroll 995px bottom;
    height: 100%;
}
.siteImage {
    background:transparent url(images/htmlBg.gif) repeat-x scroll 0 0;
}
.wrapper {
    background:transparent url() no-repeat scroll 0 100%;
}
*/

/* left column homepage */
/* koppelen aan widgets, dat is nl zo handig in wordpress ! */
#leftColumnHomepage .widget-section
{
float:left;
display:inline;
height:auto;
width:292px;
margin:0px;
padding:0px;
}

#leftColumnHomepage .widget,
.newsHeader
{
float:left;
display:inline;
height:auto;
width:292px;
/*height:26px;*/
margin:0px 0px 10px 0px;
padding:7px 0px 7px 0px;
background:url('images/newsHeader.gif') no-repeat;
}
#leftColumnHomepage h2.widgettitle,
.newsHeader h2
{
float:left;
display:inline;
color:#fff;
font-weight:100;
font-size:14px;
margin:0px 0px 0px 15px;
padding:0px;
width:auto;
background:url();
}
#leftColumnHomepage .widget ul,
ul.newsColumn
{
float:left;
display:inline;
list-style:none;
height:auto;
width:292px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;    
}

#leftColumnHomepage .widget ul li,
ul.newsColumn li
{
float:left;
display:inline;
width:272px;
margin:10px 0px 0px 5px;
padding:7px 0px 0px 0px;
border-top:1px solid #e4e0da;
}
#leftColumnHomepage .widget ul li h3 a,
ul.newsColumn li h3
{
float:left;
display:inline;
color:#4477bb;
font-weight:100;
font-size:14px;
width:277px;
margin:0px;
padding:0px;
text-decoration: underline;
}
#leftColumnHomepage .widget ul li span,
ul.newsColumn li span
{
float:left;
display:inline;
color:#665533;
width:277px;
margin:0px;
padding:0px;
}
#leftColumnHomepage .widget ul li span a,
ul.newsColumn li span a
{
color:#cc3388;
display: inline;
float: none;
text-decoration: none;
}

#rightColumnHomepage #second-section .widget{
    margin: 10px 6px 10px 0px;
}

#rightColumnHomepage #second-section .widget {
    width: 210px;
    display: inline;
    float: left;
}

#rightColumnHomepage #second-section .widget .item-avatar {
    width: 52px;
    height: 52px;
    display: inline;
}

#contentHomepage span {

    width:700px;
    height:auto;
    margin:10px 0px 12px 11px;
    display:block;
    font-size:12px;
    color:#665533;
    font-family:arial;
    margin:10px 0px 0px 10px;
    padding:0px;
}
#contentHomepage span a
{
color:#CC3388;
}   

/* end left column homepage */

table.notification-settings {
    margin-top: 10px;
}

#aboutUserBox p {
    margin:0 0 0 195px;
}

.widget ul li
.textwidget ul li {
    font-size:12px;
}
.textwidget ul li a {
    display: inline;
    float: none;
}
.hand {
    cursor:pointer;
}

li.groups p {
    float: none;
}

.login p {
    clear: both;
}

/* GROUP BLOGS FORUM */

.subnav .bp-widget h4 {
    display: none;
}

#edit-topic,
#post-new-topic,
#post-topic-reply {
    clear: both;
    float: left;
}
#edit-topic label,
#post-new-topic label {
    display:block;
    }

#post-topic-reply textarea,
#edit-topic input,
#edit-topic textarea,
#post-new-topic input,
#post-new-topic textarea {
    width:550px;
    }

#edit-topic .submit input,
#post-new-topic .submit input{
    width:auto;
    }       
    
.admin-links {
    float:left;
}

.subnav_extra {
    margin: 5px 0 10px 10px;
}

#groupblog-member-options {
    float:left;
    clear: both;
    }

#groupblog-member-options p {
    float:left;
    clear: both;
    width: 100%;    
    }

#groupblog-member-options .checkbox {
    float:left;
    clear: both;
    width: 100%;    
    }
    
#groupblog-member-options .checkbox label{
    width: 100%;    
    }   
    
#groupblog-member-options label {
    clear:left;
    display:block;
    float:none;
    margin:5px 0;
    width:150px;
}

#groupblog-member-roles label{
        clear:both;
        display:block;
        width: 100%;
}

#groupblog-details,
#groupblog-member-roles ul {
        float: left;
}

#groupblog-details label {
        margin: 0px;
}

#content .pageContent ul {
list-style-image:none;
list-style-position:outside;
list-style-type:disc;
}

#content .pageContent ul,
#content .pageContent ol {
margin:0 0 0 30px;
padding:0;
}