/*--- calendar styles --------------------------------------------*/
.Main_panel
{
    width:565px;
    float:left;
}
/*-- right hand side navigation controls ------------------*/
.CalendarControl
{
    float:left;
    clear:left;
    margin-bottom:20px;
    margin-top:10px;
	font-size:0.7em;
	padding:10px;
}
.CalendarControls
{
    width:200px;
    float:right; 
    clear:right;
    margin-top:45px;
}
.CalendarControlTitle
{
    white-space:nowrap;
    color:#b9363b;
    font-size:12px;
    font-weight:bold;
    margin:0px;
    
}
.goto_date
{
    width:45px;
    margin-left:5px;
    border:solid 1px #aeaeae;
    background-color:#fcfcfc;
    color:#a6a6a6;
}
/* -- month view styles ----------------------------*/
#month
{
    float:left;
}
.day
{
    width:64px;
    height:80px;
    overflow:auto;
}
.day a
{
    color:#b9363b;
}
.day-notinmonth
{
    width: 94px;
    height: 94px;
    background-color:#DDDDDD;
    border: solid 1px #cccccc;
    float: left;
    margin: 2px;
	position:relative;
}
.daycontainer
{
    width: 94px;
    height: 94px;
    background-color:white; 
    border: solid 1px #cccccc;
    float: left;
    margin: 2px;
	position:relative;
}
.dateDiv
{
    padding:3px;
    position:relative;
}
.weeknumbercontainer
{
    float:left;
    margin:2px;
    border:solid 1px #ffffff;
	width:84px; 
}
/* -- week view styles -----------------------------*/
#week
{
    background-color:White;
}
.time_slot
{
    width:64px;
    height:60px;
    overflow:auto;
    
}
.time_container
{
    float:left;
    margin:2px;
    border:solid 1px #eeeeee;
}
.dayofweek
{
    width: 94px;
    height: 30px;
    float: left;
    border: solid 1px #9d282e;
    text-align: center;
    font-size:11px;
    margin: 2px;
    background-color:#9d282e;
    color:#ffffff;
}
.dayofweek a
{
    color:#ffffff;
    text-decoration:none;
}
.emptydayofweek
{
    width: 84px;
    height: 30px;
    float: left;
    border: solid 1px #ffffff;
    margin: 2px;
}
/* -- styles for day view --------------------------*/
.dayview_timeslot_container
{
    float:left;
    margin:2px;
    border:solid 1px #9d282e;
}
.dayview_timeslot
{
    width:480px;
    height:50px;
}
.dayview_time
{
    width:64px;
    height:50px;
    overflow:hidden;
}
/* -- styles for all views -------------------------*/

.diary{
	float:left;
	clear:left;
	width:790px;
}

.legend{
	float:left; 
	width:210px;
	padding-left:10px;
}

.legend .go{
	height:20px;
}
.intervalheader
{
    clear:left;
	float:left; 
    width: 105%;
    font-size : 12px;
}
.intervalnav
{   
    float: left;
    width: 40px;
    height:30px;
    text-align: center;   
    margin-bottom:10px;
}
.intervalnav a 
{
    font-size:22px;
    font-weight:bold;
    color:#9d282e;
    text-decoration:none;
}
.intervalname
{
    float: left;
	clear:left;
    height:30px;
	width:790px;
    text-align: center;
    font-size:22px;
    font-weight:bold;
    color:#9d282e;
    margin-bottom:30px;
	padding-top:10px;
	
}

.month_name{
	float:left;
	margin-right:25%;
}

.group_name{
	float: left;
	height:50px;
	width:60%;
	margin-bottom:10px;
	margin-left:20%;
	margin-right:20%;
}
/* -- styles for the appointment page ----------------------*/
.AppointmentImage
{
    cursor:pointer;
}
.posting
{
    float:left;
}


/* -- Add entry ----------------------------------------------*/

.diary_form{
	float:left;
	width:770px;
	padding:10px;
}

.diary_form .mid_form div{
	margin-top:5px;
	margin-bottom:10px;
	font-size:0.9em;
}

.diary_form .mid_form div span{
	font-size:0.9em;
	margin-left:5px;
	font-weight:bold;
}

.diary_form .mid_form div label{
	float:left;
	font-size:0.9em;
	width:80px;
	font-weight:bold;
}

.diary_form .mid_form div input{
	height:14px;
}

.diary_form .mid_form div .diary_input{
	border:1px solid #000000;
	width:150px;
}

.diary_form .mid_form div #diary_file{
	height:20px;
}

.diary_form .mid_form .trigger .submit{
	height:20px;
	background-color:#fff;
	border:1px solid #c04f51;
	width:auto;
	color:#c04f51;
	margin-left:80px;
}

.timepick{
	margin-right:5px;
	margin-left:5px;
}

.addappointment
{
	background-image:url('../assets/images/add_cal.gif');
	height:12px;	
	background-position:0 0;
	background-repeat:no-repeat;
	width:11px;
	position:absolute;
	bottom:0px;
	right:0px;
	overflow:hidden;
} 

#diary_controls
{
width:100%;
margin-bottom:10px;
}

#diary_controls select
{
width:123px;
}

.week_day
{
width:146px;
margin-right:5px;
float:left;
min-height:495px;
border: 1px solid #8c3031;
}

.week_day_label
{
width:100%;
float:left;
background-color:#8c3031;
color:white;
text-align:center;
padding-top:10px;
padding-bottom:10px;
font-weight:bold;
}

.week_appointment
{
font-size:0.7em;
float:left;
clear:left;
width:131px;
padding-left:3px;
margin-left:5px;
margin-right:5px;
margin-top:5px;
background-color:#ffffea;
border: 1px solid #8c3031;
min-height:80px;
}

.week_controls
{
clear:left;
color:#9D282E;
float:left;
font-size:22px;
font-weight:bold;
height:30px;
margin-bottom:30px;
padding-top:10px;
text-align:center;
width:790px;
}

.hiddenappointment
{
display:none;
}