/* Calendar */
table  { border-collapse: collapse; border-spacing: 0; }
td, th { padding: 0; }

#calendar-top {border: 1px solid #9EC0EE;padding:0; margin:0;clear:both;height: 140px;width: 723px;}
#calendar-top .block {height: 140px; margin:0; float: left;}
#legend {width: 262px;border-left: 1px solid #9EC0EE; position:relative;}

#calendar-top .actions {width: 262px; border-left: 1px solid #9EC0EE; vertical-align:top; text-align:left;}
#calendar-top .actions #actions_list { height: 85px; margin: 5px 5px 0 5px; }
#calendar-top .actions #actions_list dd {margin: 3px 0 0 20px;}
#calendar-top .actions #actions_list a { font: normal 11px Tahoma; color:#35319e; text-decoration:underline; }
#calendar-top .actions #actions_list a:hover { text-decoration:none; }
#calendar-top .actions #viewer_list { margin: 5px; }
#calendar-top .actions #viewer_list select { margin-top: 5px; font: normal 12px Tahoma; color:#25217e; width: 200px; }

.calendar_menu
{
	position:absolute;
	margin:0;
	width: 264px;
	padding:0;
	display:block;
	bottom:0;
}

.calendar_menu li
{
	display: block;
	text-align:center;
	float:left;
	height: 18px;
	width:65px;
	background: #FFFFFF url(../images/calendar/calendar_menu_bg.jpg) repeat-x left top;
	border-top: 1px solid #9EC0EE;
	border-right: 1px solid #9EC0EE;
}

.calendar_menu li#selected, .calendar_menu li:hover { background: #FFFFFF url(../images/calendar/calendar_menu_selected_bg.jpg) repeat-x left top; }

.calendar_menu li a
{
	display:block;
	text-decoration:none;
	width:100%;
	font: bold 10px Tahoma;
	color: #313169;
	padding-top: 2px;
	height:16px;
}

#calendar-wrap {width: 196px; }
#calendar-top .block .legend {list-style: none; vertical-align:top; text-align:left; margin: 5px 5px 0 5px;}
#calendar-top .block .legend dd {clear: both; margin-left: 20px;}
#calendar-top .block .legend dt { margin-bottom: 5px; }

#calendar-top {border: 1px solid #9EC0EE;display:block; margin-bottom: 10px;padding:0;clear:both;height: 134px;width: 723px;}
#calendar-top .block {height: 134px;margin:0; float: left;}
#legend {width: 257px;border-left: 1px solid #9EC0EE;}
#actions {width: 265px;border-left: 1px solid #9EC0EE;}
#calendar-wrap {width: 196px;}
#calendar-top .block .legend {list-style: none;}
#calendar-top .block .legend li {clear: both;}

#calendar-top .block .legend .color-label 
{
    float: left; 
    margin: 3px 9px 0 0;
    width: 7px; height: 7px; 
    border: 1px solid #8DA6C4;
}
/*-----------------------------------*/
#calendar_event fieldset {background-color: #d2e6d2; height: 360px; padding: 20px 0px 20px 16px; margin: 0 0 10px 0;}
#calendar_event fieldset div {width: 705px; padding-top: 12px;}
#calendar_event legend {margin-top: 45px;}
#calendar_event label, #calendar_event legend { color: #25215e; font-weight: bold;}
#calendar_event label {width: 80px; }
#calendar_event input, #calendar_event select {margin-right: 5px;}
#calendar_event  .validator {position: absolute; top:0; left: 85px; font-size: 10px;}
/*-----------------------------------*/

/*-----------------------------------*/
#login .wrap {padding-left: 460px;}
#login fieldset {width: 250px;}
#login label {width: 75px; }
#login .tabs {display: none;}
#login fieldset div {padding-top: 11px;position: relative;}
#login fieldset div .validator, #login fieldset div .error {position: absolute; top:0; left: 80px; font-size: 10px;}

