/* -------------- */
/* version: 9.0*/
/* skin: Salesforce */
/* cssSheet: common */
/* postfix:  */


/* this is a great place for application-wide styles (comomon.html.* entities & so on) */
/* It will import into every page of the app (popups, setup, 'regular pages' etc... */


/* BEGIN General page styles */

pre.exception {
    font-size: 145%;
}

body, td {
    margin:0px;
    color:#333;
    border-color:#D3D3D3;
}

body {
    color: #666666;
    font-family: Helvetica;
    font-size: 13px;
    line-height: 18px;
    text-align: justify;
    color:#919191;
    font-weight:lighter;

}

/*
 * Because of this selector, selectors that style the color must remember
 * to account for styling the anchor tag.
 */
a {
    color:#333;
}

a:hover {
    text-decoration:underline;
}

th {
    text-align: left;
    font-weight: bold;
    white-space: nowrap;
}

form {
    margin:0px;
    padding:0px;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Verdana', 'Geneva', sans-serif;
    font-size: 100%;
    margin:0px;
    display:inline;
}

textarea {
    font-family: 'Arial', 'Helvetica', sans-serif;
    font-size: 100%;
 }

select {
    color:#000;
}
/* prevent browsers from overwriting the font-size. It should be the same as the select. */
select option,
select optgroup {
    font-size: 100%;
}

img { border:0; }

dl { margin-left: 1em; }

dt { font-weight: bold; }

fieldset legend {
    font-weight: bold;
    color: black;
}

fieldset ul {
    padding: 0;
}

ul li,
ol li {
    margin-left: 1.5em;
    padding-left: 0;
}

input { /* added to make inputs on detail elements look ok */
    padding-top: 0;
}

.searchbox
{
    background-image: url(images/searchbg.png);
    height: 34px;
    padding-bottom: 0px;
    width: 34px;
    vertical-align: middle;
    margin-left: -10%;
    margin-right: 44%;
    background-repeat: no-repeat;
    padding-left: 2px;
}

.SearchButton
{
	background-image: url(images/searchbt.png);
	background-repeat: no-repeat;
    height: 34px;
	padding-bottom:0px;
	width: 34px;
	vertical-align: top;
	border: none;
}

/* use this to clear floats */
.clearingBox {
    clear:both;
    font-size: 1%;
}

.advisory {
    font-style: italic;
}

.hidden {
    display:none;
}

.errorStyle,
.errorMsg,
.importantWarning {
   color: #C00;
}
.errorLine {
   margin:0 0 0 .7em;
   text-indent:-0.7em;
}

.requiredMark {
    color: white;
    display: none;
}

.requiredInput .requiredMark {
    display: inline;
}

.fewerMore {
    text-align: center;
    font-size: 109%;
}

.topLinks {
    text-align: center;
    margin-bottom: 2px;
}
.topLinks .calendarIconBar img {
    float: none;
    display: inline;
}

/* Colons after titles in Classic mode */
.titleSeparatingColon {
    display: none;
}

/* Added by rchen for Campaign Add Contacts Wizard */
.statusMsg {
    padding: 4px;
    margin: 4px;
    border: 1px solid #333;
    background-color: #FFC;
    display: block;
}
.disabledInput {
    background-color: #EBEBE4;
}

/* Used in reports */
.confidential {
    padding: 10px;
    text-align: center;
    font-size: 91%;
    font-style: italic;
    color: #777;
}

/* Used in wizards */

.exampleBox {
    background-color: #FFFFEE;
    border: 1px solid #AAA;
    margin: 0 0.5em;
    padding: 0 0.25em;
}

.selectAndClearAll {
    display: block;
}

/* for textareas, to warn about going over the limit */
.textCounterOuter {
    text-align: right;
    padding: 2px 0;
}

.textAreaReadOnly {
    background-color: #E8E8E8;
}
.textCounterMiddle {
    border: 1px solid #fff;
    padding: 2px;
    display: none;
}
.textCounterMiddle.warn,
.textCounterMiddle.over {
    display: inline;
}
.textCounter {
    padding: 0 2px;
    display: inline;
    font-size: 93%;
}
.warn .textCounter {
    background-color: #FF6;
    color: #000;
}
.over .textCounter {
    background-color: #F33;
    color: #FFF;
}

.warning {
    font-weight: bold;
    color: #C00;
}

.bgmid {
	background-image: url(../App_Themes/Default/images/bgmid.jpg);
	background-repeat: repeat-y;
}

.headerbg {
	background-image: url(../App_Themes/Default/images/headerbg.png);
	background-repeat: no-repeat;
}

.roundedboxwhite
{
	position: static;
	background-color: #ffffff;
	padding: 21px 21px 21px 21px;
}

.roundedboxblack
{
	position: static;
	background-color: #000000;
	padding: 21px 21px 21px 21px;
}

.wraptocenter {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    height:130px;
    width: 250px;
}

/* END General page styles */
/* --------------------------------------------- */
/* BEGIN Toolbar nav links */


.appforceLogo145 {
  background: url(/img/appExchange145x32.gif) no-repeat bottom;
  width:145px;
  height:32px;
}

.multiforce {
    padding-top: 2px;
    white-space: nowrap;
    font-weight: bold;
    text-align: right;
}

.multiforce #toolbar {
    display: inline;
    padding: 22px 8px 30px 18px;
    background: url(/img/tab/appex_bg.gif) no-repeat top left;
}

.multiforce #toolbar select {
    font-weight:bold;
    font-size: 100%;
    vertical-align: top;
    margin-top: 10px;
}

.multiforce #toolbar .appforceLogo {
    background: url(/img/appExchange145x32.gif) no-repeat top;
    width: 145px;
    height: 32px;
    margin-right: 4px;
    margin-top: 4px;
}

.multiforce #toolbar .btnGo {
    vertical-align: top;
    margin: 12px 0 0 0;
}

.multiforce .navLinks {
    color:#999;
    position: relative;
    vertical-align: top;
    top: 2px;
}

.multiforce .navLinks a {
    padding: 0 2px;
    color: #000;
}

.multiforce .warning {
    font-weight:bold;
}

/* END Toolbar nav links */
/* -------------------------------------- */
/* BEGIN Tab bar */
.bPageHeader .phHeader,
.tabsNewBar {
  width:100%;
  border: 0;
  margin: 0;
  padding: 0;
}
table.tabsNewBar tr.newBar {
  display:none;
}

.tabNavigation {
    padding-bottom:10px;
    padding-left: 10px;
    margin-bottom:6px;
    font-size: 91%;
    font-family: 'Verdana', 'Geneva', sans-serif;
}
table.tab {
    line-height:normal;
}
.tab td {
    text-align:center;
    background-image: url(/img/tab/left.gif);
    background-repeat: no-repeat;
    background-position: left top;
    margin:0;
    padding:0 0 0 6px;
    border-bottom:1px solid #A4A29E;
}
.tab a {
    text-decoration:none;
    color:#444;
}
.tab div {
    background-image:url(/img/tab/right.gif);
    background-repeat: no-repeat;
    background-position: right top;
    padding:3px 9px 5px 3px;
}
.tab a:hover {
    text-decoration:underline;
}
.tab td.currentTab {
    font-weight:bold;
    background-color: transparent;
}
.currentTab,
.currentTab a {
    color: #FFF;
}

.currentTab div {
    padding:4px 9px 4px 3px;
}
.tab .last div {
    background-image:url(/img/tab/last.gif);
}

.tabNavigation,
.blank .tabNavigation {
    background-image:url(/img/tab/blank_bg.gif);
    background-repeat: repeat-x;
    background-position: bottom;
}

.allTabsArrow { background-image: url(/img/tab/arrow.gif);
	width:6px;
	height:9px; }

.allTabTab .currentTab .allTabsArrow { background-image: url(/img/tab/arrowWhite.gif);
	width:6px;
	height:9px; }

/* END Tab Bar */
/* ------------------------------------------- */
/* BEGIN Legacy tab styles for MH pages */
/* Don't use these */
.tabOn {
   font-family: 'Verdana', 'Arial', 'Helvetica';
   font-weight: bold;
   font-size: 100%;
   color: #FFFFFF;
   text-decoration: none;
   background-color: #669900;
}

A:link.tabOn {
   font-family: 'Verdana', 'Arial', 'Helvetica';
   font-weight: bold;
   font-size: 100%;
   color: #FFFFFF;
   text-decoration: none;
   background-color: #669900;
}

.tabOff {
   font-family: 'Verdana', 'Arial', 'Helvetica';
   font-weight: normal;
   font-size: 100%;
   color: #FFFFFF;
   text-decoration: none;
   background-color: #336699;
}

A:link.tabOff {
   font-family: 'Verdana', 'Arial', 'Helvetica';
   font-weight: normal;
   font-size: 100%;
   color: #FFFFFF;
   text-decoration: none;
   background-color: #336699;
}
/* END Legacy tab styles */
/* ---------------------------------------- */
/* BEGIN Layout Table - outer */
.outerNoSidebar {
    padding:0px 10px 10px 10px;
    width:100%;
}
div.outerNoSidebar {
    width:auto;
}
.outer {
    margin:0;
}
.outer td.oRight {
    padding:0px 10px 10px 210px;
    background-color:#FFFFFF;
}

.bodyDiv {
    position: relative;

}

#sidebarDiv {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    background-color: #E8E8E8;
}

#sidebarDiv.collapsible {
    padding-right: 6px;
    border-width: 1px 0;
}

#sidebarDiv .indicator {
    position: absolute;
    z-index: 6; /*must be greater than .pinBox*/
    right: 1px;
    width: 6px;
    height: 41px;
    padding: 0;
    background: url(/img/sidebar/LNav_twisty_closed.gif) no-repeat top left;
}

#sidebarDiv #pinIndicator {
    top: 20px;
}

#sidebarDiv #pinIndicator2 {
    bottom: 20px;
}

#sidebarDiv .indicator.open {
    background-image: url(/img/sidebar/LNav_twisty_opened.gif);
}

#sidebarDiv .pinBox {
    background: url(/img/sidebar/LNav_handleBG.gif) repeat-y right;
    display: none;
    overflow: hidden;
    position: absolute;
    z-index: 5; /*must be less than the .indicator*/
    right: 0;
    width: 6px;
    top: 0;
}

#sidebarDiv .indicator,
#sidebarDiv .pinBox {
    cursor: url(/img/cursors/col-expand.cur), pointer;
}

#sidebarDiv .indicator.open,
#sidebarDiv .pinBox.open {
    cursor: url(/img/cursors/col-collapse.cur), pointer;
}

#sidebarDiv.collapsible .pinBox,
#sidebarDiv.collapsible .indicator {
    display: block;
}

#sidebarDiv .sidebarInner {
    background-color: #FFF;
    width: 200px;
    padding-bottom: 0.1px; /* Hack to get the bottom margin of the last sidebar module to show */
}

.outer td {
    vertical-align:top;
}

.outer .oRight .spacer{
    width:678px;
}

.outer .fullSpan {
    padding:0px 0px 10px 14px;
    background-color:#FFFFFF;
}
.outer .fullSpan .spacer{
    width:678px;
}

/* END Layout Table - outer */
/*---------------------------------------------- */
/* BEGIN Page Header */
.bPageHeader, .bPageHeader td.left{
    background-image: url(/img/bgTop.gif);
    background-position: left top;
    background-repeat: repeat-x;
}
.bPageHeader .phHeader {
    background-repeat: no-repeat;
    background-position: right top;
}

.bPageHeader .phHeader td{
    vertical-align:top;
}

.bPageHeader .previewIndicator {
    float: left;
    height: 100%;
    padding: 20px 0 0 2em;
    font-weight: bold;
    color: #900;
}

.bPageHeader .phHeader td.right {
    width: 100%;
    text-align: right;
    white-space: nowrap;
}

.bPageHeader .phHeader .daysRemaining,
.bPageHeader .phHeader .buildMsg,
.bPageHeader .phHeader .preRelease  {
    position: absolute;
    top: 1.8em;
    right: 0;
}

.bPageHeader .phHeader .upgradeNow {
    position: absolute;
    top: 2em;
    right: 4px;
}

.bPageHeader .phHeader .currentlySu {
    position: absolute;
    top: 3.2em;
    right: 0;
    color: #C00;
    font-weight: bold;
    text-transform: uppercase;
}

.bPageHeader .phHeader .buildMsg,
.bPageHeader .phHeader .preRelease  {
    font-weight: bold;
    color: #F00;
    background-color: #FFD;
    padding: 2px 4px;
    border: 1px solid #CCC;
}

.bPageHeader .phHeader .daysRemaining,
.bPageHeader .phHeader .preRelease  {
    margin-left: -10px;
}

.bPageHeader .phHeader .daysRemaining a,
.bPageHeader .phHeader .preRelease a {
    font-weight: normal;
    font-size: 93%;
    margin-left: 3px;
    text-decoration: none;
}

.bPageHeader .phHeader .right .spacer{
    width:533px;
}

.bPageHeader .phHeader .left .spacer, .bPageHeader .phHeader td.left {
    width:230px;
}
/* END Page Header */

/*BEGIN Setup */

.mTreeSelection{
    background-color:#E8E8E8;
    padding: 0.80em;
    font-size: 109%;
    text-align: left;
}

.mTreeSelection .folderNodeSpan{
    white-space:nowrap;
}

.mTreeSelection .helpTreeHeading{
    font-weight:bold;
}

.mTreeSelection .treeLine {
    background-color:#333;
    height:1px;
    margin-top: 0.33em;
    margin-bottom: 0.69em;
    font-size:0%;

}

.mTreeSelection h2 {
    display:block;
    margin-top:15px;
    font-weight:bold;
    padding:0.33em 0.33em 0.33em 0.00em;
    border-bottom: 2px solid #ccc;
}

.helpTree {
    font-size: 88%;
}

.helpTree .mTreeSelection .setupLeaf,
.helpTree .mTreeSelection .setupHighlightLeaf{
    padding-bottom:2px;

}
.mTreeSelection .setupHighlightLeaf {
    background-color:#fff;
    margin-left:1.27em;
    padding-bottom:0.15em;
    margin-right:-0.5em;
}


.newFlag {
    margin-left:0.5em;
    color: #f00;
    font-size:0.8em;
}

.mTreeSelection .setupHighlightLeaf a {
    text-decoration:none;
}

.mTreeSelection .setupLeaf{
    margin-left:1.27em;
    padding-top: 2px;
    padding-bottom: 2px;
}

.mTreeSelection  a:hover  {
   text-decoration: underline;
}

.mTreeSelection a.setupHighlightFolder{
    text-decoration:none;
    background-color:#fff;
}

.mTreeSelection .parent {
    padding-bottom: 1px;
    padding-top: 1px;
}

.setupFolder {
    text-decoration: none;
}

.childContainer{
        margin-left: 1.00em;
}

.setupLeaf a {
    text-decoration: none;
}

.setupSection {
   font-weight:bold;
   text-decoration: none;
   padding:0.33em;
}

.setupLink {
   font-weight:bold;
   text-decoration: underline;
   padding:0.33em;
}

.setupImage {
    padding:0.23em 0.33em 0.23em 0.33em;
    cursor:pointer;
}

/* Text in headers of Get Info boxes in Setup should be bold white,
   but DON'T USE IT! */
.bodyBoldWhite {
    color: #FFF;
    font-weight: bold;
}


/* END Setup */
/* --------------------------------------------- */
/* BEGIN Page Footer */

.pagefooter {
	background-image: url(../App_Themes/Default/images/footer.png);
	background-repeat: no-repeat;
	width: 966px;
	height:32px;
	text-align:center;
	vertical-align:middle;
	color: White;
	font-family: Verdana, Arial;
	font-size: 10px;
	font-weight: bold;
	padding-top: 6px;
}

.bPageFooter .spacer {
    width:935px;
}

/* END Page Footer */
/* --------------------------------------------- */
/* BEGIN Styles for create new */


.selectMenu {
    z-index: 99;
}

.selectMenuDropdown {
    z-index: 100;
}

.selectMenuDropdown ul {
    background: none;
    margin: 0;
    padding: 0;
    white-space: nowrap;
}

.selectMenuDropdown li {
    display: block;
    margin: 0;
}

.selectMenuDropdown li a {
    display: block;
}

#newEntityTarget{
    display: block;
    height: 20px;
}

#newEntityTarget .selectMenuButton{
    background: #FFF url(/img/sidebar/createNewBG.gif) no-repeat right bottom;
    border: 1px solid #69C;
    padding: 2px 1px;
    font: bold 90% 'Verdana', 'Geneva', sans-serif;
    cursor: default;
}

#newEntityTarget .selectMenuDropdown {
    border: 1px solid #69C;
}

#newEntityTarget .selectMenuDropdown ul {
    background-color: #F3F3EC;
}

#newEntityTarget .selectMenuDropdown li a {
    padding: 0 2px 0 6px;
    border: solid #F3F3EC;
    border-width: 1px 0;
    text-decoration: none;
    color: #333;
}

#newEntityTarget .selectMenuDropdown a .mruIcon {
    margin-right: 2px;
}

#newEntityTarget .selectMenuDropdown li a:hover {
    background-color: #FFF;
    border-color: #E3DEB8;
    text-decoration: none;
}

/* BEGIN ButtonComboElement */

.selectMenuOuterDiv {
    display: inline;
}

.pbButton .selectMenuOuterDiv {
    vertical-align: top;
}

