/* JCAL CSS */


/* default dimensions and justification for each month including title */
.jCal {
	/* each day width + border-left + border-right */
	width:248px;
	height:25px;
	text-align:center;
	vertical-align:top;
	
}
/* default dimensions and justification for each month not including title */
.jCalMo {
	width:248px;		/* each day width + border-left + border-right */
	float:left;
	overflow:visible;
	height:100%;
	padding-right:2px;
	padding-left:2px;
	white-space:nowrap;
	
}
/* top month display block - i.e. January */
.jCal .month, .jCal .monthSelect, .jCal .monthName, .jCal .monthYear {
	line-height:16px;
	height:26px;
	text-align:center;
	vertical-align:bottom;
	font-family:"Helvetica";
	font-size:9pt;
	font-weight:bold;
	color:#000000;
	cursor:pointer;
	float:left;
}
/* month name per calendar style - includes left/right padding and alignment */
.jCal .monthName {
	padding-left:2px;
	padding-right:2px; 
	text-align:right;
}
/* year per calendar style - includes left/right padding and alignment */
.jCal .monthYear {
	float:right;
	padding-left:2px;
	padding-right:2px;
	text-align:left;
}
/* hilight style for new month combobox pulldown for hover */
.jCal .monthSelect {
	background:#EEE url(../../images/site/graphics/eeGrad2.gif) bottom repeat-x;
}
/* do not edit - this enables the new month combobox selector */
.jCal .monthSelector {
	position:absolute;
}
/* do not edit - this enables the new month combobox selector "shadow" for capturing auto-hide */
.jCal .monthSelectorShadow {
	position:absolute;
	background:#808080;
	padding:0px;
}
/* this is the hover for the month name */
.jCal .monthNameHover {
	background:#EDEDED url(../../images/site/graphics/double-arrow-vert.gif) center left no-repeat;
	color:#808080;
}
/* this is the hover for the year */
.jCal .monthYearHover {
	background:#EDEDED url(../../images/site/graphics/double-arrow-vert.gif) center right no-repeat;
	color:#808080;
}
/* this is the hover for the new month or year hover in the new combobox selection */
.jCal .monthSelectHover {
	background:#47618b;
	color:#FFF;
}
/* day block dimensions and style - for all day blocks */
.jCalMo .day, .jCalMo .pday, .jCalMo .aday, .jCalMo .overDay, .jCalMo .invday, .jCalMo .selectedDay {
	width:33px;
	
	font-family:"Helvetica";
	font-size:9pt;
	font-weight:bold;
	color:#666666;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	border-left:1px solid #EEE;
	text-align:center center;
	cursor:default;
	float:left;
	padding-top:10px;
}

/* day block dimensions and style - for all day blocks */
.jCalMo .dow {
	width:33px;
	font-family:"Helvetica";
	font-size:7pt;
	font-weight:bold;
	color:#666666;
	border-right:1px solid #fff;
	border-bottom:1px solid #666666;
	border-left:1px solid #fff;
	text-align:center;
	cursor:default;
	float:left;
	
}

/* day of week header specific style */
.jCalMo .dow {
	background:#fff;
	border-bottom:1px solid #CCC;
	padding:4px 0 4px 0;
}
/* actual calendar day default style */
.jCalMo .day, .jCalMo .invday {
	height:23px;
	text-align:center;
}
/* selectable calendar day specific style */
.jCalMo .day {
	cursor:pointer;
	background: url(../../images/site/graphics/cal_inmonth.gif) center right repeat-x;
}
/* blacked-out calendar day specific style */
.jCalMo .invday {
	color:#808080;
	background:#eeeeee;
	text-decoration:line-through;
}
/* previous and subsequent months calendar day specific style */
.jCalMo .pday, .jCalMo .aday {
	height:23px;
	background: url(../../images/site/graphics/cal_notinmonth.gif) center right repeat-x;
	color:#CCCCCC;
	text-align:center;
}
/* selected day */
.jCalMo .selectedDay {
	color:#FFF;
	/* must use rgb() syntax for jquery.color.js compliance */
	background: url(../../images/site/graphics/cal_ondate.gif) center right repeat-x;
}
/* mouseover hilighted selectable day */
.jCalMo .overDay {
	color:#FFF;
	/* must use rgb() syntax for jquery.color.js compliance */
	background: url(../../images/site/graphics/cal_fulldate.gif) center right repeat-x;
}
/* left month navigation button - no need to change */
.jCal .left {
	background:url(../../images/site/graphics/_left.gif) center center no-repeat;
	width:16px;
	height:16px;
	vertical-align:middle;
	cursor:pointer;
	float:left;
}
/* right month navigation button - no need to change */
.jCal .right {
	background:url(../../images/site/graphics/_right.gif) center center no-repeat;
	width:16px;
	height:16px;
	vertical-align:middle;
	cursor:pointer;
	float:right;
}
/* no need to change - this is for carousel opacity */
.jCalMask, .jCalMove {
	position:absolute;
	overflow:hidden;
}


/* --------------------UA CAL----------------------------- */

#pg_ua_accountsummary .box9 {padding:1px 0 2px 0;}

