CB_Login not wanted

If you're on Joomla 2.x you need to set the modules layout to "default_horizontal". If you're on Joomla 3.x you need to set the modules layout to "bootstrap_horizontal". Both layouts are designed to match Joomla login modules HTML output nearly exactly so it should display perfectly fine. At any rate our modules support template overrides now so you could copy the layout to your Joomla template and adjust it as needed so it fits your template design perfectly.

As you can see from the screenshot, it was already set to default horizontal as i was using joomla 2.5

It looks like your template is setting the width of the inputs to 100%, the default horizontal has no such CSS and is styled entirely by your Joomla template. Right click the input in Chrome or Firefox then click Inspect Element and see where the 100% width CSS is coming from.

Please see the below of the CB Login default horizontal layout displaying fine on default Joomla 2.x template.

This is what i got when i inspect element.

<div style="float: right; width:920px; color: black;">
<form action=" www.mysite.com/index.php/en/cb-login/login " method="post" id="login-form" class="cbLoginForm">
<input type="hidden" name="option" value="com_comprofiler">
<input type="hidden" name="view" value="login">
<input type="hidden" name="op2" value="login">
<input type="hidden" name="return" value="B:aHR0cHM6Ly93d3cuZXVyb2dpcm8uY29tL2luZGV4LnBocC9lbi9tZW1iZXItc3RhcnQtcGFnZQ==">
<input type="hidden" name="message" value="0">
<input type="hidden" name="loginfrom" value="loginmodule">
<input type="hidden" name="cbsecuritym3" value="cbm_56791a59_3db68f6d_db158b1a3c3c73434cbaa58851b075a2">
<span class="userdata">
<span id="form-login-username">
<input id="modlgn-username" type="text" name="username" class="inputbox" size="14">
</span>
&nbsp;
<span id="form-login-password">
<input id="modlgn-passwd" type="password" name="passwd" class="inputbox" size="14">
</span>
&nbsp;
<span id="form-login-remember">
Remember Me <input id="modlgn-remember" type="checkbox" name="remember" class="inputbox" value="yes" checked="checked">
</span>
&nbsp;
<span class="art-button-wrapper"><span class="art-button-l"> </span><span class="art-button-r"> </span><button type="submit" name="Submit" class="button art-button">
Log in </button></span>
&nbsp;
</span>
</form>

<div align="right"> <form action="/index.php/en/" method="post">
<div class="search">
<label for="mod-search-searchword">Search...</label><input name="searchword" id="mod-search-searchword" maxlength="20" class="inputbox" type="text" size="20" value="search" onblur="if (this.value=='') this.value='search';" onfocus="if (this.value=='search') this.value='';"> <input type="hidden" name="task" value="search">
<input type="hidden" name="option" value="com_search">
<input type="hidden" name="Itemid" value="288">
</div>
</form>

</div></div>

You need to review the CSS, not the HTML as it's not an inline style doing it. When inspecting the element the developer console should open. You should see the CSS panel on the right inside in the developer console. You'll need to review what CSS is adding a 100% width to the inputs.

element.style {
}
Inherited from div
Style Attribute {
float: right;
width: 140px;
color: black;
}
Inherited from div.art-box.art-sheet
www.mysite.com/media="screen "
.art-sheet {
max-width: 970px;
margin-top: 23px;
margin-bottom: -7px;
cursor: auto;
width: 970px;
}
Inherited from div#art-main
www.mysite.com/media="screen "

#art-main {
position: relative;
z-index: 0;
width: 100%;
min-height: 100%;
left: 0;
top: 0;
cursor: default;
overflow: hidden;

from what i can see, then art-main has a width of 100% as the only one.