@charset "UTF-8";

/* CSS Document */

/* Date: 2026-03-18 - 11:45 */


#wrap {
	background-image: url(../images/main/background-ControlPanel.gif) !important;
	background-repeat: repeat-y;
	background-position: center top;
}

.monthButtons {
	float: right;
	white-space: nowrap;
	text-align: center;
	margin-top: 3px;
}

.monthButtons ul {
	padding: 0px;
	list-style-type: none;
	float: right;
	margin: 0px;
}

.monthButtons li {
	margin: 0px;
	padding: 0px;
	text-align: center;
	display: inline;
}

/*  Month Buttons --- Regular State --- */
.monthButtons a, 
.monthButtons a:link,
.monthButtons a:visited {
	text-decoration: none;
	font-weight: normal;
	font-size: 12px;
	display: block;
	height: 20px;
	width: 25px;
	line-height: 20px;
	float: left;
	background-color: #EFEEED;
	margin-left: -1px;
	border: 1px solid #B2B2B2;
}

.monthButtons a.liMonthTabYearMinus1 {
	border-left-style: solid;

	border-radius: 4px 0px 0px 4px;
	
	position: relative;
}

.monthButtons a.liMonthTabYear2 {
	border-right-style: solid;
	border-radius: 0px 4px 4px 0px;
	
	position: relative;
}

.monthButtons a:hover {
	background-color: #C0C1BF;
}

.monthButtons a:active,
.monthButtons a.currentMonthTab:active {
	position: relative;
	top: 1px;
	-webkit-box-shadow: inset 0px -2px 1px rgba(0, 0, 0, 0.25),
					inset 0 0px 1px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: inset 0px -2px 1px rgba(0, 0, 0, 0.25), 
					inset 0 0px 1px rgba(0, 0, 0, 0.5);
	box-shadow: inset 0px -2px 1px rgba(0, 0, 0, 0.25), 
					inset 0 0px 1px rgba(0, 0, 0, 0.5);
	border-bottom-style: none;
}

.monthButtons a.currentMonthTab {
	color: #FFFFFF !important;
	font-weight: bold;
	background-color: #797a7c;
	border: 1px solid #797a7c;
	-moz-box-shadow: inset 0px 5px 15px #494a4c;
	-webkit-box-shadow: inset 0px 5px 15px #494a4c;
	box-shadow: inset 0px 5px 15px #494a4c;
}

.monthButtons a.noMonths,
.monthButtons a.noMonths:active,
.monthButtons a.noMonths:hover {
	color: #B2B2B2;
	position: relative;
	top: 0px;
	border-bottom-style: solid;
		-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.monthButtons p {
	color: #8D8E8D;
	font-size: 10px;
	line-height: 12px;
	display: inline-block;
	float: left;
	padding: 0px;
	margin-top: 11px;
	margin-right: 1.25em;
}


/* TC Top Tab Ends */


/* Control Panel Starts */

#controlPanel  {
	width: 278px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #4b5059;
	background-color: #F0F9FF;
	min-height: 100%;
	position: relative;
	
	flex-shrink: 0;  /* -- added 2026-03-17--  */
}

#controlPanel,
#tradingCalendarContent,
#tradingCalendarContentSL,
#tradingCalendarContentLL {
	float: left;
	padding-bottom: 10000em;
	margin-bottom: -10000em;
}

.cpCalendarContainer {
	float: left;
	width: 212px;
}

#cpCalendar,
.calendar {
	float: left;
	background-color: #FFF;
	border-right: 1px solid #79c730;
	border-bottom: 1px solid #79c730;
	border-left: 1px solid #79c730;

	width: 210px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: center;

	border-radius: 0px 0px 10px 10px;
	
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;

	position: relative;
}

.weekDays {
	background-color: #79c730;
	width: 210px;
	float: left;
	
	border-top: 1px solid #8FD400;
	border-right: 1px solid #8FD400;
	border-left: 1px solid #8FD400;
	border-bottom: none;
	
	border-radius: 8px 0px 0px 0px;

	position: relative;
}

.cpCalendarContainer  .weekDays {
	border-radius: 8px 8px 0px 0px;
	position: relative;
}

.cpCalendarContainer ul, 
.calendarContainer ul {
	margin: 0px;
	padding: 0px;
	width: 210px;
}



/*------------------*/


.workDay,
.workDay.btmLeft,
.workDay.btmRight {
	background-color: #FFFFFF;
}

