* { outline: 0px; } .grey_out{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 20;
	background: #000000;
	filter:alpha(opacity=50);
	opacity: 0.5;
	display: none;
}

.login_grey_out{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 50;
	background: #000000;
	filter:alpha(opacity=50);
	opacity: 0.5;
	display: none;
}
.main_form_logout{
	position: absolute;
	visibility: hidden;
	top: -100px;
	left: -100px;
}

.main_alert_box{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 280px;
	height: 110px;
	border: 1px solid black;
	background: white;
	font-family: helvetica, arial;
	font-size: 12px;
	font-weight: bold;
	z-index: 22;
}
.main_alert_box_background{
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 23;
}
.main_alert_box_content{
	position: absolute;
	width: 240px;
	height: 150px;
	padding: 20px;
	z-index: 24;
	text-align: center;
}
.main_alert_box_buttons{
	text-align: center;
}
.main_alert_box_buttons input{
	margin: 15px;
}

.main_footer{
	display: none;
	height: 20px;
	width: 200px;
	position: absolute;
	bottom: 10px;
	right: 200px;
	border: 1px solid #7ebbec;
	background: #f7fbfe;
	font-size: 12px;
	color: #333333;
	font-family: helvetica, arial;
}

.main_footer div{
	float: left;
}
body{
	margin: 0px;
	padding: 0px;
	opacity: .999;
	background: #e0ebfc;
}
.main_overflow_hidden{
	overflow: hidden;
}

.iframe{
	position: absolute;
	z-index: 1;
	height: 1px;
	width: 1px;
	left: -100;
	top: -100;
	display: none;
}
.main_jotlet_loading{
/*	background: url(/images/splash.gif) 50% 50% no-repeat; */
	background: url(/images/loading.gif) 50% 50% no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	color: black;
	font-size: 20px;
	text-align: center;
	font-family: verdana, sans-serif;
}


.main_wrapper{
	width: 100%;
	height: 100%;
	position: absolute;
}

.main_content{
	z-index: 1;
	height: 100%;
}

.main_sidebar_handle{
	float: right;
	height: 100%;
	width: 5px;
	/*background: url(images/handle.gif) top left repeat-y;*/
	border-right: 1px solid #EFEFEF;
	cursor: e-resize;
}

.main_content_box{
	height: 100%;
	position: relative;
	margin-left: 150px;
}

.main_content_box_no_scroll{
	height: 100%;
	position: relative;
	overflow: hidden;
}
.main_content_box_no_scroll_inner{
	position: relative;
	margin-right: 20px;
	margin-left: 20px;
	margin-top: 31px;
}

.main_content_box_scroll{
	height: 100%;
	position: relative;
}
.main_feedback{
	position: relative;
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
}
.main_feedback_body{
	display: block;
	width: 350px;
	height: 120px;
	padding: 3px;
	font-family: verdana, sans-serif;
	font-size: 12px;
	color: #000000;
	border: 1px solid #454545;
}
.main_feedback_name{
	width: 350px;
	background: white;
	border: 1px solid #454545;
	padding: 3px;
	font-family: helvetica, arial;
	color: black;
	font-size: 14pt;
}
.main_feedback_thanks{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 500;
	text-align: center;
	padding-top: 70px;
	font-family: helvetica, arial;
	color: black;
	font-size: 14pt;
}


/************************************
 * the iframe form view
 ************************************/
.main_iframe{
	position: relative;
	width: 100%;
	height: 100%;
}
.main_iframe iframe{
	width: 100%;
	height: 100%;
	border: 0px;
}.main_header{
	z-index: 10;
	position: absolute;
	top: 10px;
	left: 0px;
	width: 100%;
	font-family: helvetica, arial;
	font-size: 12px;
	opacity: .999;
}
.main_header_buttons_l{
	z-index: 19;
	position: absolute;
	top: 0px;
	left: 132px;
	width: 500px;
}
.main_header_buttons_r{
	z-index: 19;
	float: right;
	text-align: right;
	white-space: nowrap;
	position: relative;
	right: 30px;
}
.main_header_button{
	cursor: pointer;
	text-decoration: none;
}
.main_header_button_over{
	cursor: pointer;
	text-decoration: underline;
}
.main_header_interactions_button div{ /* icon */
	position: absolute;
	top: -3px;
	left: 0px;
	width: 16px;
	height: 16px;
	background: url(/images/icons/iconmastersmall.gif) -48px 0px no-repeat;
	filter:alpha(opacity=75);
	opacity: 0.75;
}
.main_header_interactions_button{
	float: right;
	height: 20px;
	padding-left: 22px;
	margin-right: 10px;
	font-family: helvetica, arial;
	font-size: 12px;
	cursor: pointer;
	position: relative;
	right: 40px;
}
.main_header_interactions_button_over div{ /* icon */
	position: absolute;
	top: -3px;
	left: 0px;
	width: 16px;
	height: 16px;
	background: url(/images/icons/iconmastersmall.gif) -48px 0px no-repeat;
}
.main_header_interactions_button_over{
	float: right;
	height: 20px;
	padding-left: 22px;
	margin-right: 10px;
	font-family: helvetica, arial;
	font-size: 12px;
	cursor: pointer;
	text-decoration: underline;
	position: relative;
	right: 40px;
}

.button_nav {
	z-index: 19;
	position: absolute;
	top: 0px;
	left: 132px;
	font-size: 13px;
	font-family: "Lucida Grande", "Cabibri", "Helvetica", sans-serif;
}

.button_nav * {
	display: inline;
}

.button_nav_li_a {
	text-decoration: none;
	color: #0a77d5;
	cursor: pointer;
}

.button_nav_li_a:hover {
	text-decoration: underline;
}

.button_nav_li a {
	text-decoration: none;
	color: #0a77d5;
	cursor: pointer;
}

.button_nav_li a:hover {
	text-decoration: underline;
}

.button_nav_li {
	padding-right: 16px;
}.login_settings_main{
	position: absolute;
	left: -550px;
	top: -750px;
	z-index: 51;
	display: none;
}
.login_settings_main_title{
	position: absolute;
	color: #8b8b8b;
	top: 5px;
	left: 9px;
	z-index: 52;
	font-family: helvetica, arial;
	font-size: 14px;
}




.login_main_wrap{
	position: absolute;
	width: 300px;
	border: 1px solid #979797;
	background: white;
	overflow: auto;
}

.login_box_content{
	padding-top: 15px;
	line-height: 22px;
	text-align: center;
	font-family: helvetica, arial;
	font-size: 14px;
	color: #333333;
}
.login_box_buttons{
	text-align: center;
}
.login_box_buttons input{
	margin: 15px;
}
.recur_main{


}

.recur_main select{
	font-family: helvetica, arial;
	font-size: 8pt;
	color: #333333;
}

.recur_number_input{
	font-family: helvetica, arial;
	font-size: 8pt;
	color: #333333;
	border: 1px solid black;
	background: #FFFFFF;
	width: 20px;
	text-align: center;
}

.recur_row{
	padding-top: 4px;
	clear: left;
}

.recur_float_left{
	float: left;
	padding-right: 4px;
}

.recur_section{
	clear: left;
	padding-top: 4px;
	margin-top: 4px;
}

.recur_weekday_label{
	width: 100px;
	float: left;
	display: block;
}

.recur_custom_instructions{
	color: #454545;
}

.recur_custom_date_holder{
	margin-top: 4px;
	padding: 5px;
	width: 136px;
	border: 1px solid black;
	background: white;
	float: left;
}
.recur_custom_dates_holder{
	margin-top: 10px;
	padding-left: 40px;
	margin-left: 132px;
}
.recur_custom_dates{
	height: 100px;
	width: 170px;
	border: 1px solid black;
	background: white;
	margin-top: 4px;
	overflow: auto;
}
.recur_custom_dates div{
	font-family: helvetica, arial;
	font-size: 8pt;
	color: #333333;
	padding: 4px;
}
.recur_custom_dates_alt_row{
	background: #EEEEEE;
}
.recur_custom_dates span{
	display: block;
	float: right;
	margin-right: 2px;
	width: 16px;
	height: 16px;
	cursor: pointer;
	position: relative;
	bottom: 1px;
}
.recur_custom_dates_dark_x{
	background: url(images/x/dark.gif) no-repeat;
}
.recur_custom_dates_light_x{
	background: url(images/x/light.gif) no-repeat;
}
/**
 * the style for teh all day events in day view
 */
.eventdom_all_day{
	display: block;
	float: left;
	width: 30%;
	margin-left: 1%;
	margin-right: 1%;
	margin-top: 1px;
	margin-bottom: 1px;
	font-family: helvetica, arial;
	font-size: 11px;
	height: 12px;
	overflow: hidden;
	white-space: nowrap;
	cursor: pointer;
	position: relative;
}
.eventdom_all_day_dark{
	color: #454545;
}
.eventdom_all_day_white{
	color: #DEDEDE;
}
.eventdom_all_day_highlight{
	display: block;
	float: left;
	height: 12px;
	font-family: helvetica, arial;
	font-size: 11px;
	color: #F6F6F6;
	width: 30%;
	margin-left: 1%;
	margin-right: 1%;
	margin-top: 1px;
	margin-bottom: 1px;
	background: #f5fafd;
	overflow: hidden;
	white-space: nowrap;
	cursor: pointer;
	position: relative;
}
.eventdom_all_day_title{
	position: absolute;
	top: 2px;
	left: 8px;
	font-weight: bold;
	font-size:11px;
	line-height:12px;
}
.eventdom_all_day_title_hover{
	position: relative;
	top: 2px;
	left: 8px;
	color: #FFFFFF;
	font-weight: bold;
}
.eventdom_all_day_left_green{
	width: 5px;
	height: 12px;
	background: url(/images/icons/iconmastersmall.gif) -2px -174px no-repeat;
	position: absolute;
	top: 0px;
	left: 0px;
}
.eventdom_all_day_right_green{
	width: 5px;
	height: 12px;
	background: url(/images/icons/iconmastersmall.gif) -7px -174px no-repeat;
	position: absolute;
	top: 0px;
	right: 0px;
}
.eventdom_all_day_left_pink{
	width: 5px;
	height: 12px;
	background: url(/images/icons/iconmastersmall.gif) -12px -174px no-repeat;
	position: absolute;
	top: 0px;
	left: 0px;
}
.eventdom_all_day_right_pink{
	width: 5px;
	height: 12px;
	background: url(/images/icons/iconmastersmall.gif) -17px -174px no-repeat;
	position: absolute;
	top: 0px;
	right: 0px;
}
.eventdom_all_day_left_blue{
	width: 5px;
	height: 12px;
	background: url(/images/icons/iconmastersmall.gif) -22px -174px no-repeat;
	position: absolute;
	top: 0px;
	left: 0px;
}
.eventdom_all_day_right_blue{
	width: 5px;
	height: 12px;
	background: url(/images/icons/iconmastersmall.gif) -27px -174px no-repeat;
	position: absolute;
	top: 0px;
	right: 0px;
}
.eventdom_all_day_left_yellow{
	width: 5px;
	height: 12px;
	background: url(/images/icons/iconmastersmall.gif) -32px -174px no-repeat;
	position: absolute;
	top: 0px;
	left: 0px;
}
.eventdom_all_day_right_yellow{
	width: 5px;
	height: 12px;
	background: url(/images/icons/iconmastersmall.gif) -37px -174px no-repeat;
	position: absolute;
	top: 0px;
	right: 0px;
}
.eventdom_all_day_left_orange{
	width: 5px;
	height: 12px;
	background: url(/images/icons/iconmastersmall.gif) -42px -174px no-repeat;
	position: absolute;
	top: 0px;
	left: 0px;
}
.eventdom_all_day_right_orange{
	width: 5px;
	height: 12px;
	background: url(/images/icons/iconmastersmall.gif) -47px -174px no-repeat;
	position: absolute;
	top: 0px;
	right: 0px;
}
.eventdom_all_day_left_red{
	width: 5px;
	height: 13px;
	background: url(/images/icons/iconmastersmall.gif) -52px -174px no-repeat;
	position: absolute;
	top: 0px;
	left: 0px;
}
.eventdom_all_day_right_red{
	width: 5px;
	height: 13px;
	background: url(/images/icons/iconmastersmall.gif) -57px -174px no-repeat;
	position: absolute;
	top: 0px;
	right: 0px;
}
.eventdom_all_day_left_purple{
	width: 5px;
	height: 12px;
	background: url(/images/icons/iconmastersmall.gif) -62px -174px no-repeat;
	position: absolute;
	top: 0px;
	left: 0px;
}
.eventdom_all_day_right_purple{
	width: 5px;
	height: 12px;
	background: url(/images/icons/iconmastersmall.gif) -67px -174px no-repeat;
	position: absolute;
	top: 0px;
	right: 0px;
}
.eventdom_all_day_left_grey{
	width: 5px;
	height: 12px;
	background: url(/images/icons/iconmastersmall.gif) -72px -174px no-repeat;
	position: absolute;
	top: 0px;
	left: 0px;
}
.eventdom_all_day_right_grey{
	width: 5px;
	height: 12px;
	background: url(/images/icons/iconmastersmall.gif) -77px -174px no-repeat;
	position: absolute;
	top: 0px;
	right: 0px;
}
/****************************
 * month view
 ****************************/
.month_view_main{
	position: relative;
	height: 100%;
/*	font-family: "Lucida Grande", Verdana, sans-serif; */
	font-family: verdana, sans-serif;
}
.month_view_header_button_wrap{
	max-width: 240px;
	_width: 240px;
}
.month_view_header{
	overflow: hidden;
	height: 31px;
	position: relative;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 18px;
	font-family: helvetica, arial;
	line-height:16px;
}
.month_view_headerc{
	position: relative;
	display: block;
	top: 6px;
	text-align: center;
	white-space:nowrap;
	margin-left: 40px;
	margin-right: 40px;
}
.month_view_header_link{
	position: relative;
	display: block;
	top: 6px;
	float: left;
	width: 20px;
	text-align: center;
	margin-left: 10px;
	margin-right: 10px;
	color: #FFFFFF;
	cursor: pointer;
}
.month_view_float_r{
	float: right;
}
.month_view_search_text_focus{
	position: absolute;
	top: 4px;
	right: 22px;
	width: 160px;
	font-size: 12px;
	color: #333333;
	margin-right: 20px;
}
.month_view_search_text_blur{
	position: absolute;
	top: 4px;
	right: 22px;
	width: 160px;
	font-size: 12px;
	color: #999999;
	margin-right: 20px;
}

.month_view_inner{
	position: relative;
}

.month_view_very_inner{
	position: relative;
	height: 100%;
	opacity: .999;
}
.month_view_footer{
	width: 100%;
	position: absolute;
	bottom: -18px;
	height: 18px;
}
.month_view_footer_link_on{
	cursor: pointer;
	color: #0A77D5;
}
.month_view_footer_link_off{
	cursor: pointer;
	color: #454545;
}
.month_view_footer_link_on_hover{
	cursor: pointer;
	color: #0A77D5;
	text-decoration: underline;
}
.month_view_footer_link_off_hover{
	cursor: pointer;
	color: #454545;
	text-decoration: underline;
}
.month_view_footer_inner{
	height: 18px;
	padding-left: 4px;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background-color: #f6f6f6;
	font-family: verdana, sans-serif;
	font-size: 10px;
	color: #333333;
	line-height:20px;
	overflow:hidden;
}
.month_view_footer_inner span{
}
.month_view_footer_inner div{
	display: inline;
	height: 12px;
	border-left: 1px solid #999999;
	margin-left: 14px;
	margin-right: 10px;
	position: relative;
	bottom: 1px;
	overflow: hidden;
}
.month_view_footer_inner select{
	font-size: 10px;
}
.month_view_footer_inner input{
	position: relative;
	top: 3px;
}
.month_view_subheader{
	position: absolute;
	top: -20px;
	left: 0px;
	background-color: #f6f6f6;
	height: 20px;
	overflow: hidden;
	width: 100%;
}
.month_view_day_header{
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	display: none;
	height: 20px;
	overflow: hidden;
	background-color: #f6f6f6;
}
.month_view_day_header span{
	margin-top: 2px;
	margin-left: 2px;
	font-family: helvetica, arial;
	font-size: 12px;
	color: #333333;
	cursor: pointer;
	background-color: #f6f6f6;
}
.month_view_day_header span:hover{
	text-decoration: none;
}
.month_view_month_header{
	height: 20px;
	overflow: hidden;
}
/** 
 * styles for individual day cells
 */
.month_view_header_table{
	border-collapse: collapse;
	width: 100%;
	height: 100%;
}
.month_view_header_table td{
	font-family: helvetica, arial;
	font-size: 12px;
	color: #333333;
	border-collapse: collapse;
	position: relative;
	width: 14%;
	text-align: center;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}

.month_view_holder{
	position: relative;
	height: 100%;
	overflow: hidden;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}


/** 
 * styles for individual day cells
 */
.month_table{
	position: relative;
	width: 100%;
	height: 100%;
	padding: 0px;
	margin: 0px;
	border-spacing: 0px;
	opacity: .999;
}
.month_table_th{
	position: absolute;
	font-family: helvetica, arial;
	font-size: 12px;
	background-color: #F6F6F6;
	color: #333333;
	width: 15%;
	text-align: center;
	margin: 0px;
	padding: 0px;
	padding-top: 4px;
	padding-bottom: 4px;
	vertical-align: middle !important;
	border-left: 1px solid #CCCCCC !important;
}
.month_table_row{
	position: relative;
	overflow: hidden;
}
.month_today_cell{
	position: absolute;
	overflow: hidden;
	rules: all;
	width: 15%;
	vertical-align: top;
	height: 100%;
	cursor: pointer;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	background: white;
}
.month_day_cell{
	position: absolute;
	overflow: hidden;
	rules: all;
	width: 15%;
	vertical-align: top;
	height: 100%;
	cursor: pointer;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	background: white;
}
.month_sunday_cell{
	position: absolute;
	overflow: hidden;
	rules: all;
	width: 15%;
	vertical-align: top;
	height: 100%;
	cursor: pointer;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	background: white;
}


.month_dark_day_cell{
	position: absolute;
	overflow: hidden;
	rules: all;
	width: 15%;
	vertical-align: top;
	height: 100%;
	cursor: pointer;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	background: white;
}

