/* Native Salesforce icons and widgets */
.lookupIcon { 
  background-image: url(images/lookup20.gif);
  background-position-x: 0%;
  background-position-y: 0%;
  height: 20px;
  width: 20px;
  position: relative;
  top: 5px;
}
.lookupIconOn { 
  background-image: url(images/lookup20.gif);
  background-position: 0px 0px;
  width:20px;
  height:20px;
  background-position: top right;
  position: relative;
  top: 5px;
}

.lookupIcon img { 
  background-repeat: no-repeat;
  margin-right: 0.25em; 
}
          
/* Date Picker */
.datePicker {
  z-index: 51;
  position: absolute;
  display: none;
  top: 0;
  left: 0;
  width: 17em;
  background-color: #b7c6b2;
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
  margin: 0;
  /* check this */
  padding: 1px 1px 2px 2px;
}

.datePicker .dateBar {
  margin: 0;
  padding: 0;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  padding: 1px 2px;
}

.datePicker select {
  vertical-align: top;
}

.datePicker .calBody {
  border: 1px solid #7b829d;
  border-bottom: none;
}

textarea {
  font-family:Arial,sans-serif;
}

.datePicker .calDays {
  font-family: 'Verdana', 'Geneva', sans-serif;
  font-size: .8em;
  font-weight: normal;
  color: #333;
  width: 100%;
}

.datePicker .calDays .prevMonth,
.datePicker .calDays .nextMonth {
  color: #999;
}

.datePicker .calDays th,
.datePicker .calDays td {
  text-align: center;
  width: 14%;
}

.datePicker .calDays .dayOfWeek {
  background: #ececec url(../../images/dp_daysbg.gif) repeat-x top;
  padding: 3px 0;
  border-bottom: 1px solid #e0dee0;
}

.datePicker .calDays .weekend,
.datePicker .calDays .weekday {
  border-right: 1px solid #e0f0fb;
  border-bottom: 1px solid #e0f0fb;
  padding: 5px 0;
  cursor: pointer;
}

.datePicker .calDays .weekend {
  background-color: #f2f3f7
}

.datePicker .calDays .weekday {
  background-color: #fff;
}

.datePicker .calDays .dueDate {
  font-weight: bold;
  color: #000;
  background-color: #f10;
}

.datePicker .calDays .todayDate {
  border: 1px solid #000;
}

.datePicker .calDays .startDate,
.datePicker .calDays .endDate {
  text-decoration: underline;
}

.datePicker .calDays .startDate,
.datePicker .calDays .endDate,
.datePicker .calDays .selectedDate {
  font-weight: bold;
  background-color: #fbfae3;
  color: #000;
  font-weight: bold;
}

.datePicker .calDays .highlight {
  background-color: #e0f0fd;
  color: #000;
}

.datePicker .buttonBar {
  background-color: #ececec;
  border-top: 1px solid #e1e2e9;
  padding: 2px 0;
  text-align: center;
  clear: both;
}

.datePicker .buttonBar .calToday {
  font-weight: bold;
  text-decoration: underline;
  font-size: 91%;
}

.datePicker .dateBar .calLeft,
.datePicker .dateBar .calLeftOn,
.datePicker .dateBar .calRight,
.datePicker .dateBar .calRightOn {
  margin: 2px 2px 0 2px;
}

.datePicker .dateBar .calLeft { background-image: url(../../images/dp_left.gif);
  background-position: 0px 0px;width:13px;
  height:21px;
  background-position: top left;
}

.datePicker .dateBar .calLeftOn { background-image: url(../../images/dp_left.gif);
  background-position: 0px 0px;width:13px;
  height:21px;
  background-position: top right;
}

.datePicker .dateBar .calRight { background-image: url(../../images/dp_right.gif);
  background-position: 0px 0px;width:13px;
  height:21px;
  background-position: top left;
}

.datePicker .dateBar .calRightOn { background-image: url(../../images/dp_right.gif);
  background-position: 0px 0px;width:13px;
  height:21px;
  background-position: top right;
}
/* end Date Picker */
              
              /* Time Picker */
.timeInput {
  white-space: nowrap;
}

.hourPicker {
  height: 12.7em;
  width: 7.5em;
  overflow-y: scroll;
  overflow-x: hidden;
  white-space: pre;
  border: 1px solid #b7c6b2;
  display: none;
  position: absolute;
  z-index: 51;
  top: 0;
  left: 0;
  background: #fff;
}

.hourPicker .hour {
  text-align: right;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 4px;
  padding-right: 12px;
  background: url(../../images/arrowright10.gif) no-repeat right center;
  margin-right: 4px;
}

.hourPicker .simpleHour {
  text-align: left;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 4px;
  padding-right: 12px;
  margin-right: 4px;
}

.hourPicker div.hover {
  background-color: #e0f0fb;
}

.hourPicker .arrow {
  background: url(../../images/arrowright10.gif);
  width: 10px;
  height: 10px;
}

.minutePicker {
  display: none;
  position: absolute;
  z-index: 51;
  top: 0;
  left: 0;
  border: 1px solid #e0f0fb;
  background-color: #fff;
}

.minutePicker .minutes {
  width: 2em;
  font-weight: bold;
  padding: 1px 2px;
  border-left: 1px solid #e0f0fb;
  text-align: center;
  float: left;
}

.minutePicker div.hover {
  background-color: #e0f0fb;
  text-decoration: underline;
}