.workDay:hover,
.workDay.btmLeft:hover,
.workDay.btmRight:hover {
	background-color: #d2d2ca;
}



/*-------------------*/


.weekend,
.weekend.btmLeft,
.weekend.btmRight,
.weekendBlank,
.weekendBlank.btmLeft,
.weekendBlank.btmRight {
	background-color: #DEEDCB;
}

.weekend:hover,
.weekend.btmLeft:hover,
.weekend.btmRight:hover {
	background-color: #b7c3a1;
}


/*-------------------*/


#cpCalendar ul li.otherMonth a,
#cpCalendar ul li.otherMonth a:link,
#cpCalendar ul li.otherMonth a:active,
#cpCalendar ul li.otherMonth a:visited {
	color: #9d9d9e;
}

.otherMonth,
.otherMonth.btmLeft,
.otherMonth.btmRight {
	background-color: #FFFFFF;
	color: #9d9d9e;
}

.otherMonth:hover,
.otherMonth.btmLeft:hover,
.otherMonth.btmRight:hover {
	background-color: #d2d2ca;
}


/*-------------------*/


#cpCalendar ul li.otherMonth-Weekend a,
#cpCalendar ul li.otherMonth-Weekend a:link,
#cpCalendar ul li.otherMonth-Weekend a:active,
#cpCalendar ul li.otherMonth-Weekend a:visited {
	color: #9d9d9e;
}

.otherMonth-Weekend,
.otherMonth-Weekend.btmLeft,
.otherMonth-Weekend.btmRight {
	background-color: #DEEDCB;
	color: #9d9d9e;
}

.otherMonth-Weekend:hover,
.otherMonth-Weekend.btmLeft:hover,
.otherMonth-Weekend.btmRight:hover {
	background-color: #b7c3a1;
}


/*-------------------*/

#cpCalendar ul li.tradeDate a,
#cpCalendar ul li.tradeDate a:link,
#cpCalendar ul li.tradeDate a:active,
#cpCalendar ul li.tradeDate a:visited {
	color: #FFF;
}


.tradeDate,
.tradeDate.btmLeft {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #79c730;
}

.tradeDate:hover,
.tradeDate.btmLeft:hover { 
	background-color: #76af00;
}



.tradeDate.holiday,
.tradeDate.holiday.btmLeft {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #8FD400;
}

.tradeDate.holiday:hover,
.tradeDate.holiday.btmLeft:hover { 
	background-color: #76af00;
}


/*-------------------*/


#cpCalendar ul li.spot a,
#cpCalendar ul li.spot a:link,
#cpCalendar ul li.spot a:active,
#cpCalendar ul li.spot a:visited {
	color: #FFF;
}


.spot,
.spot.btmLeft,
.valueDate,
.valueDate.btmLeft,
.valueDate.btmRight,
.spot.holiday, 
.spot.holiday.btmLeft,
.valueDate.holiday, 
.valueDate.holiday.btmLeft,
.valueDate.holiday.btmRight {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #00A663;
	position: relative;
}

.spot:hover,
.spot.btmLeft:hover,
.valueDate:hover,
.valueDate.btmLeft:hover,
.valueDate.btmRight:hover,
.spot.holiday:hover,
.spot.holiday.btmLeft:hover,
.valueDate.holiday:hover,
.valueDate.holiday.btmLeft:hover,
.valueDate.holiday.btmRight:hover { 
	background-color: #00894e; 
}