/* default dimensions and justification for each month including title */
#pg_ua_accountsummary .jCal {
	/* each day width + border-left + border-right */
	width:204px;
	height:25px;
	text-align:center;
	vertical-align:top;
	
}
/* default dimensions and justification for each month not including title */
#pg_ua_accountsummary .jCalMo {
	width:204px;		/* each day width + border-left + border-right */
	float:left;
	overflow:visible;
	height:100%;
	padding-right:2px;
	padding-left:2px;
	white-space:nowrap;
	
}
/* top month display block - i.e. January */
#pg_ua_accountsummary .jCal .month, #pg_ua_accountsummary .jCal .monthSelect, 
#pg_ua_accountsummary .jCal .monthName, #pg_ua_accountsummary .jCal .monthYear {
	line-height:16px;
	height:26px;
	text-align:center;
	vertical-align:bottom;
	font-family:"Helvetica";
	font-size:9pt;
	font-weight:bold;
	color:#000000;
	cursor:pointer;
	float:left;
}
/* month name per calendar style - includes left/right padding and alignment */
#pg_ua_accountsummary .jCal .monthName {
	padding-left:2px;
	padding-right:2px; 
	text-align:right;
}
/* year per calendar style - includes left/right padding and alignment */
#pg_ua_accountsummary .jCal .monthYear {
	float:right;
	padding-left:2px;
	padding-right:2px;
	text-align:left;
}
/* hilight style for new month combobox pulldown for hover */
#pg_ua_accountsummary .jCal .monthSelect {
	background:#EEE url(../../images/site/graphics/eeGrad2.gif) bottom repeat-x;
}
/* do not edit - this enables the new month combobox selector */
.jCal .monthSelector {
	position:absolute;
}
/* do not edit - this enables the new month combobox selector "shadow" for capturing auto-hide */
#pg_ua_accountsummary .jCal .monthSelectorShadow {
	position:absolute;
	background:#808080;
	padding:0px;
}
/* this is the hover for the month name */
#pg_ua_accountsummary .jCal .monthNameHover {
	background:# url(../../images/site/graphics/double-arrow-vert.gif) center left no-repeat;
	color:#808080;
}
/* this is the hover for the year */
#pg_ua_accountsummary .jCal .monthYearHover {
	background:#EDEDED url(../../images/site/graphics/double-arrow-vert.gif) center right no-repeat;
	color:#808080;
}
/* this is the hover for the new month or year hover in the new combobox selection */
#pg_ua_accountsummary .jCal .monthSelectHover {
	background:#47618b;
	color:#FFF;
}
/* day block dimensions and style - for all day blocks */
#pg_ua_accountsummary .jCalMo .day, #pg_ua_accountsummary .jCalMo .pday, 
#pg_ua_accountsummary .jCalMo .aday, #pg_ua_accountsummary .jCalMo .overDay, 
#pg_ua_accountsummary .jCalMo .invday, #pg_ua_accountsummary .jCalMo .selectedDay {
	width:27px;
	font-family:"Helvetica";
	font-size:9pt;
	font-weight:bold;
	color:#666666;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	border-left:1px solid #EEE;
	text-align:center center;
	cursor:default;
	float:left;
	padding-top:8px;
}

/* day block dimensions and style - for all day blocks */
#pg_ua_accountsummary .jCalMo .dow {
	width:27px;
	font-family:"Helvetica";
	font-size:7pt;
	font-weight:bold;
	color:#666666;
	border-right:1px solid #fff;
	border-bottom:1px solid #666666;
	border-left:1px solid #fff;
	text-align:center;
	cursor:default;
	float:left;
	
}

/* day of week header specific style */
#pg_ua_accountsummary .jCalMo .dow {
	background:#fff;
	border-bottom:1px solid #CCC;
	padding:4px 0 4px 0;
}
/* actual calendar day default style */
#pg_ua_accountsummary .jCalMo .day, #pg_ua_accountsummary .jCalMo .invday {
	height:21px;
	text-align:center;
}
/* selectable calendar day specific style */
#pg_ua_accountsummary .jCalMo .day {
	cursor:pointer;
	background: url(../../images/site/graphics/cal_inmonth.gif) center right repeat-x;
}
/* blacked-out calendar day specific style */
#pg_ua_accountsummary .jCalMo .invday {
	color:#808080;
	background:#eeeeee;
	text-decoration:line-through;
}
/* previous and subsequent months calendar day specific style */
#pg_ua_accountsummary .jCalMo .pday, .jCalMo .aday {
	height:21px;
	background: url(../../images/site/graphics/cal_notinmonth.gif) center right repeat-x;
	color:#CCCCCC;
	text-align:center;
}
/* selected day */
#pg_ua_accountsummary .jCalMo .selectedDay {
	color:#FFF;
	/* must use rgb() syntax for jquery.color.js compliance */
	background: url(../../images/site/graphics/cal_ondate.gif) center right repeat-x;
}
/* mouseover hilighted selectable day */
#pg_ua_accountsummary .jCalMo .overDay {
	color:#FFF;
	/* must use rgb() syntax for jquery.color.js compliance */
	background: url(../../images/site/graphics/cal_fulldate.gif) center right repeat-x;
}
/* left month navigation button - no need to change */
#pg_ua_accountsummary .jCal .left {
	background:url(../../images/site/graphics/_left.gif) center center no-repeat;
	width:16px;
	height:16px;
	vertical-align:middle;
	cursor:pointer;
	float:left;
}
/* right month navigation button - no need to change */
#pg_ua_accountsummary .jCal .right {
	background:url(../../images/site/graphics/_right.gif) center center no-repeat;
	width:16px;
	height:16px;
	vertical-align:middle;
	cursor:pointer;
	float:right;
}
/* no need to change - this is for carousel opacity */
#pg_ua_accountsummary .jCalMask, .jCalMove {
	position:absolute;
	overflow:hidden;
}