.month_dark_sunday_cell{
	position: absolute;
	overflow: hidden;
	rules: all;
	width: 15%;
	vertical-align: top;
	height: 100%;
	cursor: pointer;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	background: white;
}

.month_day_cell_number_link{
	color: #0a77d5;
}
.month_day_cell_number_link{
	display:block;
	float:right;
	cursor:pointer;
	font-size:11px;
	position:relative;
	right:18px;
}
.month_day_cell_number{
	font-family: helvetica, arial;
	font-size: 14px;
	color: #333333;
	width: 100%;
	padding: 2px;
	display: block;
	height: 16px;
	text-decoration: none;
}
.month_day_cell_number_hover{
	font-family: helvetica, arial;
	font-size: 14px;
	font-weight: bold;
	color: #225CBC;
/*	clear: both;*/
	width: 100%;
	padding: 2px;
	display: block;
/*	float: left;*/
	height: 16px;
	text-decoration: none;
}
/**
 * wraps the event item in a day cell in month view
 */
.month_day_cell_item {
	display: block;
	font-family: helvetica, arial;
	font-size: 11px;
	color: black;
/*	clear: both; *//* why was this here? */
	height: 20px;
	padding: 0px;
	margin-bottom: 2px;
	overflow: hidden;
	white-space: nowrap;
	cursor: pointer;
	position: relative;
}

.month_cell a:hover{
	background:white;
}
.month_cell a:hover span {
	color: #0a77d5;
	text-decoration: none;
}
/* the calendar color */
.month_day_cell_item div{
	float: left;
	height: 16px;
	width: 4px;
	overflow: hidden;
	margin: 2px 2px 0 0;
}
.month_day_cell_item:hover{
	background:white;
}
.month_day_cell_item:hover span {
	color: #0a77d5;
	text-decoration: none;
}

/* the event / task title in month view */
.month_day_cell_item span {
	line-height: 13px;
	margin-left: 5px;
	margin-right: 5px;
}

/* the checkbox for tasks in month view */
.month_day_cell_item input{
	float: left;
	line-height: 13px;
	margin: 3px 0 0 5px;
	padding:0px;
	width: auto !important;
/*	z-index: 6; */
}
/**
 * for the event time in week view
 */
.month_day_cell_event_time{
	display: block;
	float: left;
	width: 38px;
}
/** 
 * the event item in a day cell of month view when it is highlighted
 */
.month_day_cell_item_highlight{
	display: block;
	font-family: helvetica, arial;
	font-size: 11px;
	color: #3e3e3e;
	clear: both;
	height: 18px;
	padding: 0px;
	margin-bottom: 2px;
	overflow: hidden;
	white-space: nowrap;
	cursor: pointer;
	position: relative;
	border-top: 1px solid #0a77d5;
	border-bottom: 1px solid #0a77d5;
	background: #f5fafd;
}
/* the calendar color */
.month_day_cell_item_highlight div{
	float: left;
	height: 16px;
	width: 4px;
	overflow: hidden;
	margin: 1px 2px 0 0;
}

/* the event / task title in month view */
.month_day_cell_item_highlight span {
	color: black; /* or blue! */
	line-height: 11px;
	margin-left: 5px;
	margin-right: 5px;
}

/* the checkbox for tasks in month view */
.month_day_cell_item_highlight input{
	float: left;
	line-height: 18px;
	margin: 2px 0 0 5px;
	padding:0px;
	width: auto;
/*	z-index: 6; */
}



/**
 * lighten the dom
 */
.month_lighten_dom{
	color: #AFAFAF;
}
/**
 * the span that optionally displays the description
 */
.month_day_cell_event_desc{
	color: #999999;
	display: none;
}

.month_view_day_task_title{
	position: absolute;
	top: 5px;
	left: 26px;
	white-space: nowrap;
/*	color: #0A77D5; */
}
.month_view_day_task_title_hover{
	position: absolute;
	top: 5px;
	left: 26px;
	color: #0A77D5;
	text-decoration: underline;
	white-space: nowrap;
/*	background: white; */
}

.month_day_cell_event_title{
	position: absolute;
	top: 6px;
	_top: 2px;
}
.month_day_cell_event_title_hover{
	position: absolute;
	top: 6px;
	_top: 2px;
	color: #0A77D5;
	text-decoration: underline;
}



.month_view_event_draggable{
	position: absolute;
	z-index: 52;
	width: 102px;
	height: 44px;
	filter:alpha(opacity=90);
	_filter: none;
	opacity: 0.9;
	_opacity: none;
	color: #757575;
	_color: #454545;
	font-family: helvetica, arial;
	font-size: 9px;
	font-weight: normal;
}
.month_view_event_draggable span{
	display: block;
	position: absolute;
	left: 23px;
	top: 25px;
	white-space: nowrap;
	width: 66px;
	overflow: hidden;
}
.month_view_event_draggable_background{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 51;
}
/**
 * event drag colors
 */
.month_view_event_drag_red{
	width: 83px;
	height: 22px;
	background: url(images/icons/pngmaster.png) 0px 0px no-repeat;
	position: absolute;
	bottom: 0px;
	right: 10px;
}
.month_view_event_drag_purple{
	width: 83px;
	height: 22px;
	background: url(images/icons/pngmaster.png) 0px -22px no-repeat;
	position: absolute;
	bottom: 0px;
	right: 10px;
}
.month_view_event_drag_pink{
	width: 83px;
	height: 22px;
	background: url(images/icons/pngmaster.png) 0px -44px no-repeat;
	position: absolute;
	bottom: 0px;
	right: 10px;
}
.month_view_event_drag_blue{
	width: 83px;
	height: 22px;
	background: url(images/icons/pngmaster.png) 0px -66px no-repeat;
	position: absolute;
	bottom: 0px;
	right: 10px;
}
.month_view_event_drag_yellow{
	width: 83px;
	height: 22px;
	background: url(images/icons/pngmaster.png) 0px -88px no-repeat;
	position: absolute;
	bottom: 0px;
	right: 10px;
}
.month_view_event_drag_orange{
	width: 83px;
	height: 22px;
	background: url(images/icons/pngmaster.png) 0px -110px no-repeat;
	position: absolute;
	bottom: 0px;
	right: 10px;
}
.month_view_event_drag_green{
	width: 83px;
	height: 22px;
	background: url(images/icons/pngmaster.png) 0px -132px no-repeat;
	position: absolute;
	bottom: 0px;
	right: 10px;
}
.month_view_event_drag_grey{
	width: 83px;
	height: 22px;
	background: url(images/icons/pngmaster.png) 0px -154px no-repeat;
	position: absolute;
	bottom: 0px;
	right: 10px;
}
.month_view_event_drag_task{
	width: 22px;
	height: 27px;
	background: url(images/icons/pngmaster.png) -83px 0px no-repeat;
	position: absolute;
	top: 10px;
	left: -2px;
}
.month_view_event_drag_event{
	width: 22px;
	height: 27px;
	background: url(images/icons/pngmaster.png) -83px -27px no-repeat;
	position: absolute;
	top: 10px;
	left: -2px;
}


/** print button in month view **/
.month_view_header .month_view_day_print_button{
	background: url(/images/icons/8.png) no-repeat;
	behavior: url(/iepngfix.htc);
	height: 24px;
	width: 24px;
	border: 0px;
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 2px;
	right: 8px;
}
.month_view_header .month_view_day_print_button_icon{
	display: none;
}
.month_view_header .month_view_day_print_button_text{
	display: none;
}


/** print button in month view **/
.month_view_header .month_view_back_button{
	background: url(/images/icons/back.png) no-repeat;
	behavior: url(/iepngfix.htc);
	height: 24px;
	width: 50px;
	border: 0px;
	padding-left: 28px;
	padding-top: 5px;
	font-size: 16px;
	position: absolute;
	top: 2px;
	right: 0px;
	cursor: pointer;
}




.month_view_day_main{
	position: relative;
	border-top: 1px solid #CCCCCC;
}
/**
 * this is the style for the cell that will
 * expand into day view
 */
.day_view_mini{
	height: 100%;
	overflow: auto;
	background: #EFEFEF;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background: #EFEFEF;
}
.day_view_mini_back{
	white-space: nowrap;
	font-family: helvetica, arial;
	font-size: 10pt;
	color: #0a77d5;
	cursor: pointer;
	background: #EFEFEF;
	border-bottom: 1px solid #CCCCCC;
	padding: 3px 0px;
	cursor: pointer;
	text-align:center;
}
.day_view_mini_back:hover{
	color: #0a77d5;
	text-decoration: underline;
}

.month_view_day_events_holder_wrap{
	position: absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index: 12;
}
.month_view_day_events_holder{
	margin-left: 40px;
	margin-right: 8px;
	position: relative;
	height: 100%;
	z-index: 12;
}
.month_day_cell_event_color{
	height:16px;
	overflow:hidden;
	width:4px;
	position: absolute;
	left: 0px;
}
/**
 * this is the style of the day cell once it has expanded
 */
.month_view_day_view_open{
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 10;
	border-bottom: 1px solid #CCCCCC;
}
.month_view_day_filler_wrap{
	position: relative;
	top: 0px;
	left: 0px;
	background: #FFFFFF;
	height: 100%;
	border-left: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	overflow: hidden;
}
.month_view_day_filler{
	position: relative;
	top: 0px;
	left: 0px;
	height: 100%;
	overflow: auto;
}
.month_view_day_print_button_icon{
	float: left;
	position: relative;
	top: 2px;
	left: 3px;
	background: url(/images/icons/iconmastersmall.gif) -48px -144px no-repeat;
	width: 16px;
	height: 16px;
}
.month_view_day_print_button_icon_hover{
	float: left;
	position: relative;
	top: 2px;
	left: 3px;
	background: url(/images/icons/iconmastersmall.gif) -32px -144px no-repeat;
	width: 16px;
	height: 16px;
}
.month_view_day_print_button{
	border: 1px solid #f5f5f5;
	width: 150px;
	margin-bottom: 20px;
	margin-left: 12px;
	font-family: verdana, sans-serif;
	font-size: 11px;
	color: #454545;
	cursor: pointer;
}
.month_view_day_print_button_hover{
	border: 1px solid #0A77D5;
	background: #F5FAFD;
	width: 150px;
	margin-bottom: 20px;
	margin-left: 12px;
	font-family: verdana, sans-serif;
	font-size: 11px;
	color: #333333;
	cursor: pointer;
}
.month_view_day_print_button_text{
	margin-left: 24px;
	padding-top: 4px;
	padding-bottom: 4px;
}
/**
 * all day events
 */
.month_view_day_view_all_day{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index:15;
	background: #f4f4f5;
}
.month_view_day_view_all_day_inner{
	position: relative;
	background: #ADD0EE;
	border-bottom: 1px solid #7AB7E8;
}
.month_view_day_view_all_day_very_inner{
	background: #DAEAF7;
}
.month_view_day_view_all_day_title{
	font-size: 9px;
	color: #0A77D5;
	font-family: verdana, sans-serif;
	padding-left: 2px;
	padding-top: 1px;
	padding-bottom: 1px;
	font-weight: bold;
}
/**
 * the comment box
 */
.month_view_day_view_right_bar{
	width: 220px;
	height: 100%;
	padding-top: 20px;
	float: right;
	z-index: 15;
	background:#f4f4f5;
	border-right: 1px solid #CCCCCC;
}
.month_view_day_comment{
	position: relative;
	cursor: pointer;
	left: 12px;
	width: 187px;
	height: 182px;
	margin-bottom: 30px;
}
.month_view_day_comment_title{
	height: 19px;
	position: relative;
	top: 2px;
}
.month_view_day_comment_body_wrap{
	position: relative;
	font-family: helvetica, arial;
	color: #333333;
	height: 180px;
}
.month_view_day_comment_body{
	position: relative;
	font-family: helvetica, arial;
	font-size: 11px;
	color: #333333;
	margin: 5px 10px;
	height: 154px;
	padding: 4px;
	overflow: auto;
	z-index: 12;
	border: 1px solid #FFFFFF;
}
.month_view_day_comment_body{ /* IE hack */
	_margin: 0px;
	_padding: 3px;
	_border: 0px;
}
.month_view_day_tasks_body{
	position: relative;
	font-family: helvetica, arial;
	font-size: 13px;
	color: #333333;
	margin: 0px;
	padding: 0px;
	padding-top: 4px;
	z-index: 11;
}
.month_view_day_comment_input{
	position: relative;
	width: 174px;
	height: 136px;
	display: none;
	margin-top: 4px;
	margin-left: 7px;
	padding-top: 2px;
	padding-bottom: 2px;
	z-index: 11;
}
.month_view_day_comment_save{
	float: right;
	position: relative;
	z-index: 11;
	margin-right: 6px;
	margin-top: 3px;
}
.month_view_day_comment_body i{
	display: block;
	font-size: 11px;
	text-align: center;
}
.month_view_day_comment_body_hover i{
	display: block;
}
/**
 * task box
 */
.month_view_day_tasks{
	position: relative;
	left: 12px;
	width: 187px;
	max-height: 220px;
	margin-bottom: 20px;
}
.month_view_day_task_clickable{
	z-index: 4;
}
.month_view_day_task_unclickable{
	position: absolute;
	top: 0px;
	left: 6px;
	z-index: 5;
}
.month_view_day_main_add_form_event{
	position: absolute;
	top: 0px;
	z-index: 14;
	display: none;
	min-width: 446px;
	width: 100%;
}
.month_view_day_main_add_form{
	position: absolute;
	display: none;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: #000000;
	z-index: 13;
	filter:alpha(opacity=50);
	opacity: 0.5;
}
.month_view_day_weather{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
}
.month_view_day_weather_inner{
	margin-left: 1px;
	padding-left: 36px;
	padding-top: 5px;
	padding-bottom: 3px;
	margin-right: 231px;
	background-color: #F6F9FC; /* also hard coded in js :( */
	border-bottom: 1px solid #7FB5E4;
	font-family: helvetica, arial;
	font-weight: bold;
	font-size: 11px;
	color: #757575;
}
.month_view_rows_fade{
	position: absolute;
	top: 0px;
	right: 170px;
	width: 30px;
	height: 100%;
	background: url(images/day_fade.png) top right repeat-y;
	z-index: 10;
}
.month_view_day_row{
	font-family: helvetica, arial;
	font-size: 10px;
	height: 39px;
	_height: 40px;
	cursor: pointer;
	overflow: hidden;
	position: relative;
	z-index: 11;
}
.month_view_day_row_inner{
	height: 19px;
	_height: 20px;
	margin-left: 34px;
}
.month_view_day_row span{ /** time text **/
	position: absolute;
	top: 6px;
	left: 4px;
}
.month_view_day_row_hover{
	font-family: helvetica, arial;
	font-size: 10px;
	color: #333333;
	border-bottom: 1px solid #CCCCCC;
	height: 39px;
	_height: 40px;
	background: #ebf3fc;
	cursor: pointer;
}
.month_view_day_view_event{
	position: absolute;
	cursor: pointer;
	background: white;
	font-family: helvetica, arial;
	font-size: 10px;
	overflow: hidden;
	z-index: 12;
	left: 1%;
	width: 98%;
	filter:alpha(opacity=100);
	opacity: 1.0;
}
.month_view_day_view_event_dark{
	color: #333333;
}
.month_view_day_view_event_white{
	color: white;
}
.month_view_day_view_event_inner{
	position: relative;
	overflow: hidden;
	margin-left: 2px;
	margin-right: 2px;
	top: 18px;
}
.month_view_day_view_event_title{
	position: absolute;
	margin-left: 2px;
	margin-right: 2px;
	width:100%;
}
.month_view_day_view_event_title_input{ /** title input */
	position: absolute;
	left: 2px;
	top: 16px;
	width: 50%;
}
.month_view_day_view_event_title_select{ /** calendar drop down */
	position: absolute;
	left: 51%;
	top: 16px;
	width: 150px;
}
.month_view_day_view_event_title_top_icon{
	position: absolute;
	top: 1px;
	right: 2px;
	width: 12px;
	height: 11px;
	background: url(/images/icons/iconmastersmall.gif) -64px 0px no-repeat;
	overflow:hidden;
}
.month_view_day_view_event_title_bottom_icon{
	position: absolute;
	bottom: 1px;
	right: 2px;
	width: 6px;
	height: 6px;
	background: url(/images/icons/iconmastersmall.gif) -70px -11px no-repeat;
	overflow:hidden;
}
.month_view_day_view_event_light{
	border: 1px solid #9F9F9F;
	color: #AFAFAF;
}
.month_view_day_view_event_description{
	padding:2px;
}
.month_view_day_view_event_description_light{
	color: #B6B6B6;
}
.month_view_day_view_event_color_top{
	position: absolute;
	top: 0px;
	right: 0px;
	width: 100%;
	height: 18px;
	overflow: hidden;
	cursor: ns-resize;
}
.month_view_day_view_event_color_bottom{
	width: 100%;
	height: 10px;
	position: absolute;
	left: 0px;
	bottom: 0px;
	_bottom: -1px;
	overflow: hidden;
	cursor: ns-resize;
}
.month_view_day_view_event_color_top_light{
	border-bottom: 1px solid #9F9F9F;
}
.month_view_day_view_event_color_bottom_light{
	border-top: 1px solid #9F9F9F;
}

.month_view_day_view_event_color_top_readonly{
	position: absolute;
	top: 0px;
	right: 0px;
	width: 100%;
	height: 18px;
	overflow: hidden;
	cursor: pointer;
}
.month_view_day_view_event_color_bottom_readonly{
	width: 100%;
	height: 10px;
	position: absolute;
	left: 0px;
	bottom: 0px;
	_bottom: -1px;
	overflow: hidden;
	cursor: pointer;
}


/**
 * new task input form for day view's sidebar
 */
.month_view_day_tasks_blur{
	margin-top: 4px;
	margin-bottom: 4px;
	margin-left: 4px;
	width: 176px;
	padding: 2px;
}
.month_view_day_tasks_focus{
	margin-top: 4px;
	margin-bottom: 4px;
	margin-left: 4px;
	width: 176px;
	padding: 2px;
}
.month_view_day_task_form{
	height: 56px;
	padding: 0px;
	margin: 0px;
}
.month_view_day_task_form select{
	width: 150px;
	margin-left: 8px;
}
.month_view_day_task_form div{
	position: relative;
	top: 1px;
	left: 3px;
}
.day_view_form_buttons{
	position: absolute;
	right: 10px;
	top: 16px;
	width: 100px;
	text-align: right;
}

