/*
Template name: JC Melrose Traditional
*/



/* default elements */
* {margin: 0; padding: 0;}

#webworld {background:#97916F; font: 11px Tahoma;}

#masthead {position:relative; top:0px; width:900px; height:145px; overflow:hidden; background:#958D69 url(../img/jcmelrose_header.jpg) 0px -25px; border:0px solid #95906d; color:white; text-align:center; z-index:10}

#menuside {position:relative; width:900px; height:32px; background:transparent url(../img/menu_bg.jpg); border:0px solid white; color:#FFFFFD; text-align:center; line-height:28px; z-index:99; display:block}

#everything {position:relative; width:900px; height:500px; overflow:visible; text-align:left; background:#95906d url(../img/everything_bg.png) no-repeat; border:0px solid white; display:block}

#maincontentbar {position:absolute; top:12px; left:18px; width:863px; background:transparent url(../img/bottom-title.png) no-repeat;}

#titletable {width:863px; background:transparent}

#maincontenttitle {background:transparent; font:bold 15px Tahoma; color:#736E52; padding-left:5px; height:30px; line-height:28px; text-align:left}

#maincontentsection {background:transparent; font:10px Tahoma; line-height:28px; text-align:right; text-transform:uppercase; font-weight:bold; letter-spacing: 2px; color:#4D4A37}

/*
#calendarbg {position:absolute; top:45px; left:100px; background:transparent url(../img/form-bg.png) no-repeat; width:800px; height:500px; overflow:visible; z-index:55}
*/

#calendarbody {position:relative; top:15px; text-align:left; width:700px;  overflow:visible; z-index:56}

#calendarall {position:relative; top:25px; left:0px; width:100%; height:400px; background:transparent; border: 0px solid white; text-align:left}



#actualcalendar {position:absolute; top:-10px; left:0px; width:254px; height:205px;  background:transparent url(../img/cal_bg.png) no-repeat }

#actualeventcontent {position:absolute; top:-10px; left:275px; width:426px; height:450px; background:transparent url(../img/cal_panelbg.png) no-repeat}

#footer {position:relative; float:bottom; width:900px;}

#paging {color:#2D2D22; font-weight:bold}
#paging a {color:#928D6C}





/*--------------------------------------------------------------------------------------------------------------------------*/

#calendar-list-head {width:425px; background:transparent url(../img/cal_tabletop.png); height:55px; border-bottom:4px solid #928D6C}
#calendar-list-head th {width:142px; background:transparent; height:50px; text-align:center}

#calendar-list {width:426px; background:transparent}
#calendar-list thead {background:transparent url(../img/cal_tabletop.png) 0px -48px no-repeat; height:30px;} /*96906E*/

.calheader {background:transparent url(../img/cal_tabletop.png) 0px -48px repeat-x; height:30px;}

#calendar-list thead th div {line-height:28px; cursor:hand;}

#calendar-list th {background:transparent; color:#2D2D22; font: bold 11px "lucida sans unicode";}
#calendar-list tbody tr {background:transparent; height:40px;}


.rowstart td {background:transparent; padding-left:10px; padding-top:10px; padding-bottom:10px; font: bold 11px "lucida sans unicode"; color:#ffffff;  border-bottom:1px dotted #757156}


.rowA td {background:transparent; padding-left:10px; padding-top:10px; padding-bottom:10px; font: bold 11px "lucida sans unicode"; color:#B9B89F; border-bottom:1px dotted #5A5740}


.rowB td {background:transparent; padding-left:10px; padding-top:10px; padding-bottom:10px; font: bold 11px "lucida sans unicode"; color:#ffffff;  border-bottom:1px dotted #5A5740}

td.eventtype { font-weight:normal;}

#caldate {height:29px; width:89px; padding-left:10px} /*background:#7D785B;*/
#calevent {height:29px; width:202px; padding-left:10px}
#caltype {height:29px; width:105px; padding-left:10px} /*background:#8B8566;*/




/*---------------------------------------------------------------------------------------------------------------------------*/

#calendar-detail {width:425px;}
#calendar-detail thead {text-align:center; background:transparent url(../img/cal_top_two.png); height:50px;}
#calendar-detail tbody th {color:#AEAA8E; font: 18px normal "lucida sans unicode"; padding:10px; text-align:center}
#calendar-detail tbody tr td {}






#edit_calendar {position:relative; width:900px; height:600px; background:transparent; border:0px solid blue; top:10px; cursor:hand;  display:block}

	#edit_calendar #menu_area  {
	position:absolute; top:9px; left:0px; height:33px; width:900px; background:#97916F; filter:alpha(opacity=100); -moz-opacity: 1.00; opacity: 1.00; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100)
	}

	#edit_calendar #content_area_1  {
	position:absolute; top:50px; left:15px; height:495px; width:880px; background:red; cursor:hand;
	cursor:hand; filter:alpha(opacity=25); -moz-opacity: 0.25; opacity: 0.25; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=25); 
	}