.spot.holiday,
.spot.holiday.btmLeft,
.tradeDate.holiday,
.tradeDate.holiday.btmLeft,
.valueDate.holiday,
.valueDate.holiday.btmLeft,
.valueDate.holiday.btmRight {
	background-image: url(../images/appPages/holidayMarker__FVD.png);
	background-size: 30px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.spot.holiday:hover,
.spot.holiday.btmLeft:hover,
.tradeDate.holiday:hover,
.tradeDate.holiday.btmLeft:hover,
.valueDate.holiday:hover,
.valueDate.holiday.btmLeft:hover,
.valueDate.holiday.btmRight:hover {
	background-image: url(../images/appPages/holidayMarker__FVD.png);
	background-size: 30px;
	background-repeat: no-repeat;
	background-position: 0px -27px;
}





/*-------------------*/

.holiday, 
.holiday.btmLeft,
.holiday.btmRight {
	background-color: #ffbfe5;
}

.holiday:hover,
.holiday.btmLeft:hover,
.holiday.btmRight:hover {
	background-color: #d19dbc;
}

.tip {
	position: relative;
}

.halfDayHoliday.tip,
.halfDayHoliday.tip.btmLeft,
.halfDayHoliday.tip.btmRight {
	background-image: url(../images/appPages/halfDayHolidays.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}


.halfDayHoliday.tip:hover,
.halfDayHoliday.tip.btmLeft:hover,
.halfDayHoliday.tip.btmRight:hover { 
	background-position: 0px -22px;; 
}

.dateNo {
	line-height: 18px;
	height: 18px;
	width: 30px;
	position: absolute;
	left: 0px;
	top: 0px;
	color: #FFF;
	z-index: 2001;
}

/*-------------------*/

#cpCalendar ul li.spotHoliday a,
#cpCalendar ul li.spotHoliday a:link,
#cpCalendar ul li.spotHoliday a:active,
#cpCalendar ul li.spotHoliday a:visited {
	color: #FFF;
}


/*-------------------*/

.btmLeft {
	-moz-border-radius: 0px 0px 0px 9px;
	-webkit-border-radius: 0px 0px 0px 9px;
	-khtml-border-radius: 0px 0px 0px 9px;
	border-radius: 0px 0px 0px 9px;
	-moz-background-clip: border;
	-webkit-background-clip: border;
	background-clip: border-box;
	
	position: relative;
}

.btmRight {
	-moz-border-radius: 0px 0px 9px 0px;
	-webkit-border-radius: 0px 0px 9px 0px;
	-khtml-border-radius: 0px 0px 9px 0px;
	border-radius: 0px 0px 9px 0px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	
	position: relative;
}

.panel {
	float: left;
	width: 278px;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
}

.panelTab {
	cursor: pointer;

	height: 24px;
	padding-left: 33px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #a3b3bf;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #8d9ba6;
	text-align: left;
	padding-right: 0px;
}

.panelTab {
	background-color: #D3D9DA;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#DBE0E1), color-stop(50%,#DBE0E1), color-stop(51%,#D3D9DA), color-stop(100%,#DDE1E2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #DBE0E1 0%, #DBE0E1 50%,#D3D9DA 51%,#DDE1E2 100%); /* Chrome10+,Safari5.1+ */
	background: -moz-linear-gradient(top, #DBE0E1 0%, #DBE0E1 50%, #D3D9DA 51%, #DDE1E2 100%); /* FF3.6+ */
	background: -ms-linear-gradient(top, #DBE0E1 0%, #DBE0E1 50%, #D3D9DA 51%, #DDE1E2 100%);
	background: -o-linear-gradient(top, #DBE0E1 0%, #DBE0E1 50%, #D3D9DA 51%, #DDE1E2 100%);
	
	position: relative;
}	

#panel1 .panelTab {
	margin-top: -1px;
}


.tabTitle  {
	font-size: 12px;
	line-height: 24px;
	font-weight: bold;
	display: block;
	float: left;
    width: 200px;
}

/* Holidays by Date, Holidays by Center*/
.panelFooter {
	text-align: left;
	vertical-align: middle;
	
	width: 245px;
	min-height: 24px !important;

	padding-left: 33px;
	padding-right: 0px;
	padding-top: 12px;
	padding-bottom: 12px;
	
	float: left;
	
	border-top: 1px solid  #e4ecf2;
	
	background-image: url(../images/appPages/cp-footer-background.png);
	background-repeat: repeat;
	background-position: left top;
	background-color: #e4ecf2;
	
	cursor: pointer;
	position: relative;
}


.panelFooter {
	width: 218px;
	padding: 12px 30px ;
	
	text-align: justify;
	-ms-text-justify: distribute-all-lines;
	text-justify: distribute-all-lines;
}


.cpCalendarHead {
	text-align: center;
	width: 212px;
	margin-bottom: 7px;
	float: left;
}

#controlPanel h2,
.calendarContainer h2,
#controlPanel select.cpCalendarMonth {
	font-size: 13px !important;
	font-weight: bold;
	line-height: 14px;
	height: 14px;
	margin: 0px;
	padding: 0px;
	float: left;
}

.calendarContainer h2 {
	line-height: 20px;
	height: 20px;
}

#controlPanel h4 {
	padding-top: 2px;
	float: left;
}

#controlPanel h4.setSpot {
	margin-right: 33px;
	float: right;
	text-align: center;
	
	width: 54px;
}