/**
 * the div that'll capture all the mouseovers and clicks
 */
.month_view_day_main_hovertrap{
	position: absolute;
	height: 960px;
	width: 100%;
	z-index: 12;
	cursor: pointer;
	top: 0px;
}
.month_view_day_main_new_event_box{
	position: absolute;
	width: 100%;
	z-index: 11;
	overflow: hidden;
	cursor: pointer;
}
.month_view_day_main_new_event_box_inner{
	position: relative;
	left: 34px;
	height: 100%;
	background: black;
	filter:alpha(opacity=20);
	opacity: 0.2;
}/*******************************
 * week view
 *******************************/
.month_view_week_view{
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 10;
	background: #FFFFFF;
	border-bottom: 1px solid #CCCCCC;
}
.month_view_week_header{
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	display: none;
	height: 20px;
	overflow: hidden;
}
.month_view_week_header span{
	margin-top: 2px;
	margin-left: 2px;
	font-family: helvetica, arial;
	font-size: 12px;
	color: #333333;
	cursor: pointer;
}
.month_view_week_header span:hover{
	text-decoration: none;
}
.month_view_week_table{
	border-collapse: collapse;
/*	width: 100%; */
	height: 100%;
	color: #333333;
	font-family: helvetica, arial;
	font-size: 12px;
	position: relative;
	border-right: 1px solid #CCCCCC;
}
.month_view_week_table th{
	border-collapse: collapse;
	width: 14%;
	height: 20px;
	text-align: center;
	border: 1px solid #CCCCCC;
	vertical-align: top;
}
.month_view_week_table_weekday_td{
	position: relative;
	border-collapse: collapse;
	width: 33%;
	height: 50%;
	text-align: left;
	border-left: 1px solid #CCCCCC;
	border-top:  1px solid #CCCCCC;
	vertical-align: top;
	float: left;
	overflow: hidden;
	padding: 1px;
	margin-right: -2px;
}
.month_view_week_table_weekend_td{
	position: relative;
	border-collapse: collapse;
	width: 33%;
	height: 25%;
	text-align: left;
	border-left: 1px solid #CCCCCC;
	border-top:  1px solid #CCCCCC;
	vertical-align: top;
	float: left;
	overflow: hidden;
	padding: 1px;
	margin-right: -2px;
}

/*
 * this holds all the event info
 * it sits inside a td cell
 */
.month_view_week_table_cell_inner{
	position: relative;
	width: 100%;
	height: 100%;
	overflow: auto;
	cursor: pointer;
}
.month_view_week_table_cell_inner a:hover{
	background:white;

}

.month_view_week_table_cell_inner a:hover span {
	color: #0a77d5;
	text-decoration: none;
}

/**
 * this styles the cell in week view for 'today'
 */
.month_view_week_table_cell_inner_today{
	position: relative;
	width: 100%;
	height: 100%;
	overflow: auto;
	background: #e4f6e7;
	cursor: pointer;
}
.month_view_week_table_cell_very_inner{
	width: 100%;
	overflow: hidden;
	cursor: pointer;
}
/****************************
 * list view
 ****************************/
.list_panel{
	position: relative;
	height: 100%;
	overflow: hidden;
	background: white;
	z-index: 10;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}

.list_panel_filler{
	position: absolute;
	left: 0px;
	top:0px;
	height: 100%;
	width:100%;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	overflow: auto;
}
.list_panel_line{
	width: 120px;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	border-right: 1px solid #CCCCCC;
	background: #F6F6F6;
}
.list_header_back{
	position: relative;
	top:0px;
	height: 40px;
	background: #F6F6F6;
	border-bottom: 1px solid #CCCCCC;
}
.list_header{
	z-index: 13;
	float:right;
	margin-right: 22px;
	width: 188px;
	height: 100%;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	background: #EDEDF0;
}
.list_view_main{
	padding-bottom: 50px;
	background: #FFFFFF;
	margin-right: 214px;
	overflow: hidden;
}
.list_header_inner{
	padding-top: 3px;
}
.list_search{
	width: 180px;
	margin-right: 14px;
}
.list_date_go{
	font-family: verdana, sans-serif;
	font-size:12px;
	color: #000000;
	clear: both;
}
.list_header_text{
	font-family: verdana, sans-serif;
	font-size:14px;
	color: #3F3F3F;
	font-weight: bold;
	padding-top: 3px;
	padding-left: 10px;
	position: relative;
	top: 12px;
}
/**
 * the change date button
 */
.list_change_date{
	width: 26px;
	height: 17px;
	_height: 19px;
	cursor: pointer;
	background: url(images/choose_date.gif) no-repeat;
	border: 1px solid #FFFFFF;
	margin-left: 4px;
}
/**
 * wrap around event doms
 */
.list_event_container{
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	padding-top: 1px;
	padding-bottom: 1px;
	margin-top: -1px;
	margin-bottom: -1px;
}
.list_event_container_highlight{
	width: 100%;
	overflow: hidden;
	border-top: 1px solid #0a77d5;
	border-bottom: 1px solid #0a77d5;
	background: #f5fafd;
	overflow: hidden;
	white-space: nowrap;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: -1px;
	margin-bottom: -1px;
}
/**
 * format the div that holds all events/tasks
 * for a given day
 */
.list_day_cell{
	position: relative;
	padding-top: 10px;
	padding-left: 1px;
	padding-bottom: 4px;
}
.list_day_cell_today{
	position: relative;
	padding-top: 10px;
	padding-left: 1px;
	padding-bottom: 4px;
	background: #e4f6e7;
}
/**
 * format the date
 */
.list_date_row{
	z-index: 12;
	position: absolute;
	left: -115px;
	font-family: verdana, sans-serif;
	font-weight: bold;
	font-size: 10px;
	padding-top: 5px;
	color: #333333;
	cursor: pointer;
}
/**
 * format the date
 */
.list_date_row_hover{
	z-index: 12;
	position: absolute;
	left: -115px;
	font-family: verdana, sans-serif;
	font-weight: bold;
	font-size: 10px;
	padding-top: 5px;
	color: #225CBC;
	cursor: pointer;
}


.list_change_date{
	position: relative;
	width: 26px;
	height: 17px;
	_height: 19px;
	cursor: pointer;
	background: url(images/choose_date.gif) no-repeat;
	border: 1px solid #F6F6F6;
	margin-left: 4px;
	float: left;
}
.list_change_date_hover{
	position: relative;
	width: 26px;
	height: 17px;
	_height: 19px;
	cursor: pointer;
	border: 1px solid #666666;
	background: url(images/choose_date.gif) no-repeat;
	margin-left: 4px;
	float: left;
}
.list_date_inp{
	float: left;
}

/****************************
 * list view styles for events/tasks
 ****************************/
/**
 * wraps the event item in a day cell in month view
 */
.list_day_cell_event{
	display: block;
	font-family: helvetica, arial;
	font-size: 14px;
	color: #0A77D5;
	clear: both;
	height: 14px;
	height: expression("20px");
	padding-left: 8px;
	padding-top: 4px;
	padding-bottom: 3px;
	padding-right: 2px;
	margin-top: 1px;
	overflow: hidden;
	white-space: nowrap;
	cursor: pointer;
	position: relative;
}
.list_day_cell_event_hover{
	background: #e0ebfc;
}
/**
 * the span that optionally displays the description
 */
.list_day_cell_event_desc{
	font-size: 11px;
	color: #999999;
	display: none;
	position: relative;
	bottom: 1px;
}

.list_view_day_task_title{
	position: absolute;
	top: 3px;
	left: 64px;
	white-space: nowrap;
}
.list_view_day_task_title_hover{
	position: absolute;
	top: 5px;
	left: 36px;
	color: #0A77D5;
	text-decoration: underline;
	white-space: nowrap;
}

.list_day_cell_event_title{
	position: absolute;
	top: 5px;
	_top: 1px;
	margin-left: 6px;
}
.list_day_cell_task_title{
	position: absolute;
	top: 5px;
	_top: 1px;
	margin-left: 6px;
}
/**
 * for the event time in week view
 */
.list_day_cell_event_time{
	display: block;
	float: left;
	width: 46px;
	color: #3e3e3e;
	margin-right: 4px;
	text-align: center;
	height: 14px;
}
/**
 * the color box for an event in month view
 */
.list_day_cell_event_color{
	display: block;
	float: left;
	position: absolute;
	left: 2px;
	_left: 2px;
	top: 2px;
	height: 14px;
	width: 3px;
	overflow: hidden;
	border-right: 1px solid #333333;
	border-top: 1px solid #333333;
	border-bottom: 1px solid #333333;
	margin-right: 2px;
	margin-left: -2px;
}
/**
 * lighten a color box
 */
.list_light_color{
	border-right: 1px solid #8F8F8F;
	border-top: 1px solid #8F8F8F;
	border-bottom: 1px solid #8F8F8F;
}
/** 
 * the event item in a day cell of month view when it is highlighted
 */
.list_day_cell_event_highlight{
	display: block;
	height: 13px;
	_height: 19px;
	font-family: helvetica, arial;
	font-size: 11px;
	color: #44433a;
	clear: both;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 8px;
	padding-right: 2px;
	border-top: 1px solid #0a77d5;
	border-bottom: 1px solid #0a77d5;
	background: #f5fafd;
	overflow: hidden;
	white-space: nowrap;
	cursor: pointer;
	position: relative;
}
.list_day_cell_event input{
	position: absolute;
	left: 27px;
	_top: 0px;
	top: 0px;
}
.list_day_cell_event_highlight input{
	position: absolute;
	left: 27px;
	_top: 0px;
	top: 0px;
/*	z-index: 6; */
}
/***********************
 * the style for the boxes that hold options
 ***********************/
.list_box{
	position: relative;
	width: 190px;
	margin-top: 5px;
	padding-top: 10px;
}
.list_box select{
	font-size: 10px;
}
.list_clear_both{
	clear: both;
	margin-top: 3px;
}
.list_box span{
	display: block;
	position: relative;
	left: 10px;
	font-size: 10px;
	margin-bottom: 2px;
}
.list_box_header{
	width: 188px;
	height: 2px;
	background: url(/images/icons/iconmastersmall.gif) -204px -17px no-repeat;
	overflow: hidden;
	margin-bottom: 8px;
}
/*******************************
 * the links in the sidebar
 *******************************/
.list_sidebar_link{
	display: block;
	margin-top: 8px;
	color: #0A77D5;
	font-size: 12px;
	text-decoration: none;
	cursor: pointer;
}
.list_underline{
	text-decoration: underline;
}
/*******************************
 * adapter links in the sidebar
 *******************************/
.list_sidebar_radio{
	display: block;
	margin-top: 8px;
	font-size: 12px;
	text-decoration: none;
	cursor: pointer;
}
.list_sidebar_radio input{
	margin-right: 6px;
}.event_view_main{
	padding-left: 30px;
	_padding-left: 0px;
	padding-top:30px;
	color: #000000;
	min-width: 540px;
	padding-bottom: 120px;
}

.event_view_title{
	padding-bottom: 4px;
	border-bottom: 1px solid black;
	font-family: helvetica, arial;
	font-size: 17pt;
	margin-right: 220px;
	position: relative;
}
.event_view_title_text{
}
.event_view_calendar{
	position: absolute;
	right: 0px;
	_right: 250px;
	top: 5px;
	font-family: helvetica, arial;
	font-size: 11pt;
	display: block;
}
.event_view_calendar_name{
	float: right;
	font-size: 10pt;
	font-weight: bold;
	color: #757575;
}
.event_view_calendar_box{
	float: right;
	margin-top: 3px;
	padding: 1px;
	margin-left: 6px;
	border: 1px solid black;
}
.event_view_calendar_box_inner{
	width: 8px;
	height: 8px;
	overflow: hidden;
}
.event_view_times{
	margin-top: 2px;
	line-height: 16px;
	color: #666666;
	font-size: 9pt;
	font-family: helvetica, arial;
	margin-right: 220px;
	height: 40px;
	position: relative;
}
.event_view_times_begin_label{
	font-weight: bold;
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
}
.event_view_times_end_label{
	font-weight: bold;
	display: block;
	position: absolute;
	top: 16px;
	left: 0px;
}
.event_view_times_text{
	display: block;
	position: relative;
	left: 64px;
	margin-right: 70px;
}
.event_view_description{
	padding-top: 8px;
	color: #000000;
	font-size: 11pt;
	font-family: helvetica, arial;
	margin-right: 220px;
	padding-bottom: 10px;
	margin-bottom: 20px;
}

/**
 * the right sidebar for an event
 */
.event_view_right_bar{
	position: absolute;
	top: 20px;
	right: 10px;
	font-family: helvetica, arial;
	color: #000000;
	font-size: 10pt;
	width: 182px;
}
.event_view_right_bar_permission_note{
	text-align: center;
	font-family: verdana;
	font-size: 10px;
	color: #333333;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 15px;
	display: none;
}
.event_view_right_bar_header{
	border: 1px solid #CCCCCC;
	background: #EFEFEF;
	color: #333333;
	padding-left: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-top: 10px;
	margin-bottom: 4px;
	width: 170px;
}
.event_view_right_bar_content{
	font-weight: bold;
	padding-left: 10px;
	line-height: 18px;
}
.event_view_right_bar_content_action{
	cursor: pointer;
	text-decoration: none;
}
.event_view_right_bar_content_action_hover{
	cursor: pointer;
	text-decoration: underline;
}


.event_pic{
	height: 100px;
	width: 460px;
	overflow: auto;
	margin-top: 10px;
	border: 1px solid #999999;
	background: #EFEFEF;
	display:none;
}
.event_pic br{
	clear: both;
	_clear: none;
}
.event_pic img{
	_width: 100%;
	_height: 100%;
	max-width: 110px;
	border: 0px;
}
.event_pic a{
	display: block;
	float: left;
	position: relative;
	width: 110px;
	margin-top: 10px;
	margin-left: 10px;
	height: 110px;
	overflow: hidden;
}.add_event_view_wrap{
	border-bottom:1px solid #CCCCCC;
	height:100%;
	overflow:hidden;
	position:absolute;
	width:100%;
	z-index:10;
	background:white;
	display: none;
}
.add_event_view_main{
	border-bottom:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	height:100%;
	left:0px;
	overflow:auto;
	position:relative;
	top:0px;
	background:white;
}
.add_event_view_content{
	position: relative;
	background:white;
	padding-left: 30px;
	margin-top: 30px;
}

.add_event_view_back{
	white-space: nowrap;
	font-family: helvetica, arial;
	font-size: 10pt;
	color: #0a77d5;
	cursor: pointer;
	background: #EFEFEF;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	padding: 3px 0px;
	width: 97%;
	position: absolute;
	top:0px;
	left:1px;
	left:expression("0px");
}
.add_event_view_back span{
	padding-left:30px;
}
.add_event_view_back:hover{
	white-space: nowrap;
	font-family: helvetica, arial;
	font-size: 10pt;
	color: #0a77d5;
	text-decoration: underline;
	margin-bottom: 10px;
	cursor: pointer;
	margin-right: 220px;
}
.add_event_view_calendar{
	font-family: helvetica, arial;
	font-size: 11pt;
	display: block;
	position: absolute;
	top: 0px;
	right: 0px;
}
.add_event_view_color{
	float: left;
	overflow: hidden;
	margin: 5px;
	width: 12px;
	height: 12px;
}
.add_event_view_page_title_text{
	font-size: 18pt;
	color: #454545;
}
.add_event_view_page_title{
	margin-bottom: 6px;
	font-family: helvetica, arial;
	font-size: 17pt;
	margin-right: 220px;
	position: relative;
	height: 30px;
	border-bottom: 2px solid #225CBC;
}

.add_event_view_step1_icon{
	background: url(/images/icons/iconmastersmall.gif) -2px -128px no-repeat;
	width: 16px;
	height: 16px;
	margin-right: 4px;
	overflow: hidden;
	position:absolute;
	left:0px;
	top: 0px;
}
.add_event_view_step2_icon{
	float: left;
	background: url(/images/icons/iconmastersmall.gif) -18px -128px no-repeat;
	width: 16px;
	height: 16px;
	margin-right: 4px;
	overflow: hidden;
	position:absolute;
	left:0px;
	top: 0px;
}
.add_event_view_step3_icon{
	float: left;
	background: url(/images/icons/iconmastersmall.gif) -34px -128px no-repeat;
	width: 16px;
	height: 16px;
	margin-right: 4px;
	overflow: hidden;
	position:absolute;
	left:0px;
	top: 0px;
}
/* event title */
.add_event_view_title{
	padding-bottom: 10px;
	margin-top: 10px;
	margin-right: 220px;
	position: relative;
	font-family: verdana;
	font-size: 12px;
}
	.add_event_view_title_text{
		font-family: helvetica, arial;
		font-size: 12pt;
		font-weight: bold;
		color: #757575;
		margin-bottom: 2px;
		line-height:13pt;
		position: relative;
		padding-left: 20px;
	}
	.add_event_view_title input{
		font-family: helvetica, arial;
		width: 90%;
		_width: 410px;
		padding: 3px;
		font-size: 17pt;
		color: #000000;
		margin-top: 4px;
		border: 1px solid #333333;
		background: #FFFFFF;
		margin-bottom: 8px;
	}