.selectMenuOuterDiv .selectMenuDiv {
    display: inline;
    position: relative;


    /* These are from btn class */
    background-image: none;
    font-family: 'Verdana', 'Geneva', sans-serif;
    color:#FFFFFF;
    padding:0px 3px 1px 3px;
    cursor:pointer;
    font-weight:bold;
    white-space: pre;
}

.selectMenuDiv .selectMenuButton {
    background: #FFF url(/img/combo_button_no_line.gif) no-repeat bottom right;
    padding: 2px 22px 3px 3px;
    cursor: pointer;
    display: inline;
    position: relative;
    font-size: 80%;
}

.selectMenuDiv div.hasDefault {
    background: #FFF url(/img/combo_button.gif) no-repeat bottom right;
}

.selectMenuDiv .selectMenuDropdown {
    display: inline;
    position: relative;
    margin-top: 2px;
    margin-left: 3px;
}

.selectMenuDiv .selectMenuDropdownDiv {
    border-bottom: 1px solid #333;
}

.selectMenuDiv .selectMenuDropdown  .theOption {
    background-color: #CCC;
    padding: 0 6px 0 6px;
    border-top: 1px solid #EEE;
    border-bottom: 1px solid #BBB;
    border-right: 1px solid #666;
    border-left: 1px solid #BBB;
    text-decoration: none;
    color: #000;
    font-size: 80%;
    display: block;
}

.selectMenuDiv .selectMenuDropdown  .selectMenuGroup {
    background-color: #fff;
    padding: 0 6px 0 6px;
    border-top: 1px solid #EEE;
    border-bottom: 1px solid #BBB;
    border-right: 1px solid #666;
    border-left: 1px solid #BBB;
    text-decoration: none;
    color: #000;
    font-size: 80%;
    font-weight:bold;
    display: block;
    cursor:default;
}

.selectMenuDiv .selectMenuDropdown a.theOption:hover {
    background-color: #9096A1;
    color: #FFF;
    border-bottom: 1px solid #666;
}

/* END ButtonComboElement */

/* END Styles for create new */
/* --------------------------------------------- */
/* BEGIN Common page Elements */

/* Help buttons */
.help td {
    vertical-align:middle;
}

/* LookupInputElement */
.lookupInput {
    display: inline;
    white-space: nowrap;
    vertical-align: middle;
}
.lookupInput img {
    margin-right: .25em;
    background-repeat: no-repeat;
}

/* ColorInputElement */
.colorInputElement .sample {
    border: 1px solid #A5ACB2;
    margin: 0 5px 0 1px;
}

/* DuelingListBoxElement */
.duelingListBox table.layout td{
    vertical-align: middle;
    text-align: center;
}

.duelingListBox .selectTitle {
    padding: .5em 0 .5em 0;
    font-weight: bold;
}

.duelingListBox .text {
    padding: .1em 0 .1em 0;
}

/* Alert Box - BEGIN */
.alertBox {
    margin:10px 0px 20px 0px;
    padding:0px 15px 0px 13px;
    background-repeat: no-repeat;
    background-position: left top;
    background-image:  url("/img/bgmMessage.gif");
}

.alertBox .content {
    padding:5px 10px;
    background-color:#FFC;
    font-size: 109%;
}
/* Alert Box - END */

/* Date Picker */
.dateInput {
    white-space: nowrap;
}
.datePicker  {
    padding:0em 0.33em 0em 0.33em;
/*    vertical-align:bottom; - removed by polcari for the new Event page */
}

.multiItemEdit .genericTable td .datePicker {
    padding:0em 0.33em 0em 0.33em;
    vertical-align:bottom; /* - added by nprokopev for multiItem edit page (new product for opportunity) */
}

.sidebarModule .dateInput input {
    width: 70px; /* added by rchen so that date input elements fit in the sidebar */
}

/* Time Input */
.timeInput {
    white-space: nowrap;
}

/* HTML Input Element */
.htmlInput .controls {
    padding: 5px;
    border: 1px solid #000;
    background-color: #CCC;
}

.htmlInput .htmlEditor {
    border: 1px solid #000;
}

/* Mini-tabs */
.miniTab {
    padding: 6px 0 0 10px;
    font-family: 'Verdana', 'Geneva', sans-serif;
}

.miniTab .currentTab,
.miniTab .currentTab a {
    /* Need to override app tab styles */
    color: #333;
}

.miniTab ul {
    list-style-type: none;
    padding: 0.235em 0;
    margin: 0;
}


.miniTab .links {
    text-align: right;
    margin-right: 5px;
    float: right;
    color: #FFF;
    font-size: 91%;
}

.miniTab .links a {
    color: #FFF;
    font-size: 91%;
}

/*Needs to be more specific than the palette*/
.miniTab ul.miniTabList li {
    display: inline;
    border-style: solid;
    border-width: 1px 1px 2px 1px;
    /*border-color-bottom is from the palette*/
    border-top-color: black;
    border-left-color: black;
    border-right-color: black;
    padding: 4px 8px 1px 8px;
    margin-left: 0;
    margin-right: 5px;
    background-image: url(/img/tab/miniTab_off.gif);
    background-repeat: repeat-x;
}

.miniTab ul li a {
    text-decoration: none;
}

.miniTab ul li a:hover {
    text-decoration: underline;
}

.miniTab ul li.currentTab {
    padding-bottom: 3px;
    border-bottom-style: none;
    background-image: url(/img/tab/miniTab_on.gif);
    background-repeat: repeat-x;
    font-weight: bold;
}

.bMiniTab .bPageBlock {
    border-top-style: none;
}

.bMiniTab .bPageBlock .pbHeader{
    padding-top: 4px;
}

.bMiniTab .bPageBlock .pbHeader .pbButton {
    text-align: center;
}

/* AFAIK just used in Adv. Forecast edit minitabs */
.bMiniTabFilter {
    margin-top: 4px;
}

/* for blocks that contain stuff other than just a single bPageBlock */
.bMiniTabBlock {
    padding-top: 4px;
}

#insertOperatorCell {
    vertical-align:bottom;
    padding-bottom:0.8em;
}

#insertSnippetCell {
    vertical-align:bottom;
    padding-bottom:0.8em;
}

.editorContentLabel {
    font-weight: bold;
}

#fieldSelector {
    width:14em;
}

#functionSelector, #functionCategorySelector {
    width:14em;
}

.miniTabOn .formulaType {
    font-size:0.8em;
}

.miniTabOn .formulaType .formulaExample {
    color: blue;
}

#funcFormat, #funcExplain {
    width:14em;
}

.formulaFooter td  {
    white-space:nowrap;
}

.validationSuccess {
    color:green;
}

/* Show Me More */
.pShowMore{
   padding:9px 0 2px 5px;
   text-align: left;
}

.bDescription {
    padding: 0.8em 0 0.8em 0;
    font-size: 109%;
    text-align:left;
}

.bDescriptionUi {
    padding: 0.1em 0 0.8em 0;
    font-size: 109%;
    text-align:left;
}

.opportunitySummary th {
    font-weight: bold;
    width: 30%;
}

.opportunitySummary .btn {
    margin: 0;
}

/* Prev/next buttons.  Used by ListElement, Calendar */
.bNext {
    margin:0px 0px 4px 18px;
    margin-right:15px;
}
.bNext .rolodex {
    padding-top: 15px;
    margin-right: 0.5em;
    text-align:left;
    font-size: 91%;
    float: left;
    white-space: nowrap;
}
.bNext .rolodex a {
    padding:0px 2px 0px 2px;
}
.bNext .rolodex a:link,
.bNext .rolodex a:visited,
.bNext .rolodex a:active {
    text-decoration:none;
}
.bNext .rolodex a:hover {
    text-decoration:underline;
}
.bNext .next {
    padding-top: 5px;
    text-align:right;
    font-size: 91%;
    float: right;
    white-space: nowrap;
}

.bNext .current {
    font-weight:bold;
}

.bNext .recycle {
    color:#336600;
    font-weight:bold;
}

.bNext .withFilter {
    height: 1%;
}

.bNext .withFilter .filter {
    float: left;
}

.bNext .rolodex {
    padding-top: 0px;
    margin-right: 0em;
    text-align:center;
    float: none;
}


/* FilterElements */
.bFilter {
    margin:0 0 15px 18px;
}

.bSubBlock .bFilter {
    margin-left: 0;
    margin-bottom: 0;
}

.bFilter .btn {
    vertical-align: middle;
    margin-right: .69em;
}
.bFilter .view {
    padding-right:15px;
}
.bFilter .fBody span {
    vertical-align:middle;
}
.bFilter .fBody .leftPad ,
.bFilter .fDescription  {
    margin-left: 10px;
}

.bFilter input ,
.bFilter select {
    vertical-align: middle;
    margin: 2px auto;
}

.bFilter select {
    font-size: 91%;
}

.bFilter .fHeader,
.bFilter h2 {
    text-align:left;
    font-weight:bold;
    padding-right: .69em;
}

.bFilterSearch .fHeader,
.bFilterSearch .fDescription {
    display:inline;
    margin-left:0;
}

.bFilter .fFooter {
    padding-left:8px;
    padding-top:2px;
    text-align:left;
    font-size: 91%;
}
.bFilter th {
    text-align:left;
    font-size: 91%;
    font-weight:normal;
    padding-right:10px;
    padding-top:8px;
}
.bFilter td {
    text-align:left;
    padding-right:10px;
}
.bFilter .btnRow {
    padding-top:8px;
}

.bFilterView .bFilter .fBody {
    vertical-align:middle;
}

.bFilterSearch .bFilter .messages,
.bFilterSearch .bFilter .view {
    float: left;
    margin-bottom:10px;
}

.bFilterSearch .bFilter .fBody {
    vertical-align:top;
}

.bFilterSearch .bFilter .messages {
    width:50%;
}

.filterOverview {
    padding-bottom: 15px;
}

.filterOverview .bFilter {
    margin: 0px 0px 0px 0px;
}

/* Search Elements */
.bOverviewSearch .messages {
    width: 50%;
}
.bOverviewSearch .messages,
.bOverviewSearch .view {
    float: left;
}
.bOverviewSearch .view {
    padding-right:15px;
}
.bOverviewSearch .pbSearch {
    margin-top: 5px;
}
.bOverviewSearch {
    margin: 0 0 18px 15px;
}



.bPageBlock .multiSelectPicklistTable .multiSelectPicklistRow .multiSelectPicklistCell {
  vertical-align: middle;
}

/* END Common Page Elements */
/* --------------------------------------------- */
/* BEGIN buttons */
.btn, .button, .formulaButton, .btnWhatsNew {
    font-family: 'Verdana', 'Geneva', sans-serif;
    background-image:  url("/img/bgButton.gif");
    background-repeat: repeat-x;
    background-position: left top;
    border-right:1px solid #5C5D61;
    border-bottom:1px solid #5C5D61;
    border-top:none;
    border-left:none;
    font-size: 80%;
    color:#FFFFFF;
    padding:1px 3px;
    cursor:pointer;
    font-weight:bold;
    display:inline;
}
.btnGo {
    font-family: 'Verdana', 'Geneva', sans-serif;
    background-image:  url("/img/bgButton.gif");
    background-repeat: repeat-x;
    background-position: left top;
    border-right:1px solid #5C5D61;
    border-bottom:1px solid #5C5D61;
    border-top:none;
    border-left:none;
    font-size: 80%;
    color:#FFFFFF;
    padding:0px 3px 1px 3px;
    cursor:pointer;
    font-weight:bold;
}
.btnImportant {
    font-family: 'Verdana', 'Geneva', sans-serif;
    background-image:  url("/img/bgButtonImportant.gif");
    background-repeat: repeat-x;
    background-position: left top;
    border-right:1px solid #5C5D61;
    border-bottom:1px solid #5C5D61;
    border-top:none;
    border-left:none;
    font-size: 80%;
    color:#FFFFFF;
    padding:1px 3px 1px 3px;
    cursor:pointer;
    font-weight:bold;
}
.upgradeNow, .subscribeNow, .btnSharing {
    font-family: 'Verdana', 'Geneva', sans-serif;
    background-image:  url("/img/bgButtonSharing.gif");
    background-repeat: repeat-x;
    background-position: left top;
    border-right:1px solid #5C5D61;
    border-bottom:1px solid #5C5D61;
    border-top:none;
    border-left:none;
    color:#FFFFFF;
    padding:1px 3px 1px 3px;
    cursor:pointer;
    font-weight:bold;
    font-size: 80%;
}
.btnDisabled {
    font-family: 'Verdana', 'Geneva', sans-serif;
    background-image:  url("/img/bgButtonDisabled.gif");
    background-repeat: repeat-x;
    background-position: left top;
    border-right:1px solid #999999;
    border-bottom:1px solid #999999;
    border-top:1px solid #CCCCCC;
    border-left:1px solid #CCCCCC;
    font-size: 80%;
    color:#C1C1C1;
    padding:0 3px 1px 3px;
    cursor:default;
    font-weight:bold;
}
.btnHelp {
    margin-right:5px;
}
/* Same as .btn, but with extra margin-left */
.btnCancel {
    font-family: 'Verdana', 'Geneva', sans-serif;
    background-image:  url("/img/bgButton.gif");
    background-repeat: repeat-x;
    background-position: left top;
    border-right:1px solid #5C5D61;
    border-bottom:1px solid #5C5D61;
    border-top:none;
    border-left:none;
    font-size: 80%;
    color:#FFFFFF;
    padding:1px 3px 1px 3px;
    cursor:pointer;
    font-weight:bold;
    display:inline;
    margin-left: 2em;
}


.btnActionOverride, .btnOverriddenAction {
    color: white;
    background:#38C352;
    font-family: 'Verdana', 'Geneva', sans-serif;
    border-right:1px solid #5C5D61;
    border-bottom:1px solid #5C5D61;
    border-top:none;
    border-left:none;
    font-size: 80%;
    padding:1px 3px 1px 3px;
    cursor:pointer;
    font-weight:bold;
}

.btnOverriddenAction {
    background:#45F166;
    font-style: italic;
}

.btnActionOverrideFailedToMatchPattern {
    background:yellow;
}

.btnGo, .btnImportant, .btnSharing, .btnDisabled, .btn,
.bEditBlock .btnGo, .bEditBlock .btnImportant, .bEditBlock .btnSharing, .bEditBlock .btnDisabled, .bEditBlock .btn, .btnCustomAction, .btnOverriddenAction {
    margin: 0 2px;
}


.activeOperator {
    font-weight:normal;
    background-color:#CCCCCC;
    color:black;
    cursor:pointer;
    width:16px;
    height:16px;
    border-style:solid;
    border-width:1px;
    border-color: #EEE #333 #333 #EEE;
}

.inactiveOperator {
    font-weight:normal;
    color:black;
    background-color:white;
    border:dotted 1px #333;
    width:16px;
    height:16px;
    text-align:center;
}

.operatorTable td {
    font-size:0.9em;
}


/* END buttons */
/* --------------------------------------------- */
/* BEGIN Page Title */
.bPageTitle {
    margin-bottom:15px;
}

.bPageTitle .ptBody {
    padding-top: 5px;
    width:100%;
    overflow: hidden;
}

.SimpleWhatIsPopup .bPageTitle .ptBody {
    padding-bottom: 5px;
}

.bPageTitle .ptBreadcrumb {
    font-family: 'Verdana', 'Geneva', sans-serif;
    font-size: 91.3%;
    margin-bottom: -15px;
    height:15px;
    vertical-align:middle;
}

.bPageTitle h1, .bPageTitle h2{
    display: block;
}

/* used in places where the h1 is too high (because the h2 is empty).  */
h1.noSecondHeader,
.introPage h1 {
    margin: 10px 0 15px 0;
    white-space:nowrap;
}

.bPageTitle .ptHeader a {
    color:#fff;
    text-decoration:underline;
}

.bPageTitle .ptBody .content {
    display: inline; /* IE double-margin float fix */
    float: left;
    width: 40.0%;
    vertical-align: middle;
    padding-left: 5px;

}

.pageTitleIcon {
    display: inline;
    float: left;
    width: 32px;
    margin-right: 5px;
}

/* Pages without pageTitleIcons */
.sysAdminTab .bPageTitle .ptBody .content,
.homeTab .bPageTitle .ptBody .content,
.allTabTab .bPageTitle .ptBody .content {
    padding-left: 10px;
}

.bPageTitle .ptBody .links {
    padding: 10px 5px 10px 0px;
    float: right;
    text-align: right;
    width: 40.0%;
    vertical-align:middle;
    font-size: 91%;
}

.bPageTitle .ptBody .links .configLinks {
    text-decoration:underline;
}

.bPageTitle .ptBody .links .helpLink,
.bWizardBlock .helpLink,
.bEditBlock .booleanFilterTopMargin .helpLink {
    text-decoration:underline;
    padding-right: 5px;
}

.bPageTitle .ptBody .links .helpImage,
.bWizardBlock .helpImage {
    vertical-align:bottom;
}

.bPageTitle .ptBody .links a,
.bWizardBlock .pbLinks a {
    text-decoration:none;
}
/*for advanced filter option help link*/
.bEditBlock .booleanFilterTopMargin .helpImage {
    vertical-align: text-bottom;
}
.bEditBlock .booleanFilterTopMargin .tipsLink {
    text-decoration: none;
}

.bWizardBlock .pbWizardHelpLink a {
    text-decoration: none;
}

.bPageTitle .content .blank {
    font-size: 0%;
    clear:both;
}

