/* --- BEGIN Universal round corner styles --- */
 /* need for standalone use of system message widget on a pure v10 page - need to remove after we refactor containers */
span.ct, span.ct span.cl, span.cb, span.cb span.cl {
display: block;
font-size: 0;
line-height: 0;
margin: 0;
height: 4px;
position: relative;
}

.ct, .cb {
width: 100%;
right: -1px;
}

.ct .cl, .cb .cl {
width: 4px;
left: -2px;
}

.ct {
top: -1px;
}

.cb {
bottom: -1px;
}

.round {
margin: 0 0 10px;
clear: both;
zoom: 1;
}

.round .bd, .round .innerbd, .round .content {
zoom: 1;
}
/* --- END Universal round corner styles --- */

/* --- Applied !important to ensure the rounded corners don't inherit from sfpanel --- */
.sysmsg .ct, .sysmsg .ct .cl, .sysmsg .cb, .sysmsg .cb .cl {
height: 4px !important;
}

/** For V12 these rules override the rules above that define the height. These rules MUST appear after previously
mentioned rules due to the !important declaration from the original rule which can't be easily removed.**/
.ui-V12 .sysmsg .ct,
.ui-V12 .sysmsg .ct .cl,
.ui-V12 .sysmsg .cb,
.ui-V12 .sysmsg .cb .cl {
height: 0px !important;
}

.sysmsg .ct, .sysmsg .cb {
width: 100%;
right: -1px !important;
}

.sysmsg .ct .cl, .sysmsg .cb .cl {
width: 4px !important;
left: -2px !important;
}

.sysmsg .cb {
bottom: -1px !important;
}

.sysmsg.error,
.sysmsg.info,
.sysmsg.confirm,
.sysmsg.alert {
color: #222222;
}

.ui-V12 .sysmsg.error,
.ui-V12 .sysmsg.info,
.ui-V12 .sysmsg.confirm,
.ui-V12 .sysmsg.alert {
padding: 5px;
border-width: 0px;
}

.sysmsg.error {
border: 1px solid #966;
background-color: #edd;
}

.sysmsg.info {
border: 1px solid #699;
background-color: #dde6ee;
}

.sysmsg.confirm {
border: 1px solid #393;
background-color: #dbf0db;
}

.sysmsg.alert {
border: 1px solid #c93;
background-color: #faefb4;
}

.sysmsg.gauge {
background: #faefb4 url('/ui/uicore/img/alert_gas_gauge_c321916379e6bf8e125e2bd52c6f1eac.gif') 98% 10% no-repeat;
}

.gauge dd.msg {
padding-right: 120px;
}

.sysmsg dl {
margin: 0;
padding: 0 5px;
display: inline-block;
}

.sysmsg dd.img {
height: 24px;
width: 24px;
margin: 0;
float: left;
display: block;
background: url('/ui/uicore/img/xi_icons_lg_4d1dd9ae1835282d9873be74a3763eb5.gif') 0px -830px no-repeat;
}

.sysmsg dd.msg {
margin-left: 32px;
min-height: 24px;
*height: 24px;
height: auto;
}

.sysmsg dd.msg div.floatleft {
margin: 4px 5px 0 0;
}

.error dd.img {
background-position: 0px -830px;
}

.info dd.img {
background-position: 0px -860px;
}

.confirm dd.img {
background-position: 0px -890px;
}

.alert dd.img {
background-position: 0px -922px;
}

.error .ct, .error .ct .cl, .error .cb, .error .cb .cl, .info .ct, .info .ct .cl, .info .cb, .info .cb .cl, .confirm .ct, .confirm .ct .cl, .confirm .cb, .confirm .cb .cl, .alert .ct, .alert .ct .cl, .alert .cb, .alert .cb .cl {
background: url('/ui/uicore/img/sysmsg_3fb56bf4137360e0560771eb0f721ce9.gif') no-repeat !important;
}