#controlPanel .dayCountsContainer h4,
#controlPanel .currencySelectionContainer h4 {
	line-height: 14px;
	padding-top: 0px;
	float: left;
}

#controlPanel p,
a.tooltip p {
	font-size: 12px;
	line-height: 16px;
}

#controlPanel select.cpCalendarMonth {
	text-align: left;
	
	text-indent: 6px;
	text-overflow: "";
	background-color: #F68 !important;
	border: none !important;
	
	width: 88px;
	
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 6px;
	
	margin: 0px;
	
	display: inline-block;
	
	/* Remove drop-down arrow */
	background-image: none;
	-webkit-appearance: none; /*Removes default chrome and safari style*/
	-moz-appearance: none; /*Removes default style Firefox*/
	-o-appearance: none;
	appearance: none;
}

#controlPanel select.cpCalendarMonth:hover  {
	background-image: url(../images/appPages/arrows-DatePicker-SelectMonth-RO.png);
	background-repeat: no-repeat;
	background-position: left center;
	color: #5B9230;
}

a.btn-CalYearBack,
a.btn-CalBack {
	background-image: url(../images/appPages/btn-CalYearArrows-Back.png);
	height: 14px;
	width: 11px;
	background-repeat: no-repeat;
	background-position: left top;
	text-decoration: none;
	display: block;
	float: left;
	margin-right: 6px;
}

a.btn-CalBack {
	background-image: url(../images/appPages/btn-CalArrows-Back.png);
	width: 6px;
	margin-right: 9px;
}

a.btn-CalYearForward,
a.btn-CalForward {
	background-image: url(../images/appPages/btn-CalYearArrows-Forward.png);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	height: 14px;
	width: 11px;
	display: block;
}

a.btn-CalForward {
	background-image: url(../images/appPages/btn-CalArrows-Forward.png);
	width: 6px;
	margin-right: 6px;
	margin-left: 9px;
}

a.btn-CalYearBack:hover,
a.btn-CalBack:hover,
a.btn-CalYearForward:hover,
a.btn-CalForward:hover {
	background-position: 0px -14px;
}

.btn-CalYearBack:active,
.btn-CalBack:active,
.btn-CalYearForward:active,
.btn-CalForward:active,
a.btn-ReSet:active {
	position: relative;
	top: 1px;
}


a.btn-CalYearBack.off,
a.btn-CalBack.off {
	background-position: 0px -28px;
	cursor: default;
}

a.btn-CalYearForward.off,
a.btn-CalForward.off {
	background-position: 8px -28px;
	cursor: default;
}

.btn-CalYearBack.off:active,
.btn-CalBack.off:active,
.btn-CalYearForward.off:active,
.btn-CalForward.off:active,
a.btn-ReSet.off:active {
	position: relative;
	top: 0px;
}


a.btn-ReSet {
	background-image: url(../images/appPages/btn-CalReSet.png);
	height: 14px;
	width: 12px;
	background-repeat: no-repeat;
	background-position: right top;
	text-decoration: none;
	float: right;
	padding-left: 6px;
	margin-top: -1px;
	display: block;
}

a.btn-ReSet:hover {
	background-position: right -16px;
}

a.btn-ReSet.off {
	background-position: right -32px;
	cursor: default;
}

a.btn-ReSet.currencyDefault {
	margin-right: 11px;
	margin-top: 5px;
}
	
.clearfix {
	clear: left;
	display: block;
}




/*------------------------ 

Weekday Start Buttons

-----------------------*/

a.btn-WeekdayStart {
	display: block;
	width: 23px;
	height: 3px;
	box-shadow: inset 0px 1px 0px 0px rgba(250,250,250,0.5);
	transition: background-color 350ms, box-shadow 500ms;
	-o-transition: background-color 350ms, box-shadow 500ms;
	-moz-transition: background-color 350ms, box-shadow 500ms;
	-webkit-transition: background-color 350ms, box-shadow 500ms;
	float: left;
	margin-top: 4px;
	margin-right: 3px;
	margin-left: 4px;
	background-color: rgba(89, 89, 89, 0.23);

	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-khtml-border-radius: 2px;
	border-radius: 2px;
	
	position: relative;
}

.ie7 a.btn-WeekdayStart,
.ie8 a.btn-WeekdayStart {
	background-color: #d9d9d9;
}