.bPageTitle .ptBody .content .icon{
    position: absolute;
    margin-top: -5px;
}
.bPageTitle .ptSubheader .content {
    padding-left:20px;
    padding-bottom:2px;
    padding-top:2px;
    height:40px;
}
.bPageTitle .ptBody .pageType {
    font-size: 91%;
}
.bPageTitle .ptBody .pageDescription {
    font-size: 109%;
    font-weight:bold;
}

.bPageTitle .ptSubheader .pageType {
    font-size: 91%;
}
.bPageTitle .ptSubheader .pageDescription {
    font-size: 109%;
    font-weight:bold;
}

.bPageTitleButton {
  float: right;
}



.oRight .bPageTitle .ptBody a,
.oRight .bPageTitle .ptSubheader a,
.outerNoSidebar .bPageTitle a .helpLink {
}
/* begin record types */
.oRight .recordTypesHeading{
    display: block;
     font-weight: bold;
     padding: 1em 0 1em 0;
}

.oRight .infoTable {
     background-color:#666666;
     text-align: left;
}

.oRight .infoTable .headerRow th{
     white-space: nowrap;
     background-color:#CCC;
     padding:3px;
     margin:1px;
     font-weight: bold;
     border: none;
}

.oRight .infoTable td,
.oRight .infoTable th{
     white-space: nowrap;
     background-color:#FFF;
     padding:4px;
     margin:1px;
     border: solid #DDD;
     border-width: 0 1px 1px 0;
 }

.oRight .infoTable th{
     border-left-width: 1px;
}
/* END record types */


/* working defaults, so you can at least read the text */
.bPageTitle .ptHeader{
    background-color: black;
}

/* this should be a not-very specific case so that it doesn't override custom tab pages */
.ptBody {
    background-color: #666;
}

/* END Page Title */
/* --------------------------------------------- */
/* BEGIN Overview Page elements */
/* Added to set up two-column divs for Tools displayed at bottom of each tab */
.toolsContent {
    width: 100%;
}
/* Overview Page Headers */
.overviewHeaderDescription {
    float: left;
    padding: 5px 15px 15px 5px;
}
.overviewHeaderContent {
    float: right;
    padding: 5px 15px 15px 5px;
}

/* bSubBlock */

.bSubBlock{
    margin-bottom:15px;
    border-top:0px;
    border-right:0px;
    border-bottom:2px solid #000;
    border-left:0px;
}

.bSubBlock .lbHeader {
    padding:2px 13px 2px 13px;
    font-weight:bold;
    font-family: 'Arial', 'Helvetica', sans-serif;
    display:block;
    float: none;
}
.bSubBlock .lbHeader .spacer {
    clear: both;
    font-size: 0%;
}

.bSubBlock .lbSubheader {
    padding:10px 0px 1px 13px;
    font-weight:bold;
}
.bSubBlock .lbBodyDescription {
    background-color:#F3F3EC;
    padding:10px 23px 5px 26px;
}
.bSubBlock .lbBody {
    background-color:#F3F3EC;
    padding:10px 23px 10px 26px;
    line-height:1.6em;
}
.bSubBlock .lbBody td , .bSubBlock .lbBody th {
    padding:0px 5px 1px 0px;
    vertical-align:middle;
    text-align:left;
}
.bSubBlock .lbBody span{
    vertical-align:middle;
}
.bSubBlock .lbBody UL {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}
.bSubBlock .lbBody LI, .bSubBlock .lbBody .bSummary {
    line-height: 2em;
    padding: 0px;
    margin: 0px;
}
 .bSubBlock .lbBody .bSummary td,
  .bSubBlock .lbBody .bSummary th  {
    padding:.10em .69em .10em .00em;
    vertical-align:middle;

 }

.bSubBlock .lbBody .mainLink {
    font-weight: bold;
}

.bReport .bSubBlock .lbHeader, .bTool .bSubBlock .lbHeader {
    background-color:#DF8810;
}
.bReport .bSubBlock, .bTool .bSubBlock{
    border-right-color:#DF8810;
    border-bottom-color:#DF8810;
}

.bSubBlock .textDate{
    width:80px;
    margin:1px;
    margin-right:1px;
    font-size: 91%;
}
.bSubBlockselect {
    font-size: 91%;
}
.bSubBlock .lbHeader .primaryInfo {
    float: left;
    width: 50%;
}
.bSubBlock .lbHeader .secondaryInfo {
    text-align: right;
    float: left;
    width: 50%;
}
/* END Overview Page Elements */
/* --------------------------------------------- */
/* BEGIN Basic DetailElement */
.bPageBlock {
    border-top:4px solid #222;
    margin-bottom:9px;
    background-color:#222;
    background-image: url(/img/bgPageBlockLeft.gif);
    background-repeat: no-repeat;
    background-position: left bottom;
    padding-bottom:9px;
    clear: both;
}

.bPageBlock .pbError{
   font-weight: bold;
   color: #C00;
   text-align: center;
}

/* used for information message in header.. same as pbError plus some padding */
/* I think pbError should have some padding too but what do I know */
.pbInfo {
   font-weight: bold;
   color: #090;
   text-align: center;
   padding-bottom:10px;
}


.bPageBlock .pbHeader {
    margin:0px 2px 0px 0px;
    padding-bottom:2px;
    background-color: #EEECD1;
    border-bottom: 1px solid #fff;
}

.pbSubheader {
    background-color:#222;
    font-weight:bold;
    font-size: 91%;
    padding:2px 2px 2px 5px;
    margin-top: 15px;
    overflow: hidden;
    margin-bottom: 2px;
}
.pbSubheader.first {
    margin-top: 0;
}

.pbSubheader .pbSubExtra {
    float: right;
    margin-right: 2em;
}

.pbSubbody {
    padding: 10px;
}

.pbSubbody ul {
    padding: 0;
    margin: 0;
}

.detailPage .bPageBlock,
.editPage .bPageBlock {
    border-top-width:7px;
}

.detailPage .bRelatedList .bPageBlock,
.editPage .bRelatedList .bPageBlock {
    border-top-width:4px;
}

.bRelatedList .bPageBlock .pbButton .relatedInfo {
  padding-right:3.7em;
  vertical-align: bottom;
  white-space: normal;
}
.bRelatedList .bPageBlock .pbButton .relatedInfo .mouseOverInfoOuter{
  vertical-align: bottom;
}

/* added by polcari 9/27 in an effort simplify spacing & alignment issues (see new event page) */
.bEditBlock input,
.bEditBlock select,
.bEditBlock img,
.quickCreateModule input,
.quickCreateModule select,
.quickCreateModule img {
    vertical-align: middle;
    margin-right: .25em;
}
.bEditBlock input.radio {
    vertical-align: baseline;
}

.requiredLegend {
    padding: 0 2px;
    background-color: #FFF;
    font-weight: normal;
    color: #000;
}

/*For EditHeaderElement*/
.headerTitle .requiredLegend {
    float: right;
}

.requiredExampleOuter {
    margin: 0 0.2em 0 0.3em;
    padding: 1px 0;
}

.requiredExample {
    border-left: 3px solid #c00;
    font-size: 80%;
    vertical-align: 1px;
    width: 100%;
}

.bPageBlock .pbHeader .pbIcon{
    width: 44px;
}

.bPageBlock .pbTitle{
  vertical-align:middle;
  color:#222;
  font-size: 91%;
  width: 30%;
  margin:0px;
}

/*this enforces a minimum width for the pbTitle cell */
.bPageBlock .pbTitle img.minWidth {
  height:1px;
  width:190px;
  margin: 0 0 -1px 0;
  padding: 0;
  border: 0;
  visibility:hidden;
  display: block;
}

.bPageBlock .pbHeader table,
.bPageBlock .pbBottomButtons table {
    border-spacing:0;
    width: 100%;
}

.bPageBlock .pbButton {
    padding: 1px 0px;
    white-space: nowrap;
    vertical-align: middle;
}
.bPageBlock .pbButtonb{
    padding: 1px 0px;
    white-space: nowrap;
}
.bPageBlock .pbDescription {
    text-align:right;
}

.bPageBlock .pbHeader .pbLinks {
    font-size: 91%;
    text-align:right;
    padding:1px 5px 1px 1px;
    vertical-align:middle;
}
.bPageBlock .pbCopy {
    text-align:left;
    font-size: 91%;
    padding:3px 0px 5px 0px;
}
.bPageBlock .pbDescription span {
    font-size: 91%;
    padding:3px 0px 5px 0px;
}

.bPageBlock .pbHeader  select {
    font-size: 91%;
    margin:1px 7px 0px 0px;
}

.customLinks {
    width: 100%;
}

.customLinks td {
    width:33%;
    padding:2px;
}

.customLinks td .bullet {
    display:none;
}

/* h2 used for detail element headers */
/* h3 used for related list headers */
.pbHeader .pbTitle h2 ,
.pbHeader .pbTitle h3 {
    margin: 0 0 0 4px;
    padding: 0;
    display:block;
    color: #333;
}

.bPageBlock .pbHeader .pbTitle .twisty {
    width:16px;
    height:10px;
    background-color:#222222;
    border-bottom:none;
}
.bPageBlock .pbHeader .pbHelp .help{
    font-size: 91%;
    vertical-align:middle;
    width:auto;
}
.bPageBlock .pbHeader .pbHelp .help .imgCol{
    width: 22px;
}
.bPageBlock .pbHeader .pbHelp .help a.linkCol{
/*  white-space: nowrap; */
    padding-right: 0.5em;
    vertical-align:bottom;
    text-decoration:none;
}

.bPageBlock .pbHeader .pbHelp .help .linkCol .linkSpan{
    font-size: 100%;
/*  white-space: nowrap; */
    vertical-align:bottom;
    margin-right:0.40em;
    text-decoration:underline;
}

.bPageBlock .pbHeader .pbHelp .help .linkCol .helpImage{
    vertical-align:bottom;
}

.bPageBlock .pbHeader .pbHelp {
    text-align:right;
    padding:1px 5px 1px 1px;
    vertical-align:middle;
}

.bPageBlock .pbHeader .pbCustomize {
    font-size: 91%;
    padding:3px 2px 2px 4px;
    vertical-align:middle;
    text-align:right;
}
.bPageBlock .pbBody {
    margin-right:2px;
    padding:6px 20px 0 20px;
    background-color:#F3F3EC;
}
.bPageBlock .pbFooter,
.bWizardBlock .pbFooter {
    background-color:#222;
    height:9px;
    width:9px;
    display:block;
    float:right;
    background-image:  url(/img/bgPageBlockRight.gif);
    background-repeat: repeat-x;
    background-position: right bottom;
}

.bPageBlock .pbBottomButtons {
    background-color: #F3F3EC;
    margin: 1px 2px 0 0;
}

.bPageBlock .noRecords {
    font-weight:bold;
    color:#333;
    padding-bottom: 15px;
}

/* Detail List - BEGIN */
.bPageBlock .detailList {
    width:100%;

}

.bPageBlock .detailList th,
.bPageBlock .detailList td {
    vertical-align:top;
}

/* RPC: Made less specific so these classes can be used in FilterEditPage */
.bPageBlock .labelCol {
    padding:2px 10px 2px 2px;
    text-align:right;
    font-size: 91%;
    font-weight: bold;
    color:#333;
}
.bPageBlock .detailList .labelCol {
    width: 18%;
}
/* RPC: Made less specific so these classes can be used in FilterEditPage */
.bPageBlock .dataCol {
    padding:2px 2px 2px 10px;
    text-align:left;
}
.bPageBlock .detailList .dataCol {
    width:32%;
}

.bPageBlock .detailList .data2Col {
    padding: 2px 2px 2px 10px;
    text-align: left;
    width: 82%;
}

.bPageBlock .buttons {
    text-align: center;
    padding: 3px 20px;
}

/* Note: this overrides the above selector on edit pages,
   so it must come afterwards
*/
.bEditBlock .detailList .dataCol,
.bEditBlock .detailList .data2Col {
    padding: 0 2px 0 10px;
}

.bPageBlock .detailList .col02{
    border-right: 20px solid #F3F3EC
}

.bPageBlock .detailList tr td, .bPageBlock .detailList tr th {
    border-bottom:1px solid #E3DEB8;
}
.editPage .bPageBlock .detailList tr td,
.editPage .bPageBlock .detailList tr th {
  border-bottom: none;
}

.bPageBlock .detailList th.last,
.bPageBlock .detailList td.last,
.bPageBlock.bLayoutBlock .detailList tr td,
.bPageBlock.bLayoutBlock .detailList tr th {
    border-bottom:none;
}
.bPageBlock .detailList table td,
.bPageBlock .detailList table th {
    border-bottom-style: none;
}

.bPageBlock .detailList .bRelatedList .pbTitle {
  vertical-align: middle;
}

.bPageBlock .detailList .error {
    border: 2px solid #C00;
}

.bPageBlock .detailList .empty {
    border-bottom: none;
}

.bPageBlock .detailList .errorMsg {
    padding-left: 3px;
}

/* RPC: detailList commented out so others can use requiredInput */
.bPageBlock .requiredInput {
    position: relative;
    height: 100%;
}

.bPageBlock .requiredInput .requiredBlock {
    background-color: #C00;
    position: absolute;
    left: -4px;
    width: 3px;
    top: 1px;
    bottom: 1px;
}

.bPageBlock .requiredInput .requiredBlock.noLabel {
    height: 1.7em;
}

.bPageBlock .doubleCol{
    width: 100%;
}

.bPageBlock .doubleCol th{
    width: 14.5%;
}

.bPageBlock .requiredMark {
    color: #F3F3EC;
}

.pbBody .bPageBlock .pbHeader,
.pbBody .bPageBlock .pbTitle,
.pbBody .bPageBlock .pbLinks ,
.pbBody .bPageBlock .pbLinks a {
    color: #FFF;
}

.bPageBlock .subgroup {
    padding: 0 0 0 10px;
    margin: 0;
    list-style-type: none;
}

.bPageBlock .subSubHeader {
    display: block;
    padding-left: 5px;
    margin-top: 10px;
    color: #333;
}

/* Detail List - END */

/* END Basic DetailElement */
/* ------------------------------------------ */
/* BEGIN Related List*/
.bPageBlock .pbHeader .listHeader {
    padding: 3px 2px 4px 2px;
    text-align: center;
    vertical-align: middle;
}

.bPageBlock .pbHeader .listHeader span {
    font-size: 100%;
    padding-right: 0.91em;
}

.bPageBlock .alignCenter {
    text-align:center;
}
.bPageBlock .list {
    width:100%;
}

/* polcari: I dropped the .bPageBlock to make this less specific in in hopes of fixing some problems w/ font color on the custom-tab picker page.
   Let me know if it causes problems & i'll devise a better workaround */
.list td,
.list th,
body.oldForecast .list .last td,
body.oldForecast .list .last th {
    padding: 4px 2px 4px 5px;
    color: #333;
    border-bottom: 1px solid #E3DEB8;
}

.bPageBlock .list .last td,
.bPageBlock .list .last th,
body.oldForecast .list .totalRow td,
body.oldForecast .list .totalRow th {
    border-bottom-width: 0;
}

.bPageBlock td.actionColumn .actionLink {
    color: #333;
    font-weight:bold;
    vertical-align: top;
}

.list .iconColumn,
.list .actionColumn {
    width: 1%;
}

.list th.actionColumn * {
    vertical-align: top;
}

/*ie behaves slightly differently - check common_ie for details */
.list .actionColumn input {
    margin-top:2px;
    vertical-align: top;
    margin-bottom: 1px;
}

/* Related List text formatting */
.list .headerRow th {
    border-bottom: 2px solid #CCC;
    white-space: nowrap;
}

.list .noRows, .bRelatedList .list .noRowsHeader {
    padding-bottom: 0;
    border-bottom: none;
    font-weight: normal;
    font-size: 91%;
}

.listHoverLinks,
.RLPanelShadow {
    display: none;
}

.backToTop {
    display: none;
}

.list tr.even th,
.list tr.odd th {
    font-weight: normal;
    white-space: normal;
}

.list tr.even th,
.list tr.odd th ,
.list tr.even td,
.list tr.odd td {
    vertical-align: top;
}

.list .booleanColumn {
    text-align: center;
}

.list .numericalColumn,
.list .numericalColumn,
.list .CurrencyElement {
    text-align:right;
}

.bPageBlock .pbInnerFooter table {
    width: 100%;
}

.list .CurrencyElement, .list .PhoneNumberElement, .list .DateElement {
    white-space: nowrap;
}
/*polcari: I cut out ".bPageBlock .list" to make this less specific and not conflict tables inside a row (custom tab picker).
If this causes problems, let me know there is another easy solution i can pursue */
.highlight td,
.highlight th {
    background-color:#FFF;
}

.listAction {
    font-size: 91%;
}

.actionColumn {
    white-space:nowrap;
}

/* End Related List text formatting */

.bPageBlock .list .divide td {
    border-bottom:none;
    padding-bottom:15px;
}

