/* CSS Structure should cascade as follows:
- Universal Selectors
- Element Selectors
- Class, Attribute, and Pseudo Selectors
- ID Selectors
*/

/***** Universal Selectors *****/

/***** Element Selectors *****/
body {
font: 13px/1.22 "Trebuchet MS", Arial, Verdana, sans-serif;
*font-size: small;
*font: x-small;
margin: 0;
color: #000;
background-color: #fff;
}

body.nonLatin {
font-family: Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
margin: 0 0 .4em;
line-height: 1.1em;
position: static;
}

h1 {
font-size: 1.7em;
}

h2 {
font-size: 1.4em;
}

h3 {
font-size: 1.2em;
}

h4 {
font-size: 1.1em;
}

h5 {
font-size: 1em;
}

small {
font-size: .9em;
}

big {
font-size: 2em;
}

h2 small, h3 small {
font-size: 0.7em;
margin-left: 1em;
}

table {
font-size: 1em;
}

img {
border-width: 0;
}

div {
margin: 0;
padding: 0;
text-align: left;
}

.rtl div {
text-align: right;
}

a {
color: #005887;
border-bottom: 1px dotted #005887;
text-decoration: none;
cursor: pointer;
}

a:link,
a:visited {
color: #005887;
border-bottom-color: #005887;
text-decoration: none;
}

a:hover {
color: #002655;
border-bottom: 1px solid #002655;
text-decoration: none;
}

a:active,
a:focus {
color: #f33;
border-bottom: 1px solid #f33;
text-decoration: none;
}

ul, form {
margin: 0;
}

p {
margin: 0 0 .8em;
*margin: 0 0 .75em;
}

textarea {
width: 95%;
clear: both;
}

textarea, input, select {
font: normal 1em "Trebuchet MS", Arial, Verdana, sans-serif;
}

input::-ms-clear {
width : 0;
height: 0;
}

.nonLatin textarea, .nonLatin input, .nonLatin select {
font-family: Arial, sans-serif;
}

table {
border-collapse: collapse;
border-width: 0;
margin: 0;
empty-cells: show;
}

th, td {
text-align: left;
padding: 0;
vertical-align: top;
}

.rtl th,
.rtl td {
text-align: right;
}

hr {
border-top: 1px solid #808080;
border-bottom: 0;
height: 0px;
}

hr.lightLine {
border-color: #ccc;
}

/***** Class, Attribute, and Pseudo Selectors *****/
.alt, .hide {
display: none;
}

.visible {
visibility: visible;
}

.hidden {
visibility: hidden;
}

.dimmed, .dimmed span {
cursor: text;
}

.nowrap {
white-space: nowrap;
}

.wrapText {
white-space: pre-wrap;
white-space: -moz-pre-wrap;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
word-wrap: break-word;
}

.clear_all {
clear: both;
*zoom: 1;
}

/* This is the correct way to create a clearing element */
.clearingElement {
clear: both;
margin-top: -1px;
height: 1px;
font-size: 1px;
overflow: hidden;
}

.scrollable {
overflow: auto;
}

.center {
text-align: center;
margin: 0 auto;
}

.globalFloatRight,
.floatright {
float: right;
}

.globalFloatLeft,
.floatleft {
float: left;
}

.rtl .globalFloatRight,
.rtl .floatright {
float: left;
}

.rtl .globalFloatLeft,
.rtl .floatleft {
float: right;
}

a.floatleft {
float: left;
}

.textTop {
vertical-align: top;
}

.textMiddle {
vertical-align: middle;
}

.textBottom {
vertical-align: bottom;
}

.textBold {
font-weight: bold;
font-size: 13px;
line-height: 1.22em;
}

.smallPadLeft {
padding-left: 4px;
}

.displayNone {
display: none;
}

.sfPaginator .displayInline,
.sfPaginator .displayInline:after,
.displayInline {
display: inline;
}

.content:after, .button_row:after, .clear_all:after, .opposite_floats:after, .table_header:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/* --- BEGIN Typography --- */
.instructions, .readonly, .empty {
/* this will take place of all gray text definition - yma 04.13.2009 */
color: #676767;
}

.required {
color: red;
padding-right: 3px;
}

.middot_sep {
display: inline-block;
color: #676767;
padding: 0 5px;
}

.longName {
/* style used for truncating long text */
width: 80%;
overflow: hidden;
display: block;
white-space: nowrap;
float: left;
}

/* --- END Typography --- */
/* --- BEGIN Colors (need to revisit) --- */
.red {
color: red;
}

.grey {
color: #aaa;
}

/* --- END Colors --- */
/* --- BEGIN Icon classes for 16 X 16 icons --- */
.smallIconPadding {
padding-left: 16px;
}
.rtl .smallIconPadding {
padding-right: 16px;
padding-left: 0;
}

/*class for cascading - Subject to be removed soon*/

.smalliconPaddingTop {
padding-top: 4px;
}

.redAlertIcon {
background: url('/ui/uicore/img/xi_icons_f2491424aa4ae879e42ac054b7c71d48.gif') no-repeat 0 -4709px;
}
.rtl .redAlertIcon {
background: url('/ui/juic/img/xi_icons_rtl_092c4760ac353b1e693b64edbd56f6d0.gif') no-repeat right -4709px;
}

.changeNameIcon {
background: url('/ui/uicore/img/xi_icons_f2491424aa4ae879e42ac054b7c71d48.gif') no-repeat 0 -4364px;
}
.rtl .changeNameIcon {
background: url('/ui/juic/img/xi_icons_rtl_092c4760ac353b1e693b64edbd56f6d0.gif') no-repeat right -4364px;
}

.updateInfoIcon {
background: url('/ui/uicore/img/xi_icons_f2491424aa4ae879e42ac054b7c71d48.gif') no-repeat 0 -3394px;
}
.rtl .updateInfoIcon {
background: url('/ui/juic/img/xi_icons_rtl_092c4760ac353b1e693b64edbd56f6d0.gif') no-repeat right -3394px;
}

.updateVisaIcon {
background: url('/ui/uicore/img/xi_icons_f2491424aa4ae879e42ac054b7c71d48.gif') no-repeat 0 -4094px;
}
.rtl .updateVisaIcon {
background: url('/ui/juic/img/xi_icons_rtl_092c4760ac353b1e693b64edbd56f6d0.gif') no-repeat right -4094px;
}

.citizenshipIcon {
background: url('/ui/uicore/img/xi_icons_f2491424aa4ae879e42ac054b7c71d48.gif') no-repeat 0 -4388px;
}
.rtl .citizenshipIcon {
background: url('/ui/juic/img/xi_icons_rtl_092c4760ac353b1e693b64edbd56f6d0.gif') no-repeat right -4388px;
}

.personIcon {
background: url('/ui/uicore/img/xi_icons_f2491424aa4ae879e42ac054b7c71d48.gif') no-repeat 0 -3270px;
}
.rtl .personIcon {
background: url('/ui/juic/img/xi_icons_rtl_092c4760ac353b1e693b64edbd56f6d0.gif') no-repeat right -3270px;
}

.suitcaseIcon {
background: url('/ui/uicore/img/xi_icons_f2491424aa4ae879e42ac054b7c71d48.gif') 0 -2636px no-repeat;
}

.errorIcon {
background: url('/ui/uicore/img/xi_icons_f2491424aa4ae879e42ac054b7c71d48.gif') -2px -122px no-repeat;
}
.rtl .errorIcon {
background: url('/ui/juic/img/xi_icons_rtl_092c4760ac353b1e693b64edbd56f6d0.gif') right -122px no-repeat;
}

.infoIcon {
background: url('/ui/uicore/img/xi_icons_f2491424aa4ae879e42ac054b7c71d48.gif') -2px -154px no-repeat;
}

.handle {
background: url('/ui/uicore/img/xi_icons_f2491424aa4ae879e42ac054b7c71d48.gif') -2px -3186px no-repeat;
}
.rtl .handle {
background: url('/ui/juic/img/xi_icons_rtl_092c4760ac353b1e693b64edbd56f6d0.gif') right -3184px no-repeat;
}

.RouteIcon {
background: url('/ui/uicore/img/xi_icons_f2491424aa4ae879e42ac054b7c71d48.gif') 0 -3922px no-repeat;
}
.rtl .RouteIcon {
background: url('/ui/juic/img/xi_icons_rtl_092c4760ac353b1e693b64edbd56f6d0.gif') right -3922px no-repeat;
}

.changeIcon {
background: url('/ui/uicore/img/xi_icons_f2491424aa4ae879e42ac054b7c71d48.gif') 0 -3945px no-repeat;
}
.rtl .changeIcon {
background: url('/ui/juic/img/xi_icons_rtl_092c4760ac353b1e693b64edbd56f6d0.gif') right -3945px no-repeat;
}

.cascadeIcon {
background: url('/ui/uicore/img/xi_icons_f2491424aa4ae879e42ac054b7c71d48.gif') 0 -4110px no-repeat;
}
.rtl .cascadeIcon {
background: url('/ui/juic/img/xi_icons_rtl_092c4760ac353b1e693b64edbd56f6d0.gif') right -4110px no-repeat;
}

.removePeopleIcon {
background: url('/ui/uicore/img/xi_icons_f2491424aa4ae879e42ac054b7c71d48.gif') 0 -4182px no-repeat;
}
.rtl .removePeopleIcon {
background: url('/ui/juic/img/xi_icons_rtl_092c4760ac353b1e693b64edbd56f6d0.gif') right -4182px no-repeat;
}

.addPeopleIcon {
background: url('/ui/uicore/img/xi_icons_f2491424aa4ae879e42ac054b7c71d48.gif') 0 -4160px no-repeat;
}
.rtl .addPeopleIcon {
background: url('/ui/juic/img/xi_icons_rtl_092c4760ac353b1e693b64edbd56f6d0.gif') right -4160px no-repeat;
}

.inactiveIcon {
background: url('/ui/uicore/img/xi_icons_f2491424aa4ae879e42ac054b7c71d48.gif') 0 -2249px no-repeat;
}
.rtl .inactiveIcon {
background: url('/ui/juic/img/xi_icons_rtl_092c4760ac353b1e693b64edbd56f6d0.gif') right -2249px no-repeat;
}

.calculatorIcon {
background: url('/ui/uicore/img/xi_icons_2_0a035249cceb68da0bc8c28dc2002ebd.gif') 0 -26px no-repeat;
}

.historyIcon {
background: url('/ui/uicore/img/xi_icons_2_0a035249cceb68da0bc8c28dc2002ebd.gif') 0 -110px no-repeat;
}

