/* calendar customized theme - Wood Grain */

@import url("3d.css");

/* ---------------------------------------------------------------------- */
/* GLOBAL - calendar                                                      */
/* ---------------------------------------------------------------------- */

.calendar {
	/*border-color: #E2D49C;*/
	/*border-width: 1px;*/
	border: none;
	color: #000000;
}

.calendar table {
	border-color: #CA833F;
	background: url("woodgrain_main_bg.gif") 100% 100%;
}


/* ---------------------------------------------------------------------- */
/* HEADER -- title bar, common buttons, navigation buttons, weekday names */
/* ---------------------------------------------------------------------- */

/* button (all buttons) (td) */
.calendar .btn {
	color: #FFFFFF;
	border-color: #FAC46C #714000 #AB6100 #F9AE35;
	background: url("woodgrain_btn_bg.gif") 100% 100%;
}

/* navigation button (<<, <, TODAY, >, >>) (td) */
.calendar .navbtn {
	background-color: #BB843C;
}

/* title bar (td) */
.calendar thead .titlebar {
	color: #FFFFFF;
	border-color: #B96C6C #7D0000 #780000 #BE3535;
	background-color: #BB843C;
}

/* weekday name (td) */
.calendar thead .weekdayname {
	color: #FFFFFF;
	border-color: #000000;
	background-color: #B7903F;
}

/* weekend day name (td) */
.calendar thead .weekendname {
	color: yellow;
}

/* weekday names row (tr) */
.calendar thead .weekdaynamesrow {
}

/* when mouse moves over any button in the header (td) */
.calendar thead .hover {
	color: #FFFFFF;
	border-color: #EFBF8F #6A3B1B #955A29 #E4A266;
	background-color: #B7903F;
}

/* when mouse clicks any button in the header (td) */
.calendar thead .active {
	padding: 2px 0px 0px 2px;
	border-color: #4F4040 #DBD0C8 #D6DAC8 #494040;
	background-color: #E2D495;
}


/* ---------------------------------------------------------------------- */
/* BODY -- Bsaj bIak */
/* ---------------------------------------------------------------------- */

/* Bsaj Biaj (td) */
.calendar tbody .datecell {

}

/* adjacent Bvaj Bsaj Biaj (td) */
.calendar tbody .datecell.adjacentdate {
	color: #AD843C;
}

/* adjacent Bvaj weekend Bsaj Biaj (td) */
.calendar tbody .datecell.adjacentdate.adjacentweekend {
	color: #F3843C;
}

/* week number Biaj (td) */
.calendar table .weeknumber {
	color: #FFFFFF;
	border-color: #000000;
	background-color: #B7903F;
}

/* when mouse moves over a row (tr) */
.calendar tbody .highlightedrow {
}

/* bIak in a row which mouse moves over it (td) */
.calendar tbody .highlightedrow td {
	background-color: #D6B540;
}

/* week number Biaj in row when mouse moves over a row (td) */
.calendar tbody .highlightedrow td.weeknumber {
	background-color: #E3D47D;
}

/* when mouse moves over a Bsaj Biaj (td) */
.calendar tbody td.hover {
	border-color: #EFF094 #9E7617 #9E7617 #EFF094;
	background-color: #E9D492;
}

/* when mouse clicks a Bsaj Biaj (td) */
.calendar tbody td.active {
	border-color: #9E7617 #EFF094 #EFF094 #9E7617;
}

/* when Bsaj Biaj is selected (td) */
.calendar tbody td.selected {
	color: #000000;
	border-color: #9E7617 #EFF094 #EFF094 #9E7617;
	background-color: #F6F094;
}

/* weekend Bsaj (td) */
.calendar tbody td.weekend {
	color: red;
}

/* applied if the Bsaj of Biaj is today. available when highlight today is Bwaj. (td) */
.calendar tbody td.todaycell {
	color: #000000;
}

/* when Bsaj is disabled (td) */
.calendar tbody .disabled {
}

/* blank row, multi-Bvaj mode only. some months may need 6 rows to display and some may not. */
.calendar tbody .blankrow {
}


/* ---------------------------------------------------------------------- */
/* FOOTER -- status bar */
/* ---------------------------------------------------------------------- */

/* status bar (td) */
.calendar tfoot .statusbar {
	color: #FFFFFF;
	border-color: #800000 #E2D492 #E2D492 #800000;
	background: url("woodgrain_btn_bg.gif") 100% 100%;
}


/* ---------------------------------------------------------------------- */
/* DROP DOWN MENU -- Boaj, Bvaj and recent list */
/* ---------------------------------------------------------------------- */

/* drop down menu (div) */
.calendar .dropdownmenu {
	color: #FFFFFF;
	border-color: #FAC46C #714000 #AB6100 #F9AE35;
	background: url("woodgrain_btn_bg.gif") 100% 100%;
}

/* when mouse moves over drop down menu (div) */
.calendar .dropdownmenu .hover {
	color: #000000;
	border-color: #EFBF8F #6A3B1B #955A29 #E4A266;
	background-color: #E2D497;
}

/* when mouse clicks drop down menu (div) */
.calendar .dropdownmenu .active {
	color: #000000;
	border-color: #4F4040 #DBD0C8 #D6DAC8 #494040;
	background-color: #F6F094;
}