.bPageBlock .reportHeader {
    padding-bottom:10px;
}
.bPageBlock .reportHeader .booleanFilter,
.bPageBlock .reportHeader .itemNumber,
.bPageBlock .reportHeader .filterField,
.bPageBlock .reportHeader .filterValue,
.bPageBlock .reportHeader .filterAction {
    font-weight: bold;
}
.bPageBlock .reportOutput td, .bPageBlock .reportOutput th {
    vertical-align:top;
    padding:3px 2px 3px 5px;
    color:#333;
    white-space: normal;
}
.bPageBlock .reportOutput td.nowrapCell,
.bPageBlock .reportOutput th.nowrapCell {
    white-space: nowrap;
}
.bPageBlock .reportOutput {
    padding-bottom:15px;
    width:100%;
}
.bPageBlock .reportOutput .colSpan td {
    vertical-align:middle;
}
.bPageBlock .reportOutput th {
    border-top:none;
    text-align:left;
}
.bPageBlock .reportOutput .odd {
    background-color: #FFF;
}
.bPageBlock .reportOutput .even {
    background-color: #F3F3EC;
}

.bPageBlock .reportOutput a:active,
.bPageBlock .reportOutput a:hover {
    color: #666;
}

.bPageBlock .componentTable .col01, .bPageBlock .componentTable .col02 {
    padding-right:15px;
}

.categoryTitle {
    margin-bottom:10px;
    font-weight:bold;
}
.bPageBlock .categoryList td, .bPageBlock .categoryList th {
    text-align:left;
    padding:3px 2px 3px 5px;
    color:#333;
}
.bPageBlock .categoryList {
    padding-bottom:15px;
}
.bPageBlock .formTable h3 {
    padding:15px 0px 10px 0px;
    display:block;
    font-weight:bold;
}
.bPageBlock .formTable td {
    padding-left:0.89em;
}
.bPageBlock .formTable .bHeader {
    text-indent:-0.63em;
    font-weight:bold;
}
.bPageBlock .formTable .bBody {
    font-size: 91%;
}
.bPageBlock .formTable .asterisk{
    color:#c00;
}
.bPageBlock .textBox {
    width:160px;
    margin:1px;
    margin-right:7px;
}

.bPageBlock .cbCol {
    vertical-align:middle;
}
.bPageBlock .cbCol input {
    margin:-2px 0px -2px 0px;
}

/* we don't want to see the rolodex & prev/next buttons in most places */
.listElementBottomNav {
    display:none;
}

/* ok, it's nice to see the rolodex & prev/next buttons here */

.recycleBin .listElementBottomNav,
.listPage .listElementBottomNav,
.product .listElementBottomNav {
    display: block;
}

.listElementBottomNav .bNext .clear {
    clear:none;
    display:none;
}

/* END Related List */




/* begin document styles */

/* Center the New Document and New Email Template buttons and fix padding */
/* rchen - removing this because I don't think it's needed any more*/
/*.listDocument .bPageBlock .pbHeader {
    text-align: center;
    padding: 2px 0 2px 0;
}*/



/* End document Styles */


/* BEGIN Intro Page elements */

.introBody {
    width: 951px;
}

.introBody .introTitle{
    font-weight: bold;
}
.introBody .introForm {
    background-color: #E8E8E8;
    width: 225px;
    vertical-align:top;
    border-left:20px solid #fff;
}

.introBody .introFormBody {
    padding:1em;
    font-size:91%;
    text-align: center;
}
.introBody .introFormBody .formDescription {
    padding: 10px 0 20px 0;
    text-align: left;
}

.introBody .introForm .requiredMark {
    color:red;
    font-size:109%;
}

.introBody .introForm .inputLabel {
    padding-top:10px;
    font-weight:bold;
}

.introBody .introForm .formDescription{
    padding-top:10px;
    padding-bottom:15px;
}

.introBody .introForm .requiredDescription{
    padding-bottom:20px;
    text-align:right;
    font-weight:bold;

}

.introBody .formTitle {
    background-color: #999;
    padding:0.1em 1em 0.1em 1em;
    font-weight:bold;
    color:#fff;
}

.introBody .introDescription {
    background-color:#F3F3EC;
    padding:1.0em;
    background-repeat: no-repeat;
    background-position: left top;
    width:951px;
}

.introBody .introDescription .contentDescription {
    font-size:109%;
    width:70%;
    float:left;
    padding: 5px 0 20px 0;
}

.introBody .introDescription .demoDescription {
    font-size:109%;
    width:27.5%;
    float:right;
    padding-left:2.5%;

}

.introBody .introDescription .helpAndTraining {
    vertical-align:top;
    width:28%;
    float:right;
    padding-left:2%;
}

.introBody .introDescription .benefitsDescription{
    vertical-align:top;
    width:70%;
    float:left;
}

.introBody .introDescription .demoBox {
    background-color:#FFF;
    border:1px solid #000;
    margin:10px;
    width:170px;
}

.introBody .introDescription .demoBox .demoTitle {
    background-color:#000;
    color:#FFF;
    font-weight:bold;
    text-align:left;
}

.introBody .introDescription .demoBox .demoImage {
    background-color:#000;
    border-bottom:1px solid #000;
    width:71px;
}

.introBody  .introDescription .nestedModule {
    background-color: #F3F3EC;
    border-color: #F3F3EC;
    font-size:91%;
}

.introBody  .introDescription .nestedModuleInner {
    padding-bottom:70px;
}

.introBody  .introDescription .continue {
    text-align:right;
    float:right;
    width:8%;

}

.introBody  .introDescription .buttons {
    width:98%;
    clear: both;
    overflow:hidden;

}

.introBody  .upperBorder {
    padding-top:1.31em;
}

.introBody  .lowerBorder {
    padding-bottom:2px;
}

 .introBody .screenShot {
     margin-top:25px;
     margin-left:auto;
     margin-right:auto;
     margin-bottom:25px;
     width:100%;
     vertical-align:bottom;
 }


.accountTab .introBody .screenShot { background-image: url(/img/keys_new_accounts.gif);
	width:710px;
	height:175px; }
.campaignTab .introBody .screenShot { background-image: url(/img/keys_new_camp.gif);
	width:710px;
	height:175px; }
.caseTab .introBody .screenShot { background-image: url(/img/keys_new_cases.gif);
	width:710px;
	height:175px; }
.contactTab .introBody .screenShot { background-image: url(/img/keys_new_contacts.gif);
	width:710px;
	height:175px; }
.contractTab .introBody .screenShot { background-image: url(/img/keys_new_contract.gif);
	width:710px;
	height:175px; }
.dashboardTab .introBody .screenShot { background-image: url(/img/keys_new_dashboards.gif);
	width:710px;
	height:175px; }
.documentTab .introBody .screenShot { background-image: url(/img/keys_new_document.gif);
	width:710px;
	height:175px; }
.forecastTab .introBody .screenShot { background-image: url(/img/keys_new_forecasting.gif);
	width:710px;
	height:175px; }
.leadTab .introBody .screenShot { background-image: url(/img/keys_new_leads.gif);
	width:710px;
	height:175px; }
.opportunityTab .introBody .screenShot { background-image: url(/img/keys_new_opps.gif);
	width:710px;
	height:175px; }
.portalTab .introBody .screenShot { background-image: url(/img/keys_new_portals.gif);
	width:710px;
	height:175px; }
.productTab .introBody .screenShot { background-image: url(/img/keys_new_products.gif);
	width:710px;
	height:175px; }
.reportTab .introBody .screenShot { background-image: url(/img/keys_new_reports.gif);
	width:710px;
	height:175px; }
.solutionTab .introBody .screenShot { background-image: url(/img/keys_new_solutions.gif);
	width:710px;
	height:175px; }


.accountTab .introBody .introDescription { background-image: url(/img/accountsSplashBg.gif); }
.campaignTab .introBody .introDescription {  background-image: url(/img/campaignsSplashBg.gif); }
.caseTab .introBody .introDescription {  background-image: url(/img/casesSplashBg.gif); }
.contactTab .introBody .introDescription { background-image: url( /img/contactsSplashBg.gif); }
.contractTab .introBody .introDescription {background-image: url( /img/contractsSplashBg.gif); }
.dashboardTab .introBody .introDescription { background-image: url(/img/dashboardsSplashBg.gif); }
.documentTab .introBody .introDescription { background-image: url(/img/documentsSplashBg.gif); }
.forecastTab .introBody .introDescription { background-image: url(/img/forecastsSplashBg.gif); }
.leadTab .introBody .introDescription { background-image: url(/img/leadsSplashBg.gif); }
.opportunityTab .introBody .introDescription {background-image: url( /img/opportunitiesSplashBg.gif); }
.portalTab .introBody .introDescription { background-image: url(/img/portalsSplashBg.gif); }
.productTab .introBody .introDescription {background-image: url( /img/productsSplashBg.gif); }
.reportTab .introBody .introDescription { background-image: url(/img/reportsSplashBg.gif); }
.solutionTab .introBody .introDescription { background-image: url(/img/solutionsSplashBg.gif); }


/* END Intro Page elements */
/* --------------------------------------- */
/* BEGIN EventPage */

.eventTab div.recurrenceHeader {
    padding: 8px 0 8px 5px;
    border-right-style: solid;
    border-right-width: 2px;
    background-color: #F3F3EC;
}

.currentUser {
    font-weight:bold;
}

/* END EventPage */
/* --------------------------------------- */
/* BEGIN Tree pages */
.bTitle {
    border-bottom: 1px solid #000;
    margin-bottom: 4px;
    padding-bottom: 6px;
}

.bTitle h2 {
    font-size: 109%;
}

.bTitle .viewSelect {
    float: right;
}
/* END Tree pages */
/* --------------------------------------- */
/* BEGIN single user calendar */

.bCalendar .taskList {
    width: 50%;
    padding-left: 10px;
}

.bCalendar .calendarBlock {
    width: 50%;
}

.bCalendar .bTopButtons {
    text-align: right;
    margin-bottom: 2px;
}

.bCalendar .calHeader {
    clear: both;
    padding-top: 5px;
}

.bCalendar .calendarIconBar {
    white-space: nowrap;
    text-align: right;
    padding-bottom: 5px;
}

.bCalendar .bPageBlock .calendarIconBar * {
    float: none;
    display: inline;
}

.bCalendar .bPageBlock .pbTitle h3{
    margin: 3px 0 7px 0;
    font-weight: bold;
    width: auto;
    white-space: nowrap;
}

.bCalendar .bPageBlock .calendarView,
.bCalendar .bPageBlock .calendarWeekView {
    width: 100%;
    border-style:solid;
    border-width: 1px;
    background: none;
}

.bCalendar .calendarView td {
    padding: 1px 0 1px 2px;
    width: 90%;
}

.calendarBlock th {
    padding: 3px;
    font-weight: bold;
    text-align: right;
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    background-color: #E2E2D1;
}
.bCalendar .taskList th {
    border-right: none;
}

.bCalendar .even td,
.bCalendar .odd td{
    border-bottom: 1px solid #E8E3C3;
}

.bCalendar .calendarWeekView th {
    text-align: left;
    border: none;
}

.bCalendar .calendarWeekView .newLink {
    text-align: right;
    background-color: #E7E7D8;
    padding-right: 2px;
}

.bCalendar .calendarWeekView .eventBlock {
    border-bottom: 1px solid #E8E3C3;
    padding: 2px 0;
}

.bCalendar .calendarWeekView .eventBlock.last {
    border-bottom: none;
}

.bCalendar .bPageBlock .calendarDayWeekView {
    width: 100%;
    border: 2px solid #999;
    background: none;
    table-layout: fixed;
}

.bCalendar .bPageBlock .calendarDayWeekView .calDays {
    font-size: 110%;
    height: 25px;
    text-align: left;
    padding: 2px 0px 0px 5px;
    color:#333;
    border-bottom: 1px solid #A7A7A7;
}

.bCalendar .bPageBlock .calendarDayWeekView .calDays.timeColumn {
    padding-left: 0px;
}

.bCalendar .bPageBlock .calendarDayWeekView .date {
    background-color: #E2E2D1;
    padding: 1px 3px 1px 5px;
    font-size: 90%;
    color: #333;
    border-left: 1px solid #CCC;
    font-weight: bold;
}

.addNewEventIcon {
    background-image: url(/img/cal/addNew_off.gif);
	width:13px;
	height:9px;
    display:block;
    float: right;
    background-repeat: no-repeat;
    margin: 2px 6px 2px 2px;
}

a:hover img.addNewEventIcon {
    background-image: url(/img/cal/addNew_on.gif);
	width:13px;
	height:9px;
}

.bCalendar .calendarDayWeekView .timeColumn {
    background-color: #E2E2D1;
    height: 100%;
    width: 65px;
}

.bCalendar .calendarDayWeekView .timeCell {
    white-space: nowrap;
    border-top: 1px solid #E7E7D8;
    text-align: center;
    width: 60px;
}

html>body .bCalendar .calendarDayWeekView .timeCell {
    width: 100%;
}

.bCalendar .calendarDayWeekView .dayOfWeekCell {
    height: 100%;
}

.bCalendar .calendarDayWeekView .dayCell {
    width: 95%;
    height: 100%;
}

.bCalendar .calendarDayWeekView .dayBlock {
    width: 100%;
    height: 100%;
    border-left: 1px solid #CCC;
    table-layout: fixed;
}

/* Do not change the height without changing the height in SingleUserCalendar.java's getDurationEventCalendarElement() method */
.bCalendar .calendarDayWeekView .hourRow {
    height: 25px;
}

/* Do not change the height without changing the height in SingleUserCalendar.java's getDurationEventCalendarElement() method */
.bCalendar .calendarDayWeekView .hourRow td,
.bCalendar .calendarDayWeekView .hourRow th {
    padding: 0px;
    height: 17px;
}

.bCalendar .calendarDayWeekView .even td,
.bCalendar .calendarDayWeekView .even th {
    border-top: 1px solid #CCC;
}

.bCalendar .calendarDayWeekView .odd th {
    border: 1px solid #E7E7D8;
}

.bCalendar .calendarDayWeekView th.alldayevent,
.bCalendar .calendarDayWeekView td.alldayevent {
    margin: 0;
    background-color: #E8E8E8;
}

.bCalendar .calendarDayWeekView .eventBlock {
    border-width: 0px;
}

.bCalendar .calendarDayWeekView .even td.eventBlock {
    border-top-width:0px;
}

.bCalendar .calendarDayWeekView .eventBlockDiv {
    padding-left: 6px;
    border-color: #CCC;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    margin: 0px 0px -1px -1px;
    white-space: normal;
    overflow: hidden;
    cursor: pointer;
}

.bCalendar .calendarDayWeekView .multiLineEventBlock {
    padding: 2px 2px 4px 4px;
    background-color: #FFF;
    overflow:hidden;
    border-left: 1px solid #CCC;
    height:100%;
}

.bCalendar .calendarDayWeekView .eventIcon {
    float:left;
}

.bCalendar .calendarMonthView {
    width: 100%;
    border: 1px solid;
}

.bCalendar .calendarMonthView td.upperLeft,
.bCalendar .headerRow .calDays {
    background-color: #B8AFAB;
    color: #333;
}

.bCalendar .calendarMonthView .headerRow th {
    font-weight: bold;
    width: 14%;
    padding: 3px;
    text-align: left;
    border-color: #FFF;
    border-width: 0 0 1px 0px;
    border-style: solid;
    border-bottom-color: #CCC;
}

.bCalendar .calendarMonthView td {
    border: solid #CCC;
    border-width: 0 1px 1px 0;
    width: 14%;
    padding: 0;
}

.bCalendar .calendarMonthView td.upperLeft {
    border-width: 0;
    border-bottom: 1px solid #CCC;
    padding: 0;
}

.bCalendar .calendarMonthView .calInactive {
    background-color: #D4D4D4;
}

.bCalendar .calendarMonthView .calActive{
    background-color: #F3F3EC;
}
.bCalendar .calendarMonthView .calToday {
    background-color: #FFF;
}

.bCalendar .calendarMonthView .date {
    background-color: #E2E2D1;
    border-bottom: 1px solid #CCC;
    margin-bottom: 1px;
    padding: 1px 3px;
    font-size: 90%;
    color: #333;
    font-weight: bold;
}

.bCalendar .calendarMonthView .calToday .date {
    background-color: #CDC68D;
    font-weight: bold;
}

.bCalendar .calendarMonthView td .event {
    display: block;
    font-weight: bold;
}
.bCalendar td .event {
    font-weight: bold;
    margin-right: 0.4em;
}

.bCalendar .calendarMonthView .date .newLink {
    float: right;
    font-weight: normal;
}

.bCalendar .calendarMonthView .weekLink {
    width: 18px;
    background-color: #E2E2D1;
    padding: 30px 5px;
    vertical-align: middle;
    text-align: center;
}

.print .bCalendar .calendarWeekView th {
    background-color: #F3F3EC;
}

.bCalendar .pbHeaderBar,
.bMultiuserCalendar .pbHeaderBar {
    width: 100%;
    display:inline;
}

.bCalendar .pbHeaderBar .calLinks,
.bMultiuserCalendar .pbHeaderBar .calLinks {
    float:right;
    padding-right:2px;
    padding-left:20px;
}

.bCalendar .pbHeaderBar .legendBar,
.bMultiuserCalendar .pbHeaderBar .legendBar {
    float:left;
    padding-right:20px;
    padding-left:2px;
}

.bCalendar .legend,
.bMultiuserCalendar .legend {
    text-align: left;
}

.bCalendar .pbHeaderBar .headerClearing,
.bMultiuserCalendar .pbHeaderBar .headerClearing {
    clear:both;
}

.bCalendar.hideWeekend .weekend,
.bMultiuserCalendar .hideWeekend .weekend,
#listDiv .weekend {
    display: none;
}