a.btn-WeekdayStart:hover {
	background-color: rgba(89, 89, 89, 0.5);
	transition: all 0.5s ease;
}

.ie7 a.btn-WeekdayStart:hover,
.ie8 a.btn-WeekdayStart:hover {
	background-color: #acacac;
}

a.btn-WeekdayStart:active {
	background-color: rgba(101,207,215,0.5);
}

.ie7 a.btn-WeekdayStart:active,
.ie8 a.btn-WeekdayStart:active {
	background-color: #b2e7ff;
}

a.btn-WeekdayStart.on {
	background-color: #65CFFF;
}

a.btn-WeekdayStart.none,
a.btn-WeekdayStart.none:hover {
	background-color: #F0F9FF;
	cursor: default;
}

/* ------------ Common List Styles (Favs)------------*/
#myFavoriteContainer ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	width: 100%;
}

#myFavoriteContainer li {
	line-height: 16px;
	font-size: 12px;
	margin: 0px;
	display: block;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 33px;
	position: relative;
    clear: both;
}

#myFavoriteContainer li:hover {
	background-color: #d8e8f3;
}

#myFavoriteContainer a,
#myFavoriteContainer a:link,
#myFavoriteContainer a:active,
#myFavoriteContainer a:visited {
	text-decoration: none;
}

a.favItem {
	display: inline-block;
	min-width: 140px;
	max-width: 200px;
}

#myFavoriteContainer li a.favCurrent {
	font-weight: bold;
	color: #80c342;
	text-decoration: none;
}

.btn-Delete {
	background-image: url(../images/appPages/btn-Delete-Red.png);
	background-repeat: no-repeat;
	background-position: 9px 1px;
	height: 16px;
	width: 32px;
	float: right;
	display: none;
	cursor: pointer;
	position: relative;
	clear: none;
}

li:hover .btn-Delete {
	display: inline-block;
}

.btn-Delete:active {
	background-position: 9px 2px;
}

.btn-Delete:active:after {
	background-position: 9px 1px;
}

/* ----------------------------*/
/* Control Panel Ends*/



/* Main Content Starts */
/* ----------------------------*/

#tradingCalendarContent,
#tradingCalendarContentSL,
#tradingCalendarContentLL {
	width: 735px;
	background-color: #FFF;
	margin: 0px;
	padding-top: 25px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 40px;
	font-family: Arial, Helvetica, sans-serif;
}

#btn-BackToTop {
	height: 26px;
	width: 736px;
	margin-top: -13px;
	position: fixed;
	top: 50%;
}

#btn-Top {
	float: right;
	width: 25px;
	position: relative;
	height: 26px;
	margin-top: -13px;
}

.calendarContainer {
	float: left;
	width: 212px;
	padding-right: 30px;
}

#row1 .calendarContainer:last-of-type,
#row2 .calendarContainer:last-of-type,
#row3 .calendarContainer:last-of-type,
#row4 .calendarContainer:last-of-type {
	padding-right: 0px;
}

.monthNumber,
.negMonthNumber {
	font-size: 11px;
	line-height: 16px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #797a7c;
	text-align: center;
	float: right;
	height: 18px;
	width: 30px;
	margin-top: 2px;
	-moz-border-radius: 4px 4px 0px 0px;
	-webkit-border-radius: 4px 4px 0px 0px;
	-khtml-border-radius: 4px 4px 0px 0px;
	border-radius: 4px 4px 0px 0px;
	
	position: relative;
}

.negMonthNumber {
	background-color: #d0435b;	
}

.longListHead .monthNumber {
	font-size: 14px;
	line-height: 22px;
	height: 22px;
    width: 38px;
    margin-top: 3px;
}

.longListHead .negMonthNumber {
	margin-top: 3px;
	font-size: 11px;
	line-height: 16px;
	height: 18px;
}

.longListHead {
    width: 697px;
    display: block;
    overflow: hidden;
    float: left;
}

.longListHead h2 {
    font-size: 18px!important;
    line-height: 18px;
    font-weight: bold;
    height: 18px;
    
    color: #00A663;
    float: left;
    
    padding: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 3px;
    margin-left: 0px;
    display: inline-block;
    white-space: nowrap;
}

.lFirst {
	padding: 0px;
	margin: 0px;
}