/* end Time Picker */
/* Model Metrics -- Form CSS */
.sfdc_form table {  }
.sfdc_form table td { 
  text-align: left; 
  vertical-align: top; 
  width: 160px; 
  padding: 3px; 
  font-size: 12px; 
}
  
.sfdc_form table th { 
  color: black;
}
  
.sfdc_form table td.header { 
  width:100% !important;
}
.sfdc_form table input, .sfdc_form table select, .sfdc_form table textarea { 
  text-align: left;  
  width: 150px; 
  margin-left:10px; 
  margin-right: 3px; 
  font-size: 12px; 
}

.sfdc_form div.divider { 
  background-image: url('hr.png');
  background-repeat: repeat-x;
  width: 100%;
  height: 5px;
  margin-top: 10px;
  }

.sfdc_form table td.input {
  padding-right: 20px;
}
.sfdc_form table td.just-text {
  padding-left: 14px;
}
  
div .requiredInput {
  background-image: url('req.gif');
  background-repeat: no-repeat;
}

div .requiredBlock {
  display:none;
}

div .errorMsg {
  display:block;
  margin-left: 7px;
  color: #c00;
}

.label { font-weight: bold; }
.label,.input { padding-bottom: 10px; }

div.errorBlock {
  background: #FFF0C0;
  border: 2px solid #CC0000;
  margin: 10px 0px 10px 0px !important;
  overflow: hidden;
  display: none;
  padding:5px 0 5px 10px !important;
  width:520px;
}
div.errorBlock p {
  margin: 0px !important;
  color: #CC0000 !important;
  font-size: 12px;
  font-weight: bold !important;
  padding: 17px 0px 5px 0px !important;
}
div.errorBlock ul {
  padding: 0px 14px 5px 14px !important;
  margin: 0px 0px 0px 3px !important;
  color: #CC0000;
}
div.errorBlock ul li {
  list-style-type: disc;
  font-size: 12px;
}

input.error, select.error, textarea.error {
  background: #FFF0C0 !important;
  border: 1px solid #CC0000;
}
table.multiSelectPicklistTable {
}
table.multiSelectPicklistTable tr td {
  padding: 0;
  margin: 0;
}

table.multiSelectPicklistTable tr td.multiSelectPicklistCell {
  width: 40px;
  text-align: center;
  vertical-align: middle;
  padding: 0;
  margin: 0;
  padding-left: 5px;
}
table.multiSelectPicklistTable tr td.multiSelectPicklistCell img {
  padding: 3px 2px;
}
.sfdc_form table table.multiSelectPicklistTable tr.multiSelectPicklistRow td select {
  width: 200px;
}

a.form_button_a .form_button {
  display:block;
  margin:0;
  padding:0;
  min-width: 0; /* ie6 width:143px; */
  background: url(images_jg/btns-right.gif) no-repeat right 0 !important;
  font-size:12px;
  line-height: 12px;
}	
a.form_button_a .form_button_right {
  display: block;
  padding:11px 14px 13px 13px;
  min-width: 0; /* necessary for Firefox 2, does not appear in ie6 specific */		
  background: url(images_jg/btns-left.gif) no-repeat 0 0px !important;
  cursor:pointer; /* for ie7 */
}

a.form_button_a:hover { text-decoration:none; } 	
a.form_button_a:hover .form_button { background-position: right -50px !important; } 
a.form_button_a:hover .form_button_right { background-position: 0 -50px !important; } 



/* ============================================================= */

/* buttons big */
.sfdc_form table.buttons-table {
/*  margin: 25px auto 15px auto; */
  margin-bottom: 10px;
  padding: 0px;
}
.sfdc_form table.buttons-table td {
  vertical-align: middle;
  padding: 0px 10px 0px 0px;
  width: auto;
}
.sfdc_form table.buttons-table td a {
  display: block;
  float: left;
  height: 37px;
  background: transparent url(images_jg/btns-left2.gif) no-repeat left -198px;
  font-size: 13px;
  color: #fff;
  font-weight: bold;
  padding: 0px 0px 0px 17px;
  cursor:pointer;
  line-height: 32px;
}
.sfdc_form table.buttons-table td a span {
  height: 37px;
  display: block;
  background: transparent url(images_jg/btns-right.gif) no-repeat right -198px;
  padding: 0px 20px 0px 0px;
  cursor:pointer;
}

.sfdc_form table.buttons-table td a label {
  cursor:pointer;
}

.sfdc_form table.buttons-table a:hover {
  background-position: left -248px;
  text-decoration: none;
}
.sfdc_form table.buttons-table a:hover span {
  background-position: right -248px;
}

.sfdc_form table.buttons-table td a.primary {
  background-position: left 0px;
}
.sfdc_form table.buttons-table td a.primary span {
  background-position: right 0px;
}

.sfdc_form table.buttons-table td a.primary:hover {
  background-position: left -50px;
}
.sfdc_form table.buttons-table td a.primary:hover span {
  background-position: right -50px;
}
.sfdc_form table.buttons-table td a.riskButton{
  background-position: left -50px;
}
.sfdc_form table.buttons-table td a.riskButton span {
  background-position: right -49px;
}
.sfdc_form table.buttons-table td a.riskButton:hover {
  background-position: left -2px;
}
.sfdc_form table.buttons-table td a.riskButton:hover span {
  background-position: right 0px;
}