.bCalendar .singleUserCalSpacer,
.bMultiuserCalendar .multiUserCalSpacer {
    width:740px;
    visibility:hidden;
}

.bCalendar .dailySpacer {
    width:405px;
    visibility:hidden;
}
/* END single user calendar */

/* --------------------------------------- */
/* BEGIN MultiuserCalendar */

.bMultiuserCalendar .bPageBlock {
    border-top-color: #506749;
}
.bMultiuserCalendar .bPageBlock .pbHeader .pbTitle,
.bMultiuserCalendar .bPageBlock .pbHeader .pbTitle h2{
    color:#506749;
}
.bMultiuserCalendar .bPageBlock .pbFooter,
.bMultiuserCalendar .bPageBlock,
.bMultiuserCalendar .bPageBlock .pbHeader .pbTitle .twisty {
    background-color:#506749;
}
.bMultiuserCalendar .bPageBlock .pbSubheader {
    background-color:#506749;
}
.bMultiuserCalendar  .pbButton, .bMultiuserCalendar  .pbDescription {
    vertical-align:middle;
}
.bMultiuserCalendar  .pbDescription {
    text-align:right;
}
.bMultiuserTopButtons {
    text-align: right;
    margin-bottom: 2px;
    float: right;
    clear:both;
}
.bMultiuserCalendar  .pbButton .iconBar {
    margin-top:0px;
    padding:1px 1px 1px 1px;
}
.bMultiuserCalendar  .pbButton .iconBar img {
    margin-right:4px;
    vertical-align:middle;
}
.bMultiuserCalendar  .pbButton .iconBar img.extra {
    margin-right:15px;
}
.bMultiuserCalendar  .pbButton .iconBar img.last {
    margin-right:24px;
}

.multiuserCalendar {
    border:1px #506749 solid;
}
.multiuserCalendar .calendarTable {
    /* todo: polcari can we scrap this? */
    /* IE 5.x 100% Table Work-Around Begin */
    width:90%;
    voice-family: "\"}\"";
    voice-family: inherit;
    width:100%;
    /* IE 5.5x 100% Table Work-Around End */
}
.multiuserCalendar .sunCol, .multiuserCalendar .monCol,
.multiuserCalendar .tueCol, .multiuserCalendar .wedCol,
.multiuserCalendar .thuCol, .multiuserCalendar .friCol,
.multiuserCalendar .satCol{
    width:11%;
    border-left:1px solid #CCC;
}

.multiuserCalendar .mins.first {
    border-left:1px solid #CCC;
}

.multiuserCalendar.hideWeekend .monCol, .multiuserCalendar.hideWeekend .tueCol,
.multiuserCalendar.hideWeekend .wedCol, .multiuserCalendar.hideWeekend .thuCol,
.multiuserCalendar.hideWeekend .friCol {
    width:15.4%;
}
.multiuserCalendar.hideWeekend .sunCol, .multiuserCalendar.hideWeekend .satCol {
    display:none;
}

.multiuserCalendar th.sunCol, .multiuserCalendar th.monCol,
.multiuserCalendar th.tueCol, .multiuserCalendar th.wedCol,
.multiuserCalendar th.thuCol, .multiuserCalendar th.friCol,
.multiuserCalendar th.satCol, .multiuserCalendar th.timeCol,
.multiuserCalendar .headerRow th.nameCol,
.multiuserCalendar .headerRow th.typeCol {
    border-left:none;
    border-bottom:none;
}
.multiuserCalendar.superDetail th.timeCol {
    border-left: 1px solid #CCC;
    padding: 0 2px;
}
.multiuserCalendar .nameCol,
.multiuserCalendar .typeCol {
    border-left:1px solid #CCC;
    border-bottom:1px solid #CCC;
}
.multiuserCalendar .headerRow th.cbCol {
    border-bottom:none;
}
.multiuserCalendar th.sunCol, .multiuserCalendar th.monCol,
.multiuserCalendar th.tueCol, .multiuserCalendar th.wedCol,
.multiuserCalendar th.thuCol, .multiuserCalendar th.friCol,
.multiuserCalendar th.satCol, .multiuserCalendar th.nameCol {
/*  background-image: url(../images/calendar/bgBorderMUCalendar.gif); */
    background-repeat: no-repeat;
    background-position: left bottom;
}

.multiuserCalendar .error .nameCol {
    background-color: #C00;
    color: #FFF;
}

.multiuserCalendar .lastLineOdd, .multiuserCalendar .lastLineEven {
    border-bottom:none;
}

/* Outer block surrounding the calendar, shared with single-user cal */
.calHeader {
    width: 100%;
    text-align: center;
    color: #333;
    font-weight: bold;
    padding-bottom: 5px;
}

.calHeader a {
    font-size: 100%;
}

.calHeader .prev{
    margin-right: 1em;
}

.calHeader .next{
    margin-left: 1em;
}

.calHeader .picker {
    margin: 0 1em 0;
    padding-top: 2px;
}

.calHeader .rightElements {
    float:right;
    padding-right:5px;
}

.calHeader .titleElements {
    white-space:nowrap;
}

.multiuserCalendar .dateRow td,
.multiuserCalendar .dateRow th {
    background-color: #E2E2D1;
    color:#333;
    border-top:1px solid #CCC;
    border-bottom:1px solid #CCC;
    font-weight:bold;
    font-size: 91%;
    padding:1px 0px 0px 4px;
}

.multiuserCalendar .dateRow td a,
.multiuserCalendar th a {
    color:#333;
    font-weight:bold;
}

.multiuserCalendar .headerRow th {
    background-color:#B8AFAB;
    font-weight:bold;
    padding:3px 0px 3px 0px;
    color:#333;
}

.multiuserCalendar th,
.multiuserCalendar .even td.cbCol,
.multiuserCalendar .odd td.cbCol {
    background-color:#E2E2D1;
    color:#506749;
    font-weight:bold;
}

.multiuserCalendar th.cbCol,
.multiuserCalendar .even td.cbCol,
.multiuserCalendar .odd td.cbCol {
    text-align: center;
    vertical-align: middle;
    border-bottom:1px solid #CCC;
}

.multiuserCalendar tr.continuing th.cbCol,
.multiuserCalendar tr.even.continuing td.cbCol,
.multiuserCalendar tr.odd.continuing td.cbCol {
    border-bottom: none;
}

.multiuserCalendar .odd td {
    background-color:#fff;
}
.multiuserCalendar .even td {
    background-color:#F9F9F9;
}
.multiuserCalendar .even td, .multiuserCalendar .odd td{
    border-bottom:1px solid #E3DEB8;
    padding:0px;
}
.multiuserCalendar tr.continuing td,
.multiuserCalendar tr.continuing th {
    border-bottom: none;
}

.multiuserCalendar td.nameCol,
.multiuserCalendar th.nameCol,
.multiuserCalendar td.typeCol {
    padding:3px 0px 3px 3px;
    vertical-align:middle;
}

.multiuserCalendar .emptyRow {
    line-height:0;
}

.multiuserCalendar .eventBusy,
.multiuserCalendar .eventFree,
.multiuserCalendar .eventOOO
{
    text-decoration: none;
    display: block;
    width: 100%;
    height: 1.2em;
    overflow: hidden;
}

/* TODO JSW remove for 144 */
.multiuserCalendar .eventCtnr {
    position: relative;
    min-height: 1.2em;
}

/* TODO JSW remove for 144 */
.multiuserCalendar .eventCtnr .eventBusy,
.multiuserCalendar .eventCtnr .eventFree,
.multiuserCalendar .eventCtnr .eventOOO
{
    text-decoration: none;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
}

.multiuserCalendar .inner{
    display:block;
    width: 100%;
    height: 100%;
}

.multiuserCalendar .eventCtnr .eventText {
    margin: 0 3px;
    width: auto;
    background-color: #FEFDB9;
    text-decoration: none;
    color: #333;
    overflow: hidden;
    white-space: nowrap;
}

.multiuserCalendar .eventCtnr .callout{
    position: absolute;
    display: none;
    left:-2em;
    bottom: 120%;
    width: 15em;
    background-color: #FEFDB9;
    padding:  2px;
    border: 1px solid black;
    /*Mozilla:*/
    opacity: 0;
}

.superDetail .mins.first {
    border-left: 1px solid black;
}

.superDetail .dayView .mins.first{
    border-left: none;
}

.superDetail .eventBusy,
.superDetail .eventFree,
.superDetail .eventOOO {
    height: 100%;
    overflow: visible;
}

.superDetail .eventBusy div,
.superDetail .eventFree div,
.superDetail .eventOOO div {
    margin: 0 4px;
    background-color: #FEFDB9;
    font-size: 75%;
    white-space: nowrap;
    border-top: 1px solid #E3DEB8;
    border-bottom: 1px solid #E3DEB8;
}

.superDetail .eventBusy a,
.superDetail .eventFree a,
.superDetail .eventOOO a {
    text-decoration: none;
}

.legend {
    padding:4px 5px 4px 0px;
    text-align:right;
}
.legend div {
    display:inline;
    height: 9px;
    padding-right: 9px;
}
.legend span {
    margin:0px 6px 0px 2px;
    padding-bottom:2px;
}

.legend .busy,
.multiuserCalendar .eventBusy,
.bCalendar .calendarDayWeekView .eventBlockDiv.eventBusy,
.hoverDetail.eventBusy .hoverOuter {
    background-color: #6699CC;
}

.legend .outOfOffice,
.multiuserCalendar .eventOOO,
.bCalendar .calendarDayWeekView .eventBlockDiv.eventOOO,
.hoverDetail.eventOOO .hoverOuter {
    background-color: #B6624F;
}

.bCalendar .calendarDayWeekView .eventBlockDiv.eventFree,
.hoverDetail.eventFree .hoverOuter {
    background-color: #FFFFFF;
}

.multiuserCalendar .eventFree {
/*  intentionally blank - slevine bug #54128 */
}

/* END MultiuserCalendar */
/* --------------------------------------------- */
/* BEGIN TaskList */

.bMyTask .selectMenuDiv .selectMenuDropdownDiv {
    border: 1px solid #333;
    background-color: #FFF;
}

.bMyTask .selectMenuDiv .selectMenuDropdown .theOption {
    background-color: #FFF;
    padding: 2px 6px 2px 6px;
    border: 0px solid #BBB;
    text-align:left;
    font-size: 80%;
}

.bMyTask .selectMenuDiv .selectMenuDropdown a.theOption.hover {
    background-color: #9096A1;
    color: #FFF;
}

/* END TaskList */
/* --------------------------------------------- */
/* BEGIN Entity Merge */
.mergeEntity {
    width: 100%;
}

.mergeEntity .headerRow td,
.mergeEntity .headerRow th{
    background-color: #DDD;
    text-align: left;
    font-weight: bold;
}

.mergeEntity .requiredInput th {
    color: white;
}

.accountTab .mergeEntity .requiredInput th,
.personaccountTab .mergeEntity .requiredInput th  {
    background-color: #36C;
}
.accountTab .mergeEntity .requiredMark,
.personaccountTab .mergeEntity .requiredMark  {
   color: #36C;
}
.leadTab .mergeEntity .requiredInput th {
    background-color: #E1A21A;
}
.leadTab .mergeEntity .requiredMark {
   color: #E1A21A;
}
.contactTab .mergeEntity .requiredInput th {
    background-color: #56458C;
}
.contactTab .mergeEntity .requiredMark {
   color: #56458C;
}
.mergeEntity th{
    background-color: #DDD;
    text-align: right;
    vertical-align: top;
    border-bottom: 1px solid #BBB;
    padding-right: 2px;
}

.mergeEntity td {
    background-color: white;
    vertical-align: top;
    white-space: normal;
    border-bottom: 1px solid #BBB;
}

.mergeEntity .last td,
.mergeEntity .last th{
    border-bottom: none;
}

/* END Entity Merge */
/* --------------------------------------------- */
/* BEGIN Icons */
/* If possible we try to keep all icon substitions together */
/*  for the sake of classic mode & PNG->GIF swaps per browser sheet */

/* general skinnable utility icons */
.helpImage { background-image: url(/img/btn_help.gif);
	width:18px;
	height:16px; }

.printWinIcon { background-image: url(/img/print_icon.gif);
	width:18px;
	height:16px; }
.lookupPopup { background-image: url(/img/lookup.gif);
	width:18px;
	height:16px; }
.groupEventIcon { background-image: url(/img/group_event.gif);
	width:16px;
	height:16px; }
.doubleArrowUp { background-image: url(/img/double_arrow_up.gif);
	width:24px;
	height:20px; }
.doubleArrowDwn { background-image: url(/img/double_arrow_dwn.gif);
	width:24px;
	height:20px; }
.comboIcon { background-image: url(/img/combo.gif);
	width:18px;
	height:16px; }
.colorIcon { background-image: url(/img/color_icon.gif);
	width:18px;
	height:16px; }
.downArrowIcon { background-image: url(/img/arrow_dwn.gif);
	width:24px;
	height:20px; }
.leftArrowIcon { background-image: url(/img/arrow_lt.gif);
	width:24px;
	height:20px; }
.rightArrowIcon { background-image: url(/img/arrow_rt.gif);
	width:24px;
	height:20px; }
.upArrowIcon{ background-image: url(/img/arrow_up.gif);
	width:24px;
	height:20px; }
.datePickerIcon { background-image: url(/img/date_picker.gif);
	width:18px;
	height:16px; }
.escalatedLarge { background-image: url(/img/escalated_lg.gif);
	width:16px;
	height:16px;
  vertical-align: middle;
  margin-left: 3px;
  margin-top: 3px;
}
.escalatedSmall {
  background-image: url(/img/escalated.gif);
	width:16px;
	height:16px;
  vertical-align: middle;
  margin-left: 3px;
  margin-top: -2px;
}
.mouseover { background-image: url(/img/mouseover_icon.gif);
	width:18px;
	height:16px; }

.imgNewDataSmall, .imgNewData {
  vertical-align: top;
  margin-left: .5em;
}

/* multiforce bar */
.tab .multiforce div {
background-image: url(/img/tab/mf_picklist.gif);
	width:47px;
	height:21px;
background-repeat: no-repeat;
 }

/* End general utility icons */

.listTranslatedSolutions .pbTitle h3 { margin: 3px 0 0 4px; }

/* hide related list icon */
.relatedListIcon { display: none; }

/* special case for UserDefined motifs -- should have been done in custom_template */
.listRelatedObject .userDefinedImage {
    position: relative;
    float:left;
    margin-top:-4px;
    margin-left:5px;
    display: inline;
}
/* special case - undo the above styles */
.listRelatedObject .motifElement .userDefinedImage {
    position: static;
    float: none;
    margin-top: 0px;
    margin-left: 0px;
}
/* special case - hide the image */
.customnotabBlock .userDefinedImage {
    display: none;
}

.relatedListIcon,
.mruIcon {
    background-repeat: no-repeat;
}

.hideListButton { background-image: url(/img/twistySubhDown.gif);
	width:16px;
	height:10px; }
.showListButton { background-image: url(/img/twistySubhRight.gif);
	width:16px;
	height:10px; }

.twistyHeader .hideListButton { background-image: url(/img/arrowDown.gif);
	width:16px;
	height:13px; }
.twistyHeader .showListButton { background-image: url(/img/arrowRight.gif);
	width:16px;
	height:13px; }


/* END Icons */
/* --------------------------------------------- */
/* BEGIN Calendar buttons, used on multiple pages */
.calendarIconBar {
    padding-top: 3px;
}

.calendarIconBar .dayViewIconOn {
    background-image: url(/img/cal/btnDay_on.gif);
	width:24px;
	height:18px;
    display:block;
}

.calendarIconBar .dayViewIcon {
    background-image: url(/img/cal/btnDay_off.gif);
	width:24px;
	height:18px;
    display:block;
}

.calendarIconBar .weekViewIconOn {
    background-image: url(/img/cal/btnWeek_on.gif);
	width:24px;
	height:18px;
    display:block;
}

.calendarIconBar .weekViewIcon {
    background-image: url(/img/cal/btnWeek_off.gif);
	width:24px;
	height:18px;
    display:block;
}

.calendarIconBar .monthViewIconOn {
    background-image: url(/img/cal/btnMonth_on.gif);
	width:24px;
	height:18px;
    display:block;
    padding-right: 13px;
}

.calendarIconBar .monthViewIcon {
    background-image: url(/img/cal/btnMonth_off.gif);
	width:24px;
	height:18px;
    display:block;
    padding-right: 13px;
}

.calendarIconBar .singleUserViewIconOn {
    background-image: url(/img/cal/btnOnePerson_on.gif);
	width:24px;
	height:18px;
    display:block;
}

.calendarIconBar .singleUserViewIcon {
    background-image: url(/img/cal/btnOnePerson_off.gif);
	width:24px;
	height:18px;
    display:block;
}

.calendarIconBar .multiUserViewIconOn {
    background-image: url(/img/cal/btnMultiPerson_on.gif);
	width:24px;
	height:18px;
    display:block;
    padding-right: 13px;
}

.calendarIconBar .multiUserViewIcon {
    background-image: url(/img/cal/btnMultiPerson_off.gif);
	width:24px;
	height:18px;
    display:block;
    padding-right: 13px;
}

.calendarIconBar .listViewIconOn {
    background-image: url(/img/cal/btnListView_on.gif);
	width:24px;
	height:18px;
    display:block;
    padding-right: 0px;
}

