Problema con box login

[ezzezhito]

Ok, he probado.
Lo puse y funciona (use tu codigo de estilo)
El problema es que el codigo de estilo que tengo yo, es totalmente diferente y no se como adaptarlo al que me diste vos.

este es el que tengo, en teoria, ahi esta el estilo del box tambien

div#ds_container{
width: 95%;

}
div#label9.label-text,div#label10.label-text{
top:2px !important;
}

#bot-nav{

float: right;
min-width: 90px
}
.input-msg.show{
font-size: 11px ! important;
font-weight: bold ! important;
width: 65% ! important;
}
#label8,#label9,#label10{
left:7px ! important;
top: 2px;
}
#expiryForm div#label9.label-text,#expiryForm div#label10.label-text{
top:0px !important;
}
#expiryForm div#label11{
left:7px !important;
}
.hsa label{
float: none ! important;
width: auto! important;
display: inline! important;
font-weight: normal! important;
}
#passwordfocusmsg{
display:none! important;
}
.btn.bigblue input.btnSignIn { background:none !important; box-shadow:none; margin-top:2px; }
.bigblue span input.btnSignIn {
padding: 7px 23px 8px 23px;
font-size: 1.3em;
color: #fff !important;
text-shadow: 0 -1px #367BBB;
display: inline-block;
}
.red {
color:red ! important;
}
tr td:last-child{

display:none;
}
p.intro{
width:70%;
}

p#your-{
width:100%! important;
}
div.column.last.main.daw2sv{
width:100%! important;
}
h3.hsa.heading
{
font-size: 14px ! important;
margin-right: 0;
word-wrap: break-word;
}
#send-temporary-security-code-to{
font-weight:bold;
font-size:12px ! important;
margin: 15px 0 10px 0;
}
h2.headingStyle{
font-size: 20px! important;
}
div.formrow.radio.hsa{
padding-bottom: 5px! important;
}
.recovery{
padding-top:15px;
}
/*Expiry specific css start*/
strong{
font-weight:bold;
color:black
}

#expiryForm p.intro,#harvest p.intro,#harvest p,.formrow label{
width:100%;
font-size:14px;
color: #333;
}
#ds_container{
padding-top: 2%
}
#expiryForm #ds_container{

width:87%
}
#expiryForm .formrow{
margin: 14px 0px 0 -10px;
}
#passwordfocus{
color: #666;
font-size: 11px;
letter-spacing: 0.07mm;
}
#passText{margin-left:0px!important}

div#bot-nav-panel{
width: 100%;
}
#refresh_device_div,span#refresh_device{
float:left;
}
#refresh_device_div{
width: 50%;
}
/*Hack to make the article tag expand based on the internal div tags (which have float css) , without using overflow:hidden


Since overflow:hidden causes problems to display the password-pop up correctly*/
/* new clearfix */
.base-template:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
* html .base-template { zoom: 1; } /* IE6 */
*:first-child+html .base-template { zoom: 1; } /* IE7 */
.base-template { overflow:visible!important; }
/*Expiry specific css end*/
/* End hide from IE-mac */
/*****************CUSTOM ADDED FOR DS LOGIN & HSA::::END********************/

div#recovery-key-container{
text-align:center;
}
//for offline devices
.edit .formrow {

margin: 1em 9px 0 0;

width: 449px;
}

.formrow.hsa.offline span.bubble-originator {
position: relative;
}

.formrow.hsa.offline .bubble-originator {
display: none;
}
.formrow.hsa.offline .information-popup-wrapper {
left: 0;
}

.topPosition {
top: -45px;
}

.information-popup-wrapper {
position: absolute;
display: none;
z-index: 10;
}
.topcap {
position: absolute;
top: -13px;
right: 14px;
width: 252px;
background: url(../../../../) no-repeat 0 0;
z-index: 9999;
height: 13px;
}

.validation-dialog-offline {
width: 205px;
padding: 0 20px 0px 55px;
background: url(../../../../) no-repeat 0 0;
background-position: center;
display: inline-block;
position: relative;
z-index: 999999;
height: 100%;
}
.bottomcap {
left: 14px;
position: absolute;
bottom: -13px;
right: 14px;
height: 13px;
width: 252px;
background: url(../../../..) no-repeat 0 0;
z-index: 9999;
}

/*information pop up*/


/*.information-popup-wrapper {
position: absolute;
display: none;
z-index: 10;
}

.information-popup-wrapper.offline-device-status {
//left: 227px;
left: -108px;
}

.information-popup-wrapper.ipad-3 {
//top: -161px;
top: -236px;
left: -111px;
}*/

.information-popup-wrapper h1 {
font-weight: bold;
font-size: 12px;
padding-top: 10px;
padding-bottom: 5px;
margin: 0;
margin-left: 14px;
word-wrap: break-word;
}

.information-popup-wrapper .info-dialog {
padding-top: 5px;
padding-bottom: 5px;
}

