/**     ************  DO NOT MODIFY  **********
 *  This is a generated file and should not be modified.
 */

/*!!! BEGIN /ui/juic/css/components/sfOverlayMgr.css !!!*/
.sfOverlayMgr .overlayShim {
position: fixed;
top: 0;
left: 0;
background-color: rgb(51,51,51);
opacity: .3;
width: 100%;
height: 100%;
display: none;
}

.ie-quirks .sfOverlayMgr .sf-overlay,
.ie-7 .sfOverlayMgr .sf-overlay,
.sfOverlayMgr .overlayShim,
.sfOverlayMgr .sfoverlaycontainer {
z-index: 10000;
}

.ie-quirks .sfOverlayMgr .sf-overlay,
.ie-doc-7 .sfOverlayMgr .sf-overlay {
position: absolute;
top: 0;
left: 0;
z-index: 10000;
}

/* Fixes UI-2664 by forcing overlay parent element to be as thin width as possible. */
.ie-quirks .sfOverlayMgr .sf-overlay {
width: 0px;
overflow: visible;
}

.ie-quirks .sfOverlayMgr .overlayShim,
.ie-7 .sfOverlayMgr .overlayShim,
.ie-8 .sfOverlayMgr .overlayShim {
filter: alpha(opacity=30);
}

.ie-quirks .sfOverlayMgr .sfoverlaycontainer {
zoom: 1;
}

.ie-quirks .sfOverlayMgr .overlayShim {
position: absolute;
}

.sfOverlayMgr .modalOverlay .overlayShim {
display: block;
}

.sfOverlayMgr .documentOverlay .sfoverlaycontainer {
position: absolute;
}

.sfOverlayMgr .viewportOverlay .sfoverlaycontainer {
position: fixed;
}

/*
* IE Quirks Mode does not support position fixed.
*/
.ie-quirks .sfOverlayMgr .viewportOverlay .sfoverlaycontainer {
position: absolute;
}

.sfOverlayMgr .centeredOverlay .sfoverlaycontainer {
left: 50%;
top: 50%;
}

/*!!! BEGIN /ui/juic/css/components/sfSysMsg.css !!!*/
/* This file isolates the styles for SFSysMsg component */

span.cnrt, span.cnrt span.cnrl, span.cnrb, span.cnrb span.cnrl {
display: block;
font-size: 0;
line-height: 0;
margin: 0;
height: 4px;
position: relative;
}

.cnrt, .cnrb {
width: 100%;
right: -1px;
}

.cnrt .cnrl, .cnrb .cnrl {
width: 4px;
left: -2px;
}

.cnrt {
top: -1px;
}

.cnrb {
bottom: -1px;
}

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