.openWinIcon {
background: url('/ui/uicore/img/xi_icons_f2491424aa4ae879e42ac054b7c71d48.gif') 0 -3562px no-repeat;
height: 14px;
padding-left: 18px;
margin-left: 2px;
}
.rtl .openWinIcon {
background: url('/ui/juic/img/xi_icons_rtl_092c4760ac353b1e693b64edbd56f6d0.gif') right -3562px no-repeat;
padding-right: 18px;
margin-right: 2px;
padding-left: 0;
margin-left: 0;
}

.questionMarkIcon {
background: url('/ui/uicore/img/xi_icons_f2491424aa4ae879e42ac054b7c71d48.gif') 0 -901px no-repeat;
padding-left: 14px;
cursor: pointer;
}
.rtl .questionMarkIcon {
background: url('/ui/juic/img/xi_icons_rtl_092c4760ac353b1e693b64edbd56f6d0.gif') right -901px no-repeat;
padding-right: 14px;
padding-left: 0;
}

.closeIcon {
background: url('/ui/uicore/img/xi_icons_f2491424aa4ae879e42ac054b7c71d48.gif') -2px -2040px no-repeat;
}
.rtl .closeIcon {
background: url('/ui/juic/img/xi_icons_rtl_092c4760ac353b1e693b64edbd56f6d0.gif') right -2040px no-repeat;
}

.inviteIcon {
background: url('/ui/uicore/img/xi_icons_f2491424aa4ae879e42ac054b7c71d48.gif') 0 -2085px no-repeat;
}
.rtl .inviteIcon {
background: url('/ui/juic/img/xi_icons_rtl_092c4760ac353b1e693b64edbd56f6d0.gif') right -2085px no-repeat;
}

.joinIcon {
background: url('/ui/uicore/img/xi_icons_f2491424aa4ae879e42ac054b7c71d48.gif') 0 -3899px no-repeat;
}
.rtl .joinIcon {
background: url('/ui/juic/img/xi_icons_rtl_092c4760ac353b1e693b64edbd56f6d0.gif') right -3899px no-repeat;
}

.leaveIcon {
background: url('/ui/uicore/img/xi_icons_f2491424aa4ae879e42ac054b7c71d48.gif') 0 -2358px no-repeat;
}
.rtl .leaveIcon {
background: url('/ui/juic/img/xi_icons_rtl_092c4760ac353b1e693b64edbd56f6d0.gif') right -2358px no-repeat;
}

.starIcon {
background: url('/ui/uicore/img/xi_icons_f2491424aa4ae879e42ac054b7c71d48.gif') 0 -3318px no-repeat;
}
.rtl .starIcon {
background: url('/ui/juic/img/xi_icons_rtl_092c4760ac353b1e693b64edbd56f6d0.gif') right -3318px no-repeat;
}

.deleteIcon {
background: url('/ui/uicore/img/xi_icons_f2491424aa4ae879e42ac054b7c71d48.gif') 0 -330px no-repeat;
}
.rtl .deleteIcon {
background: url('/ui/juic/img/xi_icons_rtl_092c4760ac353b1e693b64edbd56f6d0.gif') right -330px no-repeat;
}

.okIcon {
background: url('/ui/uicore/img/xi_icons_f2491424aa4ae879e42ac054b7c71d48.gif') 0 -177px no-repeat;
}
.rtl .okIcon {
background: url('/ui/juic/img/xi_icons_rtl_092c4760ac353b1e693b64edbd56f6d0.gif') right -177px no-repeat;
}

.arrowUpIconSm {
background: url('/ui/uicore/img/xi_icons_f2491424aa4ae879e42ac054b7c71d48.gif') 0 -3865px no-repeat;
}
.rtl .arrowUpIconSm {
background: url('/ui/juic/img/xi_icons_rtl_092c4760ac353b1e693b64edbd56f6d0.gif') right -3865px no-repeat;
}

.arrowDownIconSm {
background: url('/ui/uicore/img/xi_icons_f2491424aa4ae879e42ac054b7c71d48.gif') 0 -3881px no-repeat;
}
.rtl .arrowDownIconSm {
background: url('/ui/juic/img/xi_icons_rtl_092c4760ac353b1e693b64edbd56f6d0.gif') right -3881px no-repeat;
}

.doorOpenIcon {
background: url('/ui/uicore/img/xi_icons_f2491424aa4ae879e42ac054b7c71d48.gif') 0 -4228px no-repeat;
}
.rtl .doorOpenIcon {
background: url('/ui/juic/img/xi_icons_rtl_092c4760ac353b1e693b64edbd56f6d0.gif') right -4228px no-repeat;
}

.thumbsIcon {
background: url('/ui/uicore/img/xi_icons_f2491424aa4ae879e42ac054b7c71d48.gif') 0 -4204px no-repeat;
}
.rtl .thumbsIcon {
background: url('/ui/juic/img/xi_icons_rtl_092c4760ac353b1e693b64edbd56f6d0.gif') right -4204px no-repeat;
}

.roundArrowIcon {
background: url('/ui/uicore/img/xi_icons_f2491424aa4ae879e42ac054b7c71d48.gif') 0 -4254px no-repeat;
}
.rtl .roundArrowIcon {
background: url('/ui/juic/img/xi_icons_rtl_092c4760ac353b1e693b64edbd56f6d0.gif') right -4254px no-repeat;
}

.moveDownIcon {
background: url('/ui/uicore/img/xi_icons_f2491424aa4ae879e42ac054b7c71d48.gif') 0 -1656px no-repeat;
}
.rtl .moveDownIcon {
background: url('/ui/juic/img/xi_icons_rtl_092c4760ac353b1e693b64edbd56f6d0.gif') right -1656px no-repeat;
}

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

.moveDownDisabled {
background: url('/ui/uicore/img/xi_icons_f2491424aa4ae879e42ac054b7c71d48.gif') 0 -1709px no-repeat;
}
.rtl .moveDownDisabled {
background: url('/ui/juic/img/xi_icons_rtl_092c4760ac353b1e693b64edbd56f6d0.gif') right -1709px no-repeat;
}

.moveUpDisabled {
background: url('/ui/uicore/img/xi_icons_f2491424aa4ae879e42ac054b7c71d48.gif') 0 -1682px no-repeat;
}
.rtl .moveUpDisabled {
background: url('/ui/juic/img/xi_icons_rtl_092c4760ac353b1e693b64edbd56f6d0.gif') right -1682px no-repeat;
}

.addGreenIcon {
background: url('/ui/uicore/img/xi_icons_f2491424aa4ae879e42ac054b7c71d48.gif') 0 -240px no-repeat;
}
.rtl .addGreenIcon {
background: url('/ui/juic/img/xi_icons_rtl_092c4760ac353b1e693b64edbd56f6d0.gif') right -240px no-repeat;
}

.helpBlueIcon {
background: url('/ui/uicore/img/xi_icons_f2491424aa4ae879e42ac054b7c71d48.gif') 0 -930px no-repeat;
}
.rtl .helpBlueIcon {
background: url('/ui/juic/img/xi_icons_rtl_092c4760ac353b1e693b64edbd56f6d0.gif') right -930px no-repeat;
}

.helpGrayIcon {
background: url('/ui/uicore/img/xi_icons_f2491424aa4ae879e42ac054b7c71d48.gif') 0 -901px no-repeat;
}
.rtl .helpGrayIcon {
background: url('/ui/juic/img/xi_icons_rtl_092c4760ac353b1e693b64edbd56f6d0.gif') right -901px no-repeat;
}

.bgCheckIcon {
background: url('/ui/uicore/img/xi_icons_f2491424aa4ae879e42ac054b7c71d48.gif') 0 -4325px no-repeat;
}
.rtl .bgCheckIcon {
background: url('/ui/juic/img/xi_icons_rtl_092c4760ac353b1e693b64edbd56f6d0.gif') right -4325px no-repeat;
}

.checkMarkIcon {
background: url('/ui/uicore/img/xi_icons_f2491424aa4ae879e42ac054b7c71d48.gif') -1px -508px no-repeat;
}
.rtl .checkMarkIcon {
background: url('/ui/juic/img/xi_icons_rtl_092c4760ac353b1e693b64edbd56f6d0.gif') right -508px no-repeat;
}

.commentIcon {
background: url('/ui/uicore/img/xi_icons_f2491424aa4ae879e42ac054b7c71d48.gif') -1px -1990px no-repeat;
}
.rtl .commentIcon {
background: url('/ui/juic/img/xi_icons_rtl_092c4760ac353b1e693b64edbd56f6d0.gif') right -1990px no-repeat;
}

.redCommentIcon {
background: url('/ui/uicore/img/xi_icons_f2491424aa4ae879e42ac054b7c71d48.gif') -2px -4348px no-repeat;
}
.rtl .redCommentIcon {
background: url('/ui/juic/img/xi_icons_rtl_092c4760ac353b1e693b64edbd56f6d0.gif') right -4348px no-repeat;
}

.readCommentIcon {
background: url('/ui/uicore/img/xi_icons_f2491424aa4ae879e42ac054b7c71d48.gif') -1px -2016px no-repeat;
}
.rtl .readCommentIcon {
background: url('/ui/juic/img/xi_icons_rtl_092c4760ac353b1e693b64edbd56f6d0.gif') right -2016px no-repeat;
}

.arrowDownGrIcon {
background: url('/ui/uicore/img/xi_icons_f2491424aa4ae879e42ac054b7c71d48.gif') -2px -1482px no-repeat;
}
.rtl .arrowDownGrIcon {
background: url('/ui/juic/img/xi_icons_rtl_092c4760ac353b1e693b64edbd56f6d0.gif') right -1482px no-repeat;
}

.arrowLeftIcon {
background: url('/ui/uicore/img/xi_icons_f2491424aa4ae879e42ac054b7c71d48.gif') -2px -1574px no-repeat;
}
.rtl .arrowLeftIcon {
background: url('/ui/juic/img/xi_icons_rtl_092c4760ac353b1e693b64edbd56f6d0.gif') right -1574px no-repeat;
}

/* positioned for menubar, will need to adjust if used as standalone icon */
.reportIcon {
background: url('/ui/uicore/img/xi_icons_f2491424aa4ae879e42ac054b7c71d48.gif') 0 -3820px no-repeat;
}
.rtl .reportIcon {
background: url('/ui/juic/img/xi_icons_rtl_092c4760ac353b1e693b64edbd56f6d0.gif') right -3820px no-repeat;
}