/** For V12 these rules override the rules above that define the background url. These rules MUST appear after previously
mentioned rules. This is a result of the !important declaration from the original rule which can't be easily removed.**/
.ui-V12 .error .ct,
.ui-V12 .error .ct .cl,
.ui-V12 .error .cb,
.ui-V12 .error .cb .cl,
.ui-V12 .info .ct,
.ui-V12 .info .ct .cl,
.ui-V12 .info .cb,
.ui-V12 .info .cb .cl,
.ui-V12 .confirm .ct,
.ui-V12 .confirm .ct .cl,
.ui-V12 .confirm .cb,
.ui-V12 .confirm .cb .cl,
.ui-V12 .alert .ct,
.ui-V12 .alert .ct .cl,
.ui-V12 .alert .cb,
.ui-V12 .alert .cb .cl {
background-image: none !important;
}

.error .ct {
background-position: right -36px !important;
}

.error .ct .cl {
background-position: 0 -32px !important;
}

.error .cb {
background-position: right -44px !important;
}

.error .cb .cl {
background-position: 0 -40px !important;
}

.info .ct {
background-position: right -52px !important;
}

.info .ct .cl {
background-position: 0 -48px !important;
}

.info .cb {
background-position: right -60px !important;
}

.info .cb .cl {
background-position: 0 -56px !important;
}

.confirm .ct {
background-position: right -20px !important;
}

.confirm .ct .cl {
background-position: 0 -16px !important;
}

.confirm .cb {
background-position: right -28px !important;
}

.confirm .cb .cl {
background-position: 0 -24px !important;
}

.alert .ct {
background-position: right -4px !important;
}

.alert .ct .cl {
background-position: 0 0 !important;
}

.alert .cb {
background-position: right -12px !important;
}

.alert .cb .cl {
background-position: 0 -8px !important;
}
/* --- END System Message generic styles --- */

/* --- BEGIN Saving Indicator styles --- */
.error_indicator {
right: 110px !important;
}

.saving_indicator {
position: absolute;
float: right;
right: 110px;
margin-top: 2px;
*margin-top: 3px;
font-size: 11px;
color: #999;
top: 95px;
}

.saving_indicator .sysmsg {
opacity: .9;
filter: alpha(opacity=90);
white-space: nowrap;
}

.saving_indicator .sysmsg dl {
padding: 0 2px;
}

.saving_indicator .sysmsg dd.img {
height: 16px;
width: 18px;
margin: -2px 0 0;
background: transparent url('/ui/uicore/img/xi_icons_f2491424aa4ae879e42ac054b7c71d48.gif') 0 0 no-repeat;
}

.saving_indicator .sysmsg dd.msg {
margin-left: 22px;
_margin-left: 18px;
color: #000;
min-height: 1%;
*height: 1%;
}

.saving_indicator .error dd.img {
background-position: 0 -120px;
}

.saving_indicator .info dd.img {
background-position: 0 -150px;
}

.saving_indicator .confirm dd.img {
background-position: 0 -180px;
}

.saving_indicator .alert dd.img {
background-position: 0 -210px;
}

.folder_layout_v10 {
top: 115px !important;
right: 5px !important;
}

.hambun_layout_v10 {
top: 113px !important;
right: 5px !important;
}
/* --- END Saving Indicator styles --- */

/* --- BEGIN Rounded Corners Solid Color Box styles --- */
.sysmsg.solid {
border: 1px solid #bddfef !important;
background-color: #bddfef !important;
}

.sysmsg.solid .content {
margin: 0 8px;
}

.solid .ct, .solid .ct .cl, .solid .cb, .solid .cb .cl {
background: url('/ui/uicore/img/sysmsg_3fb56bf4137360e0560771eb0f721ce9.gif') no-repeat;
}

.solid .ct {
background-position: right -84px;
}

.solid .ct .cl {
background-position: 0 -80px;
}

.solid .cb {
background-position: right -92px;
}

.solid .cb .cl {
background-position: 0 -88px;
}

/* --- END Rounded Corners Solid Color Box styles --- */


div#changePwdBox .compact li{
padding: 0 0 3px 14px;
list-style-type: none;
line-height: 1.5em;
background: url('/ui/uicore/img/bullet_round_fcb664db20d944d41b322f1b1deb22f6.gif') 2px .4em no-repeat;
}

/* PLT-25418 since the element is rendered in the view later, the style is applied lazily */
div#changePwdBox .globalPrimaryButton {
-pie-lazy-init: true;
}