.calendarIconBar .listViewIcon {
    background-image: url(/img/cal/btnListView_off.gif);
	width:24px;
	height:18px;
    display:block;
    padding-right: 0px;
}

/* this can probably be changed to regular inline layout */
.calendarIconBar img {
    float: left;
    background-repeat: no-repeat;
    padding-right: 3px;
    width: 24px;
    height: 18px;
}

.calendarIconBar .clear {
    clear: both;
}

.prevCalArrow { background-image: url(/img/cal/btnLeft.gif);
	width:19px;
	height:13px; }

.nextCalArrow { background-image: url(/img/cal/btnRight.gif);
	width:19px;
	height:13px; }


/* END calendar Buttons */
/* -------------------------------- */
/* BEGIN Sidebar Modules */
/* - html Area Left -*/

/* - Generic -*/
.sidebarModule {
    background-color:#E8E8E8;
    margin: 0 0 2px 0;
    overflow: hidden;
}

.sidebarModule .requiredMark {
    color: #E8E8E8; /* Hide in background */
}

.sidebarModuleHeader {
    padding: 15px 8px 2px 15px;
    font-weight: bold;
}

.sidebarModuleBody,
.sidebarModuleBodyNoHeader {
    padding: 0 6px 16px 11px;
}

.sidebarModuleBodyNoHeader {
    padding-top: 15px;
}

.sidebarModuleBody select {
    font-size: 91%;
}


/* - Image - */
.imageModule .sidebarModuleBody {
    margin: auto;
    padding-left: 0;
    padding-right: 0;
    width: 185px;
}

/* - Create New - */
.createNewModule {
    overflow: visible;
}

/* - Recycle Bin - */
.recycleBin .undelButtons {
    text-align: center;
}

body.recycleBin .bFilter {
  margin-left: 0;
}

body.recycleBin .bFilter input {
  margin-left: .25em;
  margin-right: .25em;
}
.recycleBinModule {
    background-color:#E8EEE3;
}
.recycleBinModule .sidebarModuleBody {
    padding:10px 12px 10px 16px;
    font-weight: bold;
}
.recycleBinModule a {
    color: #360;
    text-decoration: none;
}
.recycleBinModule a span {
    text-decoration: underline;
}

/* - Recent Items - */
.recentItemModule {
    overflow: visible;
}

.mruItem  {
    position: relative;
    /* must be greater than the sidebar handle/indicators for IE6 bug */
    z-index: 7;
    padding: 4px 2px 3px 30px;
}

.mruItem a img {
    position: absolute;
    left: 5px;
}

/* MRU hover details */
.mruHoverDetail {
    display: none;
    position: absolute;
    z-index: 15;
    top: 0;
    width: 300px;
    overflow: hidden;
}

.mruList .secondaryPalette a {
    color: #fff;
}

.mruList .secondaryPalette .pbBody a {
    color: #000;
    font-weight: normal;
    text-decoration: underline;
}

/* override normal pageblock styles for the hover */
.mruHoverDetail .bPageBlock {
    border-width: 3px;
    border-style: solid;
    margin: 0;
    padding: 0;
}

.mruHoverDetail .bPageBlock .pbFooter {
    display: none;
}

.mruHoverDetail .bPageBlock .pbHeader {
    padding: 0;
    margin: 0 0 0 2px;
    border: none;
    background-color: transparent;
}

.mruHoverDetail .bPageBlock .pbTitle {
    width: 45%;
}

.mruHoverDetail .bPageBlock .pbTitle h2,
.mruHoverDetail .bPageBlock .pbTitle h3 {
    color: #fff;
    overflow: hidden;
    width: 140px;
}

.mruHoverDetail .bPageBlock .pbHeader .errorTitle {
    display: block;
    font-size: 91%;
    color: #fff;
    margin: 2px 0 4px 4px;
}

.mruHoverDetail .bPageBlock .pbButton {
    text-align: right;
}

.mruHoverDetail .bPageBlock .pbBody {
    margin: 0;
    padding: 6px 10px;
}

.mruHoverDetail .bPageBlock .detailList .labelCol {
    width: 33%;
    border-bottom: 1px solid #E3DEB8;
}

.mruHoverDetail .bPageBlock .detailList .dataCol,
.mruHoverDetail .bPageBlock .detailList .data2Col {
    width: 67%;
    border-bottom: 1px solid #E3DEB8;
}

.mruHoverDetail .bPageBlock .detailList .last {
    border-bottom: none;
}

/* end MRU */

/* - Search - */
.pbSearch input.searchTextBox {
    margin-right: 3px;
}

.searchModule {
    background-color:#D9D9D9;
}

.searchModule .sidebarModuleBody {
    padding-bottom: 5px;
}

.searchScope {
    margin-bottom: 5px;
    padding-bottom: 7px;
    padding-top: 2px;
}

.searchModule .searchTextBox {
    width: 150px;
    margin: 1px 7px 0 1px;
    font-size: 91%;
    vertical-align: middle;
}

.searchFooter {
    border-top: 1px dotted #999;
    font-size: 91%;
    padding: 6px 2px 0px 0px;
}


/* - Nested Base - */
.nestedModule {
    background-color: #E8E8E8;
    background-image:  url("/img/bgmMessage.gif");
    background-repeat: no-repeat;
    background-position: left top;
    border-color: #E8E8E8; /* Match the background color */
    border-style: solid;
    border-width: 10px 0;
    margin-top: -2px; /* Eat up the margin spacing that's normally present */
    padding:0px 15px 0px 13px;
}

.nestedModuleInner {
    background-color: #FFF;
    margin-bottom: 0;
}

.nestedModule .sidebarModuleHeader {
    padding-top: 7px;
    padding-bottom: 5px;
}

.nestedModule .sidebarModuleBody {
    border-top: 1px solid #CCC;
    line-height:1.6em;
    margin: 0 10px 8px;
    padding: 0px 3px 0 5px;
}

/* - Custom Links - */
.linksModule ul {
    padding: 2px 0 1px 10px;
    margin: 0;
}

.linksModule li {
    list-style: disc;
    padding: 0;
    line-height: 1.3em;
    margin: 0;
}

/* - Division - */
.divisionModule  {
    background-color:#D9D9D9;
}

.divisionModule select {
    width: 165px;
}

/* - Quick Create - */
.quickCreateModule .requiredMark {
    color: #C00;
}

.quickCreateField {
    padding: 1px 2px 5px 4px;
}

.quickCreateFooter {
    padding-bottom: 2px;
}
/* END Sidebar Modules */
/* --------------------------------------- */
/* BEGIN Wizard */
.bWizardBlock {
    border-bottom: 2px solid #747E96;
    margin-right: 11px;
}
.bWizardBlock .pbWizardTitle {
    background-position: bottom;
    background-repeat: repeat-x;
    font-weight: bold;
    color: white;
    padding: 2px 15px 6px 15px;
}
.reportTab .bWizardBlock .pbWizardTitle {
    background-image: url(/img/bgReportsWizard.gif);
}
.campaignTab .bWizardBlock .pbWizardTitle {
    background-image: url(/img/bgCampaignsWizard.gif);
}

.bWizardBlock .pbWizardTitle .ptRightTitle{
    float: right;
}

.bWizardBlock .pbWizardHeader {
    margin-bottom: 6px;
}

.bWizardBlock .pbDescription {
    color: #333;
    font-size: 109%;
    clear: right;
}
.bWizardBlock .pbTopButtons {
    color: #333;
}
.bWizardBlock .pbTopButtons label {
    font-size: 109%;
}
.bWizardBlock .pbTopButtons #navsel {
    font-size: 91%;
}

.bWizardBlock .pbBody {
    background-color: #F3F3EC;
    background-image: url(/img/bgScanline.gif);
    background-repeat: repeat;
    padding: 6px 20px 2px 20px;
}

.bWizardBlock .quickLinks,
.bWizardBlock .pbWizardHelpLink {
    float: right;
    margin: 4px 0;
}

.linksDiv fieldset {
    overflow: visible;
    position: relative;
}

.bEditBlock .linksDiv fieldset {
    margin-top:-2.0em;
}

.editFormulaQuickLinks {
    float: right;
}

.bWizardBlock fieldset {
    background-color: white;
}

.bWizardBlock .pbWizardBody {
    clear: both;
}

/* Magic to make the div clear its floats.  X-Browser */
.bWizardBlock .pbWizardFooter,
.bWizardBlock .pbWizardHeader {
    overflow: hidden;
    height: 1%;
}

.bWizardBlock .pbTopButtons {
    float: right;
    margin: 2px 5px 2px 1em;
}

.bWizardBlock .pbBottomButtons {
    float: right;
    margin-right: 5px;
}

.bWizardBlock .bPageBlock {
    margin: 0;
}

/* for mass email wizards */
.bWizardBlock .bRelatedList .contactBlock .secondaryPalette .pbHeader,
.bWizardBlock .bRelatedList .leadBlock .secondaryPalette .pbHeader,
.bWizardBlock .bRelatedList .caseBlock .secondaryPalette .pbHeader {
    background-color: #EEECD1;
    border-top-width:4px;
    border-top-style: solid;
    border-bottom: 1px solid #fff;
}

.bWizardBlock .bRelatedList .contactBlock .secondaryPalette .pbBody,
.bWizardBlock .bRelatedList .leadBlock .secondaryPalette .pbBody,
.bWizardBlock .bRelatedList .caseBlock .secondaryPalette .pbBody {
    padding-bottom: 2px;
    border-bottom-width: 2px;
    border-bottom-style: solid;
}
/* end mass email wizards */

.bWizardBlock .pbBody .bPageBlock,
.bWizardBlock .pbBody .bPageBlock .pbFooter,
.bWizardBlock .pbBody .bPageBlock .pbHeader{
    background: none;
    border: none;
}

.bWizardBlock .bPageBlock .pbTitle,
.bWizardBlock .bPageBlock .pbBody {
    background: none;
    padding: 0;
    margin: 0;
}

.bWizardBlock .bPageBlock .detailList tr td,
.bWizardBlock .bPageBlock .detailList tr th {
    border-bottom: none;
}

.bWizardBlock .bPageBlock .detailList .col02 {
    border-right: none;
    padding-right: 20px;
}

.bWizardBlock .bPageBlock .detailList .labelCol,
.bWizardBlock .bPageBlock .detailList .dataCol,
.bWizardBlock .bPageBlock .detailList .data2Col,
.bWizardBlock .bPageBlock .detailList .detailRow,
.bWizardBlock .bRelatedList .bPageBlock .pbBody,
.bWizardBlock .listReport .bPageBlock .pbBody {
    background-color: #F3F3EC;
}

/* Defaults: */
.bWizardBlock .pbWizardTitle,
.bWizardBlock .pbSubheader{
    background-color: black;
}

/* In a pageblock, these are black, in a wizard, these should
 * behave like subblocks TODO: polcari - link palette bg color with FG color*/
.bWizardBlock .pbHeader .pbTitle h2,
.bWizardBlock .pbHeader .pbTitle h3 {
    color: #FFF;
}

.bWizardBlock .bRelatedList .pbHeader .pbTitle h2,
.bWizardBlock .bRelatedList .pbHeader .pbTitle h3 {
    color: #333;
}

.reportTab .bWizardBlock .bRelatedList .pbHeader .pbTitle h2,
.reportTab .bWizardBlock .bRelatedList .pbHeader .pbTitle h3 {
    color: #FFF;
}

/* END Wizard */
/* ----------------------------------- */
/* BEGIN Lookup */
/* subjectSelectionPopup is also mixed in */

div.lookup,
div.invitee,
.popup {
    padding: 10px 10px 0 10px;
}

.popup .bPageBlock .labelCol{
    width: 30%;
}

.lookup .actionColumn {
    width: 1%;
}

.lookup .pBody {
    padding-left: 30px;
    font-weight: bold;
}

/* Don't need bold text in lookup body text or bottom padding */
.lookup .bDescription{
    font-size: 100%;
    font-weight: normal;
}
.lookup .bPageBlock,
.popup .bPageBlock {
    padding-right: 0;
    padding-bottom: 0;
    background-image: none;
    border-bottom-width: 2px;
    border-bottom-style: solid;
}

.lookup .bPageBlock .pbBody,
.lookup .bPageBlock .pbBottomButtons,
.popup .bPageBlock .pbBody,
.popup .bPageBlock .pbBottomButtons {
    margin-right: 0;
}
.lookup .bPageBlock .pbHeader,
.lookup .bPageBlock .pbFooter,
.popup .bPageBlock .pbHeader,
.popup .bPageBlock .pbFooter{
    display: none;
}
/* Specific for calendar invitee lookup */
.invitee .bPageTitle h1 {
    font-size: 93%;
}
.invitee .relatedListIcon {
    display: none;
}
.invitee .bPageBlock .pbTitle h3 {
    margin-left: 10px;
}

.lookup .footer {
    margin-top: 20px;
    border-top: 2px solid #D9D9D9;
    padding-top: 0.5em;
    text-align: center;
    color: #878787;
}

.lookup .content h1 {
    margin: 0.5em 0;
}
.lookup .bPageBlock .list .errorMsg {
    color: #C00;
    text-align: center;
    border-bottom: none;
}
/* Remove all bottom padding so there's less change a vertical scrollbar appears */
.lookup,
.lookup .pBody,
.lookup .bDescription {
    padding-bottom: 0;
}
.lookup #division,
.lookup #lksrch,
.lookup #lktp {
    margin: 0 1em;
}

/* New asset in lookup */
.newAssetLookupHeader .step {
    font-weight: bold;
    float: right;
}

.newAssetLookupHeader h2 {
    margin-bottom: 6px;
}

.newAssetLookupHeader p {
    margin: 0;
}

/* subjectSelectionPopup */
.subjectSelectionPopup h1 {
    margin: 0.5em;
}
body.subjectSelectionPopup div.choicesBox {
  width: 90%;
  padding: 0px;
  border-top-width: 5px;
  border-top-style: solid;
  margin-left: auto;
  margin-right: auto;
    background-color:#F3F3EC;
}
.subjectSelectionPopup .footer {
    margin: 20px auto 0 auto;
    border-top: 2px solid #D9D9D9;
    padding-top: 0.5em;
    text-align: center;
    color: #878787;
    font-size: 91%;
    width:90%;
}
.subjectSelectionPopup ul {
  width: 95%;
  padding: 0;
  margin: 0 auto;
  list-style: none;
}
.subjectSelectionPopup li {
  margin: 0;
  padding: 4px;
  border-top: 1px solid #E3DEB8;
  vertical-align : middle;
}
.subjectSelectionPopup li a {
     font-size: 91%;
}
.subjectSelectionPopup li.listItem0 {
  border-top: none;
}
.choicesBox br {
  display:none;
}
/* END Lookup */
/* ----------------------------------- */
/* BEGIN Specifc Page colors */


.homeTab .bPageTitle .ptBody .greeting .pageType {
    font-size: 109%;
    font-weight: bold;
}
.homeTab .bPageTitle .ptBody .greeting .pageDescription{
    font-size: 91%;
    font-weight: normal;
}
.homeTab .bPageTitle .ptBody .greeting h1,
.homeTab .bPageTitle .ptBody .greeting h2 {
    padding-left: 0px;
}



.bMyDashboard .bPageBlock {
    border-top-color: #7E1E14;
}
.bMyDashboard .bPageBlock .pbHeader .pbTitle {
    color:#7E1E14;
}
.bMyDashboard .bPageBlock .pbFooter,
.bMyDashboard .bPageBlock,
.bMyDashboard .bPageBlock .pbHeader .pbTitle .twisty {
    background-color:#7E1E14;
}
.bMyDashboard .bPageBlock .pbSubheader{
    background-color:#7E1E14;
}

body .bDashboard .primaryPalette,
body .bDashboard .secondaryPalette {
    background-color: #861614;
    border-color: #861614;
}

body .bDashboard .tertiaryPalette {
    background-color: #A55647;
    border-color: #A55647;
}
.bWizardBlock .bRelatedList .leadBlock .secondaryPalette .pbHeader {
    border-top-color: #E39321;
}
.bWizardBlock .bRelatedList .leadBlock .secondaryPalette .pbBody {
    border-bottom-color: #E39321;
}


body .bNote .primaryPalette,
.note .primaryPalette {
    background-color: #44A12C;
    border-color: #44A12C;
}

body .bNote .secondaryPalette,
.searchResults .listNote .secondaryPalette,
.note .secondaryPalette {
    background-color: #638658;
    border-color: #638658;
}


.bMyCalendar .primaryPalette,
.bMyCalendar .secondaryPalette,
.bMultiuserCalendar .primaryPalette,
.bMultiuserCalendar .secondaryPalette {
    background-color: #506749;
    border-color: #506749;
}

.bMultiuserCalendar  .pbButton, .bMultiuserCalendar  .pbDescription {
    vertical-align:middle;
}
.bMultiuserCalendar  .pbDescription {
    text-align:right;
}
.bMultiuserCalendar  .pbButton .iconBar {
    margin-top:0px;
    padding:1px 1px 1px 1px;
}
.bMultiuserCalendar  .pbButton .iconBar img {
    margin-right:4px;
    vertical-align:middle;
}
.bMultiuserCalendar  .pbButton .iconBar img.extra {
    margin-right:15px;
}
.bMultiuserCalendar  .pbButton .iconBar img.last {
    margin-right:24px;
}
.bMyCalendar .bPageBlock .pbBody .eventList{
    padding-top:10px;
}

/* blacktab */