.analyzeIcon {
background: url('/ui/uicore/img/xi_icons_f2491424aa4ae879e42ac054b7c71d48.gif') 0 -3840px no-repeat;
}
.rtl .analyzeIcon {
background: url('/ui/juic/img/xi_icons_rtl_092c4760ac353b1e693b64edbd56f6d0.gif') right -3840px no-repeat;
}

.select_arrow {
background: url('/ui/uicore/img/xi_icons_f2491424aa4ae879e42ac054b7c71d48.gif') 0 -2224px no-repeat;
}
.rtl .select_arrow {
background: url('/ui/juic/img/xi_icons_rtl_092c4760ac353b1e693b64edbd56f6d0.gif') right -2224px no-repeat;
}

.magnifyIcon, .searchIcon {
background: url('/ui/uicore/img/xi_icons_f2491424aa4ae879e42ac054b7c71d48.gif') 0 -1297px no-repeat;
}

.forwardLinkIcon {
background: url('/ui/uicore/img/xi_icons_f2491424aa4ae879e42ac054b7c71d48.gif') 0 -4475px no-repeat;
}
.rtl .forwardLinkIcon {
background: url('/ui/juic/img/xi_icons_rtl_092c4760ac353b1e693b64edbd56f6d0.gif') right -4475px no-repeat;
}

/* --- END Icon classes for 16 X 16 icons --- */
/* --- BEGIN Icon classes for large icons --- */
.calendarIcon {
background: url('/ui/uicore/img/xi_icons_lg_4d1dd9ae1835282d9873be74a3763eb5.gif') 0 0 no-repeat;
}

div.calendarIcon {
height: 25px;
width: 25px;
}

.orgChartIcon {
background: transparent url('/ui/uicore/img/xi_icons_lg_4d1dd9ae1835282d9873be74a3763eb5.gif') no-repeat scroll 0 -40px;
}

.lgFolderIcon {
background: transparent url('/ui/uicore/img/xi_icons_lg_4d1dd9ae1835282d9873be74a3763eb5.gif') no-repeat scroll 0 -85px;
}

.orgChartIcon, .lgFolderIcon {
padding: 2px 0 2px 27px;
font-size: 1.2em;
font-weight: bold;
margin-left: 2px;
height: 25px;
}

.questionMarkLgIcon {
background: transparent url('/ui/uicore/img/xi_icons_lg_4d1dd9ae1835282d9873be74a3763eb5.gif') 0 -646px no-repeat;
}

.lockIcon {
background: transparent url('/ui/uicore/img/xi_icons_lg_4d1dd9ae1835282d9873be74a3763eb5.gif') 2px -764px no-repeat;
}

.unlockIcon {
background: transparent url('/ui/uicore/img/xi_icons_lg_4d1dd9ae1835282d9873be74a3763eb5.gif') 2px -730px no-repeat;
}

.unlockGreyIcon {
background: transparent url('/ui/uicore/img/xi_icons_lg_4d1dd9ae1835282d9873be74a3763eb5.gif') 2px -698px no-repeat;
}

.lockIcon, .unlockIcon, .unlockGreyIcon {
padding: 5px 0 2px 30px;
height: 25px;
width: 30px;
}

.arrowUpIcon {
background: url('/ui/uicore/img/xi_icons_lg_4d1dd9ae1835282d9873be74a3763eb5.gif') 0 -535px no-repeat;
}

.arrowDownIcon {
background: url('/ui/uicore/img/xi_icons_lg_4d1dd9ae1835282d9873be74a3763eb5.gif') 0 -593px no-repeat;
}

.ancestorIcon {
background: url('/ui/uicore/img/xi_icons_lg_4d1dd9ae1835282d9873be74a3763eb5.gif') 0 -1181px no-repeat;
height: 64px;
padding-left: 90px;
}

/* --- END Icon classes for large icons --- */

/* --- BEGIN Sub Top Nav elements --- */
.subtopnav {
width: 100%;
*float: right;
text-align: right;
margin: 0 -2px 0 0;
*margin-top: -1px;
position: relative;
clear: both;
height: 24px;
*zoom: 1;
/*
* To address "UI-654" (as a result of "UI-636" for the Help Menu), IE7
* needs to specify a z-index greater than the ones for the siblings of
* this element since IE7 has the bug where positioned elements like this
* this element start a new stacking context, so we use the same z-index
* value as the Help Menu (though probably anything > 0 would work).  See
* http://www.quirksmode.org/bugreports/archives/2006/01/Explorer_z_index_bug.html
* for details.
*/
*z-index: 2001;
}

.hide_topnav, .show_topnav {
width: 65px;
height: 24px;
position: absolute;
right: 0;
cursor: pointer;
border: none;
}

.hide_topnav {
background: url('/ui/uicore/img/xi_icons_lg_4d1dd9ae1835282d9873be74a3763eb5.gif') 0 -122px no-repeat;
}

.show_topnav {
background: url('/ui/uicore/img/xi_icons_lg_4d1dd9ae1835282d9873be74a3763eb5.gif') 0 -162px no-repeat;
}

.help_link_wrapper {
position: absolute;
right: 65px;
background: url('/ui/uicore/img/xi_icons_lg_4d1dd9ae1835282d9873be74a3763eb5.gif') -30px -202px no-repeat;
padding: 4px 0 0;
width: 35px;
height: 21px;
/*
* To address "UI-654" (as a result of "UI-636" for the Help Menu), IE7
* needs to specify a z-index greater than the ones for the siblings of
* this element since IE7 has the bug where positioned elements like this
* this element start a new stacking context, so we use the same z-index
* value as the Help Menu (though probably anything > 0 would work).  See
* http://www.quirksmode.org/bugreports/archives/2006/01/Explorer_z_index_bug.html
* for details.
*/
*z-index: 2001;
}

.help_link, .help_link_wrapper button {
background: url('/ui/uicore/img/xi_icons_f2491424aa4ae879e42ac054b7c71d48.gif') 0 -961px no-repeat;
width: 20px;
height: 21px;
display: block;
border-bottom: none !important;
float: right;
margin-left: 15px;
*margin-left: 10px;
cursor: pointer;
border: none;
}

.help_link_wrapper .dropDownButtonText {
display: none;
}

div.helpV11 .globalMenu {
border: 1px solid #cccccc;
background-color: #f8f7e3;
font-size: .85em;
}

.help_link_wrapper .globalPlacematNavigationText,
.help_link_wrapper .globalPlacematNavigationText:hover {
background-color: transparent;
filter: none;
}

.helpV11 .globalMenu a,
.helpV11 .globalMenu a {
border-bottom: 1px solid #cccccc;
}

.helpV11 .globalMenu a:hover,
.helpV11 .globalMenu a:focus {
color: #005887;
background-color: #f9f4bc;
border-bottom: 1px solid #cccccc;
}

.help_link:hover {
background-position: 0 -991px;
}

/* --- END Sub Top Nav elements --- */
/* used for collapsible leftnav w/ hambun*/
.layout_table {
width: auto;
margin: 0;
}

.layout_table td {
padding: 0;
}

.layout_table_main {
width: 100%;
}

/* used for 2 half columns in Employee Profile */
.twohalves_tbl {
margin: 7px 10px;
}

.twohalves_tbl table {
width: 100%;
}

.twohalves_tbl td {
padding: 0 5px;
width: 50%;
}

/* used to layout form elements */
.layout_table.form_layout th, .layout_table.form_layout td {
padding: 3px;
}

/* --- BEGIN Page title elements --- */
.page_title {
margin: -24px 0 0 8px;
*zoom: 1;
}

.ui-V11 .page_title {
margin-top: -15px;
}

.page_title h1 {
width: 70%;
clear: none;
color: #333;
font-size: 24px;
margin: 0;
line-height: 24px;
padding-bottom: 3px;
}
.dark .revolution_content .page_title h1{
color: #fff;
}
.light .revolution_content .page_title h1{
color: #000;
}

.page_title h1 em {
font-style: normal;
color: #888;
}

.page_title .inlineLinkIcon {
font-size: 13px;
margin-left: 5px;
font-weight: normal;
}

span.inlineLinkIcon a.inlineIcon {
float: none;
display: inline;
*display: inline-block;
padding-left: 18px;
width: auto;
font-size: 18px;
*height: 24px;
}

/* --- END Page title elements --- */

/* --- BEGIN Universal round corner styles --- */
.ct, .ct .cl, .cb, .cb .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 --- */
/* --- BEGIN Portlet elements --- */
.sfpanel_wrapper {
position: relative;
}

.sfpanel {
background: #fff url('/ui/juic/img/portlet_shadow_03a2715a1db9a29a0a7347be293bff78.gif') bottom repeat-x;
border: 1px solid #e1e1e1 !important;
border-width: 1px 2px 0 !important;
margin: 3px 0;
position: relative;
}
.globalLowVisionSupport .sfpanel{
background: none;
}
.dark .sfpanel{
border: 1px solid #fff !important;
}
.light .sfpanel{
border: 1px solid #000 !important;
}

.sfpanel .bd {
margin: 0;
padding: 0;
min-height: 18px;
*height: 1%;
}

.sfpanel .content {
padding: 0 10px;
*height: 1%;
word-wrap: break-word;
}

.sfpanel .content.scrollable {
padding-right: 0;
}

.sfpanel .ct, .sfpanel .ct .cl {
height: 8px;
background: url('/ui/juic/img/portlet_sprite_7bf37ff05409f4b8ad70674b1c2e0c58.gif') no-repeat;
}
.globalLowVisionSupport .sfpanel .ct,
.globalLowVisionSupport .sfpanel .ct .cl{
background: none;
}

.sfpanel .cb, .sfpanel .cb .cl {
height: 19px;
background: url('/ui/juic/img/portlet_sprite_7bf37ff05409f4b8ad70674b1c2e0c58.gif') bottom no-repeat;
}
.globalLowVisionSupport .sfpanel .cb,
.globalLowVisionSupport .sfpanel .cb .cl{
background: none;
}

.sfpanel .ct .cl, .sfpanel .cb .cl {
width: 12px;
}

.sfpanel .ct {
background-position: right -8px;
right: -2px;
}
.rtl .sfpanel .ct{
background-position: 0 0;
left: -2px;
right: auto;
}

.sfpanel .ct .cl {
background-position: 0 0;
left: -4px;
}
.rtl .sfpanel .ct .cl{
background-position: right -8px;
left: auto;
right: -4px;
}

.sfpanel .cb {
background-position: right -35px;
right: -2px;
bottom: 0;
}
.rtl .sfpanel .cb{
background-position: 0 -16px;
left: -2px;
right: auto;
}

