/* Start of CMSMS style sheet 'Handheld' */
/*********************************************
Sample stylesheet for mobile and small screen handheld devices

Just a simple layout suitable for smaller screens with less 
styling cabapilities and minimal css

Note: If you dont want to support mobile devices you can
safely remove this stylesheet.
*********************************************/
/* remove all padding and margins and set width to 100%. This should be default for handheld devices but its good to set these explicitly */
body {
margin:0;
padding:0;
width:100%;
}

/* hide accessibility noprint and definition */
.accessibility,
.noprint,
dfn {
display:none;
}

/* dont want to download image for header so just set bg color */
div#header,
div#footer {
background-color: #385C72;  
color: #fff;
text-align:center;
}

/* text colors for header and footer */
div#header a,
div#footer a {
color: #fff;
}

/* this doesnt look as nice, but takes less space */
div#menu_vert ul li,
div#menu_horiz ul li {
display:inline;
}

/* small border at the bottom to have some indicator */
div#menu_vert ul,
div#menu_horiz ul {
border-bottom:1px solid #fff;
}

/* save some space */
div.breadcrumbs {
display:none;
}
/* End of 'Handheld' */

<style>
#testdiv1 .cpMonthNavigation
			{
			background-color:#999;
			text-align:center;
			vertical-align:center;
			text-decoration:none;
			color:#FFFFFF;
			font-weight:bold;
			}
	#testdiv1 .cpDayColumnHeader,
	#testdiv1 .cpYearNavigation,
	#testdiv1 .cpMonthNavigation,
	#testdiv1 .cpCurrentMonthDate,
	#testdiv1 .cpCurrentMonthDateDisabled,
	#testdiv1 .cpOtherMonthDate,
	#testdiv1 .cpOtherMonthDateDisabled,
	#testdiv1 .cpCurrentDate,
	#testdiv1 .cpCurrentDateDisabled,
	#testdiv1 .cpTodayText,
	#testdiv1 .cpTodayTextDisabled,
	#testdiv1 .cpText
			{
			font-size:8pt;
			}
	#testdiv1 TD.cpDayColumnHeader
			{
			text-align:center;
			color:#fff;
			background-color:#000;
			border-width:0 0 1 0;
			}
	#testdiv1 .cpCurrentMonthDate,
	#testdiv1 .cpOtherMonthDate,
	#testdiv1 .cpCurrentDate
			{
			text-align:right;
			text-decoration:none;
			}
	#testdiv1 .cpCurrentMonthDateDisabled,
	#testdiv1 .cpOtherMonthDateDisabled,
	#testdiv1 .cpCurrentDateDisabled
			{
			color:#D0D0D0;
			text-align:right;
			text-decoration:line-through;
			}
	#testdiv1 .cpCurrentMonthDate
			{
			color:#000;
			font-weight:bold;
			}
	#testdiv1 .cpCurrentDate
			{
			color: #FFFFFF;
			font-weight:bold;
			}
	#testdiv1 .cpOtherMonthDate
			{
			color:#808080;
			}
	#testdiv1 TD.cpCurrentDate
			{
			color:#FF0000;
			background-color: #FF0000;
			text-align:center;
			}
	#testdiv1 TD.cpCurrentDateDisabled
			{
			border-width:1;
			border:solid thin #FFAAAA;
			}
	#testdiv1 TD.cpTodayText,
	#testdiv1 TD.cpTodayTextDisabled
			{
			border:solid thin #6677DD;
			border-width:1 0 0 0;
			}
	#testdiv1 A.cpTodayText,
	#testdiv1 SPAN.cpTodayTextDisabled
			{
			height:20px;
			}
	#testdiv1 A.cpTodayText
			{
			color:#000;
			font-weight:bold;
			}
	#testdiv1 SPAN.cpTodayTextDisabled
			{
			color:#D0D0D0;
			}
	#testdiv1 .cpBorder
			{
			}</style>