.header{
 position: absolute; /* or absolute */
  top: 220px;
  left: 44%;
  right:50%;
  bottom:50%;
}

.main1
{
background-color:#33CCFF;
}
.message {
color: #FF0000;
font-weight: bold;
text-align: center;
width: 100%;
}

body
{
font-family:'Open Sans',helvetica,arial,sans-serif;background-color:#fff;color:#333
}
body.whm
{
background-color:#293a4a;color:#fff
}
body.cp
{
background-color:#f0eff0
}
body.whm .locale-container a,body.whm #forms label,body.whm .input-req-login label,body.whm #morelocale
{
color:#fff
}
.clear
{
clear:both
}
a:link,a:visited,a:active
{
color:#fff;text-decoration:none
}
a:hover
{
color:#e97b16;text-decoration:underline
}
#token-forms
{
margin-bottom:15px
}
.control_container
{
text-align:center;width:100%
}
#token-forms .control_container
{
text-align:center;width:100%
}
#login-wrapper
{
margin:45px auto;min-height:460px
}
.security_policy #login-wrapper
{
min-height:817px
}
#login-container
{
height:365px;margin:0 auto;position:relative;width:356px
}
#login-sub-container
{
left:5px;position:absolute;width:345px
}
#login-sub-header
{
height:65px;padding:10px 0 0;text-align:center
}
#login-sub-header img
{
margin-left:7px
}
#login-sub,#security-sub
{
height:260px;padding-left:30px;padding-top:30px;font-size:13px;padding-right:5px
}
#forms
{
left:30px;position:absolute;top:0
}
button,button:active,input[type=submit],input[type=submit]:active,input[type=button],input[type=button]:active,.login-btn a.loginbtn
{
border:1px solid #095779;-khtml-border-radius:4px;border-radius:4px;color:#fff;cursor:pointe
}
button[disabled],button[disabled]:hover,button[disabled]:active,input[type=submit][disabled],input[type=submit][disabled]:hover,input[type=submit][disabled]:active,input[type=button][disabled],input[type=button][disabled]:hover,input[type=button][disabled]:active
{
cursor:not-allowed;pointer-events:none;opacity:.65
}
button:active:focus,button:focus,input[type=submit]:active:focus,input[type=submit]:focus,input[type=button]:active:focus,input[type=button]:focus,.login-btn a.loginbtn:active:focus,.login-btn a.loginbtn:focus,.input-button:active:focus,.input-button:focus
{
outline:thin dotted;outline-offset:-2px
}
input::-moz-focus-inner,button::-moz-focus-inner{border:0}input.std_textbox
{
width:254px;height:22px;margin:5px 0;-khtml-border-radius:4px;border-radius:4px;border:2px solid #bebebe;background-color:#fff;color:#000;font-family:'Open Sans',sans-serif;font-size:13px
}
div.icon input.std_textbox,div.no-icon input.std_textbox
{
width:220px;background:transparent;border:0;-khtml-border-radius:0;border-radius:0;box-shadow:none;outline:0
}
div.input-field-login input.std_textbox
{
border-radius:4px;-khtml-border-radius:4px
}
.input-field-login.icon input.std_textbox,.input-field-login.no-icon input.std_textbox
{
border:1px solid #FFF;padding:0 10px;margin:4px 5px 0 5px
}
.input-field-login.icon input.std_textbox:focus::-webkit-input-placeholder,.input-field-login.no-icon input.std_textbox:focus::-webkit-input-placeholder
{
color:#bbb;-webkit-transition:color .2s
}
.input-field-login.icon input.std_textbox:-ms-input-placeholder,.input-field-login.no-icon input.std_textbox:-ms-input-placeholder
{
color:#7f7f7f
}
.input-field-login.icon input.std_textbox:focus:-ms-input-placeholder,.input-field-login.no-icon input.std_textbox:focus:-ms-input-placeholder
{
color:#bbb;-ms-transition:color .2s
}
.input-field-login.icon input.std_textbox:-moz-placeholder,.input-field-login.icon input.std_textbox::-moz-placeholder,.input-field-login.no-icon input.std_textbox:-moz-placeholder,.input-field-login.no-icon input.std_textbox::-moz-placeholder
{
color:#7f7f7f
}
.input-field-login.icon input.std_textbox:focus:-moz-placeholder,.input-field-login.icon input.std_textbox:focus::-moz-placeholder,.input-field-login.no-icon input.std_textbox:focus:-moz-placeholder,.input-field-login.no-icon input.std_textbox:focus::-moz-placeholder
{
color:#aaa;-moz-transition:color .2s
}
html[dir="ltr"] div.icon input.std_textbox
{
margin-left:30px
}
html[dir="rtl"] div.icon input.std_textbox
{
margin-right:30px
}
#forms label,.input-req-login label
{
font-family:'Open Sans',sans-serif;font-size:14px;font-weight:600
}
.input-field-login.icon,.input-field-login.no-icon
{
height:32px;-khtml-border-radius:4px;border-radius:4px;border:2px solid #bebebe;background-color:#fff;background-repeat:no-repeat
}
html[dir="ltr"] .input-field-login.icon
{
background-position:6px 6px
}
html[dir="rtl"] .input-field-login.icon
{
background-position:258px 6px
}
div.username-container,div.reset-pass-container
{
background-image:url(/cPanel_magic_revision_1367939029/unprotected/cpanel/images/icon-username.png)
}
div.password-container
{
background-image:url(/cPanel_magic_revision_1367939231/unprotected/cpanel/images/icon-password.png)
}
input.std_textbox[disabled]
{
background-color:#005270;box-shadow:none!important
}
#security-container
{margin:0 auto;position:relative;width:850px
}
#security-sub-container
{height:745px;left:5px;position:absolute;width:838px
}
#security-sub
{
height:640px
}
.login-rt
{
text-align:center;padding:0 20px 0 0
}
body.security_policy #login-status
{
margin:45px auto 15px;width:556px;padding:5px 5px 10px 5px
}
#userform
{
text-align:center;margin-left:0!important
}
#userform input
{
font-size:13px;font-style:normal;width:274px
}
@media(min-width:480px)
{
#userform input
{
width:400px
}
}
@media(min-width:1024px)
{
#userform input
{
width:600px
}
}
input.security_question
{
font-size:13px;color:#000;font-style:italic;margin:10px 0 0 3px;height:32px
}
#userform input.security_question
{
background-color:transparent
}
html[dir=rtl] input.security_question
{
margin:10px 3px 0 0
}
html body.security_policy input.security_question
{
margin:0
}
span.security_question_expander
{
position:absolute;top:12px;right:6px;color:#333;padding:0!important;text-decoration:none;font-size:12px;cursor:pointer
}
input.security_question_answer
{
height:32px;-khtml-border-radius:4px;border-radius:4px;border:2px solid #bebebe;background-color:#fff;padding-left:2px;width:100%
}
input.security_question[disabled]
{
background-color:#eee;box-shadow:none!important
}
td.label-cell,td.field-cell
{
display:block;text-align:left
}
html[dir=rtl] td.label-cell,html[dir=rtl] td.field-cell
{
text-align:right
}
.question-row td.field-cell
{
margin-bottom:5px
}
.answer td.field-cell
{
margin-bottom:20px
}
tr.answer td
{
padding-bottom:0!important
}
.combobox
{
border:2px solid #bebebe!important;-khtml-border-radius:4px;border-radius:4px;background-color:#fff;position:relative;text-align:left
}
.combobox input
{
border-right:none!important
}
.yui-ac-bd li
{
white-space:normal!important
}
.yui-ac-bd
{font-size:12px;color:#333
}
#userform table
{
margin:0 auto
}
#userform label,.answer
{
font-size:13px;font-weight:bold;padding-bottom:8px;text-align:right
}
body.whm #userform label,body.whm .answer
{
color:#fff
}
a.page-link
{
text-decoration:underline
}
.input-button
{
background-color:#179bd7;font-size:13px;font-family:'Open Sans',sans-serif;font-weight:600;padding-top:7px;padding-bottom:7px;text-align:center;text-decoration:none;width:285px
}
.input-button:hover
{
background-color:#095779;text-decoration:none
}
.cjt_validation_error>img
{
display:none
}
span.cjt_validation_error
{
display:inline-block
}
.validation_errors_div
{
border:1px solid #a94442;background-color:#d35351;border-radius:4px;-khtml-border-radius:4px;color:#fff;font-size:13px;list-style:none outside none;padding:5px
}
.validation_errors_ul
{
margin:0;padding:2px 5px 2px 5px
}
ul.validation_errors_ul>li.validation_errors_li
{
list-style-type:none;list-style-position:inside;max-width:400px
}
.mask
{
background-color:#000!important;opacity:.6!important
}
#validation_errors_modal_box
{
-khtml-border-radius:4px;border-radius:4px;color:#fff;padding:10px;font-size:13px;font-family:'Open Sans',helvetica,sans-serif;background-color:#293a4a;border:1px solid;border-color:#000;border-color:rgba(0,0,0,0.2);-webkit-box-shadow:0 5px 15px rgba(0,0,0,0.5);box-shadow:0 5px 15px rgba(0,0,0,0.5)
}
#validation_errors_modal_box .input-button
{
width:100%
}
.yui-panel .hd
{
background-color:#293a4a!important;padding:3px;font-size:14px!important;border:none!important;margin:0 0 20px 0
}
.validation_errors_modal_box_title
{
font-weight:bold!important
}
#validation_errors_modal_box ul
{list-style:none;margin:0;padding:0
}
#validation_errors_modal_box li
{
margin:5px 0 5px 0;padding:0
}
.yui-panel-container.shadow .underlay
{
display:none
}
.yui-panel .container-close
{
background:url(/cPanel_magic_revision_1367939096/unprotected/cpanel/images/login-error-close.png) no-repeat scroll 0 0 transparent!important
}
#login_form,#reset_form
{
position:absolute;left:0;top:100px
}
.login-btn,.reset-pass-btn
{
float:left;padding-top:30px;width:100%;font-size:13px;font-weight:600
}
#reset-pw-container
{
margin-right:30px
}
.reset-pw
{
float:right;padding:25px 0;text-align:center;width:100%
}
.reset-pw a
{
color:#293a4a;font-size:12px;font-weight:bold;text-decoration:none
}
.reset-pw a:hover
{
color:#d03f00
}
.input-req-login
{
color:#293a4a;font-size:12px;font-weight:bold;padding-bottom:8px;padding-left:4px;width:100%
}
.locale-container
{
text-align:center;padding:5px 0 0 0
}
#locale-footer
{
margin:40px auto;padding:5px;width:90%
}
.error_notice
{
color:#3f4143;margin-left:auto;margin-right:auto;margin-top:20px;padding:10px;max-width:50%;display:table
}
body.whm .error_notice,body.whm .error_notice a
{
color:#fff
}
body.whm .error_notice a:hover
{
text-decoration:underline
}
#login-status
{
display:table;width:100%
}
#login-detail,.message-detail
{
display:table-row
}
#login-status-icon-container
{
padding-left:5px;padding-right:5px;width:27px
}
#login-status-icon-container,#login-status-message
{
display:table-cell;vertical-align:middle
}
div.control_container div.login-button
{
display:inline-block
}
.login-btn button,.login-btn input,.login-btn .loginbtn
{
background-color:#179bd7;width:100%;font-size:13px;font-family:'Open Sans',sans-serif;font-weight:600;padding-top:7px;padding-bottom:7px;text-align:center;text-decoration:none
}
.login-btn button:hover,.login-btn input:hover,.login-btn .loginbtn:hover
{
background-color:#095779;text-decoration:none
}
#answer-submit
{
float:none!important;margin:10px 0
}
.logout-container,.response-container
{
float:none!important;margin-top:30px
}
#confirm-submit-btn
{
padding-top:23px!important
}
#notify
{
width:365px;margin:45px auto
}
#notify a
{
text-decoration:underline;font-size:12px
}
#notify a:hover
{
text-decoration:none
}
#notify p,#failure p
{
margin:0 0 10px 0;padding-left:30px;padding-top:3px
}
.text_notice
{
padding-left:30px;padding-top:3px;padding-bottom:20px;text-align:left;background-color:#fff;border:solid 2px #000
}
#failure a
{
font-size:14px;color:#035e7e;text-decoration:underline
}
#failure a:hover
{
text-decoration:none
}
.error-notice,.answers-notice,.warn-notice,.info-notice,.success-notice,#failure
{
-khtml-border-radius:4px;border-radius:4px;font-size:12px;min-height:27px;padding:5px 10px 5px 5px
}
.error-notice,#failure
{
background-color:#d35351;color:#fff
}
.warn-notice,.answers-notice
{
background:#f4b445;color:#333
}
.info-notice
{
background-color:#009cde;color:#fff
}
.success-notice
{
background-color:#67ba5b;color:#fff
}
#login-status .login-status-icon
{
display:block;width:27px;height:27px
}
#login-status.error-notice .login-status-icon
{
background-image:url(/cPanel_magic_revision_1367939222/unprotected/cpanel/images/notice-error.png)
}
#login-status.info-notice .login-status-icon
{
background-image:url(/cPanel_magic_revision_1367938868/unprotected/cpanel/images/notice-info.png)
}
#login-status.success-notice .login-status-icon
{
background-image:url(/cPanel_magic_revision_1367938979/unprotected/cpanel/images/notice-success.png)
}
#login-status.warn-notice .login-status-icon
{
background-image:url(/cPanel_magic_revision_1367938824/unprotected/cpanel/images/warning.png)
}
#failure
{
margin:45px auto;width:365px
}
#login-status-message
{
padding:5px
}
#locale-container
{
margin:0 auto;width:768px;height:245px;background-attachment:scroll;-khtml-border-radius:4px;border-radius:4px;position:relative;padding:3px
}
#locale-inner-container
{
background-color:#16262a;-khtml-border-radius:4px;border-radius:4px
}
#locale-header
{
width:100%;border-bottom:1px solid #333;height:25px;padding:5px 0 5px 0
}
.locale-head
{
float:left;font-size:14px;color:#fff;padding:7px 0 10px 10px
}
.close
{
float:right;padding:7px 10px 0 0;position:relative;top:-3px
}
.close a

