/*--- 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 .error{
	color:#aa4444;
	font-weight:bold;
}

.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{
	background-color:#FFFFFF;
	border:1px solid #C04F51;
	color:#C04F51;
	font-size:17px;
	height:auto;
	margin-left:20px;
	margin-top:20px;
	width:auto;
}

.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;
}

/* FULLSCREEN */
#full-screen #all_controls{
	position:fixed;
	top:0;
	width:100%;
	height:105px;
	border:1px solid #ececec;
	background:#ffffff;
	z-index:100;
}

#full-screen #diary_days{
	margin-top:106px;
	float:left;
	width:100%;
	background:#4a4a4a;
}

#full-screen .week_controls{
	width:100%;
	margin:0 0 15px 0;
	height:auto;
}

#full-screen .week_day{
	width:18%;
	margin:0 0 0 1%;
	background:#ffffff;
	padding:45px 0 10px 0;
}

#full-screen .week_day_label{
	position:fixed;
	top:107px;
	width:18%;
}


#full-screen .week_appointment{
	width:90%;
	padding:0 2%;
	margin:4px 2%;
}

#back-link{
	position:fixed;
	top:0;
	right:0;
	padding:5px;
	font-size:14px;
	font-weight:bold;
	display:block;
	z-index:200;
}

#full-screen .weeknumbercontainer{
	background:none;
	color:#efefef;
	font-size:14px;
	border:none;
}

#full-screen .emptydayofweek{
	border:none;	
}

#full-screen #diary_controls form{
	width:100%;
	float:left;
}

/* FORM */
.diary_form .mid_form div .tree_checklist label{
	width:auto;
}

.diary_form .mid_form div .tree_checklist input{
	float:left;
}

.diary_form .mid_form div.form_lists{
	width:46%;
	padding:0 2%;
	float:left;
}

.diary_form .mid_form div.trigger{
	width:100%;
	float:left;
}

.tree_checklist{
	float:left;
	width:96%;
	padding:5px 2%;
	height:272px;
	overflow:auto;
	background:#efefef;
	border:1px solid #cccccc;
	margin:0 0 5px 0;
}

#user_search_boxes .tree_checklist{
	height:200px;
}

.tree_checklist li{
	list-style:none;
	float:left;
	clear:left;
	padding:0 0 5px 0;
}


#datepicker_div option{
	width:auto;
}

#jumptodate{
	width:110px;
	padding:3px 0;
	font-weight:bold;
	border:none;
}

#jumptodate:hover{
	cursor:pointer;
}

#calendar_date_jump{
	float:left;
	padding:5px 0 0 15px;
}

#calendar_date_jump label{
	font-size:11px;
}