.round .bdy, .round .innerbd, .round .cnrontent {
zoom: 1;
}
/* --- END Universal round corner styles --- */
.sysmsg {
-pie-poll: false;
-pie-track-hover: false;
-pie-track-active: false;
}
/* --- Applied !important to ensure the rounded corners don't inherit from sfpanel --- */
.sysmsg .cnrt, .sysmsg .cnrt .cnrl, .sysmsg .cnrb, .sysmsg .cnrb .cnrl {
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 .cnrt,
.ui-V12 .sysmsg .cnrt .cnrl,
.ui-V12 .sysmsg .cnrb,
.ui-V12 .sysmsg .cnrb .cnrl {
height: 0px !important;
}

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

.sysmsg .cnrt .cnrl, .sysmsg .cnrb .cnrl {
width: 4px !important;
left: -2px !important;
}

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

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

.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/juic/img/components/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/juic/img/components/xi_icons_lg_537b5e6780a68c829cf862951c0b1dfe.gif') 0px -830px no-repeat;
}
.rtl .sysmsg dd.img{
float:right
}
.sysmsg dd.msg {
margin-left: 27px;
min-height: 24px;
*height: 24px;
height: auto;
}
.rtl .sysmsg dd.msg{
margin-left: 0px;
margin-right: 27px;
}
.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 .cnrt, .error .cnrt .cnrl, .error .cnrb, .error .cnrb .cnrl, .info .cnrt, .info .cnrt .cnrl, .info .cnrb, .info .cnrb .cnrl, .confirm .cnrt, .confirm .cnrt .cnrl, .confirm .cnrb, .confirm .cnrb .cnrl, .alert .cnrt, .alert .cnrt .cnrl, .alert .cnrb, .alert .cnrb .cnrl {
background: url('/ui/juic/img/components/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 .cnrt,
.ui-V12 .error .cnrt .cnrl,
.ui-V12 .error .cnrb,
.ui-V12 .error .cnrb .cnrl,
.ui-V12 .info .cnrt,
.ui-V12 .info .cnrt .cnrl,
.ui-V12 .info .cnrb,
.ui-V12 .info .cnrb .cnrl,
.ui-V12 .confirm .cnrt,
.ui-V12 .confirm .cnrt .cnrl,
.ui-V12 .confirm .cnrb,
.ui-V12 .confirm .cnrb .cnrl,
.ui-V12 .alert .cnrt,
.ui-V12 .alert .cnrt .cnrl,
.ui-V12 .alert .cnrb,
.ui-V12 .alert .cnrb .cnrl {
background-image: none !important;
}

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

.error .cnrt .cnrl {
background-position: 0 -32px !important;
}

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

.error .cnrb .cnrl {
background-position: 0 -40px !important;
}

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

.info .cnrt .cnrl {
background-position: 0 -48px !important;
}

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

.info .cnrb .cnrl {
background-position: 0 -56px !important;
}

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

.confirm .cnrt .cnrl {
background-position: 0 -16px !important;
}

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

.confirm .cnrb .cnrl {
background-position: 0 -24px !important;
}

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

.alert .cnrt .cnrl {
background-position: 0 0 !important;
}

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

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

/* --- START close button style --- */
.closeBtn {
width: 9px;
height: 14px;
background: url('/ui/juic/img/components/icon_close_29d9613e58221bb8ccbf2f49c01e4774.gif') no-repeat scroll 0 0 transparent;
border-width: 0px;
float:right;
margin-right: 5px;
cursor: pointer;
}
/* --- END close button style --- */

/*!!! BEGIN /ui/juic/css/components/sfLoading.css !!!*/
.sfloadingIcon{
background-image:url('/ui/juic/img/ico_loading_lg_wht_on-gry_cb6ab70df1db193a64f9bde99dbe3b90.gif');
background-repeat:no-repeat;
padding-left:40px;
background-position:0px 6px;
width:200px;
height:40px;
padding-top:4px;
}
.rtl .sfloadingIcon{
padding-left: 0;
padding-right: 40px;
background-position: right 6px;
}

.sfloadingIconMsg {
margin-top:6px;
font-weight:bold;
}

/* No Usages were found
.sfloadingBackImage{
display:none;
position:absolute;
z-index:10000;
width:200px;
height:40px;
padding-left:5px;
padding-top:4px;
background:url(/ui/juic/img/sfloading_back.gif) no-repeat;
}*/

/* NEW Loading Indicator Styles */

.ie-7 .sfV12BodyLoadingIndicator,
.ie-8 .sfV12BodyLoadingIndicator {
zoom:1;
-pie-background: rgba(0,0,0,0.3);
}
.sfV12BodyLoadingIndicator {
position: relative;
display:inline-block;
padding: 10px;
font-weight:bold;
font-size: 17px;
background: rgba(0,0,0,0.3);
}
.sfV12LoadingIcon{
background-image:url('/ui/juic/img/ico_loading_lg_wht_on-gry_cb6ab70df1db193a64f9bde99dbe3b90.gif');
background-repeat:no-repeat;
padding-left:42px;
height:32px;
}
.rtl .sfV12LoadingIcon{
padding-left: 0;
padding-right: 42px;
background-position: right center;
}

.sfV12LoadingIconMsg {
line-height: 32px;
white-space: pre;
}

.sfV12SectionLoadingIndicator {
    /* To be provided by the UX */
}

/*!!! BEGIN /ui/juic/css/components/sfPopMenu.css !!!*/
ul.sf-PopMenu {
margin: 0;
padding: 0;
border: 1px solid #999;
border-bottom: 1px solid #e4e4e4;
border-right: 1px solid #e4e4e4;
background-color: #fff;
color: #000;
list-style: none;
}

ul.sf-PopMenu li {
margin: 0;
list-style: none;
border-bottom: 1px solid #999;
border-right: 1px solid #999;
}
ul.sf-PopMenu li.separator {
font-size:0px;
}
ul.sf-PopMenu li.separator div{
border-top:1px solid #808080;
padding:0px;
font-size:0px;
margin:5px;
}
ul.sf-PopMenu li a,  ul.sf-PopMenu li a:active,  ul.sf-PopMenu li a:visited {
text-decoration: none;
padding: 3px 2px 4px 6px;
display: block;
color: #555;
font-weight: bold;
border: 0;
white-space: nowrap;
background-repeat: no-repeat;
}

ul.sf-PopMenu li a:focus,
ul.sf-PopMenu li a:hover {
background-color: #d3dbdf;
color: #000;
border: 0;
}

ul.sf-PopMenu.helpYellow {
border: 1px solid #d6d6d6;
border-bottom: 1px solid #e4e4e4;
border-right: 1px solid #e4e4e4;
background-color: #f8f7e3;
}

ul.sf-PopMenu.helpYellow  li {
border-bottom: 1px solid #d6d6d6;
border-right: 1px solid #d6d6d6;
font-size: .85em;
}

ul.sf-PopMenu.helpYellow li a,
ul.sf-PopMenu.helpYellow li a:active,
ul.sf-PopMenu.helpYellow li a:visited {
color: #005887;
padding-left: 16px;
font-weight: normal;
}

ul.sf-PopMenu.helpYellow li a:hover {
background-color: #f9f4bc;
color: #000;
border: 0;
}

ul.sf-PopMenu li span.disabled,
ul.sf-PopMenu li a.disabled {
background-repeat: no-repeat;
color: #999;
cursor: text;
display: block;
font-weight: bold;
padding: 3px 2px 4px 6px;
}

ul.sf-PopMenu li a.rollmenu_moveup,
ul.sf-PopMenu li a.rollmenu_movedown,
ul.sf-PopMenu li a.rollmenu_edit,
ul.sf-PopMenu li a.rollmenu_linkedin,
ul.sf-PopMenu li a.rollmenu_save,
ul.sf-PopMenu li a.rollmenu_delete,
ul.sf-PopMenu li a.rollmenu_cancel,
ul.sf-PopMenu li a.rollmenu_copy,
ul.sf-PopMenu li a.rollmenu_cancel,
ul.sf-PopMenu li a.rollmenu_document_view,
ul.sf-PopMenu li a.rollmenu_submit,
ul.sf-PopMenu li a.rollmenu_folder_view,
ul.sf-PopMenu li a.rollmenu_settings,
ul.sf-PopMenu li a.rollmenu_run,
ul.sf-PopMenu li a.rollmenu_email,
ul.sf-PopMenu li a.rollmenu_withdraw,
ul.sf-PopMenu li a.rollmenu_active,
ul.sf-PopMenu li a.rollmenu_inactive,
ul.sf-PopMenu li a.rollmenu_person_new,
ul.sf-PopMenu li a.rollmenu_person_exists,
ul.sf-PopMenu li a.rollmenu_offer_letter,
ul.sf-PopMenu li a.rollmenu_forward {
padding-left: 18px;
}
.rtl ul.sf-PopMenu li a.rollmenu_moveup,
.rtl ul.sf-PopMenu li a.rollmenu_movedown,
.rtl ul.sf-PopMenu li a.rollmenu_edit,
.rtl ul.sf-PopMenu li a.rollmenu_linkedin,
.rtl ul.sf-PopMenu li a.rollmenu_save,
.rtl ul.sf-PopMenu li a.rollmenu_delete,
.rtl ul.sf-PopMenu li a.rollmenu_cancel,
.rtl ul.sf-PopMenu li a.rollmenu_copy,
.rtl ul.sf-PopMenu li a.rollmenu_cancel,
.rtl ul.sf-PopMenu li a.rollmenu_document_view,
.rtl ul.sf-PopMenu li a.rollmenu_submit,
.rtl ul.sf-PopMenu li a.rollmenu_folder_view,
.rtl ul.sf-PopMenu li a.rollmenu_settings,
.rtl ul.sf-PopMenu li a.rollmenu_run,
.rtl ul.sf-PopMenu li a.rollmenu_email,
.rtl ul.sf-PopMenu li a.rollmenu_withdraw,
.rtl ul.sf-PopMenu li a.rollmenu_active,
.rtl ul.sf-PopMenu li a.rollmenu_inactive,
.rtl ul.sf-PopMenu li a.rollmenu_person_new,
.rtl ul.sf-PopMenu li a.rollmenu_person_exists,
.rtl ul.sf-PopMenu li a.rollmenu_offer_letter,
.rtl ul.sf-PopMenu li a.rollmenu_forward {
padding-left: 0;
padding-right: 18px;
}
.rollmenu_cancel {
background-image: url('/ui/juic/img/icon_cancel_23cf461a07c46dcd4c07f3b1f593d48f.gif');
}

.rollmenu_copy {
background-image: url('/ui/juic/img/icon_copy_f7fb2f9d28cdb26f2ef09360ee129332.gif');
}

.rollmenu_delete {
background-image: url('/ui/juic/img/icon_delete_5c8403f49b781c3fbad744b0b9faa250.gif');
}

.rollmenu_document_view {
background-image: url('/ui/juic/img/v10/ico_document_view_16_72bda2522013cb6bdf7e09379fbd274d.gif');
}

.rollmenu_edit {
background-image: url('/ui/juic/img/icon_edit_8c62cf16cb3f6290ff4e5a6c83199255.gif');
}

.rollmenu_linkedin {
background-image: url('/ui/juic/img/icon_linkedin_20ebfed69c075789a33e6db92c7dbad6.gif');
}

.rollmenu_submit {
background-image: url('/ui/juic/img/icon_apply_a18d228463cb35c21b7ce8b93c74db65.gif');
}

.rollmenu_withdraw {
background-image: url('/ui/juic/img/icon_withdraw_195db40c21db1f7e51dd401381f3823b.gif');
}

.rollmenu_email {
background-image: url('/ui/juic/img/v10/ico_mail_16_bc2e3af3c15ef7fa870dc02ac7d0a8c3.gif');
}

.rollmenu_folder_view {
background-image: url('/ui/juic/img/icon_folder_view_264dd2571595218ac51bfd8f986e9730.gif');
}

.rollmenu_save {
background-image: url('/ui/juic/img/icon_save_8bc35ef62b50ca4d16f3cf1bc28f5bba.gif');
}

.rollmenu_undo {
background-image: url('/ui/juic/img/ico_undo_16_c9b81f1e703e5ce1ecb8616bd9a80a7e.gif');
}

.rollmenu_run {
background-image: url('/ui/juic/img/icon_run_ce1a4abf09deb709856e382e4ae4fe4e.gif');
}

.rollmenu_active {
background: url('/ui/juic/img/xi_icons_f2491424aa4ae879e42ac054b7c71d48.gif') 2px -506px;
}
.rtl .rollmenu_active {
background: url('/ui/juic/img/xi_icons_rtl_092c4760ac353b1e693b64edbd56f6d0.gif') right -506px;
}

.rollmenu_inactive {
background: url('/ui/juic/img/xi_icons_f2491424aa4ae879e42ac054b7c71d48.gif') 2px -2247px;
}
.rtl .rollmenu_inactive {
background: url('/ui/juic/img/xi_icons_rtl_092c4760ac353b1e693b64edbd56f6d0.gif') right -2247px;
}

.rollmenu_settings {
background: url('/ui/juic/img/xi_icons_f2491424aa4ae879e42ac054b7c71d48.gif') 2px -2275px;
}
.rtl .rollmenu_settings {
background: url('/ui/juic/img/xi_icons_rtl_092c4760ac353b1e693b64edbd56f6d0.gif') right -2275px;
}

.rollmenu_moveup {
background: url('/ui/juic/img/xi_icons_f2491424aa4ae879e42ac054b7c71d48.gif') 0 -1629px;
}
.rtl .rollmenu_moveup {
background: url('/ui/juic/img/xi_icons_rtl_092c4760ac353b1e693b64edbd56f6d0.gif') right -1629px;
}

.rollmenu_movedown {
background: url('/ui/juic/img/xi_icons_f2491424aa4ae879e42ac054b7c71d48.gif') 0 -1653px;
}
.rtl .rollmenu_movedown {
background: url('/ui/juic/img/xi_icons_rtl_092c4760ac353b1e693b64edbd56f6d0.gif') right -1653px;
}

.rollmenu_person_new {
background: url('/ui/juic/img/xi_icons_f2491424aa4ae879e42ac054b7c71d48.gif') 0 -2448px;
}
.rtl .rollmenu_person_new {
background: url('/ui/juic/img/xi_icons_rtl_092c4760ac353b1e693b64edbd56f6d0.gif') right -2448px;
}

.rollmenu_person_exists {
background: url('/ui/juic/img/xi_icons_f2491424aa4ae879e42ac054b7c71d48.gif') 0 -2479px;
}
.rtl .rollmenu_person_exists {
background: url('/ui/juic/img/xi_icons_rtl_092c4760ac353b1e693b64edbd56f6d0.gif') right -2479px;
}

.rollmenu_forward {
background: url('/ui/juic/img/xi_icons_f2491424aa4ae879e42ac054b7c71d48.gif') 0 -1731px;
}
.rtl .rollmenu_forward {
background: url('/ui/juic/img/xi_icons_rtl_092c4760ac353b1e693b64edbd56f6d0.gif') right -1731px;
}

.rollmenu_cancel,
.rollmenu_copy,
.rollmenu_delete,
.rollmenu_document_view,
.rollmenu_edit,
.rollmenu_linkedin,
.rollmenu_submit,
.rollmenu_withdraw,
.rollmenu_email,
.rollmenu_folder_view,
.rollmenu_save,
.rollmenu_undo,
.rollmenu_run {
background-position: 4px 4px;
}
.rtl .rollmenu_cancel,
.rtl .rollmenu_copy,
.rtl .rollmenu_delete,
.rtl .rollmenu_document_view,
.rtl .rollmenu_edit,
.rtl .rollmenu_linkedin,
.rtl .rollmenu_submit,
.rtl .rollmenu_withdraw,
.rtl .rollmenu_email,
.rtl .rollmenu_folder_view,
.rtl .rollmenu_save,
.rtl .rollmenu_undo,
.rtl .rollmenu_run {
background-position: right 4px;
}

/*!!! BEGIN /ui/juic/css/components/sfdialog.css !!!*/
.sfDlgCntr {
position: relative;
border: 1px solid #CCC;
}

.sfDlgCntr .hdr {
height: 30px;
text-align: center;
font-weight: bold;
border-bottom: 1px solid #CCC;
background-color: #f2f2f2;
}

.sfDlgCntr .hdrText {
padding-top: .5em;
text-align: center;
}

.sfDlgCntr .body {
overflow: auto;
background: #FFF;
width: 100%;
position: relative;
}

.sfDlgCntr .innerBdy {
padding: 8px;
min-width:0px;
min-height:0px;
}

.sfDlgCntr .ftr {
border-top: 1px solid #CCC;
height: 40px;
text-align: right;
background-color: #f2f2f2;
}
.ie-8 .sfDlgCntr .ftr {
height: 52px;
}

.sfDlgCntr .close-x {
position: absolute;
top: 10px;
right: 8px;
height: 9px;
width: 9px;
background: url('/ui/juic/img/icon_close_29d9613e58221bb8ccbf2f49c01e4774.gif') no-repeat;
cursor: pointer;
border-bottom:0px;
text-decoration: none;
}

.rtl .sfDlgCntr .close-x {
left: 8px;
right: auto;
}

.sfDlgCntr .button_row {
padding-top: .25em;
}

.sfDlg .underLay {
position:absolute;
z-index:0;
filter:alpha(opacity=22);
opacity:.22;
left:8px;
top:10px;
background-color:#333
}

.rtl .sfDlg .underLay {
left: auto;
right: 8px;
}

/*!!! BEGIN /ui/juic/css/components/sfDialogBox.css !!!*/
.globalPortletCloseIcon {
background-repeat: no-repeat;
}

.closeDialog {
position: absolute;
top: 10px;
right: 8px;
height: 18px;
width: 18px;
cursor: pointer;
border: none;
text-decoration: none;
background-color: transparent;
}
.rtl .closeDialog {
left: 8px;
right: auto;
}

/*override to give more shadow than standard panel*/
/**************PIE FACTS**************
CSS3 Pie container with behavior can prevent the child container from scrolling
This is a known issue for IE-6/7. The reason is Pie trying to add listeners
to the Active and Hover events.

http://css3pie.com/documentation/supported-css3-features/#pie-track-hover
**************************************/
.dialogBoxWrapper .revolutionPanel  {
box-shadow: 0 2px 5px 0 #666666;
-moz-box-shadow: 0px 2px 5px 0 #666666;
-webkit-box-shadow: 0px 2px 5px 0 #666666;
-pie-track-active: false;
-pie-track-hover: false;
}

.dialogBoxWrapper .panelContent {
padding: 17px 20px;
}


.dialogBoxWrapper .panelHeader {
padding: 10px 20px;
}

.sfDialogBox .globalPortletBody {
line-height: 1.5;
}

.ie-7 .sfDialogBox .globalPortletBody, .ie-8 .sfDialogBox .globalPortletBody{
position: relative;
}

.dialogBoxWrapper .revolutionPanel .buttonLayout {
padding-right: 15px;
}

.rtl .dialogBoxWrapper .revolutionPanel .buttonLayout {
padding-left: 15px;
padding-right: 0px;
}

/*overriding CareersJobSearch CSS group*/
/*JIRA: UI-990*/
.dialogBoxWrapper .sfPanelComponent {
margin: 0;
border-width: 0;
background-image: none;
padding-bottom: 15px;
}

/*for sessiont timeout, which uses SFDialogBox*/
.countdownTime {
font-size: 16px;
font-weight: bold;
}

.scrollableDialog .panelContent {
border-bottom: solid 1px #CCCCCC;
padding-bottom: 5px;
}

/*override active background on v11 pages*/
/*JIRA: UI-1166, UI-1906*/
.sfDialogBox .aquabtn.active,
.sfDialogBox .aquabtn.disabled,
.sfDialogBox .sfDialogBoxButtonWrapper .globalPrimaryButton {
background-image: none;
}

/*override active background color on v11 pages*/
/*JIRA: UI-1906*/
.sfDialogBox .buttonWrapper .active,
.sfDialogBox .buttonWrapper .disabled {
background-color: transparent;
}

/*JIRA: PLT-21929*/
/*default the background color to #fffff and border to #000000*/
/*Border will be overridden in V12 cases by .dialogBoxWrapper .sfPanelComponent (border-width:0)*/
.sfDialogBox {
background-color: #ffffff;
border: solid 1px #000000;
}


/*!!! BEGIN /ui/juic/css/load_indicators.css !!!*/
/* --- BEGIN Loading-indicators styles --- */
.loading_indicator {
position: absolute;
float: right;
right: 110px;
margin-top: 2px;
*margin-top: 3px;
font-size: 11px;
color: #999;
top: 95px;
}

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

.loading_indicator .sysmsg dd.img, .loading_indicator span.img {
height: 16px;
width: 16px;
margin: -2px 0 0;
background: transparent url('/ui/juic/img/components/icon_loading_d24a7c8096bf2a96beb672fc4194f3ec.gif') no-repeat;
}

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

.loading_indicator .sysmsg dl {
padding: 0 35px;
}

.loading_indicator_layout_static {
vertical-align: middle;
text-align: center;
width: 100%;
height: 100%;
margin-top: 30px;
margin-bottom: 30px;
}

.loading_indicator_layout {
vertical-align: middle;
text-align: center;
display: table-cell;
*display: table;
width: 100%;
height: 100%;
}

.loading_indicator_layout strong {
*position: relative;
*top: 45%;
}

.icon_loading {
padding-left: 18px;
background: url('/ui/juic/img/components/icon_loading_d24a7c8096bf2a96beb672fc4194f3ec.gif') no-repeat;
background-position: 0 0;
*zoom: 1;
}

.rtl .icon_loading {
padding-left: 0;
padding-right: 18px;
background-position: right 0;
}

span.icon_loading {
height: 16px;
width: 16px;
padding-right: 16px;
}

.rtl span.icon_loading {
padding-right: 0;
padding-left: 16px;
}

/* used to cover hambun meat when there is a background process */
.transparent_mask {
opacity: .7;
filter: alpha(opacity=70);
background-color: #fff;
}
/* --- END Loading-Indicators */

/*!!! BEGIN /ui/juic/css/autocomplete.css !!!*/
/* --- BEGIN Auto-completion --- */
span.autocompspan {
position: relative;
}

input.autocompinput {
position: relative;
margin: 0;
padding: 0;
}

input.autocompinput.disabled {
background: #ccc;
}

div.autocompcontainer {
position: absolute;
top: 1.6em;
margin: 0;
padding: 0;
}

div.autocompcontainer .yui-ac-content {
position: absolute;
width: 100%;
border: 1px solid #404040;
background: #fff;
overflow: auto;
overflow-x: hidden;
z-index: 9050;
left: 0px;
}

.rtl div.autocompcontainer .yui-ac-content {
left: 0px;
right: auto;
}

div.autocompcontainer ul {
position: relative;
padding: 5px 0;
list-style: none;
margin: 0;
}
.rtl div.autocompcontainer ul {
left: 0px;
right: auto;
}

div.autocompcontainer li {
position: relative;
padding: 1px 5px;
cursor: default;
white-space: nowrap;
display: list-item;
background-image:none;
}

div.autocompcontainer iframe {
left: 0px;
}
.rtl div.autocompcontainer iframe {
left: auto;
right: 0px;
}

div.autocompcontainer li.yui-ac-highlight {
background: #ff0;
}

div.autocompcontainer li.yui-ac-prehighlight {
background: #ffc;
}

img.yui-ac-flickrImg {
vertical-align: middle;
border-width: 0;
margin-right: 3px;
width: 20px;
height: 24px;
padding: 0;
}
.rtl img.yui-ac-flickrImg {
margin-right: auto;
margin-left: 3px;
}

div.autocompellipsis {
text-align: left;
margin: 0 0 5px 5px;
font-weight: bold;
font-size: medium !important;
}
.rtl div.autocompellipsis {
text-align: right;
margin: 0 5px 5px 0;
}
/*
* JIRA UI-671
* Styles migrated from inline sfAutoComplete.js
*/

.autocompItem {
text-align: left;
}
.rtl .autocompItem {
text-align: right;
}

.autocompUsername {
color: #999999;
white-space: nowrap;
}

.autocompImageWrapper {
height: 24px;
margin: 0px;
padding: 0px;
white-space: nowrap;
}

.autocompImage {
height: 24px;
margin: 1px 5px 1px 1px;
vertical-align: middle;
width: 24px;
z-index: 99;
}
.rtl .autocompImage {
margin: 1px 1px 1px 5px;
}
/*
*  Style added to override the YUI CSS implementation
*  which breaks the word on the bizX header in external
*  websites
*  The YUI css which is being overridden is
*  body.robus-ui .yui-ac-container .yui-ac-content li
*/
body.robus-ui .yui-ac-container .yui-ac-content .sfAutoCompleteListItem {
word-wrap: normal;
}

/* --- END Auto-completion --- */

/*!!! BEGIN /ui/juic/css/components/sfTriangle.css !!!*/
.sfTriangle {
width: 0;
height: 0;
border-top-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-right-style: solid;
border-width: 5px;
border-color: none;
display: inline-block;
margin-left: 5px;
vertical-align: middle;
}

.css3 .sfTriangle {
}

.rtl .sfTriangle {
margin-left: 0px;
margin-right: 5px;
}

.directionTop {
transform: rotate(180deg);
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
-ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage(rotation=2)';
}
.directionBottom {
transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
-ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage(rotation=0)';
}
.directionRight {
transform: rotate(270deg);
-moz-transform: rotate(270deg);
-webkit-transform: rotate(270deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
-ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage(rotation=3)';
}
.directionLeft {
transform: rotate(90deg);
-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
-ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage(rotation=1)';
}

/*!!! BEGIN /ui/juic/css/components/sfMenuDropDown.css !!!*/
.highlightedMenuDropDown {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border-style: solid;
border-width: 1px;
display: inline-block;
font-size: 18px;
margin: 1px;
padding: 5px 9px;
position: relative;
text-decoration: none;
text-shadow: none;
}

.menuDefault {
background-color: #ffffff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
margin: 0px;
position: absolute;
text-align: left;
}

.rtl .menuDefault {
text-align: right;
}

.menuDefault li {
list-style: none;
display: block;
}

.menuDefault .globalMenuItem,
.menuDefault .globalMenuItem:visited {
cursor: pointer;
text-decoration: none;
}

/*!!! BEGIN /ui/juic/css/components/sfDropMenu.css !!!*/
body .sfDropMenu {
position: static;
float: none;
}

.sfDropMenu .globalMenu {
position: relative;
float: none;
min-width: 150px;
}

.menuItemSpacer {
height: 5px;
width: 1px;
}

.sfDropMenu .last {
border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
-webkit-border-radius: 0 0 4px 4px;
}

.sfDropMenu .first {
border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
-webkit-border-radius: 4px 4px 0 0;
}

.sfDropMenuScrollable .lastMenuItem,
.sfDropMenuScrollable .firstMenuItem {
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
}

.sfDropMenu .menuTitle,
.sfDropMenu .menuLink {
position: relative;
display: block;
white-space: nowrap;
padding: 6px 10px;
border: none;
outline: none;
}
.sfDropMenu .itemWithMenu {
padding-right: 15px;
}

.rtl .sfDropMenu .itemWithMenu {
padding-left: 15px;
padding-right: 0;
}

.sfDropMenu .menuTitle {
font-weight: bold;
border-bottom: 1px solid #333;
}

.sfDropMenuScrollable {
padding: 3px 0;
}

.sfDropMenu .wrapperList {
list-style: none;
margin: 0;
padding: 0;
}

.sfDropMenuScrollable .wrapperList {
position: relative;
overflow: auto;
width: auto;
}

.sfDropMenu .itemWithMenu .menuArrow {
position: absolute;
border-top: 4px solid transparent;
border-bottom: 4px solid transparent;
border-left: 4px solid #333;
font-size: 0;
line-height: 0;
margin-top: -3px;
right: 4px;
top: 50%;
}

.rtl .sfDropMenu .itemWithMenu .menuArrow {
border-left: 0;
border-right: 4px solid #333;
left: 4px;
right: auto;
}

/*!!! BEGIN /ui/juic/css/components/sfDragResizer.css !!!*/
.sf-drag-resizer {
position: relative;
float: left;
padding-bottom: 14px;
border: 1px solid #DBDBDB;
background-color: #F6F6F6;
}

.sf-drag-flipy {
padding-bottom: 0;
padding-top: 14px;
}

.ios-only .sf-drag-resizer {
padding-bottom: 30px;
}

.ios-only .sf-drag-flipy {
padding-bottom: 0px;
padding-top: 30px;
}

.sf-drag-resizer .sf-scrolling-paginator {
border-bottom: 1px solid #DBDBDB;
}

.sf-drag-flipy .sf-scrolling-paginator {
border-bottom: none;
border-top: 1px solid #DBDBDB;
}

.sf-drag-resizer div.thumb {
background: url('/ui/juic/img/components/drag_dots4_13bbf397fb2d01ee456b2612d31f114d.gif');
position: absolute;
right: 0px;
bottom: 0px;
width: 25px;
height: 14px;
cursor: se-resize;
z-index: 12;
-moz-user-select: none;
}

.rtl .sf-drag-resizer div.thumb {
right: auto;
left: 0;
}

.ios-only .sf-drag-resizer div.thumb {
height: 28px;
}

.sf-drag-flipy div.thumb {
cursor: ne-resize;
bottom: auto;
top: 0px;
}

.sf-drag-resizer div.drag-box {
top: 0px;
left: 0px;
position: absolute;
border: 3px solid #3F3F3F;
display: none;
z-index: 11;
}

.sf-drag-resizer .resizer-wrapper {
position: relative;
z-index: 10;
}

.resizing div.drag-box {
display: block;
}

/*!!! BEGIN /ui/juic/css/components/sfPhoto.css !!!*/
.sfPhotoBox {
display:inline-block;
}
.sfPhotoBoxAbs {
position:relative;
}
.sfPhotoPortraitLarge, .sfPhotoPortraitSmall,
.sfPhotoSquareLarge, .sfPhotoSquareSmall,
.sfPhotoSquareMedium {
overflow:hidden;
}
.sfPhotoPortraitLarge {
width:180px;
height:240px;
}
.sfPhotoPortraitSmall {
width:60px;
height:80px;
}
.sfPhotoSquareExtraLarge {
width:234px;
height:234px;
}
.sfPhotoSquareLarge {
width:50px;
height:50px;
}
.sfPhotoSquareMedium {
width:40px;
height:40px;
}
.sfPhotoSquareSmall {
width:30px;
height:30px;
}
.sfPhotoBox .imageFadeIn {
visibility: hidden;
}
.css3 .sfPhotoBox .imageFadeIn {
visibility: inherit;
transition: opacity 100ms ease-in;
-moz-transition: opacity 100ms ease-in;
-webkit-transition: opacity 100ms ease-in;
}
.sfPhotoNameEllipsis {
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
}
.sfPhotoName_180 {
width:180px;
}
.sfPhotoName_60 {
width:60px;
}
.sfPhotoName_234 {
width:234px;
}
.sfPhotoName_50 {
width:50px;
}
.sfPhotoName_40 {
width:50px;
}
.sfPhotoName_30 {
width:30px;
}
.sfPhotoInLine {
display:inline-block;
}
.ie-7 .sfPhotoInLine {
float:left;
}
.sfPhotoRightAlign {
text-align:right;
}
.sfPhotoNameFloatCenter {
text-align:center;
position:absolute;
top:50%;
}
.sfPhotoNoPic_180, .sfPhotoNoPic_60, .sfPhotoNoPic_50, .sfPhotoNoPic_40, .sfPhotoNoPic_30, .sfPhotoNoPic_234 {
position:relative;
background: url('/ui/juic/img/components/sf_photo_sprite_246c160f6bc1d23053def8afaa62b245.png') no-repeat;
}
.sfPhotoNoPic_180 {
background-position: 0 -164px;
}
.sfPhotoNoPic_60 {
background-position: 0 -82px;
}
.sfPhotoNoPic_50 {
background-position: 0 -31px;
}
.sfPhotoNoPic_40 {
background-position: 4px 8px;
}
.sfPhotoNoPic_30 {
background-position: 0 0px;
}
.sfSilouetteTxt {
position:absolute;
left:2px;
font-size:13px;
bottom:0;
}
.sfPhotoNoPic_30 .sfSilouetteTxt {
font-size:9px;
}

.sfPhotoCircle {
border-radius: 50%;
border: 2px solid #FFFFFF;
overflow: hidden;
}

/*!!! BEGIN /ui/juic/css/components/sfBreadcrumb.css !!!*/
.sfBreadcrumb {
border: medium none;
text-decoration: none;
font-size: 12px;
font-weight: normal;
opacity: 0.7;
}
.sfBreadcrumb a {
cursor: pointer;
border: medium none;
text-decoration: none;
}
.sfBreadcrumb a:hover {
text-decoration: underline;
}

/*!!! BEGIN /ui/juic/css/sfGridLayout.css !!!*/
/*********************************************************************************

SFRevolutionGrid
                            
*********************************************************************************/


.sfRevolutionGrid .contentWrapper {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

.sfRevolutionGrid .gridRow .cell {
overflow: hidden;
height: 23px;
}

.ltr .sfRevolutionGrid .gridRow .cell {
padding: 8px 0 0 8px;
}

.rtl .sfRevolutionGrid .gridRow .cell {
padding: 8px 8px 0 0;
}

.sfRevolutionGrid .groupRow .cellContent {
display: none;
}

.sfRevolutionGrid .groupRow .groupedColumn .cellContent {
display: block;
}

.sfRevolutionGrid .groupRow .adjuster {
display: none;
}

.sfRevolutionGrid .columnHandle {
float: left;
width: 11px;
height: 18px;
background: url('/ui/juic/img/grips_transparent_5527f458d332ff710b6ee9ec318b1455.gif') no-repeat 50% 50% transparent;
margin: -2px 6px 0 -3px;
cursor: col-resize;
}

.rtl .sfRevolutionGrid .columnHandle {
float: right;
margin: -2px -3px 0 6px;
}

.sfRevolutionGrid .temporaryFocus .contentWrapper {
padding: 9px;
border: 1px dotted black;
}

.sfRevolutionGrid .headerRow .sortable {
}

.sfRevolutionGrid .headerRow .sortedColumn .direction {
width: 16px;
height: 16px;
float: right;
background-image: url('/ui/juic/img/xi_icons_f2491424aa4ae879e42ac054b7c71d48.gif');
background-color: transparent;
background-repeat: no-repeat;
}
.rtl .sfRevolutionGrid .headerRow .sortedColumn .direction {
float: left;
}

.sfRevolutionGrid .headerRow .sortUp .direction {
background-position: -2px -1394px;
}

.sfRevolutionGrid .headerRow .sortDown .direction {
background-position: -2px -1424px;
}

.sfRevolutionGrid .headerProxy,
.sfRevolutionGrid .footerProxy {
position: fixed;
z-index: 5;
}

.sfRevolutionGrid .headerProxy {
top: 0;
}

.sfRevolutionGrid .footerProxy {
bottom: 0;
}

.sfRevolutionGrid .groupToggle {
position: absolute;
right: 5px;
width: 10px;
height: 10px;
background-color: black;
cursor: pointer;
border: none;
}

.sfRevolutionGrid .sfLoadingContainerSm {
padding: 0;
text-align: left;
}

.rtl .sfRevolutionGrid .sfLoadingContainerSm {
text-align: right;
}

.sfRevolutionGrid .scrollBG {
background-color: white;
}

/*
.sfRevolutionGrid .footerRow .cellContent,
.sfRevolutionGrid .headerRow .cellContent {
background-color: #dfe5ec;
}

.sfRevolutionGrid .footerRow .sortedColumn .cellContent,
.sfRevolutionGrid .headerRow .sortedColumn .cellContent {
background-color: #ccd7e1;
}

.sfRevolutionGrid .evenRow .cellContent {
background-color: #f5f5f5;
}

.sfRevolutionGrid .evenRow .sortedColumn .cellContent {
background-color: #EFF2F6;
}

.sfRevolutionGrid .oddRow .cellContent {
background-color: #fff;
}

.sfRevolutionGrid .oddRow .sortedColumn .cellContent {
background-color: #F4F7FB;
}*/

/*********************************************************************************

SFScrollBar
                            
*********************************************************************************/

.scrollBar {
background-color: #D4D3D3;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
border: 1px solid #BEBDBD;
}

.xscrollBar {
margin: 3px 0;
height: 9px;
cursor: col-resize;
}

.yscrollBar {
margin: 0 3px;
width: 9px;
cursor: row-resize;
}

.scrollHandle {
background-color: #FFFFFF;
}

.xscrollBar .scrollHandle {
height: 100%;
}

.yscrollBar .scrollHandle {
width: 100%;
}

/*********************************************************************************

SFGridLayout
                            
*********************************************************************************/

.sfGridLayout,
.sfGridLayout .contentWrapper {
position: relative;
}
body, .sfGridLayout, .sfGridLayout div {
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
.sfGridLayout .outerScroll {
position: relative;
}
.sfGridLayout .cellFocusMarker,
.sfGridLayout .rowFocusMarker,
.sfGridLayout .scrollHandle,
.sfGridLayout .scrollBar,
.sfGridLayout .adjuster,
.sfGridLayout .intersection,
.sfGridLayout .scrollBG,
.sfGridLayout .gridRow,
.sfGridLayout .gridCell,
.sfGridLayout .innerScroll .section {
position: absolute;
}
.sfGridLayout .outerScroll {
top: 0;
}
.ltr .sfGridLayout .outerScroll {
left: 0;
}
.ltr .sfGridLayout .outerScroll {
right: 0;
}
.sfGridLayout .outerScroll .section {
position: fixed;
}
.sfGridLayout .adjuster,
.sfGridLayout .intersection {
z-index: 1;
background-color: #E8E8E8;
font-size: 0px;
line-height: 0px;
-moz-user-select:none;
}
.sfGridLayout .contentWrapper,
.sfGridLayout .cellContent {
z-index: 2;
}
.sfGridLayout .outerScroll,
.sfGridLayout .section {
overflow: hidden;
}
.sfGridLayout .innerScroll .centerSection {
overflow: auto;
}
.sfGridLayout .cellUnavailable {
    
}
.sfGridLayout .intersection,
.sfGridLayout .xadjuster {
cursor: col-resize;
width: 5px;
}
.sfGridLayout .intersection,
.sfGridLayout .yadjuster {
cursor: row-resize;
height: 5px;
}
.sfGridLayout .touchDevice .xhoveringLine,
.sfGridLayout .touchDevice .intersection,
.sfGridLayout .touchDevice .xadjuster {
width: 18px;
}
.sfGridLayout .touchDevice .yhoveringLine,
.sfGridLayout .touchDevice .intersection,
.sfGridLayout .touchDevice .yadjuster {
height: 18px;
}
.sfGridLayout .intersection {
cursor: move;
}
.sfGridLayout .innerScroll .section {
z-index: 1;
}
.sfGridLayout .innerScroll .centerSection {
z-index: 3;
}
.sfGridLayout .outerScroll .centerSection {
z-index: 1;
}
.sfGridLayout .outerScroll .topSection,
.sfGridLayout .outerScroll .leftSection,
.sfGridLayout .outerScroll .rightSection,
.sfGridLayout .outerScroll .bottomSection {
z-index: 2;
}
.sfGridLayout .outerScroll .topleftSection,
.sfGridLayout .outerScroll .toprightSection,
.sfGridLayout .outerScroll .bottomleftSection,
.sfGridLayout .outerScroll .bottomleftSection {
z-index: 3;
}
.sfGridLayout .customScroll .centerSection {
z-index: 1;
}
.sfGridLayout .hoveringLine {
position: absolute;
z-index: 4;
background-color: black;
}
.sfGridLayout .xhoveringLine {
width: 5px;
}
.sfGridLayout .yhoveringLine {
height: 5px;
}
.sfGridLayout .scrollBG {
z-index: 2;
}
.sfGridLayout .xscrollBar {
width: 100%;
}
.sfGridLayout .yscrollBar {
height: 100%;
}
.sfGridLayout .scrollBar {
z-index: 3;
}
.sfGridLayout .rowFocusMarker,
.sfGridLayout .cellFocusMarker {
opacity: 0;
filter: alpha(opacity=0);
width: 1px;
height: 1px;
font-size: 1px;
border: none;
z-index: 1;
}
.sfGridLayout .rightFocusMarker {
right: 0;
}
.sfGridLayout .rowDragging,
.sfGridLayout .columnDragging {
z-index: 5;
}
.sfGridLayout .rowDragging .adjuster,
.sfGridLayout .columnDragging .adjuster {
z-index: 6;
}
.columnHandle,
.rowHandle {
-moz-user-select: none;
}
.rowHandle,
.columnHandle {
cursor: move;
}

/*!!! BEGIN /ui/juic/css/components/sfPeopleMenu.css !!!*/
/*
TODO: This component is not theming compliant
*/
.sfPeopleMenu .sfPeopleMenuText,
.sfPeopleMenu .sfPeopleMenuText:active,
.sfPeopleMenu .sfPeopleMenuText:visited {
zoom: 100%;
-ms-filter:
'progid:DXImageTransform.Microsoft.gradient(startColorstr=#3F666666, endColorstr=#3F666666)';
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#3F666666,
endColorstr=#3F666666 );
}

.ie-quirks .sfPeopleMenuText .sfTriangle {
margin-bottom: -20px;
}

.sfPeopleMenu .sfPeopleMenuText:hover,
.sfPeopleMenu .sfPeopleMenuText:focus {
zoom: 100%;
-ms-filter:
'progid:DXImageTransform.Microsoft.gradient(startColorstr=#72666666, endColorstr=#72666666)';
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#72666666,
endColorstr=#72666666 );
}

.sfPeopleMenu .globalArrowColor {
border-width: 6px 6px 0;
}

.sfPeopleMenu .sfPeopleMenuText,
.sfPeopleMenu .sfPeopleMenuText:hover,
.sfPeopleMenu .sfPeopleMenuText:active,
.sfPeopleMenu .sfPeopleMenuText:visited {
font-size: 18px;
padding:5px 9px;
border-radius: 4px;
border-style: solid;
border-width: 1px;
margin-right: 16px;
display: inline-block;
text-shadow: none;
position: relative;
}

.sfPeopleMenuText .navMenuText{
max-width: 350px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: inline-block;
}

.rtl .sfPeopleMenu .sfPeopleMenuText {
margin-left: 16px;
margin-right: 0;
}

/** people navigation */
.clearleft {
clear: left;
}

.sfPeopleSelect {
margin-left: 10px;
padding-bottom: 10px;
    /** causing a horizontal scrollbar to appear width:100%; */
border: 1px solid #CCC;
background-color: #FFFFFF;
box-shadow: 0 0 5px rgba(0, 0, 0, .5);
}

.rtl .sfPeopleSelect {
margin-left: 0;
margin-right: 10px;
}

.ie-only .sfPeopleSelect {
-pie-track-hover: false;
-pie-track-active: false;
-pie-poll: false;
}

.sfPeopleSelect ul {
position: static;
box-shadow: none;
border-radius: 0px;
}

.sfPeopleSelect .groupHeader {
margin-top: 5px;
font-weight: bold;
display: block;
}

.sfPeopleSelect ul li a {
line-height: 30px;
color: #222;
font-size: 14px;
padding: 0 10px;
}

.ie-7 .sfPeopleSelect ul li {
zoom: 1
}

.sfPeopleSelect .ItemSelected {
color: gray;
font-weight: bold;
}

.sfPeopleSelect .groupHeader:hover,.sfPeopleSelect .groupHeader:focus {
background: none;
color: #CCC;
}

.sfPeopleNavigationIcon {
background: url('/ui/juic/img/sprite_people_search_6ab71ebcbd56e402ad610ba4c8c81ed8.png') no-repeat right
0 transparent;
height: 20px;
font-size: 26px;
line-height: 1;
margin-top: 6px;
}

.sfPeopleNavigationIcon.toggle {
background-position: right -20px;
}

.sfPeopleNavigationIcon a {
border: medium none;
padding-right: 20px;
}

.rtl .sfPeopleNavigationIcon a  {
padding-right: 0;
padding-left: 20px;
}

.sfPeopleNavigationIcon a:focus {
outline: medium none;
}

div.sfPeopleNavigationIcon:hover {
background-position: right -20px;
}

.rtl div.sfPeopleNavigationIcon:hover {
background-position: left -20px;
}

.sfPeopleSelectPopupContainer {

}

ul.sfPeopleSelectPopupContainer .groupHeader {
cursor: default;
color: #aaaaaa;
margin: 15px 0 2px;
padding-left: 15px;
}

.rtl ul.sfPeopleSelectPopupContainer .groupHeader {
padding-left: 0;
padding-right: 15px;
}

ul.sfPeopleSelectPopupContainer .sfPhotoNameOption a {
padding: 2px 30px;
font-size: 14px;
}

ul.sfPeopleSelectPopupContainer .sfPhotoNameOption a.fieldFocus {
background: #9BE0E9;
color: #333;
}

.sfPhotoNameOption a strong {
font-weight: bold;
}

img.sfSmallPhoto,.sfPhotoNameOption img.photo {
width: 18px;
vertical-align: middle;
}

div.sfPhotoNameOption a {
padding: 2px 20px;
}

div.sfPhotoNameOptionDisabled {
opacity: 0.7;
filter: alpha(opacity = 70);
zoom: 1;
}

div.sfPeopleSelectFixedHeight {
overflow-x: hidden;
overflow-y: auto;
}

div.sfFinduser {
padding: 0 0 8px;
color: #666;
font-family: "Arial", "Helvetica", Sans-Serif;
font-size: 12px;
border-bottom: 1px solid #bbbbbb;
box-shadow: 0 1px 2px #cccccc;
white-space: nowrap;
}

div.sfFinduser input {
vertical-align: middle;
}

.invalidUserCheck {
margin: 0 10px;
}

.sfFinduserField {
margin: 12px 15px 5px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
-webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, .45);
-moz-box-shadow: inset 0 0 1px rgba(0, 0, 0, .45);
box-shadow: inset 0 0 1px rgba(0, 0, 0, .45);
padding: 1px;
}

.ie-9 .sfFinduserField {
box-shadow: inset 0 0 0 1px #E0E0E0;
}

div.sfFinduserFieldIcon {
background: url('/ui/juic/img/top-nav-search-icon_026acbe12b4dd638ac7a79d94b642408.gif') no-repeat 6px 4px;
padding-left: 25px;
}

.rtl div.sfFinduserFieldIcon {
background-position: right 4px;
margin-right: 6px;
padding: 0 25px 0 0;
}

div.sfFinduser div.noleftmargin {
margin-left: 0px;
}

.sfFinduserField  input {
border: medium none;
outline: medium none;
margin: 0 0 0;
padding: 0;
width: 85%;
height: 25px;
line-height: 25px;
}

div.sfdropdownborder {
border: 1px solid #CCC;
}

.accessdeniedBox {
min-height: 30px;
width: 300px;
padding-top: 10px;
}

.sfFindUserInactiveSearchBox {
position: relative;
overflow: hidden;
}

.sfFindUserInactiveSearchText {
text-overflow: ellipsis;
display: inline-block;
overflow: hidden;
margin-left: 0.5em;
width: 90%;
}

.ie-quirks .sfFindUserInactiveSearchText {
width: auto;
}

.ie-quirks .sfFindUserInactiveSearchBox {
zoom: 1;
}

.rtl .sfFindUserInactiveSearchText {
margin-left: 0;
margin-right: 0.5em;
}

/*!!! BEGIN /ui/juic/css/components/sfSplitContainer.css !!!*/
.splitContainer {
position:relative;
top:0px;
left:0px;
width:100%;
min-height:100%;
height:100%;
overflow:hidden;
}

.splitterBar {
position:absolute;
width:100%;
left:0px;
top:0px;
height:6px;
background:url('/ui/juic/img/gripper_vertical_image_072d30503e4b957b8eabb5dd482e355c.gif') center 2px no-repeat;
background-color:#ccc;
cursor:s-resize;
z-index:1000;
    /* This is acceptable for now as it is a quirk in FF - Brendan */
-moz-user-select:none;
    /* These are necessary for IE - DO NOT REMOVE */
font-size:6px;
line-height:6px;
}