.sfpanel .cb .cl {
background-position: 0 -16px;
left: -4px;
}
.rtl .sfpanel .cb .cl{
background-position: right -35px;
left: auto;
right: -4px;
}

.panel_header {
padding: 0;
margin: 0 10px;
}

.panel_header span{
float: left;
}
.rtl .panel_header span{
float: right;
}

.panel_header h5{
margin-bottom:0;
}

.panel_header span.handle {
cursor: move;
height: 17px;
display: block;
width: 9px;
margin: 0 5px 0 0;
}

.panel_header h5 {
text-align: center;
padding-bottom: .7em;
margin-bottom: 0;
font-size: 1em;
}

.panel_header .section_arrow_close, .panel_header .section_arrow_open {
margin-left: 0;
}

.divider_line_l {
background: url('/ui/juic/img/header_l_9987a808e8c1671bab44df9b80d87aa4.gif') no-repeat;
height: 1px;
clear: both;
margin: 0 10px 5px;
*margin-bottom: 4px;
*font-size: 0px;
}

.divider_line_l .divider_line_r {
background: url('/ui/juic/img/header_r_e1f8678f551e2b753c47ff980bcae985.gif') right 0 no-repeat;
height: 1px;
}

/* --- END Portlet elements --- */
/* --- BEGIN Tabbox styles --- */
.tab_panel {
zoom: 1;
}

.tab_panel ul.tab_list {
margin: 0;
padding: 0;
list-style: none;
width: 100%;
background: url('/ui/uicore/img/tab_top_border_725655768acf1fd5f94b2719d02425af.gif') bottom repeat-x;
float: left;
zoom: 1;
}

.tab_panel ul.tab_list li {
float: left;
margin-left: 5px;
padding: 0;
background: #ddd url('/ui/uicore/img/topnav_right_on_7ab4d1d703ad51783289a9cf220b3c1f.gif') right 0 no-repeat;
text-align: center;
overflow: hidden;
}

.tab_panel ul.tab_list li a {
display: block;
background: url('/ui/uicore/img/topnav_left_on_1e256fd004f8ccc1e1bda34b1af4a951.gif') no-repeat;
border: 0;
padding: 3px 8px;
font-weight: normal;
color: #000;
text-decoration: none;
}

.tab_panel ul.tab_list a:hover {
color: #000;
}

.tab_panel ul.tab_list li.selected {
background: #fff url('/ui/uicore/img/tab_right_on_border_ec61b9e0f84485e0d16c1e43bad141aa.gif') right 0 no-repeat;
}

.tab_panel ul.tab_list li.selected a {
background: url('/ui/uicore/img/tab_left_on_border_5fabcd05a3bc3f222e5c7fe3e8b8b6df.gif') no-repeat;
padding: 3px 8px 4px 10px;
color: #000;
cursor: default;
}

.tabbox {
clear: both;
margin-bottom: 10px;
padding: 5px 10px 5px 12px;
border: 1px solid #828fa6;
border-top: 0;
background-color: #fff;
}

/* --- END Tabbox styles --- */
/* --- BEGIN card elements --- */
.card {
background: #fff;
border-color: #ccc #aaa #aaa #ccc;
border-style: solid;
border-width: 1px 2px 2px 1px;
padding: 14px;
margin-bottom: 10px;
}

.card .staple {
background: url('/ui/uicore/img/staple_0a714ea726a3038ab6b24fd5fc915b77.jpg') 50% 0 no-repeat;
height: 8px;
margin: -6px 0 5px;
*font-size: 0px;
}

/* --- END card elements --- */
/* standard yellow inline dialog */
.sfDialogInline {
background-color: #ffc;
border: 1px solid #ccc;
padding: 5px 8px;
clear: both;
}

/* --- BEGIN Aqua Button elements --- */
.aquabtn {
display: -moz-inline-box;
display: inline-block;

border-top: 1px solid #ddd;
border-bottom: 1px solid #aaa;
background: transparent url('/ui/uicore/img/btn_aqua_0a066791dc7b64486f98a7bee5f17a37.gif') 0 bottom;
margin: auto .25em;
}

.aquabtn span {
display: block;
*display: inline-block;
border: 1px solid #cc9;
border-width: 0 1px;
margin: 0 -1px;
_margin: 0;
}

.aquabtn button {
display: block;
*display: inline-block;
background-color: transparent;
border: 0;
margin: 0;
font-weight: bold;
color: #444;
cursor: pointer;
font-size: 13px;
overflow: visible;
cursor: pointer;
}

.aquabtn.mid {
background-position: 0 75%;
}

.aquabtn.mid button {
padding: 2px 4px;
font-size: 11px;
}

.aquabtn.sml {
background-position: 0 65%;
}

.aquabtn.sml button {
padding: 0 2px;
font-size: 10px;
padding-top: 1px;
}

.aquabtn.active {
border-top: 1px solid #91ceff;
border-bottom: 1px solid #45b6ff;
background: #4aa5ff url('/ui/uicore/img/btn_aqua_active_35a06d009b7490b68e219c030682f980.gif') 0 bottom;
}

.aquabtn.active span {
border-color: #7cc0f5;
}

.aquabtn.disabled {
background: url('/ui/uicore/img/btn_aqua_disabled_5f84721a67a4fa7acc43ff3d4bdf035e.gif') 0 bottom;
}

.aquabtn.disabled button {
color: #aaa;
cursor: default;
}

.aquabtn button.buttonIconStyle {
padding-left: 25px;
}

.aquabtn button.inviteIcon {
background-position: 2px -2078px;
}

.aquabtn.mid button.inviteIcon {
background-position: 2px -2083px;
}

.aquabtn small.menu_arrow {
display: inline;
padding-left: 12px;
margin: 0;
background-position: 2px -2949px;
}

.aquabtn.mid .menu_arrow {
background-position: 2px -2949px;
}

.aquabtn button,
.aquabtn button.globalPrimaryButton,
.aquabtn button.globalPrimaryButton:hover,
.aquabtn button.buttonDefault,
.aquabtn button.buttonDefault:hover {
padding: 4px 8px;
font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
}

.nonLatin .aquabtn button,
.nonLatin .aquabtn button.globalPrimaryButton,
.nonLatin .aquabtn button.globalPrimaryButton:hover,
.nonLatin .aquabtn button.buttonDefault,
.nonLatin .aquabtn button.buttonDefault:hover,
.ie-only .aquabtn button,
.ie-only .aquabtn button.globalPrimaryButton,
.ie-only .aquabtn button.globalPrimaryButton:hover,
.ie-only .aquabtn button.buttonDefault,
.ie-only .aquabtn button.buttonDefault:hover {
font-family: Arial, sans-serif;
}

/** reset themable button in a non themable UI */
.aquabtn button.globalPrimaryButton,
.aquabtn button.globalPrimaryButton:hover,
.aquabtn button.buttonDefault,
.aquabtn button.buttonDefault:hover {
height: auto;
border: 0px;
text-shadow: none;
position: static !important;
background-image: none;
border-radius: 0px;
background-color : transparent;
}

/** JIRA UI-1374: hover missing for .sml */
.aquabtn.sml button.globalPrimaryButton:hover,
.aquabtn.sml button.buttonDefault:hover {
padding: 3px 4px;
}

/** JIRA UI-1374: hover missing for .mid */
.aquabtn.mid button.globalPrimaryButton:hover,
.aquabtn.mid button.buttonDefault:hover {
padding: 4px 6px;
}

/* --- END Aqua Button elements --- */
/* --- BEGIN Button position elements --- */
.button_row {
margin: 2px 0 4px;
zoom: 1;
}

.button_row a.button_link {
float: left;
margin-right: 10px;
}

.button_row .left {
float: left;
}

.button_row .right {
float: right;
}

.button_text {
float: left;
margin-top: 10px;
}

/* --- END Button position elements --- */
/* --- BEGIN Quickstart Menu --- */
.opposite_floats {
margin-bottom: 7px;
*zoom: 1;
}

.opposite_floats .left {
float: left;
width: 76%;
*width: 80%;
}

.opposite_floats .right {
float: right;
}

.instructionsBox {
border: 1px solid #ccc;
padding: 5px 10px;
background: #f9f4bc;
}

/* --- END Quickstart Menu --- */
/* --- BEGIN Pagination styles --- */
.pagination {
*position: relative;
*top: 2px;
}

.pagination .floatleft {
height: 22px;
}

.pagination input {
font-size: 1.1em;
height: 15px;
position: relative;
top: 1px;
}

a.prev_page, a.next_page, .prev_page_disabled, .next_page_disabled {
float: left;
width: 17px;
height: 20px;
position: relative;
top: 1px;
*top: 3px;
}

a.prev_page {
background-position: 0 -1601px;
}

a.prev_page:hover {
background-position: 0 -1541px;
border-bottom: none;
}

a.next_page {
background-position: 0 -1571px;
}

a.next_page:hover {
background-position: 0 -1511px;
border-bottom: none;
}

.prev_page_disabled {
background-position: 0 -2188px;
cursor: default;
}

.next_page_disabled {
background-position: 0 -2158px;
cursor: default;
}

.pagination .first, .pagination .first_disabled, .pagination .prev, .pagination .prev_disabled, .pagination .next, .pagination .next_disabled, .pagination .last, .pagination .last_disabled {
width: 12px;
height: 16px;
border: none;
background: url('/ui/uicore/img/arrow_sprite_5d2192a62dc2790bc7f70afa15766975.gif') no-repeat;
display: block;
margin: 4px 2px 0 0;
cursor: pointer;
}
.rtl .pagination .first,
.rtl .pagination .first_disabled,
.rtl .pagination .prev,
.rtl .pagination .prev_disabled,
.rtl .pagination .next,
.rtl .pagination .next_disabled,
.rtl .pagination .last,
.rtl .pagination .last_disabled{
margin-left: 2px;
margin-right: 0;
}
.rtl .pagination li{
float: right;
}

.pagination label {
*position: relative;
*top: -3px;
*margin-right: 3px;
}

.pagination input {
*line-height: 1.3;
*font-size: 12px;
*position: static;
}

.pagination li.per_page {
margin-right: 15px;
}
.rtl .pagination li.per_page{
margin-right: 0;
margin-left: 15px;
}

.pagination li.per_page label {
position: relative;
top: 1px;
*position: static;
*top: -1px;
}

.pagination .first {
background-position: 0 -32px;
}
.rtl .pagination .first{
background-position: 0 -112px;
}

