[css-d] Another Centering Challenge

[Mark Weiss]

CSS for Moodle can be challenging. I have run into another challenge. 

On the log in page of our Moodle site (http://sionline.mrooms.net) , we have 
this:

<div id="region-main">
<div class="region-content">
<div id="padder">
<span id="maincontent"></span>

/*Here is where two columns are defined*/

<div class="loginbox clearfix twocolumns">
        <div class="loginpanel">
        <h2>Returning to this web site?</h2>
                <div class="subcontent loginsub">
                        <div class="desc">
                                <form id="login" autocomplete="off" 
method="post" action="http://sionline.mrooms.net/login/index.php";>
                        </div>
                </div>
                
                
                
                <div class="signuppanel">
                        <h2>Is this your first time here?</h2>
                                        <div class="subcontent">
                                                <div class="text_to_html">
                                                </div>
                                        </div>
                </div>
        </div>
</div>
</div>
</div>
</div>
There is a column on the left and a column on the right. 

The column on the left has manual log in that we don't use. 

The column on the right has some HTML that links to a SAML authentication 
screen. 

So I hide "loginpanel" display:none. 

But the "signuppanel"  is not centered. 
(I hid the <h2> )

It is still on the right. 

The Supporting CSS is:


.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    min-width: 0;
    visibility: hidden;
}

.loginbox.twocolumns {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 100%;
}

.loginbox.twocolumns {
    margin: 15px 5%;
    width: 90%;
}


.loginbox.twocolumns {
    margin: 15px;
}


.twocolumns div.loginpanel {border-right: 1px dashed #dadada !important;}

.loginbox.twocolumns { width:46em;margin-right: auto;margin-left: 
15px;border-color: #FFFFFF; }


So the question is. How do I get rid of the two columns and end up centering 
the contents that is now in the right column?

I have tried all I know and I just can't see how to do it. 

If I could get rid of the .twocolumns stuff, maybe that would do it? 

Mark
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/