/* date & time */
.add_event_view_times_title{
	padding-bottom: 10px;
	margin-right: 220px;
	margin-top: 10px;
	position: relative;
}
	/**
	 * display the times nicely
	 */
	.add_event_view_times{
		margin-top: 5px;
		font-family: helvetica, arial;
		color: #000000;
		font-size: 11pt;
		height: 22px;
		vertical-align: top;
	}
	.add_event_view_times_label{
		margin-top: 9px;
		font-size: 9pt;
		font-weight: bold;
		width: 60px;
		float: left;
		clear: left;
		color: #225CBC;
		height: 20px;
	}
	.add_event_view_times_time{
		margin-top: 5px;
		height: 20px;
		border: 1px solid #000000;
		float: left;
	}
	.add_event_view_times_date{
		margin-top: 7px;
		width: 220px;
		float: left;
		height: 20px;
	}
	.add_event_view_times_at_label{
		margin-top: 9px;
		font-size: 9pt;
		font-weight: bold;
		width: 30px;
		float: left;
		color: #225CBC;
		text-align: left;
		height: 20px;
	}
	
	/**
	 * the style for teh time inputs
	 */
	.add_event_view_times_time input{
		font-family: helvetica, arial;
		font-size: 8pt;
		color: #333333;
		width: 24px;
		margin-left: 1px;
		margin-right: 1px;
		padding: 0px;
		border: 0px;
		background: #FFFFFF;
	}
	
	
	/**
	 * styles for all day
	 */
	.add_event_all_day{
		clear: left;
		margin-top: 10px;
		font-family: helvetica, arial;
		font-size: 10pt;
		color: #000000;
	}
	
	/**
	 * the style for the date/time select boxes
	 */
	.add_event_select{
		font-family: helvetica, arial;
		font-size: 8pt;
		color: #333333;
		margin-right: 2px;
	}
	
	.add_event_date_inp{
		display: block;
		float: left;
	}
	
	/**
	 * the change date button
	 */
	.add_event_change_date{
		width: 26px;
		height: 17px;
		_height: 19px;
		cursor: pointer;
		background: url(images/choose_date.gif) no-repeat;
		float: left;
		border: 1px solid #FFFFFF;
		margin-left: 4px;
	}
	.add_event_change_date_hover{
		width: 26px;
		height: 17px;
		_height: 19px;
		cursor: pointer;
		border: 1px solid #666666;
		background: url(images/choose_date.gif) no-repeat;
		float: left;
		margin-left: 4px;
	}
	
	.add_event_recur{
		font-family: helvetica, arial;
		font-size: 10pt;
		color: #000000;
	}
	.add_event_recur_wrap{
		margin-top: 8px;
		border: 1px solid #225CBC;
		padding: 10px;
		padding-bottom: 10px;
		overflow: hidden;
		background: #f5fafd;
		/* filter:alpha(opacity=0); */
		opacity: 0;
	}


/* description */
.add_event_view_desc_title{
	padding-bottom: 10px;
	margin-right: 220px;
	margin-top: 10px;
	position: relative;
}
.add_event_view_description_area{
	width: 90%;
	_width: 400px;
	height: 180px;
	border: 1px solid black;
	padding: 5px;
	background: #FFFFFF;
	font-family: helvetica, arial;
	font-size: 12pt;
	color: black;
}




/**
 * the cancel button
 */
.add_event_cancel_button{
	margin-top: 10px;
	margin-left: 20px;
	margin-bottom: 20px;
}
.add_event_add_button{
	margin-left: 40px;
	margin-top: 10px;
	margin-bottom: 20px;
}

.add_cal_content_form{
	position: absolute;
	top: -400px;
	left: 0px;
	z-index: 11;
	font-family: helvetica, arial;
	font-size: 12px;
	color: #333333;
	padding-top: 100px;
	padding-left: 180px;
}
.add_cal_view_back{
	white-space: nowrap;
	font-family: helvetica, arial;
	font-size: 10pt;
	color: #757575;
	margin-top: 5px;
	margin-bottom: 10px;
	cursor: pointer;
	margin-right: 220px;
}
.edit_cal_view_main{
	margin-top: -10px;
	/*height: 85%;*/
	margin-left: -150px;
	display: none;
	color: #000000;
	min-width: 655px;
}
.delete_cal_view_main{
	margin-top: -10px;
	/*height: 85%;*/
	margin-left: -10px;
	display: none;
	color: #000000;
	min-width: 655px;
}
.delete_cal_name{
	font-family: helvetica, arial;
	color: #333333;
	font-size: 16px;
	padding-bottom: 2px;
	font-weight: bold;
}
.delete_cal_view_color{
	float: left;
	overflow: hidden;
	margin: 3px;
	margin-right: 5px;
	width: 12px;
	height: 12px;
}
.add_cal_view_main{
	margin-top: 20px;
	margin-left: 20px;
	display: none;
	color: #000000;
	min-width: 655px;
}
.add_cal_view_title{
	padding-bottom: 4px;
	font-family: helvetica, arial;
	margin-right: 250px;
	position: relative;
	height: 50px;
}
.add_cal_view_title_text{
	font-size: 19pt;
	font-family: helvetica, arial;
	color: #C3C3C3;
	padding-bottom: 10px;
	font-weight: bold;
}


.add_cal_view_inputs{
	font-family: helvetica, arial;
	font-size: 10pt;
}
.add_cal_prompt{
	color: #454545;
	padding-top: 3px;
	padding-bottom: 2px;
	font-size: 10pt;
	font-weight: bold;
}
.add_cal_view_inputs input{
	width: 350px;
	background: white;
	border: 1px solid #454545;
	padding: 3px;
	font-family: helvetica, arial;
	color: black;
	font-size: 18pt;
}


.add_cal_view_colors{
	padding-top: 15px;
}
.add_cal_view_colors_prompt{
	color: #454545;
	font-size: 12pt;
	font-family: helvetica, arial;
}
.add_cal_view_colors_prompt span{
	font-weight: bold;
}

/**
 * calendar buttons
 */
.add_cal_view_buttons{
	position: relative;
	margin-top: 10px;
	height: 60px;
}
.add_cal_button_on_small{
	position: absolute;
	width: 25px;
	height: 25px;
	background: url("images/colors/small/selector.gif");
	filter:alpha(opacity=100);
	opacity: 1.0;
	z-index: 18;
	overflow: hidden;
}
.add_cal_button_on_small div{
	width: 15px;
	height: 15px;
	position: relative;
	left: 5px;
	top: 5px;
	overflow: hidden;
}
.add_cal_button_on{
	position: absolute;
	width: 47px;
	height: 47px;
	background: url("images/icons/iconmastersmall.gif") -248px -31px no-repeat;
	filter:alpha(opacity=100);
	opacity: 1.0;
	z-index: 18;
}
.add_cal_button_on div{
	width: 31px;
	height: 31px;
	position: relative;
	left: 8px;
	top: 8px;
}

.add_cal_button_off{
	position: absolute;
	cursor: pointer;
	width: 47px;
	height: 47px;
	z-index: 17;
}
.add_cal_button_off div{
	width: 31px;
	height: 31px;
	position: relative;
	left: 8px;
	top: 8px;
}
.add_cal_button_off_small{
	position: absolute;
	cursor: pointer;
	width: 25px;
	height: 25px;
	z-index: 17;
	overflow: hidden;
}
.add_cal_button_off_small div{
	width: 15px;
	height: 15px;
	position: relative;
	left: 5px;
	top: 5px;
	overflow: hidden;
}


/**
 * the cancel button
 */
.add_cal_cancel_button{
	margin-top: 10px;
	margin-left: 20px;
}
.add_cal_add_button{
	margin-top: 10px;
}


.date_popup_dropdown{
	font-family: helvetica, arial;
	font-size: 8pt;
	color: #757575;
	position: absolute;
	width: 156px;
	left: -200px;
	top: -400px;
	z-index: 15;
}
.date_popup_dropdown_tick{
	position: absolute;
	left: 1px;
	width: 15px;
	height: 15px;
	background: url(images/balloon_tick.gif) no-repeat;
	z-index: 15;
}
.date_popup_dropdown_balloon{
	z-index: 14;
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 3px;
	padding-top: 3px;
	margin-left: 15px;
	border-left: 1px solid black;
	border-right: 1px solid black;
	background: white;
	_text-align: center;
}
/* corners */
.date_popup_dropdown_tr{
	position: absolute;
	right: 0px;
	top: 0px;
	width: 5px;
	height: 5px;
	background: url(images/corners/tr_corner_small.gif) no-repeat;
	overflow: hidden;
}
.date_popup_dropdown_tl{
	position: absolute;
	left: 15px;
	top: 0px;
	width: 5px;
	height: 5px;
	background: url(images/corners/tl_corner_small.gif) no-repeat;
	overflow: hidden;
}
.date_popup_dropdown_t{
	margin-left: 20px;
	margin-right: 5px;
	height: 5px;
	background: url(images/corners/t_small.gif) repeat-x;
	overflow: hidden;
}
.date_popup_dropdown_br{
	position: absolute;
	right: 0px;
	bottom: 0px;
	width: 5px;
	height: 5px;
	background: url(images/corners/br_corner_small.gif) no-repeat;
	overflow: hidden;
}
.date_popup_dropdown_bl{
	position: absolute;
	left: 15px;
	bottom: 0px;
	width: 5px;
	height: 5px;
	background: url(images/corners/bl_corner_small.gif) no-repeat;
	overflow: hidden;
}
.date_popup_dropdown_b{
	margin-left: 20px;
	margin-right: 5px;
	height: 5px;
	background: url(images/corners/b_small.gif) repeat-x;
	overflow: hidden;
}


.date_popup_month_name{
	color: #000000;
	text-align: center;
	margin-left: 15px;
	margin-right: 15px;
	font-size: 10pt;
}
.date_popup_left_arrow{
	background: url(images/l_arrow.gif) 3px 3px no-repeat;
	width: 15px;
	height: 15px;
	cursor: pointer;
	float: left;
}
.date_popup_right_arrow{
	background: url(images/r_arrow.gif) 3px 3px no-repeat;
	width: 15px;
	height: 15px;
	cursor: pointer;
	float: right;
}

.date_popup_month_holder{
	margin-top: 4px;
	border-left: 1px solid #999999;
	border-top: 1px solid #999999;
	font-size: 8pt;
	color: #454545;
	width: 119;
	_width: 112px;
	margin-left: auto;
	margin-right: auto;
}
.date_popup_today{
	font-weight: bold;
	background: #EEEEEE;
	cursor: pointer;
}
.date_popup_day_holder{
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	width: 16px;
	height: 16px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	float: left;
}
.date_popup_weekend_holder{
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	width: 16px;
	height: 16px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	float: left;
	_float: none;
	_left: 2px;
	clear: right;
}
.date_popup_day_holder_hover{
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	width: 16px;
	height: 16px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	float: left;
	color: #FFFFFF;
	background: #454545;
}
.date_popup_weekend_holder_hover{
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	width: 16px;
	height: 16px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	float: left;
	_float: none;
	_left: 2px;
	clear: right;
	color: #FFFFFF;
	background: #454545;
}

/**
 * checkboxes instead of color backgrounds
 */
.date_popup_weekend_holder_today_check{
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	width: 16px;
	height: 16px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	float: left;
	_float: none;
	_left: 2px;
	clear: right;
	overflow: hidden;
	background: url(/images/icons/iconmastersmall.gif) -18px -191px no-repeat;
/*	background: url(images/check/checklightgrey.gif) no-repeat; */
}
.date_popup_weekend_holder_check{
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	width: 16px;
	height: 16px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	float: left;
	_float: none;
	_left: 2px;
	clear: right;
	overflow: hidden;
	background: url(/images/icons/iconmastersmall.gif) -2px -191px no-repeat;
/*	background: url(images/check/checkwhite.gif) no-repeat; */
}
.date_popup_day_holder_today_check{
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	width: 16px;
	height: 16px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	float: left;
	overflow: hidden;
	background: url(/images/icons/iconmastersmall.gif) -18px -191px no-repeat;
/*	background: url(images/check/checklightgrey.gif) no-repeat; */
}
.date_popup_day_holder_check{
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	width: 16px;
	height: 16px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	float: left;
	overflow: hidden;
	background: url(/images/icons/iconmastersmall.gif) -2px -191px no-repeat;
/*	background: url(images/check/checkwhite.gif) no-repeat; */
}

/**
 * now hover over the checkboxes
 */
.date_popup_weekend_holder_today_check_hover{
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	width: 16px;
	height: 16px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	float: left;
	_float: none;
	_left: 2px;
	clear: right;
	overflow: hidden;
	background: url(/images/icons/iconmastersmall.gif) -34px -191px no-repeat;
}
.date_popup_weekend_holder_check_hover{
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	width: 16px;
	height: 16px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	float: left;
	_float: none;
	_left: 2px;
	clear: right;
	overflow: hidden;
	background: url(/images/icons/iconmastersmall.gif) -34px -191px no-repeat;
}
.date_popup_day_holder_today_check_hover{
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	width: 16px;
	height: 16px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	float: left;
	overflow: hidden;
	background: url(/images/icons/iconmastersmall.gif) -34px -191px no-repeat;
}
.date_popup_day_holder_check_hover{
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	width: 16px;
	height: 16px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	float: left;
	overflow: hidden;
	background: url(/images/icons/iconmastersmall.gif) -34px -191px no-repeat;
}
.scroller_main{
	position: absolute;
	right: -40px;
	top: 250px;
	width: 30px;
	height: 30px;
	border: 1px solid black;
}
.infobar_main{
	position: absolute;
	bottom: -400px;
	left: 7%;
	width: 86%;
	height: 173px;
	z-index: 19;
	overflow: hidden;
	min-width: 400px;
}

.infobar_shadow_l{
	background: url(images/trans_fade_left.png) top left repeat-y;
	_background: none;
	padding-left: 10px;
	height: 100%;
}
.infobar_shadow_r{
	background: url(images/trans_fade_right.png) top right repeat-y;
	_background: none;
	padding-right: 10px;
	height: 100%;
}
.infobar_shadow_t{
	background: url(images/trans_fade_top.png) top left repeat-x;
	_background: none;
	padding-top: 8px;
	height: 100%;
	position: relative;
	overflow: hidden;
}

.infobar_more_info_link{
	position: absolute;
	bottom: 24px;
	_bottom: -4px;
	background: white;
	overflow: hidden;
	height: 30px;
	padding-top: 4px;
	padding-left: 4px;
	width: 90%;
	color: #0a77d5;
	cursor: pointer;
	z-index: 8;
}
.infobar_more_info_link_hover{
	position: absolute;
	cursor: pointer;
	bottom: 24px;
	_bottom: -4px;
	background: white;
	overflow: hidden;
	height: 30px;
	padding-top: 4px;
	padding-left: 4px;
	width: 100%;
	color: #0a77d5;
	text-decoration: underline;
	z-index: 8;
}

.infobar_header_shine{
	height: 16px;
	background: url(images/infobar_shine.gif) repeat-x;
	border: 1px solid #000000;
	filter:alpha(opacity=25);
	opacity: 0.25;
}
.infobar_header_stripes{
	height: 14px;
	background: url(images/infobar_stripes.png) repeat-x;
	_background: none;
}
.infobar_header{
	z-index: 10;
	height: 14px;
	overflow: hidden;
}

.infobar_close{
	float: right;
	white-space: nowrap;
	cursor: pointer;
	font-family: helvetica, arial;
	font-size: 10pt;
	color: #000000;
	margin-right: 10px;
	width: 20px;
	height: 20px;
	background: url(images/x.gif) 3px 3px no-repeat;
}

.infobar_event_view_button{
	position: absolute;
	bottom: 35px;
	right: 20px;
	white-space: nowrap;
	cursor: pointer;
	width: 50px;
	height: 50px;
	background: url(images/info_icon.png) top center no-repeat;
	_background: none;
	z-index: 9;
}
.infobar_event_view_button div{
	font-family: helvetica, arial;
	display: block;
	_display: none;
	font-size: 10pt;
	color: #414141;
	padding-top: 40px;
	text-align: center;
}
.infobar_event_view_button_ie{
	position: absolute;
	z-index:12;
	_bottom: 30px;
	right: 25px;
	white-space: nowrap;
	cursor: pointer;
	width: 50px;
	height: 50px;
	background: none;
	_background: url(images/info_icon.gif) top center no-repeat;
}
.infobar_event_view_button_ie div{
	display: none;
	_display: block;
	padding-top: 40px;
	font-family: helvetica, arial;
	font-size: 10pt;
	color: #414141;
	text-align: center;
	width: 100%;
	height: 100%;
	vertical-align: bottom;
}
.infobar_button_panel{
	position: absolute;
	right: 20px;
	width: 150px;
	height: 173px;
}
.infobar_panel{
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	font-family: helvetica, arial;
	font-size: 10pt;
	color: #000000;
	height: 173px;
	filter:alpha(opacity=90);
	opacity: 0.9;
	background: #FFFFFF;
	border-left: 4px solid #CCCCCC;
	border-right: 4px solid #CCCCCC;
	position: relative;
	overflow: hidden;
}
.infobar_panel_text{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index:11;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 26px;
	font-family: helvetica, arial;
	font-size: 10pt;
	color: #000000;
	height: 100%;
	width: 100%;
}
.infobar_event_title{
	color: #333333;
	font-size: 16px;
}
.infobar_event_calendar_name{
	color: #666666;
	font-size: 12px;
}
.infobar_event_time{
	color: #333333;
	font-size: 12px;
	display: block;
	padding-top: 3px;
	margin-right: 140px;
}

.sidebar_cal_item{
	padding-top: 1px;
	padding-bottom: 1px;
	cursor: pointer;
	font-size: 12px;
	color: #333333;
	position: relative;
	font-weight: bold;
	text-decoration: none;
	line-height: 16px;
}
.sidebar_cal_name{
	font-family: helvetica, arial;
	overflow: hidden;
	padding-left: 22px;
	position: absolute;
	top: 0px;
	z-index: 19;
}

.sidebar_cal_name_hover{
	font-family: helvetica, arial;
	overflow: hidden;
	padding-left: 22px;
	position: absolute;
	top: 0px;
	z-index: 19;
	color: #0A77D5;
	text-decoration: underline;
}

.sidebar_cal_item_wrapper{
	clear: left;
	height: 14px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	overflow: hidden;
	color: #0A77D5;
	position:relative;
	width: 100%;
}
.sidebar_cal_drag{
	position: relative;
	height: 14px;
	border-top: 1px solid #0a77d5;
	border-bottom: 1px solid #0a77d5;
	background: #f5fafd;
}

.sidebar_cal_item_color_gloss{
}
.sidebar_cal_item_color{
	overflow: hidden;
	position: absolute;
	width: 10px;
	height: 10px;
	position: absolute;
	top: 2px;
	left: 5px;
}



.sidebar_cal_item_disabled_color{
	position: absolute;
	overflow: hidden;
	top: 2px;
	left: 5px;
/*	margin-bottom: 3px;
	margin-right: 7px; */
	width: 10px;
	height: 10px;
	filter:alpha(opacity=50);
	opacity: 0.5;
}

