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
}

body.whm .copyright {
	background:url(cpanel-logo-tiny-white.png) no-repeat scroll center top transparent;color:#fff
}

.clear {
	clear:both
}

a:link,a:visited,a:active {
	color:#3f4143;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:125px auto 20px auto
}

.security_policy #login-wrapper {
	min-height:817px
}

#login-container {
	height:330px;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:pointer
}

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(icon-username.png)
}

div.password-container {
	background-image:url(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
}

#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
}

#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
}

.copyright {
	background:url(cpanel-logo-tiny.png) no-repeat scroll center top transparent;color:#3f4143;font-family:verdana;font-size:7pt;margin:10px 0 0;padding-top:30px;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
}