{
font-weight:bold;font-size:10px;color:#fff
}
.close a:hover
{
color:#ff6c2c
}
html[dir=rtl] .locale-head
{
float:right;padding:7px 10px 10px 0
}
html[dir=rtl] .close
{
float:left;padding:7px 0 0 10px
}
.locale-cell
{
float:left;display:block;width:140px;height:40px;padding:10px 0 0 5px;overflow:hidden
}
html[dir=rtl] .locale-cell
{
float:right;padding:10px 5px 0 0
}
.scroller
{
max-height:320px;min-height:205px;overflow-y:auto;padding:0 0 0 10px
}
html[dir=rtl] .scroller
{padding:0 10px 0 0
}
.scroller a
{
font-size:14px;color:#fff;text-decoration:none
}
.scroller a:hover
{
color:#ff6c2c
}
.locale-container ul
{
margin:0;padding:0;text-align:center
}
.locale-container ul li,html[dir=rtl] .locale-container ul li:first-child
{
display:inline;list-style:none;margin-left:34px
}
.locale-container ul li:first-child,html[dir=rtl] .locale-container ul li:last-child
{
margin-left:0
}
#morelocale
{
color:#293a4a;text-decoration:none
}
#morelocale
{
font-weight:bold;font-size:16px
}
.locale-container ul li a
{
color:#293a4a;text-decoration:none;font-size:12px;font-weight:600
}
.locale-container ul li a:hover,#morelocale:hover
{
color:#d03f00
}
.logo
{
text-align:center
}
#sec-ques
{
text-align:left;margin-left:15px;padding:0;margin:0;display:inline-block
}
#sec-ques li
{
list-style-position:inside;padding:0
}
.description
{
text-align:left;margin-bottom:10px
}
#new-pw-container
{
border:1px solid gray;border-color:rgba(255,255,255,0.1);-khtml-border-radius:4px 10px 10px 10px;border-radius:4px 10px 10px 10px;height:380px;margin:0 auto;position:relative;width:356px
}
#new-pw-sub-container
{
border:1px solid gray;border-color:rgba(0,0,0,0.2);-khtml-border-radius:4px 10px 10px 10px;border-radius:4px 10px 10px 10px;box-shadow:0 0 10px #000 inset;height:368px;left:5px;position:absolute;top:5px;width:345px
}
#new-pw-sub
{
background-color:#035271;background-color:rgba(3,82,113,0.75);-khtml-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;border-top:1px solid #0d7291;height:262px;padding-left:30px;padding-top:30px;color:white;font-size:12px;padding-right:5px
}
.form-container
{
width:285px
}
input#token-submit,input#logout-btn
{
margin-top:15px;width:100%;font-size:13px
}
.login-btn a.loginbtn
{
display:block
}
.code
{
font-family:monospace
}
ul.options li
{
margin-top:8px
}
ul.options li:first-child
{
margin-top:0
}
#error-wrapper
{
display:table-row
}
error_msg_contents
{
display:table-cell
}
#error-wrapper ul li a,#error-wrapper p a
{
color:#3f4143;text-decoration:underline
}
body.whm #error-wrapper ul li a,body.whm #error-wrapper p a
{
color:#fff
}
#error-wrapper ul li a:hover,#error-wrapper p a:hover
{
color:#c60
}
body.whm #error-wrapper ul li a:hover,body.whm #error-wrapper p a:hover
{
color:#ff6c2c
}
.controls
{
width:285px
}
.group:before,.group:after
{
content:"";display:table
}
.group:after
{
clear:both
}
#proceed_btn_container.login-btn
{
padding-top:15px
}
#logout_btn_container.login-btn
{
padding-top:11px
}
#logout-btn,.logout-container .input-button
{
color:#333;background-color:#fff;border-color:#ccc
}
#logout-btn:hover,.logout-container .input-button:hover
{
color:#333;background-color:#e6e6e6;border-color:#adadad
}
#logout-btn:active,.logout-container .input-button:active
{
color:#333
}
@media
(
max-width:480px
)
{
body
{
margin:0 10px
}
#login-wrapper
{
width:100%;min-width:280px;margin:15px 0
}
#notify
{
width:100%;min-width:280px;margin:15px 0
}
#login-container
{
width:100%;min-width:300px
}
#login-sub-container
{
width:100%;min-width:280px;position:static
}
#login-sub
{
padding:10px;height:229px
}
#forms
{
position:static
}
#login_form,#reset_form
{
left:10px;right:10px
}
body.security_policy #login-status
{
width:100%;padding:0
}
#security-container
{
width:100%
}
#security-sub-container
{
width:100%
}
.input-field-login.icon
{
height:40px
}
html[dir="ltr"] .input-field-login.icon
{
background-position:6px 10px
}
html[dir="rtl"] .input-field-login.icon
{
background-position:right
}
.input-button
{
width:280px
}
input.std_textbox
{
height:29px;min-width:220px
}
html[dir="rtl"] div.icon input.std_textbox
{
margin-right:26px
}
#userform
{
text-align:left
}
input.security_question_answer
{
width:274px
}
#security-sub
{
padding-left:0;padding-right:0
}
.login-rt
{
padding:0;text-align:left
}
#login_form .controls,#reset_form .controls
{
width:100%;min-width:260px
}
#login_form .controls .login-btn
{
padding-top:15px
}
#locale-footer
{
width:100%;min-width:300px;margin:15px 0;padding:0
}
#locale-container
{
width:100%;height:auto;min-width:280px;margin:15px 0;color:#293a4a;font-family:'Open Sans',sans-serif;font-weight:600
}
#locale-container a:hover
{
color:#d03f00
}
#locale-map .scroller
{
max-height:none;padding:0
}
#locale-header
{
padding:10px 0 5px 0
}
#locale-header .locale-head
{
padding:0 0 0 10px;font-size:18px
}
html[dir="rtl"] #locale-header .locale-head
{
padding:0 10px 0 0
}
#locale-header .close
{
padding:0 10px 0 0;top:0
}
html[dir="rtl"] #locale-header .close
{
padding:0 0 0 10px
}
#locale-header .close a
{
font-size:12px
}
#locale-map .scroller .locale-cell
{
width:100%;height:36px;padding:0;float:none;border-top:1px solid #999;border-bottom:1px solid #333
}
#locale-map .scroller .locale-cell a
{
display:block;font-size:16px;margin:10px 0 5px 10px
}
html[dir="rtl"] #locale-map .scroller .locale-cell a
{
margin:10px 10px 5px 0
}
input#confirmation{width:100%
}
input#new-password
{
padding-left:0
}
#locales_list li a
{
font-size:14px;font-family:'Open Sans',sans-serif
}
#locales_list li a#morelocale
{
font-size:20px
}
}
@media(min-width:481px) and (max-width:768px)
{
#locale-container
{
height:auto;min-height:245px;width:100%
}
.scroller{max-height:none
}
body.security_policy #login-status
{
width:100%;padding:0
}
#security-container
{
width:100%
}
#security-sub-container
{
width:100%
}
}
div.controls
{
display:inline-block
}