/*
The following classes should be present.
However, You can add, alter or delete individual elements within a class to suit your look and feel.
*/

.YPTableMain
{
    background-color: #dddddd;
    border:solid 10px #dddddd;
    width:700px;
}

.YPTrYearHeading
{
    height:40px;
}

.YPTdYearHeading
{
    vertical-align:bottom;
    color:#007700;
    font-size:12px;
    font-weight:bold;
    text-align:left;
}

.YPTdDayHeading
{
    vertical-align:bottom;
    color:#007700;
    font-size:10px;
    font-weight:bold;
    text-align:center;
}

.YPTrMonth
{
    text-align:center;
}

.YPTdMonthHeading
{
    background-color:#dddddd;
    color:#007700;
    text-align:left;
}

.YPTdBlankDay
{
}



/*
All classes below here are optional.
You are likely to supply your own classes to tailor the look and feel of an individual day in the planner.
*/

.DemoAnchor A:link 
{ 
	text-decoration:none;
	text-align:center;
    font-size:9px;
	
	border-top: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	border-bottom: 1px solid #7b5026;
	border-right: 1px solid #7b5026;

    padding-top:3px;
    padding-bottom:2px;
    padding-left:0px;
    padding-right:0px;
    
    background-color: #00DD00;
    color:Black
}

.DemoAnchor A:visited  
{
	text-decoration:none;
	text-align:center;
    font-size:9px;

	border-top: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	border-bottom: 1px solid #7b5026;
	border-right: 1px solid #7b5026;

    padding-top:3px;
    padding-bottom:2px;
    padding-left:0px;
    padding-right:0px;

    background-color: #00DD00;
	color:Black;   
}

.DemoAnchor A:hover
{
	text-decoration:none;
	text-align:center;
    font-size:9px;

	border-top: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	border-bottom: 1px solid #7b5026;
	border-right: 1px solid #7b5026;

    padding-top:3px;
    padding-bottom:2px;
    padding-left:0px;
    padding-right:0px;

    background-color: #00FF00;
	color:  Red;
}
 
.DemoAnchor A:active   
{
	text-decoration:none;
	text-align:center;
    font-size:9px;

	border-top: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	border-bottom: 1px solid #7b5026;
	border-right: 1px solid #7b5026;

    padding-top:3px;
    padding-bottom:2px;
    padding-left:0px;
    padding-right:0px;

    background-color: #00DD00;
	color:  Black;
}

.DemoInActive
{ 
    font-size:9px;
    background-color:#aaaaaa;
    color:#ffffff;

    padding-top:0px;
    padding-bottom:0px;
    padding-left:0px;
    padding-right:0px;
}