.sidebar_cal_item_disabled{
	font-family: helvetica, arial;
	font-size: 12px;
	padding-top: 2px;
	padding-bottom: 2px;
	color: #999999;
	cursor: pointer;
	position: relative;
	line-height: 16px;
	text-decoration: line-through;
}

.sidebar_cal_config{
	width: 16px;
	height: 16px;
	display: block;
	position: absolute;
	right: 0px;
/*	background: url(/images/icons/iconmastersmall.gif) -217px -94px no-repeat; */
	background: url(/images/config_cal.gif) no-repeat;
	background-color: white;
	cursor: pointer;
	z-index: 20;
/*	float: right; */
}
.sidebar_cal_config_disabled{
	display: none;
}



.main_sidebar_ad{
	padding: 5px;
}
.main_sidebar_ad_wrap{
	font-family: helvetica, arial;
	font-size: 12px;
	color: #333333;
	text-align: center;
	width: 100%;
	white-space: normal;
	line-height: 14px;
	cursor: pointer;
}
.main_sidebar_ad_a{
	display: inline;
	color: #0a77d5;
	text-decoration: none;
}
.main_sidebar_ad_a_hover{
	display: inline;
	color: #0a77d5;
	text-decoration: underline;
}
.main_sidebar_buttons{
	font-family: helvetica, arial;
	font-size: 12px;
	color: #333333;
	margin-bottom: 8px;
}
.main_sidebar_button{
	padding-left: 10px;
	font-size: 12px;
	padding-top: 1px;
	padding-bottom: 1px;
	margin-top: 2px;
	margin-bottom: 2px;
	color: #000000;
	cursor: pointer;
	font-weight: bold;
}
.main_sidebar_button_hover{
	padding-left: 10px;
	font-size: 12px;
	padding-top: 1px;
	padding-bottom: 1px;
	margin-top: 2px;
	margin-bottom: 2px;
	cursor: pointer;
	background: #0A77D5;
	color: #FFFFFF;
	font-weight: bold;
}
.main_sidebar_alert_button{
	padding-left: 10px;
	font-size: 12px;
	padding-top: 1px;
	padding-bottom: 1px;
	margin-top: 2px;
	margin-bottom: 2px;
	color: #C02323;
	cursor: pointer;
}
.main_sidebar_alert_button_hover{
	padding-left: 10px;
	font-size: 12px;
	padding-top: 1px;
	padding-bottom: 1px;
	margin-top: 2px;
	margin-bottom: 2px;
	cursor: pointer;
	background: #C02323;
	color: #FFFFFF;
}
.sidebar_dropdown{
	font-family: helvetica, arial;
	font-size: 8pt;
	color: #757575;
	position: absolute;
	width: 150px;
	left: -200px;
	bottom: 400px;
	z-index: 40;
}
.sidebar_dropdown_tick{
	position: absolute;
	left: 1px;
	width: 15px;
	height: 15px;
	background: url(images/balloon_tick.gif) no-repeat;
	z-index: 15;
}
.sidebar_dropdown_balloon{
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-top: 3px;
	margin-left: 15px;
	border-left: 1px solid black;
	border-right: 1px solid black;
	background: white;
	line-height: 18px;
}
/* corners */
.sidebar_dropdown_tr{
	position: absolute;
	right: 0px;
	top: 0px;
	width: 5px;
	height: 5px;
	background: url(images/corners/tr_corner_small.gif) no-repeat;
	overflow: hidden;
}
.sidebar_dropdown_tl{
	position: absolute;
	left: 15px;
	top: 0px;
	width: 5px;
	height: 5px;
	background: url(images/corners/tl_corner_small.gif) no-repeat;
	overflow: hidden;
}
.sidebar_dropdown_t{
	margin-left: 20px;
	margin-right: 5px;
	height: 5px;
	background: url(images/corners/t_small.gif) repeat-x;
	overflow: hidden;
}
.sidebar_dropdown_br{
	position: absolute;
	right: -5px;
	bottom: 0px;
	width: 5px;
	height: 5px;
	background: url(images/corners/br_corner_small.gif) no-repeat;
	overflow: hidden;
	_bottom: -1px;
	_right: -4px;
}
.sidebar_dropdown_bl{
	position: absolute;
	left: -5px;
	bottom: 0px;
	width: 5px;
	height: 5px;
	background: url(images/corners/bl_corner_small.gif) no-repeat;
	overflow: hidden;
	_left: -4px;
	_bottom: -1px;
}
.sidebar_dropdown_b{
	margin-left: 20px;
	margin-right: 5px;
	height: 5px;
	background: url(images/corners/b_small.gif) repeat-x;
	position: relative;
}

/**
 * styles for the add menu buttons
 */
.sidebar_button{
	font-family: verdana, sans-serif;
	font-size: 12px;
	cursor: pointer;
}
.sidebar_button_hover{
	font-family: verdana, sans-serif;
	font-size: 12px;
	cursor: pointer;
}
.sidebar_button_color{
	position: relative;
	top: 2px;
	float: left;
	border: 1px solid black;
	width: 5px;
	height: 5px;
	_width: 7px;
	_height: 7px;
	margin: 4px;
	_margin: 3px;
	overflow: hidden;
}
.sidebar_button_color_hover{
	position: relative;
	top: 2px;
	float: left;
	border: 1px solid black;
	width: 9px;
	height: 9px;
	_width: 11px;
	_height: 11px;
	margin: 2px;
	_margin: 2px;
	overflow: hidden;
}
.sidebar_button_bullet{
	position: relative;
	top: 2px;
	float: left;
	width: 12px;
	height: 12px;
	overflow: hidden;
	background: url(images/bullet_light.gif) 0px 2px no-repeat;
}
.sidebar_button_bullet_hover{
	position: relative;
	top: 2px;
	float: left;
	width: 12px;
	height: 12px;
	overflow: hidden;
	background: url(images/bullet_dark.gif) 0px 2px no-repeat;
}
.sidebar_button_name{
	color: #666666;
}
.sidebar_button_name_hover{
	color: #333333;
}

.sidebar_box_header{
	background: #0A77D5 url(/images/icons/iconmastersmall.gif) no-repeat scroll -297px -191px;
	height: 16px;
	padding-left: 24px;
	font-family: verdana, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	padding-top: 2px;
	font-weight: bold;
}
.sidebar_box{
	border-left: 1px solid #0A77D5;
	border-right: 1px solid #0A77D5;
	border-bottom: 1px solid #0A77D5;
	left: 10px;
	position: absolute;
	width: 138px;
	top: 31px;
	background: white;
}
.sidebar_clock{
	z-index: 20;
	position: absolute;
	top: 2px;
	left: 10px;
	font-weight: bold;
	color: #333333;
	font-family: arial, sans-serif;
	cursor: pointer;
	width: 140px;
	height: 26px;
}
.sidebar_clock_time{
	position: relative;
	left: 2px;
	font-size: 20px;
}
.sidebar_clock_date{
	font-size: 11px;
	float: right;
	clear: right;
	position: relative;
	right: 2px;
}

.sidebar_box_scroller{
	overflow: auto;
	height: 20px;
	width: 100%;
	position: relative;
}
.sidebar_box_scroller a:hover{
	background:white;

}
.sidebar_box_scroller a:hover span {
	color: #0a77d5;
	text-decoration: none;
}

.sidebar_task_inner{
	overflow: hidden;
	width: 100%;
	font-family: verdana, sans-serif;
	font-size: 12px;
}
.sidebar_task_inner i{
	display: block;
	padding-top: 4px;
	padding-left: 4px;
}
/**
 * this is an invisible div that will trap the mouseover
 * and mouse out events
 */
.main_sidebar_trash{
	position: absolute;
	left: 50px;
	bottom: 40px;
	width: 49px;
	height: 84px;
	background: url(/images/icons/iconmastersmall.gif) -198px -145px no-repeat;
	overflow: hidden;
/*	background: url(/images/icons/trashempty.gif) no-repeat; */
}
.main_sidebar_trash_over{
	position: absolute;
	left: 50px;
	bottom: 40px;
	width: 48px;
	height: 107px;
	background: url(/images/icons/iconmastersmall.gif) -249px -122px no-repeat;
	overflow: hidden;
/*	background: url(/images/icons/trashempty.gif) no-repeat; */
	filter:alpha(opacity=0);
	opacity: 0.0;
}
.main_sidebar{
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 10;
	width: 150px;
	height: 100%;
	overflow: hidden;
	font-family: helvetica, arial;
	font-size: 12pt;
	color: #000000;
}
.main_sidebar_inner_wrap{
	min-width: 150px;
	white-space: nowrap;
	height: 100%;
}
.main_sidebar_content{
}
.main_sidebar_loading{
	position: absolute;
	left: 450px;
	top: 17px;
	margin-left: auto;
	margin-right: auto;
	background: url(/images/loading.gif) no-repeat;
	width: 22px;
	height: 4px;
}
.main_sidebar_loading_done{
	display: none;
}

/**
 * the task form for the sidebar
 */
/**
 * new task input form for day view's sidebar
 */
.sidebar_tasks_blur{
	margin-top: 4px;
	margin-bottom: 4px;
	margin-left: 4px;
	width: 126px;
	padding: 2px;
}
.sidebar_tasks_focus{
	margin-top: 4px;
	margin-bottom: 4px;
	margin-left: 4px;
	width: 126px;
	padding: 2px;
}
.sidebar_task_form{
	height: 48px;
	padding: 0px;
	margin: 0px;
	background: #EFEFEF;
	border-bottom: 1px solid #CCCCCC;
	position: relative;
	font-size: 10px;
}
.sidebar_task_form select{
	width: 106px;
	margin-left: 8px;
	position: absolute;
	top: 26px;
	left: 18px;
	font-size: 10px;
}
.sidebar_task_form select option{
	font-size: 10px;
}
.sidebar_task_form div{
	position: relative;
	top: -3px;
	left: 3px;
}/**
 * icons for pendaflex view
 */
.settings_personal_icon{
	float: left;
	margin-right: 4px;
	margin-left: 3px;
	background: url(/images/icons/iconmastersmall.gif) -123px -145px no-repeat;
	width: 15px;
	height: 16px;
	overflow: hidden;
}
.settings_password_icon{
	float: left;
	margin-right: 4px;
	margin-left: 3px;
	background: url(/images/icons/iconmastersmall.gif) -139px -145px no-repeat;
	width: 15px;
	height: 16px;
	overflow: hidden;
}

.settings_local_icon{
	float: left;
	margin-right: 4px;
	margin-left: 3px;
	background: url(/images/icons/iconmastersmall.gif) -154px -145px no-repeat;
	width: 16px;
	height: 16px;
	overflow: hidden;
}












.settings_main{
	position: absolute;
	left: -550px;
	top: -750px;
	z-index: 30;
	display: none;
}
.settings_main_title{
	position: absolute;
	color: #3f3f3f;
	top: 5px;
	left: 9px;
	z-index: 40;
	font-family: helvetica, arial;
	font-size: 14px;
}

.settings_main_outer_close{
	position: absolute;
	width: 15px;
	height: 26px;
	top: 0px;
	right: 10px;
	cursor: pointer;
	z-index: 40;
	background: url(/images/icons/iconmastersmall.gif) -122px -98px no-repeat;
}





.settings_main_wrap{
	position: absolute;
	width: 516px;
	border: 1px solid #3f3f3f;
	background: white;
	overflow: auto;
}

.settings_main_inner_wrap{
	border: 4px solid #b3b3b3;
}

.settings_main_outer_top{
	background: url(images/greybox/top.gif) top left repeat-x;
}

.settings_main_outer_l{
	background: url(images/greybox/left.gif) top left repeat-y;
}

.settings_main_outer_r{
	background: url(images/greybox/right.gif) top right repeat-y;
}
.settings_main_outer_bottom{
	background: url(images/greybox/bottom.gif) bottom left repeat-x;
}
.settings_main_outer_tl{
	background: url(images/greybox/topleft.gif) top left no-repeat;
}

.settings_main_outer_tr{
	background: url(images/greybox/topright.gif) top right no-repeat;
}
.settings_main_outer_bl{
}

.settings_main_outer_br{
}
.settings_main_blue{
	position: relative;
	height: 78px;
	z-index: 12;
	background: url(images/control/bluerepeater.gif) top left repeat-x;
}
/**
 * the paddings account for the background images
 * which act as the window border.
 * they're not padding the actual content
 */
.settings_main_content_holder{
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 26px;
	padding-bottom: 4px;
}
.settings_main_content{
	border: 1px solid #636363;
	position: relative;
	overflow: hidden;
	/**
	 * height is set in js
	 */
}

.settings_arrow{
	height: 7px;
	width: 6px;
	background: url(images/control/arrow.gif) top left no-repeat;
	position: absolute;
	z-index: 13;
}


.settings_button_user_profile{
	margin-left: 15px;
	_margin-left: 14px;
	float: left;
	width: 76px;
	height: 68px;
	background: url(images/control/userprofile.gif) no-repeat;
	cursor: pointer;
}

.settings_button_password{
	margin-left: 15px;
	_margin-left: 14px;
	float: left;
	width: 93px;
	height: 68px;
	background: url(images/control/password.gif) no-repeat;
	cursor: pointer;
}

.settings_button_timezones{
	margin-left: 15px;
	float: left;
	width: 90px;
	height: 68px;
	background: url(images/control/timezones.gif) no-repeat;
	cursor: pointer;
}

.settings_button_month_view{
	margin-left: 15px;
	float: left;
	width: 81px;
	height: 68px;
	background: url(images/control/monthview.gif) no-repeat;
	cursor: pointer;
}

.settings_button_day_view{
	margin-left: 15px;
	float: left;
	width: 67px;
	height: 68px;
	background: url(images/control/dayview.gif) no-repeat;
	cursor: pointer;
}
.settings_button_calendar_properties{
	margin-left: 15px;
	float: left;
	width: 108px;
	height: 68px;
	background: url(images/control/calprops.gif) no-repeat;
	cursor: pointer;
}
.settings_button_delete_calendar{
	margin-left: 15px;
	float: left;
	width: 95px;
	height: 68px;
	background: url(images/control/deletecalendarsmall.gif) no-repeat;
	cursor: pointer;
}
.settings_button_share_calendar{
	margin-left: 15px;
	float: left;
	width: 89px;
	height: 68px;
	background: url(images/control/sharecalendarsmall.gif) no-repeat;
	cursor: pointer;
}
.settings_button_export_calendar{
	margin-left: 15px;
	float: left;
	width: 91px;
	height: 68px;
	background: url(images/control/exportcalendarsmall.gif) no-repeat;
	cursor: pointer;
}





.settings_background_profile{
	position: absolute;
	bottom: 0px;
	left: 0px;
	height: 272px;
	width: 100%;
	background: url(images/control/profile_large.gif) bottom left no-repeat;
	z-index: 10;
	filter:alpha(opacity=100);
}
.settings_background_password{
	position: absolute;
	bottom: 0px;
	left: 0px;
	height: 232px;
	width: 100%;
	background: url(images/control/password_large.gif) bottom left no-repeat;
	z-index: 10;
	filter:alpha(opacity=0);
}
.settings_background_timezone{
	position: absolute;
	bottom: 0px;
	left: 0px;
	height: 172px;
	width: 100%;
	background: url(images/control/timezones_large.gif) bottom left no-repeat;
	z-index: 10;
	filter:alpha(opacity=0);
}
.settings_background_day_view{
	position: absolute;
	bottom: 0px;
	left: 0px;
	height: 232px;
	width: 100%;
	background: url(images/control/day_view_large.gif) bottom left no-repeat;
	z-index: 10;
	filter:alpha(opacity=0);
}
.settings_background_month_view{
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 167px;
	background: url(images/control/month_view_large.gif) bottom left no-repeat;
	z-index: 10;
	filter:alpha(opacity=0);
}
.settings_background_delete_calendar{
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 167px;
	background: url(images/control/deletecalendarlarge.gif) bottom left no-repeat;
	z-index: 10;
	filter:alpha(opacity=0);
}
.settings_background_export_calendar{
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 167px;
	background: url(images/control/exportcalendarlarge.gif) bottom left no-repeat;
	z-index: 10;
	filter:alpha(opacity=0);
}
.settings_background_share_calendar{
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 167px;
	background: url(images/control/sharecalendarlarge.gif) bottom left no-repeat;
	z-index: 10;
	filter:alpha(opacity=0);
}
.settings_content_label{
	float: left;
	display: block;
	width: 80px;
	padding-top: 3px;
}

.window_content_profile_form{
	z-index: 11;
	height: 100%;
	font-family: helvetica, arial;
	font-size: 12px;
	color: #333333;
}


.settings_content_form{
	position: absolute;
	top: 10px;
	left: 160px;
	font-family: helvetica, arial;
	font-size: 12px;
	color: #333333;
}

.settings_content_timezone_form{
	position: absolute;
	top: -400px;
	left: 0px;
	z-index: 11;
	font-family: helvetica, arial;
	font-size: 12px;
	color: #333333;
	padding-top: 90px;
	padding-left: 160px;
	padding-right: 60px;
}
.settings_text_input{
	margin-top: 3px;
	border: 1px solid black;
	background: white;
	width: 160px;
}
.settings_phone_input{
	margin-top: 3px;
	border: 1px solid black;
	background: white;
	width: 100px;
}
.settings_dropdown{
	margin-top: 3px;
	font-family: helvetica, arial;
	font-size: 13px;
	color: #333333;
}
.settings_content_description{
	color: #454545;
	font-size: 10px;
	padding-left: 8px;
	display: block;
}
.input_row{
	padding-top: 3px;
}
.cal_share_main{
	position: absolute;
	width: 3000px;
	height: 400px;
	overflow: hidden;
}
.cal_share_loading{
	height: 130px;
	background: url("/images/large-loader.gif") 114px 54px no-repeat;
}
.cal_add_buddy_link{
	color: #225CBC;
	cursor: pointer;
	text-decoration: none;
}
.cal_add_buddy_link_hover{
	color: #225CBC;
	cursor: pointer;
	text-decoration: underline;
}

.cal_share_no_users{
	padding-top: 40px;
	text-align: center;
}

.cal_share_user_list_main{
	width: 500px;
	position: absolute;
	left: 0px;
}
.cal_share_user_list_content{
	padding-left: 30px;
}

.cal_share_name{
	font-family: helvetica, arial;
	color: #333333;
	font-size: 16px;
	padding-bottom: 2px;
	font-weight: bold;
	padding-left: 6px;
	padding-top: 6px;
}