.listDivTop {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #79c730;
	-moz-border-radius: 10px 10px 0px 0px;
	-webkit-border-radius: 10px 10px 0px 0px;
	-khtml-border-radius: 10px 10px 0px 0px;
	border-radius: 10px 10px 0px 0px;
	
	position: relative;
}

/*--- Moved to gbd base styles ---
.listTitleBar {
    background-color: #79c730;
    float: left;
    margin-top: 10px;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    padding: 0px;
    border: 1px solid #79c730;
    -moz-border-radius: 10px 0px 0px 0px;
    -webkit-border-radius: 10px 0px 0px 0px;
    -khtml-border-radius: 10px 0px 0px 0px;
    border-radius: 10px 0px 0px 0px;
    
    position: relative;
}*/

.shortTitleBar,
.longTitleBar {
	width: 695px;
}

.shortTitleBar {
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
	-khtml-border-top-right-radius: 10px;
	border-top-right-radius: 10px;
}

.longTitleBar {
    margin-top: 0px;
}

.listTitleBar ul {
	margin: 0px;
	white-space: nowrap;
	float: left;
	clear: both;
	padding: 0px;
	width: 100%;
}

.listTitleBar li {
    font-family: Arial, sans-serif;
    font-weight: normal;
    color: #FFFFFF !important;
    text-align: center;
    font-size: 13px;
    
    list-style-type: none;
    
    padding-top: 6px;
    padding-bottom: 6px;
    
    display: inline-block;
    overflow: hidden;
    float: left;
    border-left: 1px solid #FFF;
}

.slYears .listTitleBar li.listDFS,
.slYears .listTitleBar li.listDN,
.slYears .listTitleBar li.listDR {
    border-left: none;
}

.listBody {
	float: left;
	border-bottom: 1px solid #e6e7e8;
	border-left: 1px solid #79c730;
	border-right: 1px solid #79c730;
}

.listBody ul {
	white-space: nowrap;
	float: left;
	clear: both;
    
    text-align: center;
	
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 0px;
	padding-left: 0px;
	margin: 0px;
}

.listBody.listHoliday ul.longList,
.listBody.fvdListHoliday ul.longList {
	padding-bottom: 2px;
}

.listBody.listHolidayName ul.longList,
.listBody.fvdListHolidayName ul.longList {
    padding-top: 4px;
    padding-bottom: 0px;
}

.listBody.listHolidayName.lHNLast ul.longList,
.listBody.fvdListHolidayName.lHNLast ul.longList {
		padding-bottom: 4px;
}

.listBody.listDivBottom,
.listBody.listHoliday.listDivBottom,
.listBody.listHolidayName.listDivBottom,
.listBody.fvdListHolidayName.listDivBottom {
	padding-bottom: 0px;
}

.listBody.fvdListHoliday {
	border-bottom: none;
}

.listBody li {
    list-style-type: none;
    display: inline-block;
    font-size: 13px;
    line-height: 19px;
    
    font-family: Arial, sans-serif;
    float: left;
    border-left: 1px solid #e6e7e8;
    
    padding-top: 4px;
    padding-bottom: 4px;
    margin-top: -4px;
    margin-bottom: -4px;
}

.listBody.listDivider li {
    padding-bottom: 7px;
    margin-bottom: -7px;
}

.longList,
.shortList {
	width: 695px;
}

.longList li {
	font-weight: normal;
}

.shortList li {
	font-weight: normal;
}

.blueBackground {
	background-color: #F0F9FF;
}

/*.forwardValueDate---
#tradingCalendarContentLL .listBody.forwardValueDate,
#tradingCalendarContentLL .listBody.fvdListHoliday {
    background-color: #F0F9FF;
    background-image: url(../images/appPages/arrow-FVD.png);
    background-position: -10px top;
    background-repeat: no-repeat;
}----*/

/*-- Green arrow behind forwardValueDate in long list row---*/
#tradingCalendarContentLL .listBody.forwardValueDate,
#tradingCalendarContentLL .listBody.fvdListHoliday {
    background-color: #F0F9FF;
    position: relative;
}

/* full-height arrow */
#tradingCalendarContentLL .listBody.forwardValueDate:before,
#tradingCalendarContentLL .listBody.fvdListHoliday:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;

    width: 105px;
    background-color: #00A663;

    clip-path: polygon(
        0 0,
        95px 0,
        105px 50%,
        95px 100%,
        0 100%
    );

    z-index: 2;
}


