body.old-ui {padding: 0; margin: 0; background: #eee; position: absolute; min-width: 960px; top: 0; bottom: 0; right: 0; left: 0}
 .cloud_html5_header {}
.cloud_html5_nav {}
.cloud_html5_article {}
 #cloud_page {background: #314368; overflow: hidden; position: absolute; top: 0; bottom: 0; left: 0; right: 0}
.old-ui .cloud_panel_wrapper {margin: 16px; margin-top: 0}
.cloud_panel {font: 12px/18px arial; background: white; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; padding: 16px; clear: left;  position: absolute; top: 16px; margin-top: 12px; bottom: 16px; right: 16px; left: 16px}
.cloud_panel .cloud_title {line-height: 21px; position: relative; margin: -16px -16px 0 -16px; border-bottom: 1px solid #ccc; background: #eee url(/include/images/gradient_white2eee_60px.png) left top repeat-x; border-top-left-radius: 8px; -webkit-border-top-left-radius: 8px; -moz-border-radius-topleft: 8px; border-top-right-radius: 8px; -webkit-border-top-right-radius: 8px; -moz-border-radius-topright: 8px; .zoom: 1}
.cloud_panel .cloud_title h2 {margin: 0; padding: 16px 0 16px 16px; font: bold 24px/21px helvetica, arial; letter-spacing: -1px}
body.old-ui .cloud_panel_account_chooser {position: absolute; top: 0; right: 0; padding: 16px; font-size: 12px; line-height: 21px; border-left: 1px solid #ccc; border-left-color: #d5d5d5; color: #999; font-weight: bold; text-shadow: rgba(255,255,255,1.0) 0 1px 1px; background-color: rgba(0, 0, 0, 0.05) !important; background: #ddd; border-top-right-radius: 8px; -webkit-border-top-right-radius: 8px; -moz-border-radius-topright: 8px}
.cloud_panel_account_chooser select {font-size: 11px}
.cloud_panel h2 .cloud_panel_h2_divider {padding-left: 4px; color: #999}
.old-ui .cloud_panel_body {position: absolute; top: 56px; left: 0; right: 0; bottom: 0; padding: 16px}
.cloud_panel h3 {border-bottom: 1px solid #ccc; border-top: 1px solid white; color: navy; font-size: 12px; line-height: 16px; margin-bottom: 8px; margin-top: 0px; padding: 0px 0px; position: relative}
.cloud_panel_tabs_wrapper {text-align: center}
.cloud_panel_tabs {margin: 0; margin-bottom: -4px; padding: 0; font: bold 11px arial; text-transform: uppercase; color: black}
.cloud_panel_tab {list-style: none; margin: 0; padding: 0; display: inline}
.cloud_panel_tab a {display: -moz-inline-box; display: inline-block; margin: 0; padding: 8px 16px; margin: 0 2px; background-color: #dde; background-image: url(/include/images/gradient_white2eee_36px.png) left top repeat-x; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#dde), to(#bbc)); background-image: -moz-linear-gradient(top, #dde, #bbc); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ddddee, endColorstr=#bbbbcc); border-top-left-radius: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topright: 5px; color: #557; text-decoration: none}
.cloud_panel_tab a:hover {background-color: #eef; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eef), to(#ccd)); background-image: -moz-linear-gradient(top, #eef, #ccd); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#eeeeff, endColorstr=#ccccdd)}
.cloud_panel_tab_selected a, .cloud_panel_tab_selected a:hover {cursor: default; background: #fff; filter: none; color: black}
 .cui .cloud_panel_body {position: static; padding: auto}
.cui .cloud_panel_wrapper {margin: auto}
.cui .cloud_panel {background: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; padding: 0; clear: none; position: static; margin: auto; left: 0px; padding-left: 8px}
 body.old-ui #back {position: absolute; top: -28px; left: 0; margin-left: 8px}
body.old-ui #back a {display: inline-block; font: normal normal bold 11px/14px arial; border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; background: #dde; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#DDE), to(#BBC)); background: -moz-linear-gradient(270deg, #DDE, #BBC); color: #557; padding: 7px 16px; text-decoration: none; text-transform: uppercase}
body.old-ui #back a:hover {text-decoration: underline}
#cloud_copyright {position: absolute;  color: #848FA3; bottom: 0; left: 0; right: 0; height: 16px; font: 10px arial; line-height: 16px; text-align: center}
#cloud_copyright a {color: #BEC4CF}
.cloud_ajax_loading_indicator {z-index: 100; background: url('/include/images/alpha_80_white.png')}
.cloud_ajax_loading_indicator span {position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url('/include/images/barracuda/ajax_loader_bar.gif') center center no-repeat}
._cudascroll_vtrack, ._cudascroll_thumb {border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px}
a._cloud_button {margin: 8px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border: 1px solid #999; background-color: #eee; background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee)); background-image: -moz-linear-gradient(#fff, #eee); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#eeeeee); -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); font: 12px/16px helvetica, arial; text-align: left; display: -moz-inline-box; display: inline-block; color: black; text-decoration: none; z-index: 10; cursor: pointer}
a._cloud_button span {display: block; padding: 4px 8px}
a._cloud_button[icon] span {padding-left: 28px;  background: url(/include/images/icons/silk_icons/none.png) 6px center no-repeat}
a._cloud_button:not(.disabled):hover {background-color: #ddd; background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ddd)); background-image: -moz-linear-gradient(#eee, #ddd); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#eeeeee, endColorstr=#dddddd)}
a._cloud_button:not(.disabled):active {background-color: #ccc; background-image: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#ccc)); background-image: -moz-linear-gradient(#ddd, #ccc); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#dddddd, endColorstr=#cccccc); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1); margin: 9px 8px 7px 8px}
a._cloud_button.disabled {opacity: 0.5; -moz-opacity: 0.5; filter:alpha(opacity=50); cursor: default}
table._cloud_list_table {width: 100%; border-collapse: collapse; font-size: 11px; line-height: 16px; table-layout: fixed}
table._cloud_list_table tr th {overflow: hidden; text-align: left; text-overflow: ellipsis; white-space: nowrap}
table._cloud_list_table tr th, table._cloud_list_table tr td {padding: 4px}
table._cloud_list_table tr td {overflow: hidden; white-space: nowrap; text-overflow: ellipsis}
table._cloud_list_table tr td[icon] {background: url(/include/images/icons/silk_icons/none.png) 4px center no-repeat !important; padding-left: 24px}
table._cloud_list_table tr:nth-child(even) td {background-color: #eef !important}
table._cloud_list_table._cloud_list_table_allows_selection tr:not(._cloud_list_table_empty_row, ._cloud_list_table_loading_row, ._cloud_list_table_filler_row):hover td {background-color: #CCCEDF !important}
table._cloud_list_table tr._cloud_list_table_empty_row td, table._cloud_list_table tr._cloud_list_table_loading_row td, table._cloud_list_table tr._cloud_list_table_filler_row td {color: #999; font-style: italic; cursor: default}
table._cloud_list_table tr._cloud_list_table_loading_row td:first-child {background: url('/include/images/icons/spinner.gif') 4px center no-repeat; padding-left: 24px}
table._cloud_list_table tr._cloud_list_table_header_row th {cursor: default}
table._cloud_list_table._cloud_list_table_allows_selection tr._cloud_selected td {background-color: #7A86A3 !important; cursor: pointer; color: white; font-weight: bold}
.buy_now_header {margin: 0 auto; width: 800px; text-align: left; margin-top: -1em}
.ultraform_fieldset {zoom: 1}
.ultraform_label {.margin-left: -19.5% !important}
a.cloud_load_more_link {padding: 8px; text-align: center; display: block; background: #eee; border: #ddd 1px solid; margin: 4px 0 16px 0}
a.cloud_load_more_link:not(.loading):hover {background: #ddd; border-color: #ccc}
a.cloud_load_more_link span {display: inline-block; padding: 5px 20px; margin: -5px 0; text-decoration: underline}
a.cloud_load_more_link.loading span {font-style: italic; color: gray; text-decoration: none; background: url('/include/images/icons/spinner.gif') left center no-repeat}
.subsubnav {margin: 0; padding: 0}
.subsubnav > li {margin: 0; padding: 0; list-style: none; display: inline}
.subsubnav > li > a {padding: 8px; float: left; text-decoration: none; color: #4182B3}
.subsubnav > li > a:hover {text-decoration: underline; background-color: #eef; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeff', endColorstr='#ddddee', gradientType=0); background: -webkit-gradient( linear, left top, left bottom, from(#eef), to(#dde) ); background: -moz-linear-gradient( top, #eef, #dde )}
.subsubnav > li.selected > a {color: black; font-weight: bold; text-decoration: none; background-color: #dde; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ddddee', endColorstr='#ccccdd', gradientType=0); background: -webkit-gradient( linear, left top, left bottom, from(#dde), to(#ccd) ); background: -moz-linear-gradient( top, #dde, #ccd )}
.subsubnav {top: 82px; line-height: 12px !important; display: block; left: 16px; right: 16px; font: 11px arial; position: absolute; background-color: #EFEFFF}
 div.selector, div.selector span, div.checker span, div.radio span, div.uploader, div.uploader span.action, div.button, div.button span {background-image: url(/cui/images/uniform_sprite.png); background-repeat: no-repeat; font-size: 12px; font-family: arial}
div.selector, div.checker, div.radio {top: -2px}
div.selector, div.selector span, div.selector select {width: auto}
input.uniform, textarea.uniform {font-size: 12px; top: -2px; line-height: 22px; font-family: arial}
div.button span {font-size: 12px; line-height: 15px; font-family: arial; letter-spacing: 0; font-weight: normal; text-transform: none}
table._cloud_list_table tr td[icon=bullet_purple] {background-image: url(/include/images/icons/silk_icons/bullet_purple.png) !important; background-position: center center !important; background-repeat: no-repeat !important}
table._cloud_list_table tr td[icon=green_circle] {background-image: url(/include/images/icons/silk_icons/accept.png) !important; background-position: center center !important; background-repeat: no-repeat !important}
table._cloud_list_table tr td[icon=yellow_triangle] {background-image: url(/include/images/icons/silk_icons/error.png) !important; background-position: center center !important; background-repeat: no-repeat !important}
.paginate_enabled_next {background-image: url('/include/images/forward_enabled.jpg')}
.paginate_disabled_next {background-image: url('/include/images/forward_disabled.jpg')}
.paginate_enabled_previous {background-image: url('/include/images/back_enabled.jpg')}
.paginate_disabled_previous {background-image: url('/include/images/back_disabled.jpg')}
.paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next {height: 19px; width: 19px; margin-left: 3px; float: left}
div.paging_two_button {float: right}
div.dataTables_info {width: 60%; float: left}
.ultraform {}
.ultraform .fieldGroup {margin: 1.5em 0 0 25%}
.ultraform .fieldGroup label.ultraform_label {display: block; float: left; width: 25%; padding: 4px 0; margin: 0 0 4px 0; margin-left: -26%; text-align: right;  font-weight: bold; font-size: 13px; color: navy}
 .ultraform .fieldGroup pre {margin: 0}
.ultraform .fieldGroup.statusError input.statusError, .ultraform .fieldGroup.statusError select.statusError, .ultraform .fieldGroup.statusError textarea.statusError {background-color: #fdd}
.ultraform .fieldGroup .fieldGroupInfo, .ultraform .fieldGroup .fieldGroupError {font-style: italic; font-size: 11px; color: gray}
.ultraform .fieldGroup.statusError .fieldGroupInfo, .ultraform .fieldGroup .fieldGroupError {display: none}
.ultraform .fieldGroup.statusError .fieldGroupError {display: block; color: #e00}
.ultraform .fieldGroup .fieldGroupStatus {padding: 8px; display: inline; background-position: left center; background-repeat: no-repeat }
.ultraform .fieldGroup .fieldGroupText {display: inline}
.ultraform .fieldGroup.statusRequired .fieldGroupStatus {background-image: url(/images/icons/silk_icons/bullet_pink.png)}
.ultraform .fieldGroup.statusOkay .fieldGroupStatus {background-image: url(/images/icons/silk_icons/tick.png)}
.ultraform .fieldGroup.statusError .fieldGroupStatus {background-image: url(/images/icons/silk_icons/cross.png)}
.ultraform .fieldGroup.statusProcessing .fieldGroupStatus {background-image: url(/images/icons/spinner.gif)}
.ultraform button {margin: 0 1em}
.ultraform hr {margin: 1.5em 20px 0; height: 0px; border-width: 0; width: 90%; border-top: 1px solid #ccc}
.ultraform p.ultraform_info {margin: 1.5em 20px 0; color: gray}
.ultraform p.ultraform_info_block {margin: 1.5em 20px 0; padding: 6px; border: 1px solid #aaa; background-color: #eef}
.ultraform span.pseudo_label {margin: 0 4px;  font-weight: bold; color: purple}
.ultraform .ultraform_fieldset {border: 5px solid #eee; margin: 1em 0; padding: 0 0 1em 0; position: relative; border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px}
.ultraform .ultraform_fieldset .ultraform_legend {position: absolute; top: -1em; left: 1em; background: white; padding: .25em; color: #999}
.ultraform .ultraform_submit {margin: 2em 0 1em 25%}
.restrict_notice {font-weight: bold; color: red}
 #cloud_banner {background: url(/include/images/cloud/top_gradient.png) left top repeat-x; position: relative; height: 64px; font-size: 12px; font-family: arial; font-weight: bold; overflow: hidden}
#cloud_logo {background: url(/include/images/cloud/logo.png) center center no-repeat; _background: url(/include/images/cloud/ie6/logo.png) center center no-repeat; opacity: 0.75; -moz-opacity: 0.75; filter:alpha(opacity=75); display: block; text-indent: -1000px; overflow: none; position: absolute; top: 0px; left: 0px; width: 180px; height: 48px; padding: 8px 16px}
#cloud_logo:hover {opacity: 1.00; -moz-opacity: 1.00; filter:alpha(opacity=100)}
#cloud_service_links {position: absolute; top: 0px; left: 196px; bottom: 0px; padding: 8px 16px}
.cloud_service_link {float: left; margin-right: 1px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; cursor: pointer}
.cloud_service_link.cloud_hover {background-color: rgba(255, 255, 255, 0.25) !important; background-color: #667b9b}
.cloud_service_link a {padding: 8px 16px 8px 48px; display: block; background: url(#) 16px center no-repeat; line-height: 16px; color: rgba(255, 255, 255, 0.75) !important; color: #ccd; text-decoration: none}
.cloud_service_link.cloud_hover a {color: white}
#cloud_service_bbs {background-image: url(/include/images/cloud/service_backup_75.png); _background-image: url(/include/images/cloud/ie6/service_backup_75.png)}
#cloud_service_bcc {background-image: url(/include/images/cloud/service_controlcenter_75.png); _background-image: url(/include/images/cloud/ie6/service_controlcenter_75.png)}
#cloud_service_pwss {background-image: url(/include/images/cloud/service_websecurity_75.png); _background-image: url(/include/images/cloud/ie6/service_websecurity_75.png)}
#cloud_service_ess {background-image: url(/include/images/cloud/service_emailsecurity_75.png); _background-image: url(/include/images/cloud/ie6/service_emailsecurity_75.png)}
#cloud_service_ngf {background-image: url(/include/images/cloud/service_ngfirewall_75.png); _background-image: url(/include/images/cloud/service_ngfirewall_75.png)}
.cloud_link_selected #cloud_service_bbs, .cloud_hover #cloud_service_bbs {background-image: url(/include/images/cloud/service_backup.png); _background-image: url(/include/images/cloud/ie6/service_backup.png)}
.cloud_link_selected #cloud_service_bcc, .cloud_hover #cloud_service_bcc {background-image: url(/include/images/cloud/service_controlcenter.png); _background-image: url(/include/images/cloud/ie6/service_controlcenter.png)}
.cloud_link_selected #cloud_service_wss, .cloud_hover #cloud_service_pwss {background-image: url(/include/images/cloud/service_websecurity.png); _background-image: url(/include/images/cloud/ie6/service_websecurity.png)}
.cloud_link_selected #cloud_service_ess, .cloud_hover #cloud_service_ess {background-image: url(/include/images/cloud/service_emailsecurity.png); _background-image: url(/include/images/cloud/ie6/service_emailsecurity.png)}
.cloud_link_selected a {color: white}
#cloud_page_links {position: absolute; right: 0px; bottom: 0px; padding: 8px 16px}
.cloud_page_link {float: left; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; cursor: pointer; margin-right: 1px}
.cloud_page_link.cloud_hover, .cloud_link_selected {background-color: rgba(255, 255, 255, 0.25) !important; background-color: #667b9b}
.cloud_page_link a {padding: 5px 32px 5px 8px; display: block; font-size: 12px; line-height: 20px; color: rgba(255, 255, 255, 0.75) !important; color: #ccd; text-decoration: none; background: url(/include/images/cloud/home.png) no-repeat 95%}
.cloud_page_link.cloud_hover a {color: white}
.cloud_page_link img {border-style: none; vertical-align: middle}
#cloud_page_account {}
#cloud_page_support {}
.cloud_link_selected a {color: white}
 #cloud_signin {position: absolute; top: 0; right: 0; padding: 0 16px; line-height: 21px; background: rgba(255, 255, 255, 0.25) !important; background: #6b85a9; color: white; font-size: 11px; text-align: right; border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px}
#cloud_signin_link {color: white}
#cloud_signout_link {color: white}
#cloud_language {display: inline; padding-left: 8px}
#cloud_language select {font-size: 10px}
#cloud_signin a {color:#fff }
 .cloud_service_link {margin-left:5px;}
.cloud_service_link a {padding:5px 5px 5px 35px; background-position:5px 50%; line-height:105%}
#cloud_service_links {padding:0; margin:25px 5px 5px 15px; width:1000px}
#maintenance_wrapper {position: absolute; bottom: 0; left: 0; right: 0; height: 200px}
#maintenance_msg {margin-left: auto; margin-right: auto; width: 425px; background: #eee; border: 2px solid #aaa; padding: 15px; border-radius: 11px; background: url("/include/images/icons/info_gray.png") no-repeat 0px 14px #EEE; background-size: 10%; padding-left: 51px}
#maintenance_msg p {border-left: 1px solid #ddd; padding-left: 16px}