.pagination .first_disabled {
background-position: 0 0;
}
.rtl .pagination .first_disabled{
background-position: 0 -64px;
}

.pagination .prev {
background-position: 0 -48px;
}
.rtl .pagination .prev{
background-position: 0 -96px;
}

.pagination .prev_disabled {
background-position: 0 -16px;
}
.rtl .pagination .prev_disabled{
background-position: 0 -80px;
}

.pagination .next {
background-position: 0 -96px;
}
.rtl .pagination .next{
background-position: 0 -48px;
}

.pagination .next_disabled {
background-position: 0 -80px;
}
.rtl .pagination .next_disabled{
background-position: 0 -16px;
}

.pagination .last {
background-position: 0 -112px;
}
.rtl .pagination .last{
background-position: 0 -32px;
}

.pagination .last_disabled {
background-position: 0 -64px;
}
.rtl .pagination .last_disabled{
background-position: 0 0;
}

.pagination .first_disabled, .pagination .prev_disabled, .pagination .next_disabled, .pagination .last_disabled {
cursor: default;
}

a.paginationArrow,
a.paginationArrow:link,
a.paginationArrow:visited,
a.paginationArrow:active,
a.paginationArrow:hover,
a.paginationArrow:focus {
display: inline-block;
border: 0 none;
color: #000000;
height: 16px;
width: 12px;
}

/* --- END Pagination styles --- */
/* --- BEGIN Drop-down menus  --- */
/* (on to-do page) */
.menu_arrow, .menu_arrow_up {
display: block;
height: 13px;
width: 15px;
margin: 2px 0 0 1px;
border: 0;
cursor: pointer;
}

.menu_arrow {
background: url('/ui/uicore/img/xi_icons_f2491424aa4ae879e42ac054b7c71d48.gif') -2px -2949px no-repeat;
}

.menu_arrow_up {
background: url('/ui/uicore/img/xi_icons_f2491424aa4ae879e42ac054b7c71d48.gif') -2px -2965px no-repeat;
}

.menu_arrow:hover, .menu_arrow_up:hover {
border: 0;
}

/* used in Menubar */
.x-menu * {
overflow: hidden;
border: 0;
clear: none;
zoom: 1;
}

.x-menu {
border: 1px solid #676767;
border-width: 1px 2px 2px 1px;
background-color: #f8f7e3;
margin: 0;
padding: 0;
width: 175px;
opacity: .80;
filter: alpha(opacity = 80);
}

.x-menu li {
-moz-user-select: none;
-khtml-user-select: none;
display: block;
padding: 1px;
*margin-bottom: -1px;
}

li.x-menu-sep {
font-size: 1px;
margin: 4px 0 1px;
*margin: 1px 0 0;
height: 1px;
width: 100%;
border-top: 1px solid #ccc;
}

.x-menu li a, .x-menu li a:visited {
border: none;
display: block;
padding: 3px 21px 3px 18px;
line-height: 1.25em;
text-decoration: none;
cursor: pointer;
color: #000;
}

.x-menu li a:hover {
background-color: #ccc;
border: none;
}

/* --- BEGIN Help Menu --- */
.x-menu.help, .help_link_wrapper ul {
position: absolute;
visibility: hidden;
z-index: 2001;
background-color: #f8f7e3;
border: 1px solid #ccc;
border-bottom: none;
width: 10em;
opacity: 1;
filter: none;
}

.help_link_wrapper ul {
visibility: visible;
list-style: none;
padding: 0;
width: 80px;
margin-top: 16px;
}

.x-menu.help li, .help_link_wrapper li {
padding: 0;
}

.x-menu.help li a, .x-menu.help li a:visited, .help_link_wrapper li a, .help_link_wrapper li a:visited {
background-color: #f8f7e3;
padding: 3px 10px 4px 16px;
font-size: .85em;
color: #005887;
border-bottom: 1px solid #ccc;
margin: 0;
}

.help_link_wrapper li a, .help_link_wrapper li a:visited {
width: 100%;
display: block;
}

.x-menu.help li a:hover, .x-menu.help li a:focus, .help_link_wrapper li a:hover, .help_link_wrapper li a:focus, .help_link_wrapper li a:active {
color: #000;
background-color: #f9f4bc;
}

/* --- END Help Menu --- */
/* --- END Drop-down menus  --- */
/* --- BEGIN Lists --- */
.compact {
margin: 0;
padding: 0;
font-size: .95em;
}

.compact ul {
margin: .5em 0;
}

.sfpanel ul {
margin: .5em;
padding-left: 0.25em;
}

.compact li, .sfpanel ul 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;
}

ul.squareBullet {
padding-left: 15px;
}

ul.squareBullet li {
list-style-type: square;
margin-bottom: 3px;
}

ul.flatten, ul.nodisc {
margin: 0;
padding: 0;
list-style-type: none;
}

ul.flatten li {
margin: 0;
padding: 0;
float: left;
}

ul.flatten:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/* --- END Lists --- */

/* --- BEGIN Icon and Hyperlink for Attachments --- */
a.attachment_lg, a.attachment_lg:hover, a.attachment_lg:active {
display: block;
width: 33px;
height: 35px;
border: 0;
float: left;
margin-top: 1px;
}

.attachment_lg.htm {
background: transparent url('/ui/uicore/img/xi_icons_lg_4d1dd9ae1835282d9873be74a3763eb5.gif') 0 -254px no-repeat;
}

.attachment_lg.doc {
background: transparent url('/ui/uicore/img/xi_icons_lg_4d1dd9ae1835282d9873be74a3763eb5.gif') 0 -294px no-repeat;
}

.attachment_lg.txt {
background: transparent url('/ui/uicore/img/xi_icons_lg_4d1dd9ae1835282d9873be74a3763eb5.gif') 0 -334px no-repeat;
}

.attachment_lg.pdf {
background: transparent url('/ui/uicore/img/xi_icons_lg_4d1dd9ae1835282d9873be74a3763eb5.gif') 0 -374px no-repeat;
}

.attachment_lg.xls {
background: transparent url('/ui/uicore/img/xi_icons_lg_4d1dd9ae1835282d9873be74a3763eb5.gif') 0 -414px no-repeat;
}

.attachment_lg.ppt {
background: transparent url('/ui/uicore/img/xi_icons_lg_4d1dd9ae1835282d9873be74a3763eb5.gif') 0 -454px no-repeat;
}

.attachment_lg.img {
background: transparent url('/ui/uicore/img/xi_icons_lg_4d1dd9ae1835282d9873be74a3763eb5.gif') 0 -494px no-repeat;
}

.attachment_lg.none {
background: transparent url('/ui/uicore/img/icon_attachment_none_lg_0a89a76fcb57735722314f32d0a326c1.gif') no-repeat;
}

a.attachment_lg:active {
outline: none;
}

a.attachment_lg:focus {
-moz-outline-style: none;
}

.attachment_link {
display: inline-block;
float: left;
}

.attachment_link div {
line-height: 1.2em;
}

.attachment_link a {
font-size: 16px;
font-weight: bold;
display: inline-block;
padding: 0 0 2px;
float: left;
margin: 0 5px 3px 0;
}

.attachment_link .resume_exists div.instructions {
font-size: .9em;
font-style: normal;
}

/* --- END Icon and Hyperlink for Attachments --- */
/* --- START Multi-language --- */
.defaultlang .dataRowAlt {
color: #555;
}

.translatable {
background-color: #dbf0db;
}

.translation {
padding-left: 20px;
background: url('/ui/uicore/img/languageglobe_c4456257dd1ecce6a2626110a1b3965e.gif') left no-repeat;
margin: 0;
}

.translation select {
font-size: 10px;
}

#utility_links span.translation {
float: none;
}

/* --- END Multi-language --- */
/* --- START Column of checkbox/radio buttons --- */
ul.ckrbList {
list-style: none;
margin: 0;
padding: 0;
}

ul.ckrbList li {
list-style: none;
margin: 0 0 5px 25px;
*margin-left: 20px;
padding: 0;
}

ul.ckrbList input {
margin-left: -16px;
*margin-left: -23px;
}

ul.ckrbList li ul {
margin: 0;
padding: 0;
*margin-left: 3px;
}

ul.ckrbList .columnSubItem {
margin-top: 5px;
}

ul.ckrbList .columnSubItem input {
margin-left: 0;
}

/* --- END Column of checkbox/radio buttons --- */
/* --- BEGIN Table elements --- */
th a, th a:visited, .table_header a, .table_header a:visited {
color: #000;
border-bottom-color: #000;
text-decoration: none;
}

th small a, th.table_header small a, .table_header small a {
color: #005887;
border-bottom-color: #005887;
}

th small a:visited, th.table_header small a:visited, .table_header small a:visited {
color: #609;
}

th small a:hover, th.table_header small a:hover, .table_header small a:hover {
color: #002655;
}

th small a:active, th.table_header small a:active, .table_header small a:active {
color: #f33;
}

th.sort, .grid th.sort {
background: #ccd7e1 url('/ui/juic/img/column_header_selected_c733812e8eb7556931d2f6cd2cfde455.gif') repeat-x;
}

/* div that simulates table header */
.table_header {
font-weight: bold;
clear: both;
*zoom: 1;
}

/* generic styles for all kinds of tables */
.table_header small.table_header_links, .table_header small, th small {
font-size: .8em;
margin-top: 2px;
font-weight: normal;
}

.table_header em, th em {
float: right;
color: #676767;
font-weight: normal;
font-size: .9em;
}

td.center {
text-align: center;
}

td.textright, th.textright {
text-align: right;
}

tr.a td {
background-color: #f5f5f5;
}

.globalLowVisionSupport tr.a td{
background-color: inherit;
}

tr.b td {
background-color: #fff;
}
.globalLowVisionSupport tr.b td{
background-color: inherit;
}

tr.a td.sort {
background-color: #eff2f6;
}
.globalLowVisionSupport tr.a td.sort {
background-color: inherit;
}

tr.b td.sort, tr.dottedLine td.sort {
background-color: #f4f7fb;
}
.globalLowVisionSupport tr.b td.sort,
.globalLowVisionSupport tr.dottedLine td.sort {
background-color: inherit;
}

tr.selected td {
background-color: #f8f7e3;
}

tr.selected td.sort {
background-color: #f9f4bc;
}

tr.disabled td, tr.disabled td.sort {
background: #edd;
color: #676767;
}

tr.disabled td a {
color: #888;
border-bottom-color: #888;
}

tr.disabled td a:active,
tr.disabled td a:focus {
color: #f33;
border-bottom-color: #f33;
}