.bGeneratedReport .bPageBlock,
.reportTab .csvSetup .bPageBlock {
    border-top-color:#A85548;
}

.bGeneratedReport .bPageBlock .pbFooter,
.bGeneratedReport .bPageBlock,
.bGeneratedReport .bPageBlock .pbHeader .pbTitle .twisty,
.reportTab .csvSetup .bPageBlock,
.reportTab .csvSetup .bPageBlock .pbFooter,
.reportTab .csvSetup .bPageBlock .pbHeader .pbTitle .twisty  {
    background-color:#A85548;
}
.bGeneratedReport .bPageBlock .pbSubheader,
.reportTab .csvSetup .bPageBlock .pbSubheader {
    background-color:#A85548;
}

/* END Specific page colors */
/* -------------------------------- */
/* BEGIN reports */

/* This is here because reports don't have rolodexes on their views */
.reportTab .lbBody .bFilterView {
    margin-bottom: 0px;
}

.reportTab .bFilterView {
    margin-bottom: 15px;
}

.bFilterReport h3 {
    text-align:left;
    font-size: 91%;
    font-weight:normal;
    padding: 8px 10px 0 0;
    display:block;
}
.bFilterReport {
    margin-left: 18px;
}
.reportParameters .row {
    margin-bottom: 15px;
}
.reportParameters .row tr {
    vertical-align: top;
}
.reportParameters .row td {
    padding-right: 10px;
}
.reportParameters label,
.reportParameters .label {
    font-size: 91%;
    display:block;
    white-space: nowrap;
}
/*
 * Selects and text inputs all have quirks on how they're displayed;
 * therefore, we'll strip their top and bottom margins and align them all to the top.
 */
.bFilterReport select,
.bFilterReport input {
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: top;
    font-size: 91%;
}
/* only these two buttons appear inside of bFilterReport. Add more as needed. */
.bFilterReport input.btn,
.bFilterReport input.btnDisabled {
    font-size: 80%;
}
/* This is to align the second "interval" select box of ReportParameterQuarter */
.reportParameters #timeInterval {
    vertical-align: bottom;
}
.bFilterReport .reportActions {
    white-space: nowrap;
    margin-bottom: 15px;
}

.bGeneratedReport .bPageBlock .pbHeader .pbTitle {
    color:#A85548;
    display:block;
}

.bGeneratedReport .bPageBlock .pbBody {
    padding:5px 20px 0px 20px;
}


/* we want to hide the bPageBlock */
.bGeneratedReport .bPageBlock,
.bGeneratedReport .pbBody {
  border:none;
  background:none;
}

.bGeneratedReport .pbHeader,
.bGeneratedReport .pbFooter  {
  display: none;
}

.bGeneratedReport .pbSubheader {
  margin-bottom: 0px;
}

/* END - we want to hide the bPageBlock */



.reportTab .roleSelector {
    margin-bottom: 15px;
}
.reportTab .roleSelector .drillDownPath,
.reportTab .roleSelector .drillDownOptions {
    margin-left: 18px;
    font-weight: bold;
}
.reportTab .roleSelector .drillDownPath a,
.reportTab .roleSelector .drillDownOptions a {
    font-size: 109%;
}

.reportTab .reportList .folderName {
  margin-bottom: 2px;
    padding-left: 3px;
    font-weight: bold;
    color: #000;
    background-color: #ccc;
}

.reportTab .reportList .entryActions {
  margin-right: 1.2em;
  font-weight: bold;
}

.reportTab .reportList .entryName {
  margin-right: 0.6em;
}

.reportTab .reportList .entryDesc {
  margin-left: 0.6em;
}

.reportTab .reportList .reportListFolder {
  padding: 5px 0;
}
.reportTab .reportList .reportEntry {
    padding: 1px 0;
}
.bGeneratedReport .chartEditLinks {
    padding-bottom: 5px;
}
.bGeneratedReport .chartEditLinks a {
    padding: 0.25em;
}

/* Progress Indicator - BEGIN */
.progressIndicator {
    margin-left: 18px;
    margin-bottom: 15px;
    overflow: hidden;
}

.progressIndicator h2 {
    vertical-align: top;
    float: left;
}

.progressIndicator #status {
    width: 75%;
    vertical-align: top;
    font-size: 91%;
    padding-left: 1em;
    float: left;
}
/* Progress Indicator - END */

/*
 * Report Wizard Page-specific Things
 * ----------------------------------------
 * These are here for now to get the report wizards looking right until we can decide
 * where they should go in the grand scheme of things. These are listed in the order
 * of the steps for a matrix report.
 *
 * These should go into their respecive pages, but ReportWizard is messy.
 */

/* 1. Type Step */
.reportTab .bWizardBlock .typeStep .reportTypeList {
    padding-bottom:15px;
    width:100%;
}

.reportTab .bWizardBlock .typeStep .reportTypeList th,
.reportTab .bWizardBlock .typeStep .reportTypeList td {
    padding:4px 2px 4px 5px;
    color:#333;
}

/* 2. Grouping Step */
.reportTab .bWizardBlock .groupingStep  h3 {
    text-align: left;
    display: block;
}

.reportTab .bWizardBlock .groupingStep  .text {
    font-size: 91%;
}

.reportTab .bWizardBlock .groupingStep  .subtotalRow h3 {
    text-align: left;
    font-size: 91%;
    font-weight: normal;
    padding-top: 8px;
    display: block;
}

/* 4. Columns Step */
.reportTab .bWizardBlock .columnsStep .selectReportColumns .action {
    text-align: right;
}
.reportTab .bWizardBlock .columnsStep .selectReportColumns .categoryHeader {
    margin: .5em 0 0 0;
}

/* 5. Order Columns Step */
.reportTab .bWizardBlock .orderColumnsStep .duelingListBox .selectBox .selectTitle {
     font-weight: bold;
     color: #333;
}

/* 6. Criteria Step */
.reportTab .bWizardBlock .criteriaStep .bFilterReport th {
    font-size: 91%;
    font-weight: normal;
}
.reportTab .bWizardBlock .criteriaStep .advancedSettings {
    overflow: hidden;
}
/* At some point, all the fiteredit styles should be merged. */
.reportTab .bWizardBlock .criteriaStep .bPageBlock .textBox {
    font-size: 91%;
    margin: 0 1em;
}
.reportTab .bWizardBlock .criteriaStep .bPageBlock .addRemoveControl {
    font-size: 91%;
}
.reportTab .bWizardBlock .criteriaStep #reportCriteriaAdvancedHints {
    float: right;
    width: 66%;
}
.reportTab .bWizardBlock .criteriaStep #toggleReportDetailsAndPickCurrency .toggleDetails {
    font-size: 91%;
    width: 33%;
}

.booleanFilterTopMargin {
  margin-top:10px;
}

/*
 * 7. Chart Step
 */
 /* TODO: Place holder for when we get comps and fully reskin this page */

.reportTab .bPageTitle .ptHeader {
    color:#DCDEE6;
}
.reportTab .bPageTitle .ptHeader a{
    color:#DCDEE6;
    text-decoration:underline;
}

/* END reports */

/* begin forecast - used on the forecast pages & on user-setup page (Quotas) */

.forecastListFilter {
    width:70%;
}

.opportunityTab .bPageBlock .pbHeader table.forecastListFilter {
    width:auto;
}
.opportunityTab .bPageBlock .pbHeader table.forecastListFilter input {
    margin-left: -4px;
    margin-top:1px;
}

.opportunityTab .bPageBlock .pbHeader table.forecastListFilter label {
    margin-left: -1em;
}

.forecastListFilter td,
.forecastListFilter th {
    padding:2px;
    white-space:nowrap;
    text-align: center;
}

.forecastListFilter td {
    padding:2px 2px 2px 6px;
}

.forecastListFilter th {
    padding:2px;
}

.forecastTab .forecastListFilter {
    margin-bottom: 10px;
}

/* begin old forecast */
.oldForecast .list .totalRow * {
    font-weight: bold;
}

.oldForecast h4 {
    margin-bottom: .5em;
}

/* END forecast */


/* EMM TODO  Check if necessary */
/* TODO: polcari - use 'dashboard' instead */
/* i believe .bComponentBlock can be replaced with .dashboard */
.bComponentBlock .bPageBlock {
    border-top-color: #7E1D14;
}
.bComponentBlock .bPageBlock .pbHeader .pbTitle {
    color:#7E1D14;
}
.bComponentBlock .bPageBlock .pbFooter,
.bComponentBlock .bPageBlock,
.bComponentBlock .bPageBlock .pbHeader .pbTitle .twisty {
    background-color:#7E1D14;
}
.bComponentBlock .bPageBlock .pbSubheader{
    background-color:#7E1D14;
}

.bComponentBlock .bPageBlock .pbBody {
    padding:5px 20px 0px 20px;
}


/* ---------- Multi-Select List ---------- */

/* Show selected rows in the available block in blue */
.multiSelectList .available .selected {
    background-color: #DEEDFF;
}

/* ---------- General Tree ---------- */
.treeNode .label {
    font-size: 109%;
    font-weight: bold;
}

.treeNode .actions,
.treeNode .actions a {
    margin-left: 4px;
    color: #666;
}

.treeNode .addChild,
.treeNode .addChild a {
    font-weight: bold;
    color: #666;
}

.treeNode .roleHighlight {
    font-weight: bold;
    background-color: #ddd;
}

.treeNode .roleUser {
    color: #22D;
}

.treeNode .roleUserNon {
    font-weight: bold;
    color: #666;
    font-size: 93%;
}

.treeNode .actions a {
    font-size: 93%;
}

.treeNode .actions a.roleAssign {
    color: #D22;
}


/* ---------- Multi-Select Tree ---------- */
.treeMultiSelect div {
    overflow: hidden;
}

.treeMultiSelect .pbTitle {
    width: 190px;
}

.treeMultiSelect .pbHeader {
    padding-top: 2px;
}

.treeMultiSelect .pbBottomButtons {
    padding-top: 2px;
    clear: left;
}

.treeMultiSelect .tmsBlocks {
    width: 100%;
    float: left;
    clear: left;
}

.treeMultiSelect .tmsBlock {
    overflow: auto;
    border-width: 0px;
    margin: 0px;
    padding: 0px 0px 1px 3px;
}

.treeMultiSelect .tmsBlock.v {
    width: 50%;
}

.treeMultiSelect .tmsBlock .pbSubheader {
    font-size: 100%;
}

/* Hide unselected rows in the selections block */
.treeMultiSelect .tmsBlock.selections .selection {
    display: none;
}

/* Display selected rows in the selections block */
.treeMultiSelect .tmsBlock.selections .selection.selected {
    display: block;
}


/* ---------- Criteria Detail ---------- */

.criteriaDetail {
    font-family: 'Arial', 'Helvetica', sans-serif;
    color: #333;
}

/* Field */
.criteriaDetail .fld {
    font-size: 105%;
    font-family: "Courier New", 'Courier', mono;
}

/* Operator */
.criteriaDetail .op {
    font-size: 80%;
    text-transform: uppercase;
    padding: .5em;
}

/* Value(s) */
.criteriaDetail .val {
}

/* AND/OR */
.criteriaDetail .lop {
    font-size: 80%;
    text-transform: uppercase;
}

/* Parentheses */
.criteriaDetail .par {
    font-weight: bold;
}

.folderAccess {
    list-style-type: none;
    margin-left: 0px;
    padding-left: 0px;
}

.folderAccess li {
    margin-left: 0px;
}

/*used on the package editing - ProjectPage.generateAddToProjectUi()*/
.packageEdit .actionColumn {
    width: 50px;
}

/*end package editing */


/* Category Browser */
A.categoryNode {
   font-size: 110%;
   font-family: Arial, Helvetica;
   font-weight: bold;
   text-decoration: underline;
   vertical-align:top;
}

A.categorySubNode {
   font-size: 100%;
   font-family: Arial, Helvetica;
   font-weight: normal;
   text-decoration: underline;
   vertical-align:top;
}

table.solutionNode {
    margin-bottom:.81em;
    margin-top:.81em;
    width:100%;
    vertical-align:top;
}

table.solutionBrowser {
    margin-left:-16px;
    margin-right:-13px;
    width:100%;
}

table.solutionBrowser td{
    vertical-align:top;
}

table.solutionBrowser .lbHeader {
    display:inline;
}

table.solutionBrowser div.pagetitle {
  display:inline;
}

.solutionHeader{
    margin-left:-16px;
}
table.solutionBrowser td.solutionBrowserHeader img {
    vertical-align:middle;
    margin:2px;
}
table.solutionBrowser td.solutionBrowserHeader h3{
    vertical-align:middle;
    margin-left:-10px;
}

table.solutionBrowser .solutionFolder{
    vertical-align:top;
}

.solutionSuggestionsPage .solutionBlock .pbTitle {
    white-space: nowrap;
}

/*Special styles for the 'solution search' related list header element */
.solutionSearchHeader .pbTitle {
  white-space: nowrap;
  width:1%;
  padding-right:1em;
}
.solutionSearchHeader .pbTitle .minWidth {
  display: none;
}


/* End Solution Browser Styles */


/*used in import wizards*/

.importWizardTitle {
    font-family: 'Arial','Helvetica', sans-serif;
    width: 100%;
    font-weight: normal;
    font-size: 1em;
    background-color: #690;
    text-decoration: none;
    height: 24px;
    text-align: left;
    vertical-align: middle;
}

.importWizardTitle td {
    color: #fff;
}

.importWizardTitle td h1 {
  padding-right: 5px;
}

/*start genericTable*/

/* DEPRECATED: do not use this style for new development */
table.genericTable {
    border: 1px solid #333;
    background-color:#F3F3EC;
    padding:0.2em;
    margin-top:0.5em;
    border-top: 3px solid #333;

}

.genericTable .numericalColumn {
    text-align: right;
}

/*end genericTable*/


/*start new Infobox */
.infoBox {
  border-bottom: 2px solid #747E96;
  height:99.5%;
  background-color:#FFFFCC;
}

.infoBox h4,
.infoBox h5,
.infoBox h6 {
    font-family: 'Arial', 'Helvetica', sans-serif;
}

.infoBox ul,
.infoBox ol {
    padding-left: 0;
    margin-left: 0;
}

.infoBoxHeader {
    display: block;
    background-color: #747E96;
    font-size: 100%;
    font-weight: bold;
    color: white;
}

.infoBoxSubheader {
    display: block;
    font-size: 100%;
    font-weight: bold;
    border-bottom: 1px solid black;
    padding: 0 0 2px 3px;
}

/*start infoElement*/

.setupTab .infoBoxElement,
.sysAdminTab .infoBoxElement {
  border-bottom: 2px solid #747E96;
  height:99.5%;
  background-color:#FFFFCC;

}
.infoBoxElement table{
  background-color:#FFFFCC;
  padding-left:3px;
}

.infoBoxElement .infoRow .infoHeader {
    font-weight:bold;
    color:white;

}

.infoBoxElement .infoRow {
  background-color:#747E96;
  font-weight:bold;
  text-align:center;
}

.infoBoxElement .blackLine {
    font-weight:bold;
    background-color:#000;
}

.importCampaignMember .header {font-weight:bold;}

/*end infoElement*/

/* Misc */

.bEmailStatus {
    white-space: nowrap;
}

.bRowHilight {
    background-color: #FAEBD7;
}

/* End Misc */


/*start printable View*/

.printableView table.twoCol .fullWidth{
    width:100%;
}

.printableView td {
    vertical-align: top;
}


/*end pritable view*/

.wizBottom {
    border-top: 2px solid #9C0;
    background-color: #036;
    text-align: right;
    font-weight: bold;
    width: 100%;
    height: 23px;
}
.wizBottom a {
    margin-right: 25px;
    color: #FFF;
}

/* Prevent wrapping in the Mass Add Campaign Member wizards */
.massAddCampaignMemberWiz .detailList .labelCol {
    white-space: nowrap;
}




/* --------------------------------------------- */
/*BEGIN Setup Splash*/

.setupSplash {
    border-bottom: 2px solid;
    background: none;
}

.setupSplash .setupSplashBody .bodyDescription {
    text-align: left;
}

.setupTab .setupSplashBody,
.sysAdminTab .setupSplashBody {
    background-color:#F3F3EC;
    padding:1em;
}

.setupTab table.setupSplashBody,
.sysAdminTab table.setupSplashBody {
    width: 100%;
}

.setupTab .setupSplash .splashHeader,
.sysAdminTab .setupSplash .splashHeader {
    font-weight:bold;
    color:#fff;
    padding-left:1em;
}

.setupSplash .splashImage {
    text-align: center;
}

.setupSplashBody ul {
    margin-left: 0;
    padding-left: 0;
}

.setupTab .setupSplashBody div,
.sysAdminTab .setupSplashBody div {
    margin-bottom:1em;
}


.setupTab .customAppSplash { background-image: url(/img/customApps.gif);
	width:400px;
	height:130px; background-repeat: no-repeat;}
.sysAdminTab .customAppSplash { background-image: url(/img/customApps.gif);
	width:400px;
	height:130px; background-repeat: no-repeat;}
.setupTab .orgImportImage { background-image: url(/img/import_myorg.gif);
	width:400px;
	height:130px; background-repeat: no-repeat;}
.sysAdminTab .orgImportImage { background-image: url(/img/import_myorg.gif);
	width:400px;
	height:130px; background-repeat: no-repeat;}