.cal_share_title_text{
	float: left;
	font-size: 19pt;
	font-family: helvetica, arial;
	color: #C3C3C3;
	padding-bottom: 10px;
	padding-right: 4px;
	font-weight: bold;
}

.cal_share_view_inputs{
	font-family: helvetica, arial;
	font-size: 10pt;
	height: 40px;
}

.cal_share_user_list{
	border: 1px solid black;
	background: white;
	width: 260px;
	height: 140px;
	position: relative;
	left: 130px;
	margin-top: 10px;
	margin-bottom: 10px;
	overflow: auto;
}
.cal_share_user_list_buttons{
	position: absolute;
	left: 158px;
	top: 196px;
}
.cal_share_buddy_text{
	position: absolute;
	text-align: right;
	left: 55px;
	top: 60px;
	width: 90px;
	font-size: 12px;
	color: #333333;
}


/**
 * the panel to ask for an email address
 */
.cal_share_new_user{
	width: 500px;
	position: absolute;
	left: 500px;
	font-family: arial, helvetica;
	font-size: 16px;
	color: #333333;
}
.cal_share_new_user_content{
	padding-left: 30px;
}



/**
 * the panel to show we're searching...
 */
.cal_share_searching{
	width: 500px;
	position: absolute;
	left: 1000px;
	font-family: arial, helvetica;
	font-size: 20px;
	color: #333333;
}
.cal_share_searching_text{
	padding-left: 80px;
	padding-top: 50px;
}

/**
 * the style for the email input
 */
.cal_share_email_input{
	width: 350px;
	background: white;
	border: 1px solid #454545;
	padding: 3px;
	font-family: helvetica, arial;
	color: black;
	font-size: 18pt;
}



/**
 * the results panel
 */
.cal_share_results{
	width: 500px;
	position: absolute;
	left: 1500px;
	font-family: arial, helvetica;
	font-size: 18px;
	color: #333333;
}
.cal_share_results_text{
	padding-left: 80px;
	padding-top: 50px;
}

/**
 * invite the user (inside teh results panel)
 */
.cal_share_invite{
	padding-left: 20px;
	padding-right: 60px;
	padding-top: 10px;
	display: none;
	font-size: 14px;
	text-align: center;
}
.cal_share_invite_name_prompt{
	width: 240px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 6px;
	margin-bottom: 3px;
	text-align: right;
}
.cal_share_invite_name{
	width: 140px;
	position: relative;
	bottom: 3px;
}
.cal_share_invite_button{
	float: right;
	position: relative;
	bottom: 3px;
	margin-left: 4px;
}
.cal_share_invite textarea{
	width: 240px;
	height: 110px;
}
.cal_share_invite_header{
	font-size: 22px;
	display: block;
	padding-bottom: 8px;
}

/**
 * after the buddy is added, during sharing
 */
.cal_share_buddy_added{
	width: 500px;
	position: absolute;
	left: 2000px;
	font-family: arial, helvetica;
	font-size: 18px;
	color: #333333;
}
.cal_share_buddy_added_text{
	padding-left: 80px;
	padding-top: 50px;
}

/**
 * the last page of the process
 * done or failure!
 */
.cal_share_final_results{
	width: 500px;
	position: absolute;
	left: 2500px;
	font-family: arial, helvetica;
	font-size: 18px;
	color: #333333;
}
.cal_share_final_results_text{
	padding-left: 80px;
	padding-top: 50px;
	padding-right: 80px;
}
.cal_share_final_results_text input{
	margin-left: 140px;
}
.user_list_item{
	position: relative;
	background: url("images/grey_back.gif") repeat-x;
	height: 36px;
	color: #848484;
	border-top: 1px solid #C6C6C6;
	bottom: 1px;
}

.user_list_item_selected{
	position: relative;
	background: url("images/blue_back.gif") repeat-x;
	height: 36px;
	color: #333333;
	border-top: 1px solid #225CBC;
	bottom: 1px;
}
.user_check_wrap{
	float: left;
	padding: 8px;
}
.user_list_item_name{
	position: absolute;
	top: 4px;
	left: 32px;
}
.user_list_item_email{
	position: absolute;
	top: 19px;
	left: 32px;
}
.user_list_item_email_only{
	position: absolute;
	top: 12px;
	left: 32px;
}
.cal_list_item{
	position: relative;
	background: url("images/grey_back.gif") -6px 0px repeat-x;
	height: 24px;
	color: #848484;
	border-top: 1px solid #C6C6C6;
	bottom: 1px;
}

.cal_list_item_selected{
	position: relative;
	background: url("images/blue_back.gif") -6px 0px repeat-x;
	height: 24px;
	color: #333333;
	border-top: 1px solid #225CBC;
	bottom: 1px;
}
.cal_check_wrap{
	float: left;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 9px;
	padding-right: 9px;
}
.cal_list_item_name{
	position: absolute;
	top: 6px;
	left: 32px;
}.pub_list_item{
	position: relative;
/*	background: url("images/grey_back.gif") 0px -8px repeat-x; */
	background: white;
	height: 18px;
	color: #0a77d5;
}
.pub_list_item_hover{
	position: relative;
/*	background: url("images/blue_back.gif") 0px -8px repeat-x; */
	background: #D6D6D6;
	height: 18px;
	color: #454545;
	text-decoration: line-through;
}
.pub_list_item_name{
	position: absolute;
	top: 3px;
	left: 10px;
	cursor: pointer;
	margin-left: 16px;
}
.pub_list_item_name_hover{
	position: absolute;
	top: 3px;
	left: 10px;
	text-decoration: underline;
	cursor: pointer;
	margin-left: 16px;
}
.pub_list_item_x{
	position: absolute;
	top: 1px;
	right: 10px;
	width: 15px;
	height: 15px;
	background: url('/images/x/smallroundx.png') no-repeat;
	_background: url('/images/x/smallroundx.gif') no-repeat;
	cursor: pointer;
}
.pub_list_item_x_hover{
	position: absolute;
	top: 1px;
	right: 10px;
	width: 15px;
	height: 15px;
	background: url('/images/x/smallroundxhover.png') no-repeat;
	_background: url('/images/x/smallroundxhover.gif') no-repeat;
	cursor: pointer;
}
.pub_list_icon_key{
	float: left;
	width: 16px;
	height: 16px;
	margin-left: 2px;
	background: url(/images/icons/api_icon.gif) no-repeat;
	position: relative;
	top: 1px;
	left: 3px;
	overflow: hidden;
}
.pub_list_icon_web{
	float: left;
	width: 14px;
	height: 14px;
	margin-top: 1px;
	margin-left: 2px;
	background: url(/images/icons/iconmastersmall.gif) -65px -160px no-repeat;
	position: relative;
	top: 1px;
	left: 3px;
	overflow: hidden;
}
.pub_list_icon_jotlet{
	overflow: hidden;
	float: left;
	width: 14px;
	height: 14px;
	background: url(/images/icons/iconmastersmall.gif) -79px -160px no-repeat;
	position: relative;
	top: 2px;
	left: 5px;
}
.reminder_main{
	margin-top: 10px;
}
/**
 * the change date button
 */
.reminder_change_date{
	width: 26px;
	height: 17px;
	_height: 19px;
	cursor: pointer;
	background: url(images/choose_date.gif) no-repeat;
	display: inline;
	border: 1px solid #FFFFFF;
	vertical-align: bottom;
}
.reminder_change_date_hover{
	width: 26px;
	height: 17px;
	_height: 19px;
	cursor: pointer;
	background: url(images/choose_date.gif) no-repeat;
	display: inline;
	border: 1px solid #666666;
	vertical-align: bottom;
}

.reminder_title{
	padding-left: 10px;
	padding-bottom: 2px;
}

.reminder_wrap{
	border: 1px solid #225CBC;
	background: #f5fafd;
	padding-top: 8px;
	padding-bottom: 8px;
	width: 460px;
	font-family: arial;
	font-size: 12px;
	color: black;
	display: none;
	margin-bottom: 10px;
}

.reminder_list{
	overflow: auto;
	height: 0px;
	width: 460px;
}

.reminder_row{
	font-family: arial;
	font-size: 10px;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 10px;
	padding-right: 10px;
}
.reminder_row_over{
	font-family: arial;
	font-size: 10px;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 10px;
	padding-right: 10px;
	background: #225CBC;
	color: white;
}

.reminder_row select{
	font-size: 10px;
}
.reminder_row_over select{
	font-size: 10px;
}

.reminder_adding_text{
	display: block;
	margin-bottom: 3px;
	font-family: verdana, arial;
	font-size: 12px;
	color: #333333;
	width: 300px;
}
.reminder_add_button{
	display: block;
	margin-bottom: 3px;
	font-family: verdana, arial;
	font-size: 12px;
	color: #225CBC;
	cursor: pointer;
	width: 300px;
}

.reminder_add_button_hover{
	display: block;
	margin-bottom: 3px;
	font-family: verdana, arial;
	font-size: 12px;
	color: #447FCF;
	text-decoration: underline;
	cursor: pointer;
	width: 300px;
}

.reminder_loading_icon{
	width: 16px;
	height: 16px;
	background: url('/images/small-loader.gif') no-repeat white;
	display: none;
	float: left;
}

.reminder_row_delete{
	width: 15px;
	height: 15px;
	background: url('/images/x/smallroundx.png') no-repeat;
	_background: url('/images/x/smallroundx.gif') no-repeat;
	float: right;
	margin-right: 2px;
	position:relative;
	top:1px;
	cursor: pointer;
}

.reminder_row_delete_hover{
	width: 15px;
	height: 15px;
	background: url('/images/x/smallroundxhover.png') no-repeat;
	_background: url('/images/x/smallroundxhover.gif') no-repeat;
	float: right;
	margin-right: 2px;
	position:relative;
	top:1px;
	cursor: pointer;
}

.dropdown{
	border: 1px solid #333333;
	background: #EFEFEF;
	position: relative;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 1px;
	font-size: 12px;
	font-family: verdana, sans-serif;
	color: #333333;
	width: 100px;
}
.dropdown_hover{
	border: 1px solid #000000;
	background: #EFEFEF;
	position: relative;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 1px;
	font-size: 10px;
	font-family: verdana, sans-serif;
	color: #000000;
	width: 100px;
}

.dropdown_items_scroller{
	margin-top: 14px;
	position: absolute;
	width: 100px;
	height: 120px;
	overflow: auto;
}
.dropdown_item{
	border-top: 1px solid #CCCCCC;
	background: #EFEFEF;
	padding-top: 1px;
	padding-bottom: 1px;
}
.dropdown_selected{
	width: 100px;
}
.dropdown_items{
	overflow: hidden;
}
.interactions_main{
	position: relative;
	height: 100%;
	width: 100%;
	font-family: helvetica, arial;
	font-size: 10pt;
}
.interactions_header_text{
	padding-top: 5px;
	font-size: 20px;
	font-family: helvetica, arial;
	color: #C3C3C3;
	padding-bottom: 7px;
	font-weight: bold;
	background: white;
}


.interactions_blur{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: white;
	filter:alpha(opacity=50);
	opacity: 0.5;
	display: none;
	z-index: 19;
}
.interactions_step1_icon{
	float: left;
	background: url(/images/icons/iconmastersmall.gif) -2px -128px no-repeat;
	width: 16px;
	height: 16px;
	margin-right: 4px;
}
.interactions_step2_icon{
	float: left;
	background: url(/images/icons/iconmastersmall.gif) -18px -128px no-repeat;
	width: 16px;
	height: 16px;
	margin-right: 4px;
}
.interactions_step{
	padding-top: 1px;
	padding-bottom: 3px;
	padding-right: 6px;
	margin-top: 10px;
	margin-bottom: 4px;
	font-family: verdana;
	font-size: 12px;
	font-weight: bold;
	color: #757575;
}
.interactions_export_desc{
	margin-top: 10px;
	padding: 4px;
	border: 1px solid #DFDFDF;
	background: #EFEFEF;
	font-size: 11px;
	line-height: 13px;
	width: 300px;
}
.interactions_export_desc input{
	margin-top: 4px;
}
.interactions_text_input{
	width: 100%;
}
.interactions_input_wrap a{
	border: 0px;
	position: relative;
	top: 4px;
}
.interactions_input_wrap select{
	display: block;
	margin-top: 3px;
}
.interactions_input_wrap_input{
	margin-top: 3px;
	margin-bottom: 3px;
	display: block;
	width: 250px;
	border: 1px solid #454545;
	padding: 2px;
	font-family: verdana, sans-serif;
	size: 12px;
}
.interactions_input_wrap_input_small{
	margin-bottom: 6px;
	width: 124px;
	border: 1px solid #454545;
	padding: 2px;
	font-family: verdana, sans-serif;
	size: 12px;
}
.interactions_import_icon{
	float: left;
	margin-right: 4px;
	background: url(/images/icons/iconmastersmall.gif) -64px -146px no-repeat;
	width: 16px;
	height: 13px;
	overflow: hidden;
}
.interactions_export_icon{
	float: left;
	margin-right: 4px;
	background: url(/images/icons/iconmastersmall.gif) -80px -146px no-repeat;
	width: 16px;
	height: 13px;
	overflow: hidden;
}
.interactions_rss_icon{
	float: left;
	margin-right: 4px;
	margin-left: 3px;
	background: url(/images/icons/iconmastersmall.gif) -109px -146px no-repeat;
	width: 13px;
	height: 13px;
	overflow: hidden;
}
.interactions_netvibes_icon{
	float: left;
	margin-right: 4px;
	margin-left: 3px;
	background: url(/images/icons/iconmastersmall.gif) -96px -146px no-repeat;
	width: 13px;
	height: 13px;
	overflow: hidden;
}
.interactions_api_icon {
	background:transparent url(/images/icons/api_icon.gif) no-repeat scroll;
	float:left;
	height:16px;
	margin-left:3px;
	margin-right:4px;
	overflow:hidden;
	position:relative;
	top:-1px;
	width:16px;
}
.interactions_publish_icon{
	float: left;
	margin-right: 4px;
	margin-left: 3px;
	background: url(/images/icons/iconmastersmall.gif) -137px -98px no-repeat;
	width: 13px;
	height: 16px;
	overflow: hidden;
	position: relative;
	top: -1px;
}
.interactions_publish_icon_over{
	float: left;
	margin-right: 4px;
	margin-left: 3px;
	background: url(/images/icons/iconmastersmall.gif) -150px -98px no-repeat;
	width: 13px;
	height: 16px;
	overflow: hidden;
	position: relative;
	top: -1px;
}
.interactions_api_icon_over {
	background:transparent url(/images/icons/api_icon.gif) no-repeat scroll;
	float:left;
	height:16px;
	margin-left:3px;
	margin-right:4px;
	overflow:hidden;
	position:relative;
	top:-1px;
	width:16px;
}

.interactions_publish_icon_highlight{
	float: left;
	margin-right: 4px;
	margin-left: 3px;
	background: url(/images/icons/iconmastersmall.gif) -163px -98px no-repeat;
	width: 13px;
	height: 16px;
	overflow: hidden;
	position: relative;
	top: -1px;
}

/**
 * the style for the form
 */
.interactions_form{
	padding: 0px;
	margin: 0px;
	border: none;
	position: absolute;
	top: 0px;
	left: 130px;
	height: 390px;
	width: 360px;
	overflow: hidden;
	font-size: 12px;
}
.interactions_input_wrap{
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 20px;
}
.interactions_input_panel{
	position: relative;
	padding-left: 20px;
}
.interactions_color_buttons{
	position: relative;
	margin-top: 4px;
	margin-bottom: 10px;
	height: 30px;
}
.interactions_import_cal_drop{
	margin-left: 18px;
}
/**
 * the wrapper for a sidebar button
 */
.interactions_button{
	position: relative;
	height: 22px;
	width: 121px;
	overflow: hidden;
	border-bottom: 1px solid #CCCCCC;
	cursor: pointer;
}
.interactions_button_over{
	position: relative;
	height: 22px;
	width: 120px;
	background: #e2edfa;
	overflow: hidden;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	cursor: pointer;
}

/** the background for a button if
 * its 'on'
 */
.interactions_button_on{
	position: absolute;
	top: 0px;
	left: 0px;
	height: 22px;
	width: 120px;
	background: white;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid white;
	border-bottom: 1px solid #CCCCCC;
	cursor: pointer;
}
.interactions_button_text{
	position: absolute;
	top: 4px;
	left: 4px;
	height: 22px;
	width: 120px;
	border-right: 1px solid white;
	font-family: verdana, sans-serif;
	color: #333333;
	font-size: 12px;
	cursor: pointer;
}




/**
 * this is what holds the buttons
 * for the sidebar
 */
.interactions_sidebar{
	width: 120px;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	border-right: 1px solid #CCCCCC;
	background: #F6F6F6;
	overflow: visible;
}

/**
 * this hold the content for the
 * interactions panels
 */
.interactions_content{
	margin-left: 120px;
	padding-left: 18px;
	padding-right: 10px;
	padding-top: 10px;
	height: 100px;
}

.interactions_frame_holder{
	visibility: hidden;
}

.interactions_button_holder{
	position: absolute;
	right: 14px;
	bottom: 20px;
	width: 100%;
}
.interactions_button_holder input{
	float: right;
	margin-left: 14px;
}
.interactions_loading{
	position: absolute;
	top: -6px;
	right: 8px;
	background: url(/images/finalloader.gif) no-repeat;
	width: 22px;
	height: 4px;
	display: none;
}
.interactions_loading_list_none{
	position: absolute;
	left: 55px;
	top: 48px;
	font-family: verdana, sans-serif;
	font-size: 12px;
	color: #333333;
	width: 150px;
	text-align: center;
}
.interactions_loading_list{
	position: absolute;
	left: 55px;
	top: 40px;
	font-family: verdana, sans-serif;
	font-size: 12px;
	color: #333333;
	width: 150px;
	text-align: center;
}
.interactions_loading_list div{
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 4px;
	background: url(/images/finalloader.gif) no-repeat;
	width: 22px;
	height: 4px;
}



.interactions_complete_note{
	display: none;
	position: relative;
	top: 6px;
	float: right;
	border: 1px solid #77BD67;
	background: #F3F9F2;
	color: #848484;
	font-weight: bold;
	font-size: 11px;
	font-family: verdana, sans-serif;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 6px;
	padding-right: 6px;
}