#tradingCalendarContentLL .listBody.forwardValueDate .longListMF,
#tradingCalendarContentLL .listBody.fvdListHoliday .longListMF {
    position: relative;
    z-index: 3;
}











.forwardValueDate .longList li {
	font-weight: bold;
}


/*Long List*/
.listHoliday {
    border-bottom-style: none;
    background-color: #FFF;    
}

.listHolidayName {
	border-bottom-style: none;
}

.listHolidayName .longList li,
.fvdListHolidayName .longList li {
    line-height: 18px;
}

.fvdListHoliday li {
	font-weight: bold;
}

.fvdListHoliday .shortList li {
	font-weight: normal;
}

.fvdListHolidayName {
	background-color: #F0F9FF;
	border-bottom-style: none;
}

.lHNLast {
	border-bottom-style: solid;
}

.fvdListHolidayName.listDivBottom,
.fvdListHolidayName.listDivider {
	background-color: #F0F9FF;
	padding-bottom: 3px;
}

.listHolidayName.listDivBottom,
.listHolidayName.listDivider {
		padding-bottom: 3px;
}

/*  Used for TDF - Long List */
#tradingCalendarContentLL .listHoliday,
#tradingCalendarContentLL .listHolidayName {
	background-color: #fafafa;
}



#tradingCalendarContentLL .listTitleBar li.longListMF,
li.listMF {
    text-align: center;
    width: 113px;
    border-left-style: none;
    padding-right: 0px;
}

#tradingCalendarContentLL li.longListMF {
    text-align: right;
    width: 87px;
    display: inline-block;
    color: #FFFFFF;
    padding-right: 26px;
    padding-left: 0px;
}


/*--- Forward Value Date Total Width ---*/
.listTitleBar li.longListDate,
li.listFVD {
    text-align: center;
    width: 150px !important;
}

/*--- Forward Value Date Sections ---*/
li.longListDay,
li.listDay {
    text-align: left;
    width: 23px;
    padding-left: 8px;
     border-right: none;
}

.shortList li.listMonth,
li.longListMonth {
	text-align: left;
	width: 119px;
}

.longListYear,
.listYear {
    text-align: left;
    padding-left: 7px;
}

.longListYear,
.listYear,
li.longListMF,
li.longListMonth,
.shortList li.listMonth {
    border-left: none !important;
}
/*--------*/


li.longListDoW,
li.listDoW {
	text-align: left;
	width: 85px;
    padding-left: 8px;
}


li.longListDFS,
li.listDFS {
	text-align: center;
	width: 117px;
}

li.longListDN,
li.listDN {
	text-align: center;
	width: 94px;
}

li.longListDR,
li.listDR {
    text-align: center;
    width: 118px;
    border-right: none;
}

.slYears li.listDFS,
.slYears li.listDN,
.slYears li.listDR {
    border-left: none;
}


.listHolidayName .longList li.codeName,
.fvdListHolidayName .longList li.codeName {
    text-align: left;
    width: auto;
    padding-left: 10px;
    margin-left: 113px;
    border-right: none !important;
}

li.holidayName {
    text-align: left;
	width: 500px;
	padding-left: 6px;
    border-left: none;
}

li.holidayName::before {
	content: "–";
	padding-right: 6px;
}

.listHoliday .longList li.longListDay,
.listHoliday .longList li.longListMonth,
.listHoliday .longList li.longListDoW,
.listHoliday .longList li.longListDFS,
.listHoliday .longList li.longListDN,
.listHoliday .longList li.longListDR,

.fvdListHoliday .longList li.longListDay,
.fvdListHoliday .longList li.longListMonth,
.fvdListHoliday .longList li.longListDoW,
.fvdListHoliday .longList li.longListDFS,
.fvdListHoliday .longList li.longListDN,
.fvdListHoliday .longList li.longListDR{
	border-bottom: 1px solid #e6e7e8;
    margin-bottom: -2px;
    padding-bottom: 4px;
}

.listDivBottom {
	border-bottom: 1px solid #79c730;
    
    padding-bottom: 6px;
	margin-bottom: 10px;
    
	-moz-border-radius: 0px 0px 10px 10px;
	-webkit-border-radius: 0px 0px 10px 10px;
	-khtml-border-radius: 0px 0px 10px 10px;
	border-radius: 0px 0px 10px 10px;
	
	position: relative;
}

.listDivider {
    padding-bottom: 3px;
	border-bottom: 3px solid #bdbebf;
}