tr.dottedLine td {
border-bottom: 1px dashed #ccc;
}

tr.totalrow th, tr.totalrow td {
border-top: 2px solid #999;
color: #666;
}

tr.totalrow td {
background-color: #e0ecef;
vertical-align: middle;
}

/* .grid is used for data tables, .axial is used for form tables */
.grid, .axial {
width: 100%;
margin-bottom: 15px;
}

.grid th, .biaxial th {
padding: 2px 8px 3px;
vertical-align: bottom;
background: #dfe5ec url('/ui/juic/img/column_header_fb5b6a5474723f8bb60dbff48005838a.gif') repeat-x;
}
.globalLowVisionSupport .grid th,
.globalLowVisionSupport .biaxial th {
background: none;
}

.grid th.table_header, .axial th.table_header, .table_header, .biaxial th.table_header {
background: #becdda url('/ui/juic/img/table_header_c45c293242fa2c99f618aa9159ae1e7b.gif') repeat-x;
text-align: left;
padding: 4px 3px;
}
.rtl .grid th.table_header,
.rtl .axial th.table_header,
.rtl .table_header,
.rtl .biaxial th.table_header {
text-align: right;
}

.axial th, th.table_headerAlt {
background: #fcfdfd url('/ui/uicore/img/table_header_Alt_9ddd062a0adaf0263d96f97fdfc1ce8b.gif') bottom repeat-x;
}

.grid th.table_headerAlt, .biaxial th.grpTableHeader {
border: 1px solid #dbdbdb;
border-width: 1px 0;
}

.grid td {
padding: 2px 8px 3px;
vertical-align: top;
}

.axial th {
padding: 3px 8px 3px 5px;
text-align: right;
vertical-align: top;
border: 1px solid #dbdbdb;
border-width: 1px 1px 1px 0;
width: 12em;
}

.axial th.table_header {
width: auto;
}

.axial td {
background: #fff;
border: 1px solid #dbdbdb;
border-width: 1px 0 1px 1px;
padding: 3px 5px;
*padding: 2px 5px;
}
.globalLowVisionSupport .axial th,
.globalLowVisionSupport .axial td{
background: none;
border-color: inherit;
}
.biaxial {
width: 100%;
}

.biaxial th, .biaxial td {
padding: 5px;
}

.biaxial th.table_headerAlt {
vertical-align: top;
}

.biaxial tr.totalrow th, .biaxial tr.totalrow td {
font-size: 1.2em;
}

/* override font to not be bold for pagination latels when used in table header */
.grid th.table_header .pagination label {
font-weight: normal;
}

/* preset widths for table styles */
.col_icon {
width: 12px;
}

.col_width15 {
width: 15%;
}

/* forcing usage of axial noborder to not have styles */
table.noborder, table.noborder th, table.noborder td {
border: none;
background: none;
}

/* embedded tables in axial should not have borders */
.axial table td {
border: none;
}

/* --- END Table elements --- */

.required.errorIcon {
margin-left: 5px;
padding-left: 19px;
}

/***** ID Selectors *****/
/* --- BEGIN Layout --- */
#page {
min-width: 990px;
*width: expression(document.body.clientWidth < 995 ? "990px" : "auto");
padding: 0;
*zoom: 1;
}

#page_content {
clear: left;
margin: 0 10px;
}

#twothirds {
clear: both;
}

/* --- END Layout --- */

/* for YUI-EXT confirm dialog yes and no buttons */
#x-msg-box .x-btn-center {
background: transparent url('/ui/uicore/img/btn_aqua_0a066791dc7b64486f98a7bee5f17a37.gif') 0 bottom;
vertical-align: middle;
text-align: center;
padding: 0 5px;
cursor: pointer;
white-space: nowrap;
}

#x-msg-box .ext-mb-text {
font: 13px/1.22 "Trebuchet MS", Arial, Verdana, sans-serif;
padding: 4px 10px;
}

#x-msg-box .x-dlg-hd {
font: bold 13px/1.22 "Trebuchet MS", Arial, Verdana, sans-serif;
}

/* -------- TO DO: to consolidate ---- */
div.dropbox {
background: url('/ui/uicore/img/inputbg_49460014ffcde61a62cf717108f9f516.gif') no-repeat;
border: 1px solid #4b7196;
padding: 0;
margin-bottom: 5px;
}

/* BEGIN Generic heights and widths for containers only */
.container_width_3 {
width: 400px !important;
}

.container_width_5 {
width: 500px !important;
}

.container_width_7 {
width: 600px !important;
}

.container_height_3 .bd, .container_height_3 .content {
height: 200px !important;
}

.container_height_3 .content.scrollable {
height: 170px !important;
}

.container_height_5 .bd, .container_height_5 .content {
height: 350px !important;
}

.container_height_5 .content.scrollable {
height: 320px !important;
}

.container_height_7 .bd, .container_height_7 .content {
height: 500px !important;
}

.container_height_7 .content.scrollable {
height: 470px !important;
}

.container_height_3 .bd .round .content, .container_height_5 .bd .round .content, .container_height_7 .bd .round .content {
height: auto !important;
}

.container_width_3 .bd .round .content, .container_width_5 .bd .round .content, .container_width_7 .bd .round .content {
width: auto !important;
}

/* END Generic heights and widths */

/* --- BEGIN Photo styles --- */
.photo {
border: 1px solid #676767;
background: #fff;
margin-right: 10px;
*margin-right: 5px;
}
.rtl .photo{
margin-right: 0;
*margin-right: 0;
margin-left: 10px;
*margin-left: 5px;
}

.photo img {
display: block;
width: 60px;
}

.photo.midsize {
width: 30px;
}

/* --- END Photo styles --- */

.linear a, .linear span {
float: left;
}
.rtl .linear a,.rtl .linear span{
float: right;
}

.linear a.edit_button, .linear a.edit_button:hover {
float: left;
margin: 4px 0 0 5px;
}

.linear strong {
margin: 0 7px;
}

.margin-top {
padding-top: 10px;
}

.bottomspace {
margin-bottom: 10px;
}

.horizspace {
margin: 0 10px;
}

.scrollable_x {
width: 100%;
overflow-x: auto;
overflow-y: hidden;
}

.scrollable_x .grid {
float: left;
margin-bottom: 0;
}

.scrollable_x .grid:after {
content: ".";
display: block;
height: 0;
clear: left !important;
visibility: hidden;
}

/* --- END Layout --- */

/* --- BEGIN Typography --- */
.dash {
padding: 0 5px;
white-space: nowrap;
}

/* --- END Typography --- */

/* --- BEGIN Top Nav elements --- */
#topNavWrapper {
padding: 3px 0 0;
height: 100px;
position: relative;
overflow: hidden;
}

#topNavInner {
position: absolute;
width: 100%;
}

#logo {
background: #fff url('/ui/uicore/img/logo_3be092eee30745d7c5c99b33ab077e8b.gif') no-repeat;
width: 210px;
height: 40px;
margin: 0 0 7px 16px;
*margin: 2px 0 15px 8px;
display: block;
float: left;
border: 0;
}

#poweredby {
background: transparent url('/ui/uicore/img/powered_by_sf_caf31b0a7ad103f286911d2be6ebeaf6.gif') no-repeat;
width: 159px;
height: 18px;
display: block;
float: left;
margin: -1px 8px 0 0 !important;
border: 0;
}

#utility_links {
margin: 11px 16px 7px 0;
*margin: 12px 8px 7px 0;
float: right;
}

#utility_links span, #utility_links a, #utility_links div {
margin: 1px 8px 0;
*margin-top: 2px;
float: left;
font-size: 11px;
}

#utility_links a {
color: #676767;
border-color: #676767;
}

#utility_links a:hover {
color: #555;
border-color: #555;
}

#utility_links a:active,
#utility_links a:focus {
color: #f33;
border-color: #f33;
}

#utility_links .welcome_text {
float: left;
height: 26px;
text-align: right;
white-space: normal;
max-width: 250px;
_width: 250px;
}

#utility_links .utilLinksContainer {
margin: 0px;
max-width: 440px;
}

.topnav_icons {
background: #fff url('/ui/uicore/img/topnav_img_537735305b69ca15678e107726e6756a.gif') 0 bottom repeat-x;
border: 1px solid #bbb;
width: auto;
height: 16px;
margin-top: 0 !important;
*margin-top: 1px !important;
}

.topnav_icons {
display: none;
}

.topnav_icons span {
height: 16px;
width: 20px;
margin: 0 !important;
cursor: pointer;
}

#print_page, #print_page_off, .decrease_font, .decrease_font_off, .increase_font, .increase_font_off {
background: #fff url('/ui/uicore/img/xi_icons_f2491424aa4ae879e42ac054b7c71d48.gif') no-repeat;
}

#print_page {
background-position: -2px -2784px;
}

#print_page_off {
background-position: -2px -2808px;
}

.decrease_font {
background-position: -2px -2832px;
}

.decrease_font_off {
background-position: -2px -2856px;
cursor: default !important;
}

.increase_font {
background-position: -2px -2876px;
}

.increase_font_off {
background-position: -2px -2900px;
cursor: default !important;
}

#topnav * {
font-size: 13px !important;
}

#topnav {
clear: both;
margin: 0;
width: 100%;
position: absolute;
top: 50px;
}

#topnav ul {
margin: 1px 0 0 1px;
*margin: 0 -13px 0 13px;
padding: 3px 12px 1.7em;
*padding: 0 0 .8em;
white-space: nowrap;
color: #676767;
display: block;
list-style: none;
text-align: left;
}

#topnav .nonmodule a {
color: #278ab9;
}

#topnav .selected .nonmodule a {
color: #fff;
}

#topnav li {
display: inline;
margin: 0 2px;
}

.topnav_divider {
background: #fff url('/ui/uicore/img/topnav_divider_f6b99c1f1d3914411ac8a5bd88693cc5.gif') 1px -6px no-repeat;
padding: 0;
*height: 2.2em;
*display: inline-block;
}

#topnav li a {
color: #676767;
text-decoration: none;
padding: 3px 0 .8em 8px;
*padding-top: 4px;
*display: inline-block !important;
border: 0;
*margin: 0;
}

#topnav li a:active {
outline: none;
}

#topnav li a:focus {
-moz-outline-style: none;
}

#topnav li span {
padding: 3px 7px .8em 0;
*padding: 0 7px 0 0;
}

#topnav li span:hover, #topnav li.itemover span {
background: #ddd url('/ui/uicore/img/nav_corners_a5d9125f00fa7c4f1ac28c91277fdd42.gif') right 0 no-repeat;
}