.setupTab .contactImportImage { background-image: url(/img/import_diagram.gif);
	width:400px;
	height:130px; background-repeat: no-repeat;}
.sysAdminTab .contactImportImage { background-image: url(/img/import_diagram.gif);
	width:400px;
	height:130px; background-repeat: no-repeat;}
.setupTab .integrateSalesforce { background-image: url(/img/integrate_pic.gif);
	width:400px;
	height:130px; background-repeat: no-repeat;}
.sysAdminTab .integrateSalesforce { background-image: url(/img/integrate_pic.gif);
	width:400px;
	height:130px; background-repeat: no-repeat;}
.setupTab .offlineBriefcase { background-image: url(/img/offline_chart.gif);
	width:400px;
	height:130px; background-repeat: no-repeat;}
.sysAdminTab .offlineBriefcase { background-image: url(/img/offline_chart.gif);
	width:400px;
	height:130px; background-repeat: no-repeat;}
.setupTab .avantGoBriefcase { background-image: url(/img/offline_pda_chart.gif);
	width:400px;
	height:130px; background-repeat: no-repeat;}
.sysAdminTab .avantGoBriefcase { background-image: url(/img/offline_pda_chart.gif);
	width:400px;
	height:130px; background-repeat: no-repeat;}
.setupTab .outlookSplash { background-image: url(/img/integration.gif);
	width:400px;
	height:130px; background-repeat: no-repeat;}
.sysAdminTab .outlookSplash { background-image: url(/img/integration.gif);
	width:400px;
	height:130px; background-repeat: no-repeat;}
.setupTab .syncChartButton { background-image: url(/img/sync_chart_small.gif);
	width:400px;
	height:130px; background-repeat: no-repeat;}
.sysAdminTab .syncChartButton { background-image: url(/img/sync_chart_small.gif);
	width:400px;
	height:130px; background-repeat: no-repeat;}
.setupTab .wirelessChart { background-image: url(/img/wireless_chart.gif);
	width:400px;
	height:130px; background-repeat: no-repeat;}
.sysAdminTab .wirelessChart { background-image: url(/img/wireless_chart.gif);
	width:400px;
	height:130px; background-repeat: no-repeat;}
.setupTab .wsdlchart { background-image: url(/img/wsdl_chart.gif);
	width:400px;
	height:130px; background-repeat: no-repeat;}
.sysAdminTab .wsdlchart { background-image: url(/img/wsdl_chart.gif);
	width:400px;
	height:130px; background-repeat: no-repeat;}
.setupTab .officeSplash { background-image: url(/img/office_chart.gif);
	width:400px;
	height:130px; background-repeat: no-repeat;}
.sysAdminTab .officeSplash { background-image: url(/img/office_chart.gif);
	width:400px;
	height:130px; background-repeat: no-repeat;}
.setupTab .leadImportImage { background-image: url(/img/import_leaddata.gif);
	width:400px;
	height:130px; background-repeat: no-repeat;}
.sysAdminTab .leadImportImage { background-image: url(/img/import_leaddata.gif);
	width:400px;
	height:130px; background-repeat: no-repeat;}
.setupTab .dataExport { background-image: url(/img/weekly_report.gif);
	width:400px;
	height:130px; background-repeat: no-repeat;}
.sysAdminTab .dataExport { background-image: url(/img/weekly_report.gif);
	width:400px;
	height:130px; background-repeat: no-repeat;}
.homeTab .campaignImportImage { background-image: url(/img/import_campaigndata.gif);
	width:400px;
	height:130px; background-repeat: no-repeat;}


.setupTab .setupSplashBody .alertBox .content,
.sysAdminTab .setupSplashBody .alertBox .content {
    padding:5px 10px;
    background-color:#fff;
    font-size: 109%;
}
/*END  Setup Splash */
/* --------------------------------------------- */

/* see RelatedAccountHierarchyList.java */
.bRelatedList .relatedAccountHierarchy .list th.dataCell {
  white-space: nowrap;
}
/* END RelatedAccountHierarchyList.java */

/* Price editing */
.addEditPrice,
.addEditPrice table {
    width: 100%;
}
.addEditPrice th {
    border-bottom: 1px solid #000;
}

/* used to prevent the related list from wrapping */
body.choosePriceBook .pbHeader .pbTitle {
    white-space: nowrap;
    width: 75%;
}


.skiplink {
    position: absolute;
}

#validationStatus .validStyle {
  color:#090;

}

/* Begin - 142.3 - we want text darker! (but only when its not bold and on top of a background) */
.pbBody,
.pbBody a,
.pbBody td,
.lbBody a,
.lbBodyDescription,
.list .headerRow .noRowsHeader {
   color: #000;
}

.reportTab .pbBody .reportEntry .entryActions a {
  color: #333;
}

/* end - we want text darker */

/* Legacy Styles - DO NOT USE THESE */
/*      These styles are here only so that legacy bold-ness in the label-files */
/* is respected in production.  Please use a <strong> for boldness and <em> for italics */
.bodyBold {
  font-weight: bold;
}
.bodyItalic {
  font-style: italic;
}
.greyBold,
.bodyBoldGrey {
  font-weight: bold;
}
.bodySmall {}
.bodySmallBold {
  font-weight: bold;
}
.bodySuperSmall {}
.bodyBoldWhite {
  font-weight:bold;
}
.redLargeBold {
  color: #900;
  font-weight:bold;
}
/* END Legacy Styles  - DO NOT USE THESE */

/* used for the NO_TABLE_SIDEBAR_HEADER where a sidebar is visible*/
.noTableSidebar {
  width: 195px;
  position:absolute;
  left:0;
}

.noTableBody {
  padding-right: 10px;
  margin-left: 205px;
}

.noTableFooter {
  clear: both;
  margin-left: 205px;
}
/* end NO_TABLE_SIDEBAR_HEADER */

/* report wizard, grouping step */
.reportRunPage .specifyHeadings H3 {
    border-bottom: 1px solid black;
    padding-bottom: 1px;
    margin-top: 1em;
    margin-bottom: 0.5em;
}

.reportRunPage .orderColumnsStep .duelingListBox TABLE.layout {
    margin-left: auto;
    margin-right: auto;
}

/* BEGIN Hover/Overlays Section */
.hoverContent {
    width: 300px;
}

.hoverInner {
    background-color: #FFF;
    border-width: 0px 0px 0px 1px;
    margin: 0px;
    padding: 10px;
    border-left: 1px solid #BBB;
}

.hoverOuter {
    position:relative;
    right:2px;
    bottom:2px;
    border-style:solid;
    border-width:1px 1px 1px 1px;
    border-color:#000;
    padding: 0px 0px 0px 6px;
}

.hoverDetail {
    display:block;
    margin:0px;
    padding:0px;
    z-index:100;
    position:absolute;
    background-color:#666;
    text-align:center;
}

.hoverDetail .bPageBlock {
    margin-bottom:0px;
}

.hoverDetail .pbSubsection {
    width: 258px;
    overflow: hidden;
}

.hoverDetail .simpleHover {
    text-align: left;
    width: 300px;
    overflow: hidden;
}

.hoverDetail .simpleHover .labelKey {
    font-weight: bold;
}

.hoverDetail .bPageBlock .detailList .labelCol {
    width: 30%;
}

.hoverDetail .bPageBlock .pbTitle {
    text-align: left;
}

.hoverDetail .bPageBlock .pbTitle img.minWidth {
    display:none;
}

.hoverDetail .bPageBlock .pbButton {
    text-align: right;
    white-space: normal;
}
/* END Hover/Overlays Section */

.customButtonDetailSection {
    border: 1px solid #333333;
    background-color: #eeeeee;
}

.bPageBlock .detailList .tdSectionRowHeader th {
    border-bottom: 2px solid #CCC;
    white-space: nowrap;
    padding-bottom: 6px;
}

.bPageBlock .detailList .tdSectionRow td {
   padding-top: 3px;
   padding-bottom: 2px;
}

.pSearchShowMore {
  font-size:.95em;
  text-align:center;
  white-space: nowrap;
  margin-top:.3em;
}

.pSearchShowMore .itemsRange{
  padding-right:.5em;
  padding-left:.5em;
}


.pSearchShowMore .pShowMore {
  padding:0em;
}

.pSearchShowMore .pShowMoreNoLink {
  padding:0em;
  color: rgb(153, 153, 153);
  text-align:left;

}

.topNavigation .pSearchShowMore .noLink{
  color: #999;
}

.pSearchShowMore .nextArrow,.pSearchShowMore .prevArrow{
  margin-right:.5em;
  margin-left:.5em;
}

.searchColumnSelector {
  background-color: #D9D9D9;
  border: 1px solid #999;
  z-index:50;
  right:-0.5em;
  position:absolute;
  margin-top:.5em;
}

.searchColumnSelectorHolder {
    position:relative;
}

.searchFilterFields .searchFilterHelp {
    white-space: nowrap;
    font-size:.95em;
}

.searchFilterHelp .searchFilterHelpImage{
    vertical-align:bottom;
    display:block;
    margin-top:10px;
}

.searchFilterHelp .searchFilterHelpText{
    vertical-align:bottom;
    display:block;
    margin-top:12px;
}

.searchColumnSelector .selectCell {
    vertical-align:bottom;
}

.searchColumnSelector select {
    width:130px;
}

.searchFilterFields {
  background-color: #D9D9D9;
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
  z-index:50;
}


.searchFilterFields td input{
    margin-right:.3em;
}

.searchFilterFields td label{
    font-weight:bold;
    vertical-align:bottom;
}

.searchColumnSelector .duelingListBox {
  margin:1em;
}

.searchColumnSelector .selectorHeader {
    font-weight: bold;
    background-color: #666;
    color: #FFF;
    text-align: left;
    padding:3px;
}
.searchFilterFields .filterFieldsHeader{
    text-align: center;
    margin-bottom:.5em;
}
.searchFilterFields .filteredBy {
    font-weight:bold;
    margin-right:.5em;
    margin-left:.5em;
}

.searchFilterFields .summaryRow td {
    text-align:left;
}

.searchFilterFields .customizeFilters {
    float:right;
    font-size:.95em;
}

.searchFilterFields td{
    padding-left:.5em;
}

.searchFilterFields td.rightCell, .searchFilterFields td.leftCell{
    padding:0em;
    margin:0em;
    width:100%;
}

.searchFilterFields .filterFields, .searchFilterFields label{
    white-space: nowrap;
    text-align:left;

}
.bRelatedList .customizeColumns, .bRelatedList .customizeDisplay {
    width:100%;
  padding-right:1em;
  padding-left:1em;
  font-size:.95em;
}

.searchFirstCell {
    white-space:nowrap;
}

.searchCustomization .selectMenuButton {
     cursor:pointer;
     right:-5px;
}

.searchCustomization .selectMenuDropdownDiv {
    cursor:pointer;
    border:none;
}

.searchCustomization .selectMenuDropdownDiv .theOption {
    background-color:#fff;
    border: 1px solid #333;
    padding:.3em;
    white-space:nowrap;
}

.requiredInlineFormulaTable .requiredCell {
    width:0%;
}

.searchColumnSelector .columnSelectorButtons{
  text-align:center;
  padding:.5em;

}
.searchFilterFields .searchFilterButtons {
    margin-top:1em;
    text-align:left;
}

.searchFilterFieldsHolder .searchFilterFields {
    text-align:left;
    padding:.3em;

}

.searchFilterFields .searchFilterButtons {
    padding:0em;
}

.searchFilterFields .filterLink {
    padding-left:1.0em;
    font-size:.95em;
}

.searchFilterFields .clearFilter {
    font-size:.95em;
}

.searchFilterFields .breakFilter {
    padding-right:.5em;
    padding-left:.5em;
}

.searchFilterFieldsHolder {
    margin-top:.2em;
}

.waitingSearchDiv {
    position:absolute;
    text-align:center;
    top:0px;
    z-index:5;
    left:0px;
}

.waitingSearchDiv .waitingSearchHolder {
    font-weight:bold;
    font-size:1.20em;
    position:relative;
    padding:0.5em;
    white-space:nowrap;
    margin-left:auto;
    margin-right:auto;
    background-color:#ffc;
    border: 1px solid #333;
}

.waitingSearchDiv .waitingHolder {
    font-weight:bold;
    font-size:1.20em;
    position:relative;
    padding:0.5em;
    white-space:nowrap;
    margin: auto;
    width: 40%;
    height: 10%;
    top: 45%;
    background-color:#ffc;
    border: 1px solid #333;
}

.waitingSearchDivOpacity {
    /*Mozilla:*/
    opacity: 0.8;
    background-color:#ffd;
}

.waitingSearchDiv .waitingSearchHolder .waitingImage  {
    vertical-align:bottom;
}

.waitingSearchDiv .waitingSearchHolder .waitingDescription {
    padding:0 1.5em 0 0.5em;
}

.waitingSearchDiv .waitingSearchHolder .waitingCancel {
    padding:0em;
    border:0;
    height:13px;
    width:13px;
    cursor:pointer;
    vertical-align:top;
    background: url(/img/search_dismiss.gif) no-repeat;
}

.waitingHeaderSearchDiv {
    position:absolute;
    top:0px;
}


.dhtmlHistoryFrame {
    border: 0px;
    width: 1px;
    height: 1px;
    position: absolute;
    bottom: 0px;
    right: 0px;
    visibility: visible;
}

/* Used in filter lookup (report wizard) and view all pages */
.topButton,
.bottomButton {
    padding: 2px 0;
    text-align: center;
}

/****************************************
 * TODO RPC:
 * Aim to remove everything in here.
 * START
 */

.bWizardBlock .bRelatedList .contactBlock .secondaryPalette .pbHeader {
    border-top-color: #56458C;
}
.bWizardBlock .bRelatedList .contactBlock .secondaryPalette .pbBody {
    border-bottom-color: #56458C;
}

.bWizardBlock .bRelatedList .caseBlock .secondaryPalette .pbHeader {
    border-top-color: #B7A752;
}
.bWizardBlock .bRelatedList .caseBlock .secondaryPalette .pbBody {
    border-bottom-color: #B7A752;
}
/****************************************
 * TODO RPC:
 * END
 */
/* -------------- */
/* version: 9.0*/
/* skin: Salesforce */
/* cssSheet: common */
/* postfix: ie7 */


/* most of this copied from common_ie.css */

.outer {
    position: relative;
}

.multiforce #toolbar{
    padding-top: 2px;
}

/* for MouseOverInfoElement */
.mouseOverInfo {
    filter: alpha(opacity=0);
}

/* Begin Multi User Calendar */
.multiuserCalendar .eventCtnr .callout{
    /*for IE fade-out*/
    filter: alpha(opacity=0);
}

.multiuserCalendar .eventCtnr .eventBusy,
.multiuserCalendar .eventCtnr .eventFree,
.multiuserCalendar .eventCtnr .eventOOO {
    height: 1.8em;
}

/* ListElement fix */
.list .actionColumn input {
    margin-top:-3px;
    margin-bottom:0px;
}
/* ListElmenet fix */

/* Start Search Related List */

.waitingHeaderSearchDiv {
	background-color:#fff;
	filter: alpha(opacity=0);
}

.waitingSearchDivOpacity {
	
    filter: alpha(opacity=80);
}

.searchColumnSelectorHolder{
	position:static;
}

.searchFilterHelp .searchFilterHelpImage{
    margin-right:15px;
}

.pSearchShowMore .pShowMore, .pSearchShowMore .pShowLess, .pSearchShowMore .itemsRange { 
	vertical-align:bottom;
}

/* End Search Related List */


/* Holly hacks still needed in IE7 */
.formItem,
.bWizardBlock .pbWizardTitle,
.bPageBlock .pbDescription,
.pbHeader,
.bWizardBlock .pbBody .pbWizardHeader,
.bFilter,
.bMyDashboard .componentDate,
.bMyDashboard .pbHeader,
.bWizardBlock .pbDescription,
.treeMultiSelectPage .pbBody,
.bWizardBlock .pbWizardBody,
.bFlippyDescription {
    height: 1%;
}

/* IE7 button width fix */
.btn,
.btnGo,
.btnImportant,
.btnSharing,
.btnDisabled,
.subscribeNow,
.upgradeNow,
.btnWhatsNew {
    overflow: visible;
    padding: 1px 5px;
}

/* BEGIN Formula validation required input 
   this fixes the dropdown menu from hiding behind the text box
*/
.bPageBlock .inlineFormula, .bPageBlock .inlineFormula .FormulaText {
    position: static;
}
/* END Formula validation required input */

.selectMenuDiv .selectMenuButton {
    background-color: transparent;
    background-image: url(/img/combo_button_no_line_ie.gif);
    background-repeat: no-repeat;
    padding: 1px 22px 3px 3px; 
    background-position: 105% right; 
    cursor: hand;
    position: relative;
    font-size: 80%;   
    border-bottom: 1px solid #5C5D61;
    border-right: 1px solid #5C5D61;
}

.selectMenuDiv .selectMenuDropdown {
    margin-top: 0px;
}

.miniTabOn .selectMenuOuterDiv {
    z-index:1;
}

.mruHoverDetail .bPageBlock .pbTitle h2,
.mruHoverDetail .bPageBlock .pbTitle h3 {
    width: 130px;
}

.mruHoverDetail .bPageBlock .pbButton {
    padding-top: 0;
    width: 170px;
}
.scrollbar
{
    height: auto;
    overflow: auto;
    overflow-y: hidden;
    overflow-x: scroll;
    white-space: nowrap;
}