.information-popup-wrapper .info-dialog h1,
.information-popup-wrapper .info-dialog p {
margin: 0 0 5px -12px;
padding: 0;
}

.information-popup-wrapper.horizontal .info-dialog h1,
.information-popup-wrapper.horizontal .info-dialog p {
margin: 5px 15px 5px -20px;
}

.information-popup-wrapper .info-dialog h1 {
font-weight: bolder;
font-size: 12px;
}

.information-popup-wrapper .info-dialog p {
font-weight: normal;
}

.information-popup-wrapper .topcap,
.information-popup-wrapper .bottomcap {
left: 14px;
}

.formrow.hsa.offline .information-popup-wrapper {
left: 0;
}
.hsa .device-list .row.offline .status-text:hover + .information-popup-wrapper {
display: block;
}

.formrow.hsa label,
.formrow.hsa.offline label {
float: none;
display: inline;
text-align: left;
width: auto;
}

.formrow.hsa.offline span.bubble-originator {
position: relative;
}
.hsa .device-list .row.offline .status-text:hover {
cursor: pointer;
}

.formrow.hsa.offline .bubble-originator {
display: none;
}

.formrow.hsa.offline label:hover {
cursor: pointer;
}

.information-dialog {
position: relative;
padding: 0 20px 3px 5px;
background: url(../../../../) repeat-y 0 0;
z-index: 999999;
background-position: center;
height: 100%;
}

.information-dialog {
width: 231px;
}

.information-dialog em,
.information-dialog p {
font-size: 12px;
padding-top: 10px;
padding-bottom: 5px;
margin: 0;
margin-left: 14px;
}

.information-dialog em {
font-weight: bold;
}

.information-dialog p {
font-weight: normal;
word-wrap: break-word;
}
article.base-template{
min-height:450px;
}
.main-footer .gf-sosumi{
padding-top:15px;
}
img.img-22{
margin-top:-5px;
}
div.right div.button-panel{
padding-top:1em ! important;
}
.biggrey span{
padding: 7px 23px 8px 23px;
}
a{
text-decoration:none;
}
p.bubble_info_style{
display:inline-block;
font-size:12px ! important;
color:black;
}
.formrow.hsa.offline label{
font-size:12px ! important;
}
/*span#ipad-offline-information1.bubble-originator{
display:inline ! important;
}*/
.formrow.hsa.offline .horizontal{

left:-10px ! important;
}
.formrow.hsa.offline .topPosition{
top: -53px ! important;
}
span#refreshingDeviceList,#refreshing{
width:200px ! important;
padding-top:10px ! important;
font-size:1em ! important;
}
span#refreshImage,#refreshing.show{

display:inline;
padding-top:10px ! important;
}
#refreshingDeviceList,#refreshing {
background: url('../../../../') 0% 90% no-repeat;
padding-left: 18px;
color: #929292 !important;
height: 16px;
line-height: 16px;
display: none;
background-size: 16px 16px;
}
#resendImage{
color: #08C;
font-size: 12px;
position:relative;
left:-12px;
}
#resendImage img{
padding-right:5px !important;
}
a{
text-decoration:none !important;
}
#bot-nav-panel.styler{
padding-top:20px;
}

label.radio-label{
font-size: 12px ! important;
}
#rkOverlayPanel .button-panel hr{
display:none;
}
.accountLocked #rkOverlayPanel #bot-nav-panel.styler{
padding-top:2px ! important;
}
.grey_out p{
margin-top: -12px ! important;
text-align: left;
width: 250px;
color: #999;
}
.grey_out img{
width: 14px;
height: 17px;
}
h2#your-apple-id-heading{
font-size: 20px ! important;
font-weight: normal;
}
p#your-apple-id.intro{

font-size: 14px;
line-height: 1.5em;
color: #888;
}
.sign-in-panel h2,h2.infoString,h4.editableLabel{
font-size:20px !important;
font-weight: normal;
}
div#label7.label-text,div#label8.label-text,div#label6.label-text{
left:7px ! important;
top:2px ! important;
}
a#rkLink{
font-size: 12px ! important;
}

p#after-trusted-device-choices{
font-size: 12px ! important;
}

div.right.manage div.button-panel{
margin-top:-10px;
}
#refreshImage img,.send-code #resendImage img{
width: 14px;
height: 17px;
}
.grey_out img{
margin-top: -7px ! important;
}
.editableLabel,#harvest p,.birthdate{

margin-bottom: 0.8em! important;
}
#birthYear +.alert{
top: 45px ! important;
right: 300px;
}
#harvest .button-panel
{
margin-top: 3em ! important;
}

#harvest span.formwrap.security-question.tbox-wrap{
background: none ! important;
}

#harvest select.questionsWidth{
width:310px;
}
div.support{
bottom: 0px ! important;
left: 0px ! important;
}
span#rememberBrowser{
font-size: 12px; float: left; padding-left: 10px; padding-top: 3px;
}

span#rememberMeCheckBox{
float:left;padding-bottom: 1px;padding-left: 5px;
}
.grey_out{
color: #999;
}