body,html { background-color: #CCCCCC; margin:0; padding:5px 5px 5px 5px; }

img { display:block; }

.passwd { display: inline !important; margin-left: 2px; }

a:link { color:white; }
a:visited { color:white; }
a:hover { color:white; }
a:active { color:white; }
a:focus { color:white; }


.scal table {border-collapse: collapse;}

.scal table.cal_table {
	width: 437px;
	font-size:12px;
}

.scal table.cal_table td {
	text-align: center;
}

.scal table.cal_table thead tr.calheader td {
	cursor: pointer;
}

.scal table.cal_table tbody.cal_wrapper tr.weekboxname td {
	background: #000;
	color: #fff;
	width: 64px;
	font-weight: bold;
	font-size: 12px;
	border-top: 1px solid #787878;
}

.scal table.cal_table tbody.cal_wrapper tr.weekbox td.daybox {
	cursor: pointer;
	border: 1px solid #787878;
}

.scal table.cal_table tbody.cal_wrapper tr.weekbox td.dayboxsunday {
	background: #cccccc;
}

.scal table.cal_table tbody.cal_wrapper tr.weekbox td.dayboxsaturday {
	background: #cccccc;
}

.scal table.cal_table tbody.cal_wrapper tr.weekbox td.dayoutmonth {
	color: #888888;
}

.scal table.cal_table tbody.cal_wrapper tr.weekbox td.dayselected {
	background: #E00008;
	color: #ffffff;
}

.scal table.cal_table tbody.cal_wrapper tr.weekbox td.today {
	background: #FF9999;
}

/*
tinyscal - a mini version of the calendar type.  useful in tight spaces.
 usage: define class of base element as "scal tinyscal" as tinyscal is
        dependent on scal.
*/
.tinyscal table.cal_table {
	font-size: 11px;
	width: 154px;
}

.tinyscal table.cal_table tbody.cal_wrapper tr.weekboxname td {
	width: 20px;
}

.tinyscal table.cal_table tbody.cal_wrapper tr.weekboxname td {
	font-size: 11px;
}

/*
slick - an image based version of tinyscal.
 usage: define class of base element as "scal tinyscal slick" as slick is
        dependent on scal and tinyscal.
*/
.scal.slick
{
    font-family:Arial, sans-serif;
}

.scal.slick .calheader
{
    background:#787878 center left;
}


.scal.slick table.cal_table
{
    border: 1px solid #888888;
}


.scal.slick table.cal_table thead tr.calheader td.caltitle
{
    color: #ffffff;
}

.scal.slick table.cal_table tbody.cal_wrapper tr.weekbox td
{
    background:#cccccc center left;
}

.scal.slick table.cal_table tbody.cal_wrapper tr.weekbox td.dayboxsunday {
	background: #ffffff;
}

.scal.slick table.cal_table tbody.cal_wrapper tr.weekbox td.dayboxsaturday {
	background: #cccccc;
}

.scal.slick table.cal_table tbody.cal_wrapper tr.weekbox td.dayselected
{
    background:#787878 center left;
}

.scal.slick table.cal_table tbody.cal_wrapper tr.weekbox td.today
{
    background:#ccc center left;
    color: #787878;
    font-weight: bold;
}

.scal.slick table.cal_table tbody.cal_wrapper tr.weekboxname td
{
    background:#787878 center left;
}