#topnav li:hover a, #topnav li.itemover a {
background: #ddd url('/ui/uicore/img/nav_corners_a5d9125f00fa7c4f1ac28c91277fdd42.gif') no-repeat;
color: #555;
}

#topnav li.selected span {
background: #278ab9 url('/ui/uicore/img/nav_corners_a5d9125f00fa7c4f1ac28c91277fdd42.gif') right 0 no-repeat;
color: #fff !important;
}

#topnav li.selected a {
background: #278ab9 url('/ui/uicore/img/nav_corners_a5d9125f00fa7c4f1ac28c91277fdd42.gif') no-repeat;
color: #fff;
text-decoration: none;
}

#topnav div {
margin-top: .15em;
*margin-top: 1.7em;
background: #fff url('/ui/uicore/img/subnav_bg_daa2f19fccb847e49c92b1e65095090b.gif') repeat-x;
position: absolute;
left: 0;
width: 100%;
display: none;
}

#topnav li.selected div {
display: block;
height: 3.2em;
}

#topnav ul ul {
padding-top: 7px;
*padding-top: 5px;
white-space: nowrap;
color: #676767;
display: block;
margin-left: 3px;
*margin-left: 15px;
}

div.secondaryNav {
/* When no topnav tab is selected, e.g. options page */
padding-top: 7px;
*padding-top: 5px;
display: block !important;
}

#topnav li.selected li {
margin: 0 2px 0 0;
}

#topnav li.selected li span {
color: #676767;
padding: 2px 0 0 8px;
*padding-top: 0;
}

#topnav li.selected li span, #topnav li.selected li span {
background: none;
}

#topnav li.selected li:hover span, #topnav li.selected li.itemover span, #topnav li.selected li a:hover span {
background: url('/ui/uicore/img/nav_corners_a5d9125f00fa7c4f1ac28c91277fdd42.gif') 0 -40px no-repeat;
color: #555;
}

#topnav li.selected li:hover a, #topnav li.selected li.itemover a {
background: url('/ui/uicore/img/nav_corners_a5d9125f00fa7c4f1ac28c91277fdd42.gif') right -120px no-repeat;
color: #555;
}

#topnav li.selected li a {
color: #676767;
background: none;
padding: 2px 7px 5px 0;
*padding-top: 3px;
}

#topnav li.selected li.selected span, #topnav li.selected li.selected a:hover span {
background: url('/ui/uicore/img/nav_corners_a5d9125f00fa7c4f1ac28c91277fdd42.gif') 0 -40px no-repeat;
}

#topnav li.selected li.selected a {
background: url('/ui/uicore/img/nav_corners_a5d9125f00fa7c4f1ac28c91277fdd42.gif') right -120px no-repeat;
color: #278ab9;
}

#topnav li.selected li a.disabled {
color: #bbb !important;
cursor: pointer;
}

#utility_links .qcIconV11 {
padding-left: 0 !important;
float: left !important;
margin-left: 1px !important;
top: 0;
cursor: pointer;
}

/* --- BEGIN Icon and Button elements --- */

.select_arrow {
display: block;
float: left;
width: 16px;
height: 14px;
margin: 6px 5px 0 10px;
*margin-left: 5px;
}

.sortdown, .sortup, .sortup_off {
min-height: 15px;
padding-right: 15px;
background-position: right top;
background-color: transparent;
background-repeat: no-repeat;
border: 0;
}

.textright .sortdown, .textright .sortup, .textright .sortup_off {
float: none;
}

.sortdown {
background: url('/ui/uicore/img/xi_icons_f2491424aa4ae879e42ac054b7c71d48.gif') -2px -1424px no-repeat;
}

.sortup {
background: url('/ui/uicore/img/xi_icons_f2491424aa4ae879e42ac054b7c71d48.gif') -2px -1394px no-repeat;
}

/* --- These styles do not work with current implementation --- */

.sortdown:hover {
background: url('/ui/uicore/img/xi_icons_f2491424aa4ae879e42ac054b7c71d48.gif') -2px -2766px no-repeat;
border: none !important;
}

.sortdown:active {
background: url('/ui/uicore/img/xi_icons_f2491424aa4ae879e42ac054b7c71d48.gif') -2px -2726px no-repeat;
border: none !important;
}

.sortup:hover {
background: url('/ui/uicore/img/xi_icons_f2491424aa4ae879e42ac054b7c71d48.gif') -2px -2704px no-repeat;
border: none !important;
}

.sortup:active {
background: url('/ui/uicore/img/xi_icons_f2491424aa4ae879e42ac054b7c71d48.gif') -2px -2744px no-repeat;
border: none !important;
}

.sortup_off {
background: url('/ui/uicore/img/xi_icons_f2491424aa4ae879e42ac054b7c71d48.gif') -2px -1454px no-repeat;
}

a.link.disabled {
color: #666;
opacity: .50;
filter: alpha(opacity = 50);
cursor: text;
border-bottom: 0;
}

a.delete_button, .edit_button, .undo_button, .copy_button, .calendar, .print_button, .sortleft_button, .sortright_button, .prev_page, .next_page, .prev_page_disabled, .next_page_disabled, .move_up, .move_down, .cancel_button, .addcomment_button, .readcomment_button {
background: url('/ui/uicore/img/xi_icons_f2491424aa4ae879e42ac054b7c71d48.gif') no-repeat;
}
.rtl a.delete_button,
.rtl .edit_button,
.rtl .undo_button,
.rtl .copy_button,
.rtl .calendar,
.rtl .print_button,
.rtl .sortleft_button,
.rtl .sortright_button,
.rtl .move_up,
.rtl .move_down,
.rtl .cancel_button,
.rtl .addcomment_button,
.rtl .readcomment_button {
background: url('/ui/juic/img/xi_icons_rtl_092c4760ac353b1e693b64edbd56f6d0.gif') no-repeat right 0;
}
a.delete_button, .edit_button, .undo_button, .copy_button, .print_button, .sortleft_button, .sortright_button, .prev_page, .next_page, .prev_page_disabled, .next_page_disabled, a.move_up, a.move_down, .cancel_button {
float: right;
width: 18px;
height: 17px;
display: block;
text-decoration: none;
border-bottom: none;
cursor: pointer;
}

a.delete_button {
background-position: 0 -330px;
}
.rtl a.delete_button {
background-position: right -330px;
}

a.delete_button:hover {
background-position: 0 -360px;
border-bottom: none;
}
.rtl a.delete_button:hover {
background-position: right -360px;
}

.undo_button {
background-position: 0 -570px;
}
.rtl .undo_button {
background-position: right -570px;
}

.undo_button:hover {
background-position: 0 -1169px;
border-bottom: none;
}
.rtl .undo_button:hover {
background-position: right -1169px;
}

.copy_button {
background-position: 0 -301px;
opacity: .80;
}
.rtl .copy_button {
background-position: right -301px;
}

.copy_button:hover {
background-position: 0 -301px;
opacity: 1.0;
filter: alpha(opacity = 100);
border-bottom: none;
}
.rtl .copy_button:hover {
background-position: right -301px;
}

a.edit_button {
background-position: 0 -598px;
}
.rtl a.edit_button {
background-position: right -598px;
}

a.edit_button:hover {
background-position: 0 -628px;
border-bottom: none;
}
.rtl a.edit_button:hover {
background-position: right -628px;
}

.print_button {
background-position: 0 -452px;
}
.rtl .print_button {
background-position: right -452px;
}

.print_button:hover {
background-position: 0 -479px;
border-bottom: none;
}
.rtl .print_button:hover {
background-position: right -479px;
}

a.sortleft_button {
width: 12px;
background-position: -2px -1605px;
}
.rtl a.sortleft_button {
background-position: right -1605px;
}

a.sortleft_button:hover {
background-position: -2px -1545px;
border-bottom: none !important;
}
.rtl a.sortleft_button:hover {
background-position: right -1545px;
}

a.sortright_button {
width: 12px;
background-position: -2px -1575px;
}
.rtl a.sortright_button {
background-position: right -1575px;
}

a.sortright_button:hover {
background-position: -2px -1515px;
border-bottom: none !important;
}
.rtl a.sortright_button:hover {
background-position: right -1515px;
}

a.move_down {
background-position: 0 -1656px;
}
.rtl a.move_down {
background-position: right -1656px;
}

a.move_up {
background-position: 0 -1629px;
}
.rtl a.move_up {
background-position: right -1629px;
}

a.move_down.disabled {
background-position: 0 -1709px;
}
.rtl a.move_down.disabled {
background-position: right -1709px;
}

a.move_up.disabled {
background-position: 0 -1682px;
}
.rtl a.move_up.disabled {
background-position: right -1682px;
}

a.move_down:hover, a.move_up:hover, a.move_down:visited, a.move_up:visited, .undo_button:visited {
border-bottom: none;
}

a.cancel_button {
float: none;
background-position: 0 -1199px;
}
.rtl a.cancel_button {
background-position: right -1199px;
}

.addcomment_button, .readcomment_button {
float: left;
width: 15px;
height: 17px;
display: block;
text-decoration: none;
cursor: pointer;
}

.addcomment_button {
background-position: -3px -1989px;
}
.rtl .addcomment_button {
background-position: right -1989px;
}

.readcomment_button {
background-position: -3px -2015px;
}
.rtl .readcomment_button {
background-position: right -2015px;
}

a.goal_tree {
/*background: url(/ui/uicore/img/v10/ico_goal_tree_16.gif) no-repeat;*/
display: block;
height: 16px;
width: 16px;
border-bottom: none;
}

a.goal_tree:hover, a.goal_tree:active, a.calendar:hover, a.calendar:active {
border-bottom: none;
cursor: pointer;
}

.calendar {
width: 16px;
height: 18px;
margin: 0 2px;
padding-left: 16px;
background-position: 0 -750px;
border: none;
*display: inline-block;
}

.phone, .email, .note, .skype, .resume, .cell_phone, .desk_phone {
padding: 1px 0 2px 20px;
height: 16px;
*display: block;
font-size: .9em;
background: url('/ui/uicore/img/xi_icons_f2491424aa4ae879e42ac054b7c71d48.gif') no-repeat;
}

span.phone, span.email, span.note, span.skype, span.resume {
display: inline-block;
padding: 2px 0 2px 20px !important;
}

span.phone.editable_cell, span.email.editable_cell, span.skype.editable_cell {
padding: 0 0 2px 17px !important;
}

.phone {
background-position: 4px -661px;
}

.cell_phone {
background-position: 4px -661px;
}