.interactions_screen_mini_module{
	background: url(/images/interactions/mini-module.gif) no-repeat;
	width: 130px;
	height: 130px;
	overflow: hidden;
	margin-left: 12px;
	float: right;
	position: relative;
	top: -15px;
}
.interactions_screen_jotlet_tab{
	background: url(/images/interactions/jotlet-tab.gif) -40px 0px  no-repeat;
	width: 130px;
	height: 130px;
	overflow: hidden;
	margin-left: 12px;
	float: right;
	position: relative;
	top: -15px;
}
.interactions_netvibes_content{
	height: 130px;
}

/**
 * styles for the publish tab
 */
.interactions_publish_step_holder{
	width: 100%;
	border-bottom: 1px solid #D6D6D6;
	height: 20px;
	font-family: verdana, sans-serif;
	font-size: 12px;
	color: #333333;
	position: relative;
}
.interactions_publish_step1{
	position: absolute;
	left: 0px;
	top: 0px;
	background: url(/images/icons/iconmastersmall.gif) -2px -128px no-repeat;
	width: 16px;
	height: 16px;
	margin-left: 4px;
	overflow: hidden;
}
.interactions_publish_step2{
	position: absolute;
	left: 26px;
	top: 0px;
	background: url(/images/icons/iconmastersmall.gif) -18px -128px no-repeat;
	width: 16px;
	height: 16px;
	margin-left: 4px;
	overflow: hidden;
}
.interactions_publish_step3{
	position: absolute;
	left: 52px;
	top: 0px;
	background: url(/images/icons/iconmastersmall.gif) -34px -128px no-repeat;
	width: 16px;
	height: 16px;
	margin-left: 4px;
	overflow: hidden;
}
.interactions_publish_buttons{
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 100%;
	height: 50px;
	border-top: 1px solid #D6D6D6;
}
.interactions_publish_buttons_next{
	float: right;
}
.interactions_publish_buttons_back{
	float: left;
}
.interactions_publish_buttons input{
	margin-top: 16px;
}
.interactions_publish_wrap{
	margin-top: 10px;
	padding: 4px;
	border: 1px solid #DFDFDF;
	background: #EFEFEF;
	font-size: 11px;
	position: absolute;
}
.interactions_publish_wrap a{
	font-size: 16px;
	color: #0a77d5;
	text-decoration: none;
}
.interactions_publish_wrap a:hover{
	font-size: 16px;
	color: #0a77d5;
	text-decoration: underline;
}
.interactions_publish_content{
	width: 310px;
	height: 234px;
}
.interactions_publish_content_text{
	padding-left: 20px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 12px;
}
.interactions_publish_publications_list{
	position: relative;
	border: 1px solid #C6C6C6;
	background: white;
	width: 260px;
	height: 110px;
	margin-top: 10px;
	margin-bottom: 10px;
	overflow: auto;
}
.interactions_publish_calendar_list{
	position: relative;
	border: 1px solid #C6C6C6;
	background: white;
	width: 260px;
	height: 150px;
	margin-top: 10px;
	margin-bottom: 10px;
	overflow: auto;
}
.interactions_publish_loading{
	position: absolute;
	top: 7px;
	right: 8px;
	background: url(/images/finalloader.gif) no-repeat;
	width: 22px;
	height: 4px;
	display: none;
}
.interactions_publish_textbox{
	position: relative;
	border: 1px solid #C6C6C6;
	background: white;
	width: 260px;
	height: 50px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-family: courier;
	font-size: 12px;
	overflow: scroll;
	overflow-y: scroll;
	overflow-x: hidden;
	overflow:-moz-scrollbars-vertical;
}

.interactions_publish_apikey{
	position: relative;
	border: 1px solid #C6C6C6;
	background: white;
	width: 260px;
	height: 20px;
	line-height: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-family: courier;
	font-size: 14px;
}



/**
 * the style for the buttons for choosing location
 * of a publication
 */
.interactions_publish_location_button{
	border: 1px solid #858585;
	font-size: 11px;
	line-height: 13px;
	padding: 6px;
	margin-left: 20px;
	margin-right: 10px;
	margin-top: 30px;
	cursor: pointer;
	position: relative;
}
.interactions_publish_location_button_header{
	position: absolute;
	top: -12px;
	left: 10px;
	font-size: 16px;
	color: #858585;
	font-weight: bold;
}
.interactions_publish_location_button_hover{
	border: 1px solid #666666;
	background: #F6F6F6;
	font-size: 11px;
	line-height: 13px;
	padding: 6px;
	margin-left: 20px;
	margin-right: 10px;
	margin-top: 30px;
	cursor: pointer;
	position: relative;
}
.interactions_publish_location_button_header_hover{
	position: absolute;
	top: -12px;
	left: 10px;
	font-size: 16px;
	color: #666666;
	font-weight: bold;
}
.interactions_publish_location_button_inner{
	height: 50px;
}
.interactions_publish_location_button input{
	position: relative;
	top: 14px;
	display: block;
	float: left;
}
.interactions_publish_location_button_hover input{
	position: relative;
	top: 14px;
	display: block;
	float: left;
}
.interactions_publish_location_button_jotlet{ /* the icon */
	float: left;
	background: url(/images/icons/iconmastersmall.gif) -79px -160px no-repeat;
	width: 14px;
	height:14px;
	margin-top: 14px;
	margin-bottom: 14px;
	margin-left: 14px;
	margin-right: 14px;
}
.interactions_publish_location_button_website{ /* the icon */
	float: left;
	background: url(/images/icons/iconmastersmall.gif) -65px -160px no-repeat;
	width: 14px;
	height:14px;
	margin-top: 14px;
	margin-bottom: 14px;
	margin-left: 14px;
	margin-right: 14px;
}.hover_box{
	z-index:50;
	position: absolute;
	display: none;
	background: black;
	filter:alpha(opacity=50);
	opacity: 0.5;
}
.hover_dark_tl{
	position: absolute;
	overflow: hidden;
	top: 0px;
	left: 0px;
	width: 50%;
	height: 50%;
	z-index: 50;
	background: url(/images/icons/blueborder.png) top left;
}
.hover_dark_tr{
	position: absolute;
	overflow: hidden;
	top: 0px;
	right: 0px;
	width: 50%;
	height: 50%;
	background: url(/images/icons/blueborder.png) top right;
}
.hover_dark_bl{
	position: absolute;
	overflow: hidden;
	bottom: 0px;
	left: 0px;
	width: 50%;
	height: 50%;
	z-index: 50;
	background: url(/images/icons/blueborder.png) bottom left;
}
.hover_dark_br{
	position: absolute;
	overflow: hidden;
	bottom: 0px;
	right: 0px;
	width: 50%;
	height: 50%;
	z-index: 50;
	background: url(/images/icons/blueborder.png) bottom right;
}
.outer_container {
	margin: 13px;
}

.fieldset_container {
	padding-bottom: 10px;
	position:relative;
	top:0px;
	left:0px;
	overflow:hidden;
}

.fs_container {
	margin: 12px;
	border: 1px solid #ddd;
}

.fieldset_header {
	height: 1.8em;
	line-height: 1.8em;
	background: #4da7f4;
/*	background: #68abe5; */
	color: white;
	font-size: 12px;
	position:relative;
}

.fieldset_header a {
	float: left;
	width: 9px;
	margin-left: 4px;
}
.fieldset_header span{
	float: left;
	display:block;
	margin-left: 16px;
}

.fs_header_title {
	float: left;
	font-size: 14px;
	font-weight: bold;
}
.fs_header_title_over{
	float: left;
	font-size: 14px;
	font-weight: bold;
	cursor: pointer;
	text-decoration: underline;
}

.fs_task_container {
	background: #f3f3f3;
	border-bottom: 1px solid #d5d5d5;
	position: relative;
	bottom: 1px;
}
.fs_event_container{
/*	padding-bottom: 20px; */
}
.fs_summary_container{
	font-family: verdana, sans-serif;
	font-size: 10px;
	color: #0A77D5;
	padding-top: 5px;
	padding-left: 16px;
	height: 18px;
	line-height: 22px;
}

/**
 * the visibility toggle arrow
 */
.fs_header_toggle_on{
	width: 13px;
	height: 11px;
	overflow: hidden;
	background: url(/images/icons/iconmastersmall.gif) -162px -3px no-repeat;
	float: left;
	cursor: pointer;
	position: absolute;
	top: 6px;
	left: 2px;
}
.fs_header_toggle_off{
	width: 13px;
	height: 11px;
	overflow: hidden;
	background: url(/images/icons/iconmastersmall.gif) -175px -3px no-repeat;
	float: left;
	cursor: pointer;
	position: absolute;
	top: 6px;
	left: 2px;
}


/**
 * date icons
 */
.fs_date_icon{
	width: 14px;
	height: 16px;
	overflow: hidden;
	float: left;
	position: relative;
	top: 3px;
	margin-right: 7px;
	margin-left: 8px;
}

.fs_date_icon_1{
	background: url(/images/icons/iconmastersmall.gif) -191px 0px no-repeat;
}
.fs_date_icon_2{
	background: url(/images/icons/iconmastersmall.gif) -205px 0px no-repeat;
}
.fs_date_icon_3{
	background: url(/images/icons/iconmastersmall.gif) -219px 0px no-repeat;
}
.fs_date_icon_4{
	background: url(/images/icons/iconmastersmall.gif) -233px 0px no-repeat;
}
.fs_date_icon_5{
	background: url(/images/icons/iconmastersmall.gif) -247px 0px no-repeat;
}
.fs_date_icon_6{
	background: url(/images/icons/iconmastersmall.gif) -261px 0px no-repeat;
}
.fs_date_icon_7{
	background: url(/images/icons/iconmastersmall.gif) -275px 0px no-repeat;
}
.fs_date_icon_8{
	background: url(/images/icons/iconmastersmall.gif) -289px 0px no-repeat;
}
.fs_date_icon_9{
	background: url(/images/icons/iconmastersmall.gif) -303px 0px no-repeat;
}
.fs_date_icon_10{
	background: url(/images/icons/iconmastersmall.gif) -317px 0px no-repeat;
}

.fs_date_icon_11{
	background: url(/images/icons/iconmastersmall.gif) -331px 0px no-repeat;
}
.fs_date_icon_12{
	background: url(/images/icons/iconmastersmall.gif) -345px 0px no-repeat;
}
.fs_date_icon_13{
	background: url(/images/icons/iconmastersmall.gif) -359px 0px no-repeat;
}
.fs_date_icon_14{
	background: url(/images/icons/iconmastersmall.gif) -373px 0px no-repeat;
}
.fs_date_icon_15{
	background: url(/images/icons/iconmastersmall.gif) -387px 0px no-repeat;
}
.fs_date_icon_16{
	background: url(/images/icons/iconmastersmall.gif) -401px 0px no-repeat;
}
.fs_date_icon_17{
	background: url(/images/icons/iconmastersmall.gif) -415px 0px no-repeat;
}
.fs_date_icon_18{
	background: url(/images/icons/iconmastersmall.gif) -429px 0px no-repeat;
}
.fs_date_icon_19{
	background: url(/images/icons/iconmastersmall.gif) -443px 0px no-repeat;
}
.fs_date_icon_20{
	background: url(/images/icons/iconmastersmall.gif) -457px 0px no-repeat;
}

.fs_date_icon_21{
	background: url(/images/icons/iconmastersmall.gif) -471px 0px no-repeat;
}
.fs_date_icon_22{
	background: url(/images/icons/iconmastersmall.gif) -485px 0px no-repeat;
}
.fs_date_icon_23{
	background: url(/images/icons/iconmastersmall.gif) -499px 0px no-repeat;
}
.fs_date_icon_24{
	background: url(/images/icons/iconmastersmall.gif) -513px 0px no-repeat;
}
.fs_date_icon_25{
	background: url(/images/icons/iconmastersmall.gif) -527px 0px no-repeat;
}
.fs_date_icon_26{
	background: url(/images/icons/iconmastersmall.gif) -541px 0px no-repeat;
}
.fs_date_icon_27{
	background: url(/images/icons/iconmastersmall.gif) -555px 0px no-repeat;
}
.fs_date_icon_28{
	background: url(/images/icons/iconmastersmall.gif) -569px 0px no-repeat;
}
.fs_date_icon_29{
	background: url(/images/icons/iconmastersmall.gif) -583px 0px no-repeat;
}
.fs_date_icon_30{
	background: url(/images/icons/iconmastersmall.gif) -597px 0px no-repeat;
}

.fs_date_icon_31{
	background: url(/images/icons/iconmastersmall.gif) -611px 0px no-repeat;
}
.custom_form_wrap{
	border-bottom:1px solid #CCCCCC;
	height:100%;
	overflow:hidden;
	position:absolute;
	top: 0px;
	left: 0px;
	width:100%;
	z-index:10;
	background:white;
	display: none;
}
.custom_form_main{
	border-bottom:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	height:100%;
	left:0px;
	overflow:auto;
	position:relative;
	top:0px;
}
.custom_form_content{
	margin-top: 20px;
	width: auto;
	position: relative;
}
.custom_form_content_no_margin{
	margin-top: 0px;
}
.custom_form_main h3{
	font-size: 14px;
	font-weight: bold;
}

	/**
	 * display the times nicely
	 */
	.custom_form_main .time_input{
		height: 18px;
		border: 1px solid #000000;
		float: left;
		background:white;
	}
	/**
	 * the style for teh time inputs
	 */
	.custom_form_main .time_input input{
		font-family: helvetica, arial;
		font-size: 8pt;
		color: #333333;
		width: 24px;
		margin: 0px 1px;
		padding: 0px;
		border: 0px;
		background: #FFFFFF;
		display: inline;
	}
	
	/**
	 * the change date button
	 */
	.custom_form_main .date_input{
		display:block;
		float: left;
		width: 186px;
		margin-right: 10px;
	}
	.custom_form_main .date_input select{
		font-size: 10px;
	}
	.custom_form_main .date_input a{
		width: 26px;
		height: 17px;
		_height: 19px;
		cursor: pointer;
		background: url(images/choose_date.gif) no-repeat;
		float: right;
		border: 1px solid transparent;
		margin-left: 2px;
	}
	.custom_form_main .date_input a:hover{
		border: 1px solid #666666;
	}
.comment_main{
	margin: 10px;
	padding: 10px;
	border: 1px solid #CCCCCC;
	background: #EFEFEF;
	max-width: 410px;
}
.comment_main textarea{
	display: block;
	margin: 10px 0px;
	border: 1px solid #999999;
	padding: 2px;
	width: 100%;
	height: 100px;
}

.comment_main input{
	display: block;
	float: left;
	margin-right: 20px;
}
.comment_main span{
	clear:both;
	display:block;
	padding: 0px 6px;
}
.comment_main a{
	margin: 4px 0px;
	color: #0A77D5;
}

.comment_list{
	max-height: 140px;
	overflow: auto;
}

.comment_dt{
	text-align:left;
	margin-bottom: 3px;
}

.comment_dom{
	padding: 4px;
	border-bottom: 1px solid #CCCCCC;
}.document_browse_wrap{
	height: 170px;
	border: 1px solid #666666;
	margin: 10px;
	position: relative;
	overflow: auto;
}
.document_loading_wrap{
	width: 100%;
	text-align: center;
	padding-top: 60px;
}
.document_loading_wrap div{
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 8px;
	display: block;
	float: none;
	width: 22px;
	height: 4px;
}

.document_directory_row{
	position: relative;
	cursor: pointer;
	border-top: 1px solid transparent;
	border-bottom: 1px solid transparent;
	_border-top: 1px solid white;
	_border-bottom: 1px solid white;
}
.document_directory_title{
	height: 17px;
	line-height: 20px;
	padding-left: 30px;
	border-top: 1px solid transparent;
	border-bottom: 1px solid transparent;
	_border-top: 1px solid white;
	_border-bottom: 1px solid white;
}
.document_directory_title_for_img{
	height: 28px;
	padding-left: 40px;
}
.document_directory_desc{
	height: 28px;
	line-height: 16px;
	padding-left: 10px;
	font-family: verdana, sans-serif;
	color: #333333;
	font-size: 10px;
}
.document_directory_contents{
	padding-left: 10px;
}
.document_directory_row_over{
	background: #E2EDFA;
	border-top: 1px solid #E2EDFA;
	border-bottom: 1px solid #E2EDFA;
}
.document_directory_row_selected{
	background: #E2EDFA;
	border-top: 1px solid #0A77D5;
	border-bottom: 1px solid #0A77D5;
}
.docment_directory_row_del_over{
	background: #225CBC;
	text-decoration: line-through;
	color: white;
}
.document_icon{
	float: left;
	width: 16px;
	height: 16px;
	position: absolute;
	top: 1px;
	left: 8px;
	display:block;
	overflow: hidden;
}
.document_icon_img{
	width: 26px;
	height: 26px;
}
.document_icon img{
	width: 26px;
	_width: 100%;
	_height: 100%;
}
.document_delete_icon{
	left: 94%;
	top: 2px;
	position: absolute;
}
.document_refresh_icon{
	background: url(/images/icons/61.png) no-repeat;
	_background: url(/images/icons/61.gif) no-repeat;
	left: 88%;
}
.document_launch_icon{
	background: url(/images/icons/1.png) no-repeat;
	_background: url(/images/icons/1.gif) no-repeat;
	left: 82%;
}
.document_download_icon{
	background: url(/images/icons/133.png) no-repeat;
	_background: url(/images/icons/133.gif) no-repeat;
	left: 88%;
}
.document_doc_icon{
	background: url(/images/icons/93.png) no-repeat;
	_background: url(/images/icons/93.gif) no-repeat;
}
.document_dir_icon{
	background: url(/images/icons/99.png) no-repeat;
	_background: url(/images/icons/99.gif) no-repeat;
}
.document_dir_icon_open{
	background: url(/images/icons/107.png) no-repeat;
	_background: url(/images/icons/107.gif) no-repeat;
}