#directory_item label { width: 130px;}
#directory_item fieldset div {padding-top: 12px;}
#directory_item fieldset div.required {}
#directory_item fieldset div .validator, #directory_item fieldset div .error {position: absolute; top:0; left: 135px; font-size: 10px;}
#directory_view label {width: 180px; font-weight: bold;}
#directory_view .edit-my-profile {text-align: right; margin:0; padding: 15px 15px 0 0;}
#directory_list .list {margin: 15px 0 0 30px;padding:0;border-collapse: collapse;}
#directory_list p {padding:20px 0 0 0; margin:0;}
#directory_list .list td, #directory_list .list th {padding: 0px 10px 15px 5px;}
#directory_list .list td .usercard-wrap {position: relative;}
#directory_list .list td .usercard {position: absolute; top: -10px; left: 130px; width: 210px; height: 150px; padding: 10px 0 0 50px; background: transparent url(../images/usercard.png) top left no-repeat; display: none;}
#directory_list .list td:hover .usercard, #directory_list .list td.over .usercard {display: block;}
#directory_list .usercard p {padding: 0 0 3px 0; margin:0;color: Black; font-size: 11px;width: 170px;}
.usercard p a {color: Black; text-decoration: none;}
.usercard p a:hover {text-decoration: underline;}
.name {font-weight: bold;}
.company {}
.title {}
.phone span {color: #626262; padding-left: 3px;}
.address {}

#files_list dt {font-weight: bold; margin: 30px 0 19px 0;}
#files_list dd {margin: 5px 0 5px 19px; padding:0; width: 675px; height: 20px; clear: both;position: relative;}
#files_item label{width: 100px;}
#files_item .validator {position: absolute; top:0; left: 105px; font-size: 10px;}
#files_list dd .download {display: block; width: 200px; position: absolute; right: 0;top:0;text-align: right;}
#files_list p {}

.create {padding: 10px;}
.message{padding: 5px; color: Green;text-align: right; }
.undo {color: Red;}
.unod a {font-weight: bold;}
legend {font-weight:bold;color: #25215e;}
 .asteriks {width: 0.5em;margin-left: -1em; padding: 0 0.5em 0 0; display: block;float: left;font-size: 1em;color: red;}

/* ======================== Week ======================== */
 
.week, .week td, .week_day_hdr, .week_day_event, .week_day_content, .week td#header div, .week_day_space { border-color: #7794b7; border-style: solid; border-width: 0; }

.week { margin: 0 0 10px 0; background-color: #e3efff; border-width:2px 0 0 0;  }
.week td#header { border-width:0 0 0 1px; text-align: left; font: bold 11px Tahoma; color: #444444; height: 20px; }
.week td#header div { border-width:0 2px 0 1px; padding:5px 0 0 10px; height:100%; }
.week td#content { border-width:0 1px 0 1px; }

.week_day_content {display:block; float: left; width:102px; border-width:0 1px 0 1px; text-decoration:none; cursor:pointer; background-color: #FFFFFF;}
.week_day_content:hover { background-color: #eef7ff; }

.week_day_hdr { display: block; width: 102px; border-width:2px 0 2px 0; font-size:10px; color:#444444; height: 16px; background: #e3efff url(../images/calendar/monthday_hdr_bg.jpg) repeat-x left bottom; }
.week_day_hdr span { display:block; padding-top:2px; float:left; margin:0; }
.week_day_hdr span.day_hdr_date { text-align:right; font-weight: bold; width: 17px; }
.week_day_hdr span.day_hdr_name { text-align:center; font-weight: normal; width: 83px; }

.week_day_space { display:block; height:15px; width: 102px; border-width:0 0 1px 0; background-color: #a5bfe1; }

.week_day_event { display: block; height: 50px; width:102px; border-width:0 0 1px 0; vertical-align: top; overflow: hidden; }
.week_day_event span { display:block; margin: 3px 5px 3px 5px; text-align: left; font-size: 10px; font-weight:normal; }

.week_today { border-color: #f2a942; }
.week_today div.week_day_hdr { background: #e3efff url(../images/calendar/today_hdr_bg.jpg) repeat-x left bottom;  border-color: #f2a942; }
.week_today div.week_day_space { border-color: #f2a942; }

 /* ======================== Day ======================== */
 
#calendar_day .day { width: 730px; margin: 0 0 10px 0; background-color: #e3efff; border:1px solid #99b5d9; border-right:1px solid #d4902f; }
#calendar_day .day td#header { text-align: left; padding: 5px 0 5px 10px; font: bold 11px Tahoma; color: #444444; }
#calendar_day .day td#header a { margin-right: 5px; text-decoration:none; }
#calendar_day .day td#content { height: 590px; padding-left: 27px; vertical-align:top; background: url(../images/calendar/scale.gif) no-repeat left bottom; }

.day_table { width:100%; border-left: 1px solid #d4902f; height: 100%; }
.day_table td#day_name
{
	height: 22px;
	background: #e3efff url(../images/calendar/table_header_bg.jpg) repeat-y left;
	font: bold 10px Tahoma;
	color: #444444;
	vertical-align: middle;
	border-top: 1px solid #d4902f;
	border-bottom: 1px solid #d4902f;
}
.day_table td#day_table  { height: 568px; }
.day_table div#container { height:568px; width:700px; display:block; overflow-x:scroll; overflow-y:hidden; position:relative; }
.day_table div#subcontainer1 { background: #e3efff url(../images/calendar/table_grid_blue.jpg) left top; height: 568px;}
.day_table div#subcontainer2 { background: #FFFFFF url(../images/calendar/table_grid_white.jpg) top left; position:relative; display:block; }

.day_event { border-width: 2px; border-style: solid; width: 230px; display: block; position: absolute; font: normal 11px Tahoma; overflow:hidden; }
.day_event span { display:block; margin: 3px 5px 5px 5px; }

.day_begin_00_00 { top: 0px; }		.day_begin_00_30 { top: 11px; }
.day_begin_01_00 { top: 23px; }		.day_begin_01_30 { top: 34px; }
.day_begin_02_00 { top: 46px; }		.day_begin_02_30 { top: 57px; }
.day_begin_03_00 { top: 69px; }		.day_begin_03_30 { top: 80px; }
.day_begin_04_00 { top: 92px; }		.day_begin_04_30 { top: 103px; }
.day_begin_05_00 { top: 115px; }	.day_begin_05_30 { top: 126px; }
.day_begin_06_00 { top: 138px; }	.day_begin_06_30 { top: 149px; }
.day_begin_07_00 { top: 161px; }	.day_begin_07_30 { top: 172px; }
.day_begin_08_00 { top: 184px; }	.day_begin_08_30 { top: 195px; }
.day_begin_09_00 { top: 207px; }	.day_begin_09_30 { top: 218px; }
.day_begin_10_00 { top: 230px; }	.day_begin_10_30 { top: 241px; }
.day_begin_11_00 { top: 253px; }	.day_begin_11_30 { top: 264px; }
.day_begin_12_00 { top: 276px; }	.day_begin_12_30 { top: 287px; }
.day_begin_13_00 { top: 299px; }	.day_begin_13_30 { top: 310px; }
.day_begin_14_00 { top: 322px; }	.day_begin_14_30 { top: 333px; }
.day_begin_15_00 { top: 345px; }	.day_begin_15_30 { top: 356px; }
.day_begin_16_00 { top: 368px; }	.day_begin_16_30 { top: 379px; }
.day_begin_17_00 { top: 391px; }	.day_begin_17_30 { top: 402px; }
.day_begin_18_00 { top: 414px; }	.day_begin_18_30 { top: 425px; }
.day_begin_19_00 { top: 437px; }	.day_begin_19_30 { top: 448px; }
.day_begin_20_00 { top: 460px; }	.day_begin_20_30 { top: 471px; }
.day_begin_21_00 { top: 483px; }	.day_begin_21_30 { top: 494px; }
.day_begin_22_00 { top: 506px; }	.day_begin_22_30 { top: 517px; }
.day_begin_23_00 { top: 529px; }	.day_begin_23_30 { top: 540px; }

.day_duration_0_30 { height: 8px; }		.day_duration_1_00 { height: 19px; }
.day_duration_1_30 { height: 31px; }	.day_duration_2_00 { height: 42px; }
.day_duration_2_30 { height: 54px; }	.day_duration_3_00 { height: 65px; }
.day_duration_3_30 { height: 77px; }	.day_duration_4_00 { height: 88px; }
.day_duration_4_30 { height: 100px; }	.day_duration_5_00 { height: 111px; }
.day_duration_5_30 { height: 123px; }	.day_duration_6_00 { height: 134px; }
.day_duration_6_30 { height: 146px; }	.day_duration_7_00 { height: 157px; }
.day_duration_7_30 { height: 169px; }	.day_duration_8_00 { height: 180px; }
.day_duration_8_30 { height: 192px; }	.day_duration_9_00 { height: 203px; }
.day_duration_9_30 { height: 215px; }	.day_duration_10_00 { height: 226px; }
.day_duration_10_30 { height: 238px; }	.day_duration_11_00 { height: 249px; }
.day_duration_11_30 { height: 261px; }	.day_duration_12_00 { height: 272px; }
.day_duration_12_30 { height: 284px; }	.day_duration_13_00 { height: 295px; }
.day_duration_13_30 { height: 307px; }	.day_duration_14_00 { height: 318px; }
.day_duration_14_30 { height: 330px; }	.day_duration_15_00 { height: 341px; }
.day_duration_15_30 { height: 353px; }	.day_duration_16_00 { height: 364px; }
.day_duration_16_30 { height: 376px; }	.day_duration_17_00 { height: 387px; }
.day_duration_17_30 { height: 399px; }	.day_duration_18_00 { height: 410px; }
.day_duration_18_30 { height: 422px; }	.day_duration_19_00 { height: 433px; }
.day_duration_19_30 { height: 445px; }	.day_duration_20_00 { height: 456px; }
.day_duration_20_30 { height: 468px; }	.day_duration_21_00 { height: 479px; }
.day_duration_21_30 { height: 491px; }	.day_duration_22_00 { height: 502px; }
.day_duration_22_30 { height: 514px; }	.day_duration_23_00 { height: 525px; }
.day_duration_23_30 { height: 537px; }	.day_duration_24_00 { height: 548px; }	

div.day_event div#top_triangle, div.day_event div#bottom_triangle
{
	font-size: 0px; 
	line-height: 0%; 
	width: 0px; 
	border-left: 4px solid Transparent; 
	border-right: 4px solid Transparent; 
	display:none; 
	position:absolute; 
	right:0;
}
div.day_event div#top_triangle { margin:3px 3px 5px 5px; top:0; }
div.day_event div#bottom_triangle { margin:5px 3px 3px 5px; bottom:0;}

div.day_event.up_continue div#top_triangle { display:block; }
div.day_event.down_continue div#bottom_triangle { display:block; }

.day_columnpos_1 { left: -1px; }
.day_columnpos_2 { left: 233px; }
.day_columnpos_3 { left: 467px; }
.day_columnpos_4 { left: 701px; }
.day_columnpos_5 { left: 935px; }
.day_columnpos_6 { left: 1169px; }
.day_columnpos_7 { left: 1403px; }
.day_columnpos_8 { left: 1637px; }
.day_columnpos_9 { left: 1871px; }
.day_columnpos_10 { left: 2105px; }

/*  */
/*----------------------------------*/
#calendar_month .month {width: 728px;  margin: 20px 0 10px 0; background-color: #e3efff;  border:1px solid #BDC4CC; border-right:0; overflow:hidden;}
#calendar_month h2 {width: 717px; text-align: left; font: bold 11px Tahoma; color: #444444; padding: 5px 0 5px 10px; margin:0; border-right:1px solid #BDC4CC;}
#calendar_month h2 a { margin-right: 5px; text-decoration:none; }
#calendar_month .month .weekdays li
{
    display: block;
	float: left;
	width: 103px;
	font: bold 10px Tahoma;
	color: #7a9dcb;	
	border-right: 1px solid #87a4c7;
	text-align:center;
	vertical-align: middle;
	height: 16px;
	list-style: none;
}
#calendar_month .month .weekdays li.last { border-right:1px solid #BDC4CC;}
#calendar_month .month .day {font: normal 10px Tahoma; text-decoration:none; cursor:pointer; background-color: #FFFFFF; display: block; float: left; width: 103px; height: 103px; border-top: 1px solid #87a4c7; border-right: 1px solid #87a4c7;margin:0;}
#calendar_month .month .day:hover { background-color: #eef7ff; }
#calendar_month .month .day li {padding: 2px 5px 2px 5px;}
#calendar_month .month .day h3 
{
    display: block; 
	width: 103px;
	height: 15px;	
	border-bottom: 1px solid #87a4c7;
	background: #e3efff url(../images/calendar/monthday_hdr_bg.jpg) repeat-x left bottom;
	vertical-align: middle;
	font: bold 10px Tahoma;
	color: #333333;	
	text-align: left;
	padding:0;
	margin:0;
}
#calendar_month .month .inactive {background-color: #c3ddff; cursor:default;}
#calendar_month .month .inactive:hover { background-color: #c3ddff; }
#calendar_month .month .day .events {padding: 0; margin:0; list-style: none; display:block; overflow:hidden;}

#calendar_month .month .today { border-top: 1px solid #f2a942; }
#calendar_month .month .today h3 { background: #e3efff url(../images/calendar/today_hdr_bg.jpg) repeat-x left bottom; border-color: #f2a942; }
/*----------------------------------*/