.desk_phone {
background-position: 0 -2402px;
}

.email {
background-position: 0 -540px;
}
.rtl .email{
background: url('/ui/juic/img/xi_icons_rtl_092c4760ac353b1e693b64edbd56f6d0.gif') right -540px no-repeat;
}

.note {
background-position: 0 -720px;
}

.skype {
background-position: 0 -690px;
}

.resume {
background-position: 0 -1141px;
}

.actions_buttons {
width: 90px;
}

ul.flatten.actions_buttons li {
float: right;
}

ul.flatten.actions_buttons li a {
float: none;
}

a.delete_button.floatleft {
float: left;
}

.checked {
background: url('/ui/uicore/img/xi_icons_f2491424aa4ae879e42ac054b7c71d48.gif') -3px -511px no-repeat;
}
.rtl .checked {
background: url('/ui/uicore/img/xi_icons_f2491424aa4ae879e42ac054b7c71d48.gif') right -511px no-repeat;
}
/* --- END Icon and Button elements --- */

/* --- BEGIN Expand & Collapse Arrows elements --- */
.section_arrow_close, .section_arrow_open {
height: 16px;
float: left;
display: block;
padding-left: 14px;
margin-left: 5px;
border-bottom: none !important;
cursor: pointer;
}
.rtl .section_arrow_close,.rtl .section_arrow_open{
padding-left: 0;
padding-right: 18px;
float: right;
}

.section_arrow_open, .arrow_close {
background: url('/ui/juic/img/xi_icons_f2491424aa4ae879e42ac054b7c71d48.gif') -5px -1484px no-repeat;
}
.rtl .section_arrow_open,.rtl .arrow_close{
background: url('/ui/juic/img/xi_icons_rtl_092c4760ac353b1e693b64edbd56f6d0.gif') right -1484px no-repeat;
}

.section_arrow_close, .arrow_open {
background: url('/ui/juic/img/xi_icons_f2491424aa4ae879e42ac054b7c71d48.gif') -5px -1574px no-repeat;
}
.rtl .section_arrow_close,
.rtl .arrow_open {
background: url('/ui/juic/img/xi_icons_rtl_092c4760ac353b1e693b64edbd56f6d0.gif') right -1574px no-repeat;
}

.arrow_close, .arrow_open {
background-position: 0 1px;
}

a.section_arrow_close:hover, a.section_arrow_close:active {
background: url('/ui/juic/img/xi_icons_f2491424aa4ae879e42ac054b7c71d48.gif') -5px -1574px no-repeat;
}
.rtl a.section_arrow_close:hover,
.rtl a.section_arrow_close:active {
background: url('/ui/juic/img/xi_icons_rtl_092c4760ac353b1e693b64edbd56f6d0.gif') right -1574px no-repeat;
}

a.section_arrow_open:hover, a.section_arrow_open:active {
background: url('/ui/juic/img/xi_icons_f2491424aa4ae879e42ac054b7c71d48.gif') -5px -1484px no-repeat;
}
.rtl a.section_arrow_open:hover,.rtl a.section_arrow_open:active {
background: url('/ui/juic/img/xi_icons_rtl_092c4760ac353b1e693b64edbd56f6d0.gif') right -1484px no-repeat;
}

a.section_arrow_open:hover, a.section_arrow_close:hover {
border-bottom: none !important;
}

/* --- END Expand & Collapse Arrows elements --- */

/* --- BEGIN Blue border arrow for contextual --- */
.menu_arrow_blue_border {
background: url('/ui/uicore/img/xi_icons_f2491424aa4ae879e42ac054b7c71d48.gif') 1px -2928px no-repeat;
width: 15px;
height: 13px;
vertical-align: bottom;
*vertical-align: middle;
border-bottom: none !important;
font-size: 9px;
*display: inline-block;
padding: 2px 15px 0 0;
*padding-right: 0;
cursor: pointer;
margin-left: 3px;
}

/* --- END Blue border arrow for contextual --- */

/* **** UTIL CLASSES ***************************************************** */
.bg-white {
background: #fff;
}

.bg-lite {
background: #eee;
}

.ol-dark {
border: 1px solid #999;
}

.pad {
padding: 5px;
}

.pad-top {
padding-top: 5px;
}

.pad-big {
padding: 10px;
}

.pad-big-bottom {
padding-bottom: 10px;
}

.relative {
position: relative;
}

.nudge-down {
margin-top: 4px;
}

.nudge-right {
margin-left: 1em;
}

.clear {
clear: both;
height: 1px;
margin-top: -1px;
font-size: 1px;
overflow: hidden;
}

/* **** end UTIL CLASSES ***************************************************** */

#container {
margin: 0 auto;
width: 982px;
}

#content {
    /* background is defined by globalPlacemat */
border: 1px solid #81A1B7;
background-color: #3E627F;
-moz-box-shadow: 0 0 15px rgba(0, 0, 0, .35);
-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .35);
box-shadow: 0 0 15px rgba(0, 0, 0, .35);
clear: both;
margin: 0 0 20px;
padding: 15px;
width: 950px
}

div#renderTopNav, div#renderTopNavFusion {
height: 100px;
}

.hiddenAriaContent {
position: absolute !important;
top: 0px !important;
left: 0px !important;
clip: rect(1px 1px 1px 1px) !important;
clip: rect(1px, 1px, 1px, 1px) !important;
padding: 0 !important;
border: 0 !important;
height: 1px !important;
width: 1px !important;
overflow: hidden !important;
z-index: -1 !important;
}

a.panelHeaderTitle,
a.panelHeaderTitle:hover {
border-bottom: none;
cursor: default;
color: inherit;
text-decoration: none;
}

/*
* Menus
*/
.ui-V11 .globalMenu {
background-color: #FFFFFF;
}

.ui-V11 .globalMenu .globalMenuItem,
.ui-V11 .globalMenu .globalMenuItem:visited {
color: #333333;
}

.ui-V11 .globalMenuItemHover {
background-color: transparent;
}

.ui-V11 .globalContainerHoverSansFocus .globalMenuItem:hover {
background-color: #51ADED;
color: #FFFFFF;
}

.ui-V11 .globalMenuItemFocus,
.ui-V11 .globalMenuItem:focus,
.ui-V11 .globalMenu .globalMenuItem:focus {
background-color: #51ADED;
color: #FFFFFF;
}

.ui-V11 .globalMenuItemActive,
.ui-V11 .globalMenuItem:active,
.ui-V11 .globalMenu .globalMenuItem:active {
background-color: #51ADED;
color: #FFFFFF;
}

#sortOptions .link:link,
#sortOptions .link:visited,
#sortOptions .link:hover,
#sortOptions .link:focus,
#sortOptions .link:active {
border-bottom: none;
text-decoration: none;
height: 13px;
}

#sortOptions .link:focus {
border: 1px dotted #000000;
}

/** Used when xicommon.css is included on a v12 styled page
**  and overrides themeable styling.
**/
.a11y_lowVisionDark .revolution_placemat .revolution_content,
.a11y_lowVisionDark .page_title h1 em,
.a11y_lowVisionDark .grid th,
.a11y_lowVisionDark .biaxial th,
.a11y_lowVisionDark .grid th.table_header,
.a11y_lowVisionDark .axial th.table_header,
.a11y_lowVisionDark .table_header,
.a11y_lowVisionDark .biaxial th.table_header {
background-color: #000000;
background-image: none;
color: #FFFFFF;
}

.a11y_lowVisionLight .grid th,
.a11y_lowVisionLight .biaxial th,
.a11y_lowVisionLight .grid th.table_header,
.a11y_lowVisionLight .axial th.table_header,
.a11y_lowVisionLight .table_header,
.a11y_lowVisionLight .biaxial th.table_header {
background-color: #FFFFFF;
background-image: none;
color: #000000;
}

.a11y_lowVisionLight .sfpanel,
.a11y_lowVisionLight .sfpanel .cb,
.a11y_lowVisionLight .sfpanel .cb .cl,
.a11y_lowVisionLight .bun .cb,
.a11y_lowVisionLight .bun .cb .cl,
.a11y_lowVisionDark .sfpanel,
.a11y_lowVisionDark .sfpanel .cb,
.a11y_lowVisionDark .sfpanel .cb .cl,
.a11y_lowVisionDark .bun .cb,
.a11y_lowVisionDark .bun .cb .cl {
background-color: inherit;
background-image: none;
}

.a11y_lowVisionLight a,
.a11y_lowVisionLight a:link,
.a11y_lowVisionLight a:visited,
.a11y_lowVisionDark a,
.a11y_lowVisionDark a:link,
.a11y_lowVisionDark a:visited {
border: none;
}

.a11y_lowVisionLight a:hover,
.a11y_lowVisionLight a:focus,
.a11y_lowVisionLight a:active,
.a11y_lowVisionDark a:hover,
.a11y_lowVisionDark a:focus,
.a11y_lowVisionDark a:active {
border: 1px dotted inherit;
}

.ui-V12 button.buttonDefault,
.ui-V12 button.buttonDefault:hover,
.ui-V12 button.buttonDefault:focus,
.ui-V12 button.globalPrimaryButton,
.ui-V12 button.globalPrimaryButton:hover,
.ui-V12 button.globalPrimaryButton:focus,
.ui-V12 button.globalSecondaryButton,
.ui-V12 button.globalSecondaryButton:hover,
.ui-V12 button.globalSecondaryButton:focus  {
border-style: solid;
font-size: 14px;
font-weight: normal;
margin: 0;
min-height: 32px;
padding: 0 13px;
position: relative;
}

.ui-V12 .bun .buttonSet {
border: 1px solid #FFFFFF;
padding: 5px;
}

.a11y_lowVisionDark .bun .buttonSet {
background-color: #000000;
}

.ui-V12 .bun {
background-image: none;
}

.ui-V12.a11y_lowVisionDark .bun .bd {
background-color: #000000;
}

.ui-V12 .bun .hd {
padding: 5px 13px;
margin: 0px;
}

#orgchart .topbar_only .hd {
margin: -8px 0 0;
padding: 5px 10px 2px;
}

#orgchart .bun {
background-image: url('/ui/juic/img/portlet_shadow_03a2715a1db9a29a0a7347be293bff78.gif');
}

.ui-V12.a11y_lowVisionDark .bun .hd {
background-color: #FFFFFF;
}
.aquabtn.mid button.btnPad{
padding:0.3em 0.5em 0.3em 2em;
}
.rtl .aquabtn.mid button.btnPad{
padding:0.3em 2em 0.3em 0.5em;
}