.directory_loading_icon{
	width: 22px;
	height: 4px;
	background: url('/images/small-loader.gif') no-repeat white;
}.sync_main{
	width: 408px;
	height: 120px;
	position: absolute;
	z-index:30;
	color: #987534;
	font-family: verdana, sans-serif;
	font-size: 20px;
	display:none;
}
.sync_shelf_top_close a{
	position: absolute;
	right: 20px;
	top: 6px;
	cursor: pointer;
	display: block;
	background: url(/images/icons/iconmastersmall2.gif) -32px -61px no-repeat;
	height: 16px;
	width: 16px;
	overflow: hidden;
}
.sync_shelf_top_close a:active{
	position: absolute;
	right: 20px;
	top: 6px;
	cursor: pointer;
	display: block;
	background: url(/images/icons/iconmastersmall2.gif) -16px -61px no-repeat;
	height: 16px;
	width: 16px;
}
.sync_shelf_top{
	width: 402px;
	height: 28px;
	background: #F4C877 url(/images/shelf/shelf-top.gif) top center no-repeat;
	position: absolute;
	left: 1px;
	top: 0px;
	border-left: 2px solid #E5B86B;
	border-right: 2px solid #E5B86B;
}
.sync_shelf_bot{
	width: 411px;
	height: 28px;
	background: url(/images/icons/iconmastersmall2.gif) 0px -77px no-repeat;
	position: relative;
	left: -2px;
}
.sync_shelf_peek_l{
	width: 4px;
	height: 4px;
	background: url(/images/icons/sync/peeks.gif) 0px 0px no-repeat;
	position: absolute;
	top: 28px;
	left:2px;
}
.sync_shelf_peek_r{
	width: 4px;
	height: 4px;
	background: url(/images/icons/sync/peeks.gif) -4px 0px no-repeat;
	position: absolute;
	top: 28px;
	right:2px;
	_right: 10px;
}
.sync_shelf_bg{
	width: 350px;
	height: 253px;
	position: relative;
	left: 29px;
	top: 28px;
	background: url(/images/shelf/shelf-background-repeater.gif) -1px 0px repeat-y;
}
.sync_shelf_bg_top_drop{
	width: 350px;
	height: 15px;
	background: url(/images/icons/iconmastersmall2.gif) 0px -134px no-repeat;
	position: absolute;
	top: 0px;
	left: 0px;
	overflow: hidden;
}
.sync_shelf_bg_bot_drop{
	position: absolute;
	bottom: 0px;
	width: 350px;
	height: 36px;
	background: url(/images/icons/iconmastersmall2.gif) 0px -149px no-repeat;
	overflow: hidden;
}
.sync_shelf_side{
	background: #AC672B url(images/shelf/shelf-side-gradient.gif) repeat-x;
	width: 21px;
	_width: 23px;
	height: 253px;
	position: absolute;
	top: 28px;
	border-left: 1px solid #B96C23;
	border-right: 1px solid #B96C23;
}
.sync_shelf_side_r{
	right: 6px;
	_right: 12px;
}
.sync_shelf_side_l{
	left: 6px;
}


.sync_shelf{
	height: 23px;
	position: absolute;
	top: 94px;
	width: 100%;
	background: url(/images/shelf/shelf-middle-shelf-repeater.gif) repeat-x;
	overflow: hidden;
}
.shelf2{
	top: 194px;
}
.sync_shelf_l{
	position: absolute;
	left: 0px;
	top: 0px;
	height: 23px;
	width: 8px;
	background: url(/images/icons/iconmastersmall2.gif) 0px -54px no-repeat;
	overflow: hidden;
}
.sync_shelf_r{
	position: absolute;
	right: 0px;
	top: 0px;
	height: 23px;
	width: 8px;
	background: url(/images/icons/iconmastersmall2.gif) -8px -54px no-repeat;
	overflow: hidden;
}


.sync_device_panel{
	position: absolute;
	left: 29px;
	top: 62px;
	width: 350px;
	height: 80px;
}
.sync_device_panel_row2{
	position: absolute;
	left: 29px;
	top: 162px;
	width: 350px;
}



.sync_canvas{
	background: #E3DCC9;
	position: absolute;
	top: 29px;
	width: 402px;
	height: 0px;
	display: none;
	z-index: 32;
	text-align: center;
	overflow: hidden;
}
.sync_canvas_content{
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 300px;
	line-height: 18px;
	text-align: left;
	font-size: 12px;
}
.sync_canvas_box_header{
	font-size: 20px;
	padding: 6px;
	padding-left: 40px;
}
.sync_canvas_box{
	border: 1px solid #B69A66;
	background: white;
	padding: 10px;
	margin-left: 40px;
	margin-right: 40px;
	margin-top: 20px;
	text-align: left;
}

.sync_device{
	position: relative;
	width: 60px;
	top: 14px;
	margin-left: 30px;
	_margin-left: 20px;
	margin-right: 15px;
	_margin-right: 30px;
	margin-bottom: 40px;
	height: 50px;
	float: left;
	color: #785520;
	cursor: pointer;
}
.sync_device_icon{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 60px;
	height: 50px;
	color: #785520;
	cursor: pointer;
	behavior: url(/iepngfix.htc);
}
.sync_device_icon_2{
	position: absolute;
	top: 7px;
	left: 12px;
	font-size: 10px;
	width: 60px;
	height: 50px;
	color: #785520;
	cursor: pointer;
	behavior: url(/iepngfix.htc);
}
.sync_device_add_icon{
	background: url(/images/icons/sync/13.png) 6px 0px no-repeat;
	_background: url(/images/icons/sync/13.gif) 6px 0px no-repeat;
}
.sync_device_tutorial_icon{
	background: url(/images/icons/sync/124.png) 6px 0px no-repeat;
	_background: url(/images/icons/sync/124.gif) 6px 0px no-repeat;
}
.sync_device_name{
	position: absolute;
	top: 50px;
	left: -10px;
	font-size: 12px;
	overflow: hidden;
	height: 15px;
	width: 84px;
	text-align: center;
}
.sync_device_name_hover{
	color: #0A77D5;
}
.sync_device_new{
	width: 24px;
	height: 24px;
	position: absolute;
	top: -12px;
	right: 0px;
	background: url(/images/icons/sync/44.png) no-repeat;
}
.sync_device_num{
	width: 20px;
	height: 20px;
	position: absolute;
	top: 32px;
	right: -4px;
	_right: auto;
	_left: 36px;
	background: url(/images/icons/pngmaster.png) no-repeat -83px -54px;
	_background: url(/images/icons/red-dot.gif) no-repeat 1px 1px;
	font-size: 11px;
	color: white;
	line-height: 20px;
	font-weight: bold;
	text-align: center;
}
.sync_device_num_very_long{
	font-size: 10px;
	
}
.sync_device_num_long{
	width: 30px;
	background: url(/images/icons/pngmaster.png) no-repeat -83px -76px;
	_background: url(/images/icons/red-dot-long.gif) no-repeat 1px 1px;
}



.sync_device_content_header{
	margin-left: 92px;
	padding-left: 0px;
	height: 70px;
}
.sync_device_content_header input{
	border: 1px solid #B69A66;
	background: white;
	color: #333333;
	padding: 2px 3px;
	font-size: 20px;
	font-family: verdana, sans-serif;
	margin: 4px 10px 5px 0px;
	margin-left: 0px;
	_left: -92px;
	position: relative;
}
.sync_device_content_header div{
	height: 16px;
	font-size: 13px;
	color: #5D4A28;
}
.sync_device_content_header div span{
	color: #976E2D;
}
.sync_device_content{
	margin-left: 20px;
	position: relative;
}
.sync_device_contenet select{
	font-size: 12px;
}
.sync_calendar_list{
	background:white none repeat scroll 0%;
	border: 1px solid #B69A66;
	height:146px;
	margin-bottom:10px;
	margin-top:10px;
	overflow:auto;
	position:relative;
	width:260px;
}
.sync_canvas_content a{
	color:#886530;
	text-decoration: none;
	display:block;
	float: left;
	height: 25px;
	padding-right: 13px;
	margin-right: 15px;
	background: url(/images/icons/sync/large-brown-button-a.gif) right 0px no-repeat;
	cursor: pointer;
}
.sync_canvas_content a:active{
	color:#886530;
	text-decoration: none;
	display:block;
	float: left;
	height: 25px;
	padding-right: 13px;
	margin-right: 15px;
	background: url(/images/icons/sync/large-brown-button-a.gif) right -25px no-repeat;
	cursor: pointer;
}
.sync_canvas_content a span{
	color: white;
	display:block;
	line-height: 25px;
	padding-left: 13px;
	background: url(/images/icons/sync/large-brown-button-span.gif) 0px 0px no-repeat;
}
.sync_canvas_content a:active span{
	color: white;
	display:block;
	line-height: 25px;
	padding-left: 13px;
	background: url(/images/icons/sync/large-brown-button-span.gif) 0px -25px no-repeat;
}
.delete_device{
	float: right;
	margin-right: 5px;
}
.sync_device_resolve{
	height: 38px;
	padding-top: 10px;
}
.sync_device_resolve_text{
	display: block;
	float: left;
	line-height: 28px;
	padding-right: 15px;
	margin-left: 100px;
	_margin-left: 45px;
	color: red;
}

.sync_device_resolve_box{
	position:relative;
	top: 108px;
	border: 1px solid #B69A66;
	background: #F3F0E7;
	height:278px;
	overflow:auto;
	width:260px;
	margin-left: 40px;
	float: left;
}
.sync_device_resolve_box_loading{
	display:block;
	height:16px;
	left:124px;
	position:absolute;
	top:140px;
	width:16px;
	background: url(/images/icons/sync/resolve-loader.gif) no-repeat;
}
.sync_device_resolve_cal_box{
	position:relative;
	top: 104px; /* 4 less than resolve_box b/c calendar items have 4px padding to make up for it */
	height:225px;
	overflow:auto;
	width:230px;
	float: left;
}
.sync_device_resolve_instr{
	position: absolute;
	top: 50px;
	left: 40px;
}
.sync_item_dom{
	padding: 8px 33px;
	line-height: 12px;
	cursor: pointer;
	position: relative;
}
.sync_item_dom_hover{
	background: #D3D0C7;
}
.sync_item_dom input{
	position: absolute;
	top: 10px;
	left: 8px;
	_left: -24px;
}
.sync_item_dom .title{
	height: 14px;
	line-height: 12px;
	overflow: hidden;
	color: #333333;
	font-size: 12px;
	position: absolute;
	top: 8px;
	left: 64px;
	_left: 44px;
}
.sync_item_dom .desc{
	height: 12px;
	line-height: 12px;
	color: #454545;
	overflow: hidden;
	font-size: 10px;
	position: absolute;
	top: 22px;
	left: 64px;
	_left: 44px;
}

.sync_item_dom .event_icon{
	width: 23px;
	height: 27px;
	background: url(/images/icons/pngmaster.png) -82px -27px no-repeat;
	overflow: hidden;
}
.sync_item_dom .task_icon{
	width: 23px;
	height: 27px;
	background: url(/images/icons/pngmaster.png) -82px 0px no-repeat;
	overflow: hidden;
}
.sync_item_dom .recur_icon{
	position: absolute;
	top: 17px;
	left: 38px;
	width: 12px;
	height: 12px;
	background: url(/images/icons/sync/recur-small.png) no-repeat;
	overflow: hidden;
}
.sync_item_dom .recur_desc{
	position: absolute;
	top: 22px;
	left: 178px;
	color:#454545;
	font-size:10px;
	line-height: 12px;
	height: 12px;
	overflow: hidden;
	text-align: right
	width: 80px;
}

.resolve_box a{
	position: absolute;
	left: 352px;
	top: 362px;
}

.resolve_box .quick_buttons{
	position: absolute;
	left: 42px;
	top: 92px;
}
.resolve_box .quick_buttons a{
	position: relative;
	left: 0px;
	top: 0px;
	text-decoration: none;
	background: none;
	height: auto;
	float: none;
	display: inline;
	margin: 0px;
	padding: 0px;
	font-size: 10px;
}
.resolve_box .quick_buttons a:hover{
	text-decoration: underline;
}



.sync_cal_dom{
	padding: 4px 10px 4px 10px;
	margin-left: 40px;
	position: relative;
	cursor: pointer;
}
.sync_cal_dom .title{
	border: 1px solid;
	padding-left: 36px;
	color: #333333;
	line-height: 35px;
	font-size: 14px;
	overflow: hidden;
	
}
.sync_cal_dom .title div{
	float: left;
}
.sync_cal_dom .icon{
	width: 30px;
	height: 30px;
	background: url(/images/icons/sync/29.png) no-repeat;
	position: absolute;
	left: -25px;
	top: 12px;
}
.sync_cal_dom .num_icon{
	width: 31px;
	height: 31px;
	display: block;
	position: absolute;
	top: 7px;
	left: 13px;
	_left: 3px;
	background: url(/images/icons/pngmaster.png) -83px -132px no-repeat;
	margin-right: 10px;
	overflow: hidden;
	line-height: 36px;
	text-align: center;
	font-size: 11px;
}
.sync_cal_dom .num_icon_color{
	width: 27px;
	height: 6px;
	display: block;
	position: absolute;
	top: 9px;
	left: 15px;
	_left: 5px;
}

.sync_device_edit_icon{
	position: absolute;
	top: 54px;
	left: 21px;
	font-size: 10px;
	cursor: pointer;
}

.sync_icon_panel{
	border-top: 1px solid #553115;
	background: #F3F0E7;
	border-bottom: 1px solid #553115;
	height: 0px;
	display: none;
	margin-bottom: 8px;
	overflow: auto;
}
.sync_choose_icon{
	position: relative;
	float: left;
	margin-top: 15px;
	margin-left: 15px;
}


/** 
 * styles for adding a device
 */
.sync_cancel_button{
	position: absolute;
	top: 220px;
	left: 150px;
}
.sync_next_button{
	position: absolute;
	top: 220px;
	left: 230px;
}
.sync_download{
	margin-top: 20px;
}
.sync_canvas_content .sync_button_disabled{
	opacity: .80;
	background: url(/images/icons/sync/large-brown-button-a.gif) right -25px no-repeat;
}
.sync_canvas_content .sync_button_disabled span{
	background: url(/images/icons/sync/large-brown-button-span.gif) 0px -25px no-repeat;
}
.add_dev_waiting{
	position: absolute;
	top: 160px;
	left: 150px;
	height: 24px;
	width: 160px;
	text-align: center;
	background: url(/images/loading.gif) no-repeat 64px 18px;
}
.add_dev_done_waiting{
	position: absolute;
	top: 160px;
	left: 150px;
	height: 24px;
	width: 160px;
	text-align: center;
}

.sync_password_desc{
	font-size: 11px;
	line-height:13px;
	padding-bottom:20px;
	padding-left:40px;
	padding-right:40px;
}.text_color{
	color: #333333;
}
.link_color{
	color: #0a77d5;
}
.color_header{
	border-top: 1px solid #c01c1c;
	background: url(images/monthviewbg.gif);
}
.color_header div{
	border-top: 1px solid #EE7E81;
}




/**
 * day view style
 */
.day_row_outer{
	border-top: 1px solid #c0c5ca;
	background: white;
	color: #767f86;
}
.day_row_outer span{ /** text */
	font-size: 10pt;
	color: #767f86;
}
.day_row_inner{
	border-bottom: 1px solid #cce1f3;
	background: #f6f9fc;
	border-left: 1px solid #7eb7e8;
}
.day_row_inner_hover{
	border-bottom: 1px solid #A7CCEC;
	border-left: 1px solid #7eb7e8;
	background: #bbd9f2;
}
.day_right_bar{
	background: #f5f5f5;
}
.day_notes{
	background: #FFFFFF;
	text-align: center;
	padding-top: 3px;
}
.day_notes_title{
	color: #0a77d5;
	font-family: verdana, san-serif;
	font-size: 12px;
}
.day_notes_title_pin_l{
	display: block;
	float: left;
	width: 16px;
	height: 24px;
	background: url(images/icons/iconmastersmall.gif) 0px 0px no-repeat;
	position: absolute;
	top: -2px;
	left: 0px;
}
.day_notes_title_pin_r{
	position: absolute;
	top: -2px;
	right: 0px;
	display: block;
	float: right;
	width: 19px;
	height: 25px;
	background: url(images/icons/iconmastersmall.gif) -16px 0px no-repeat;
}
.day_notes_shadow_l{
	position: absolute;
	right: -2px;
	bottom: 1px;
	width: 2px;
	height: 210px;
	background: url(images/icons/iconmastersmall.gif) 0px -20px no-repeat;
	z-index: 10;
}
.day_notes_shadow_b{
	position: absolute;
	left: -2px;
	bottom: 0px;
	width: 190px;
	height: 51px;
	background: url(images/icons/iconmastersmall.gif) -2px -47px no-repeat;
	z-index: 10;
}
.month_view_day_comment_body_wrap{
	text-align: left;
}
.month_view_day_comment_save{
	color: #333333;
	font-size: 12px;
}
.month_view_day_comment_input{
	border: 1px solid #CCCCCC;
	color: #333333;
	font-family: verdana, sans-serif;
	font-size: 10pt;
}
/** day view's task box */
.month_view_day_tasks{
	background: #fdfbef;
	border: 1px solid #f5de7a;
}
.month_view_day_tasks_title{
	font-family: helvetica, arial;
	font-size: 13px;
	padding-top: 4px;
	padding-left: 22px;
	color: #848687;
}
.month_view_day_tasks_title div{ /** icon */
	position: absolute;
	left: 3px;
	top: 3px;
	width: 12px;
	height: 12px;
	background: url(images/icons/iconmastersmall.gif) -36px 0px no-repeat;	
}
/**
 * day view event boxes
 */
.month_view_day_view_event_title{
	font-family: verdana, sans-serif;
	font-size: 11px;
}
.month_view_day_view_event_title span{ /** time */
	font-weight: bold;
}
.month_view_day_view_event_description{
	color: #454545;
	padding: 4px;
	font-size: 11px;
}
/**
 * new task input form for day view's sidebar
 */
.month_view_day_tasks_blur{
	font-size: 12px;
	color: #999999;
	border: 1px solid #f5de7a;
}
.month_view_day_tasks_focus{
	font-size: 12px;
	color: #333333;
	border: 1px solid #f5de7a;
}
/**
 * new task input form for sidebar
 */
.sidebar_tasks_blur{
	font-size: 10px;
	color: #999999;
	border: 1px solid #f5de7a;
}
.sidebar_tasks_focus{
	font-size: 10px;
	color: #333333;
	border: 1px solid #f5de7a;
}