body {
		margin:0; padding:0; background:url(IMG/bg.jpg) repeat-x; font:normal 11px arial;
	}
	
	a {
		color:#333333;
	}
	
	a:hover {
		text-decoration:none;
	}
	
	#container {
		width:971px; margin:0 auto;
	}
	
	#content h1 {
		margin:0; padding:0; font:bold 11px arial; border-bottom:solid 1px #cccccc; padding-bottom:8px; text-decoration:none;
	}
	
	#sidebar {
		width:226px; float:left;
	}
	
	#sidebar .status .avatar {
		width:58px; height:58px; float:left;
	}
	#sidebar .status .avatar img {
		border:solid 1px #959595;
	}
	
	#sidebar .status .name {
		color:#323232; font:bold 11px arial; padding-left:9px; float:left;width: 157px;
	}
	
	#sidebar .status .text {
		width:164px; height:52px; float:left; background:url(IMG/sidebar_status_bg.jpg); margin-top:10px;
	}
	
	#sidebar .status .text textarea {
		width:132px; height:38px; margin:5px 0 0 21px; font:normal 11px arial; color:#696969; border:0; overflow: hidden;
	}
	
	#sidebar .menu .top {
		width:226px; height:7px; background:url(IMG/sidebar_menu_top.png);
		background-repeat: no-repeat;
		background-position: bottom;
	}
	
	#sidebar .menu .cont {
		background:#f7f7f7; border-left:solid 1px #cdcdcd; border-right:solid 1px #cdcdcd; padding:0px 8px;
	}
	
	#sidebar .menu .bottom {
		width:226px; height:8px; background:url(IMG/sidebar_menu_bottom.jpg);
		background-repeat: no-repeat;
		background-position: top;
	}
	
	#sidebar .menu a {
		font:normal 11px arial; color:#465f97; text-decoration:none;
	}
	
	#sidebar .menu h1, #events h1, #tasks h1 {
		margin:0; padding:0; font:bold 11px arial; border-bottom:solid 1px #cccccc; padding-bottom:5px; text-decoration:none;
	}
	
	#sidebar .menu img {
		float:left; margin-right:10px;
	}
	
	#sidebar .banner {
		width:198px; height:198px; border:solid 1px #3d5b97; text-align:center; margin-left:14px;
	}
	
	#sidebar #left_sidebar_tabs div.company_select_cont{
		position: relative;
		z-index: 50;
	}
	#sidebar #left_sidebar_tabs div ul#companySelect{
		position: absolute;
		display: block;
		background: #77BF37;
		height: auto !important;
		padding: 1px !important;
		left: 4px;
		display: none;
		width: 158px;
		border: 1px solid #5E9A29;		
	}
	#sidebar #left_sidebar_tabs div ul#companySelect li.hover div span{
		background: #6BAE2D;
		color:	#FFF;
	}
	#sidebar #left_sidebar_tabs div ul#companySelect li div span{
		display: block;
		padding: 5px;
		color: #DAF5C2;
	}
	#sidebar #left_sidebar_tabs div ul#companySelect li div{
		margin: 0 2px;
		padding: 3px  0;
		border-bottom: 1px solid #B0ED76;
	}
	#sidebar #left_sidebar_tabs div ul#companySelect li{
		display: block !important;
		cursor: pointer;
		background: #77BF37;
		color:	#FFFFFF;
	}
	#content {
		float:right; width:729px; margin-top:20px;
	}
	
	#content .banner {
		width:726px; height:88px; border:solid 1px #3e5b97; margin-top:6px; text-align:center;
	}
	
	/* top menu nav */
	
	#menu, #footer .menu {
		height:32px; width:729px;
	}
	
	#menu ul, #footer .menu ul {
		list-style:none; margin:0; padding:0;
	}
	
	#menu li, #footer .menu li {
		display:inline; margin:0; padding:0;
	}
	
	#menu a, #footer .menu a {
		font:bold 11px arial; color:#ffffff; text-decoration:none; display:block; height:26px; float:left; padding:6px 15px 0 15px;
	}
	
	#menu a:hover, #menu .selected, #footer .menu a:hover, #footer .menu .selected {
		background:url(IMG/menu_top_bg.jpg) center;
	}
	
	#menu .braker, #footer .menu .braker {
		border-left:solid 1px #8096bb; border-right:solid 1px #2b4a8b; width:0px; height:27px; float:left;
	}
	
	/* search field */
	#menu #main_search{
		position: relative;
		height: 26px;
		float: right;
	}
	#menu #main_search #searchType
	{
		display: none;
		list-style-type: none;
		margin-top: 25px;
		background-color: #5A71A7;
		width: 114px;
	}
	#menu #main_search ul#searchType{
		display: none;
		position: absolute; 
		color: #fff; 
		top:2px;
		left: 0px;
		float: none;
	}
	#menu #main_search #searchType li
	{
		display: block;
		padding: 5px 3px;
		cursor: pointer;
		float: none;
		width: 110px;
		
	}	
	#menu #main_search #searchType .hover
	{
		background-color: #fff;
		color: #000;
	}
	
	#menu #main_search #main_search_field {
		float:left;border:0; margin-top:5px; background:#ffffff; color:#000000; font:normal 12px arial; line-height:1
	}
	
	#menu #main_search #submit {
		width:24px; height:27px; float:left;
	}
	
	#menu #main_search .select_type {
		font:bold 13px arial; color:#ffffff; float:left; padding:5px 12px 0 0; margin-right:8px; background:url(IMG/main_search_arrow.gif) no-repeat right 12px; cursor:pointer;
	}
	
	
	/* sub menu css */
	
	#sub_menu {
		height:30px; margin-top:16px; width:728px; background:url(IMG/sub_menu_bg.jpg);
		background-repeat: no-repeat;
	}
	
	#sub_menu .left {
		width:5px; height:30px; float:left; background:url(IMG/sub_menu_left.jpg);
		background-repeat: no-repeat;
	}
	
	
	#sub_menu .right {
		width:5px; height:30px; float:right; background:url(IMG/sub_menu_right.jpg);
		background-repeat: no-repeat;
	}
	
	#sub_menu ul {
		list-style:none; margin:0; padding:0;
	}
	
	#sub_menu li {
		display:inline; margin:0; padding:0;
	}
	
	#sub_menu ul a {
		height:24px; background:url(IMG/sub_menu_ul_bg.jpg); float:left; margin:3px 5px 0 5px; color:#000000; text-decoration:none; font-weight:bold; cursor:pointer;
	}
	
	#sub_menu ul .left {
		float:left; background:url(IMG/sub_menu_ul_left.jpg); height:24px; width:5px;
		background-repeat: no-repeat;
	}
	
	#sub_menu ul .cont {
		float:left; padding:5px 10px 0 10px;
	}
	
	#sub_menu ul .right {
		float:left; background:url(IMG/sub_menu_ul_right.jpg); height:24px; width:5px;
		background-repeat: no-repeat;
	}
	
	#sub_menu ul a:hover {
		background:url(IMG/sub_menu_ul_bg_over.jpg); color:#ffffff;
	}
	
	#sub_menu ul a:hover .left {
		float:left; background:url(IMG/sub_menu_ul_left_over.jpg); height:24px; width:5px;
		background-repeat: no-repeat;
	}
	
	#sub_menu ul a:hover .right {
		float:left; background:url(IMG/sub_menu_ul_right_over.jpg); height:24px; width:5px;
		background-repeat: no-repeat;
	}
	
	#sub_menu ul span {
		color:#5d882e; font-weight:normal;
	}
	
	#sub_menu ul a:hover span {
		color:#ffffff;
	}
	
	
	/* events / notifications css */
	
	#events {
		width:352px; float:left;
	}
	
	#events .notice {
		padding:10px 0 10px 25px; border-bottom:solid 1px #cccccc;
	}
	
	#events .notice a {
		color:#465f97; text-decoration:none;
	}
	
	#events .notice a:hover {
		text-decoration:underline;
	}
	
	#events .notice .group {
		color:#679f34;
	}
	
	#events .notice span {
		color:#9c9c9c;
	}
	
	#events .all {
		color:#4b5e98; float:right; margin-top:4px;
	}
	
	#events .all:hover {
		text-decoration:none;
	}
	
	
	/* tasks css */
	
	#tasks {
		width:216px; float:left; margin-left:20px;
	}
	
	#tasks .notice .top {
		height:10px; width:216px; background:url(IMG/tasks_notice_top.jpg);
		background-repeat: no-repeat;
	}
	
	#tasks .notice .cont {
		border-left:solid 1px #cecece; border-right:solid 1px #cecece; padding:0 10px;
	}
	
	#tasks .notice .bottom {
		height:10px; width:216px; background:url(IMG/tasks_notice_bottom.jpg);
		background-repeat: no-repeat;
	}
	
	
	#right_banner {
		width:118px; height:598px; border:solid 1px #3e5b97; text-align:center; float:left; margin-left:20px;
	}
	
	#footer {
		height:170px; background:url(IMG/footer_bg_up.jpg); clear:both;
	}
	
	#footer .cont {
		width:971px; margin:0 auto; padding-top:57px;
	}
	
	
	
	/* buttons */
	
	.button_tab_blue {
		height:21px; font:normal 11px arial; color:#ffffff; cursor:default; text-decoration:none;
	}
	
	.button_tab_blue .left {
		float:left; background:url(IMG/button_tab_blue_left.jpg); width:5px; height:21px;
		background-repeat: no-repeat;
	}
	
	.button_tab_blue .text {
		float:left; background:url(IMG/button_tab_blue_bg.jpg); height:17px; padding:4px 3px 0 3px;
	}
	
	.button_tab_blue .right {
		float:left; background:url(IMG/button_tab_blue_right.jpg); width:5px; height:21px;
		background-repeat: no-repeat;
	}
	
	.button_tab_green {
		height:21px; font:normal 11px arial; color:#ffffff; cursor:default; text-decoration:none;
	}
	
	.button_tab_green .left {
		float:left; background:url(IMG/button_tab_green_left.jpg); width:5px; height:21px;
		background-repeat: no-repeat;
	}
	
	.button_tab_green .text {
		float:left; background:url(IMG/button_tab_green_bg.jpg); height:17px;  padding:4px 3px 0 3px;
	}
	
	.button_tab_green .right {
		float:left; background:url(IMG/button_tab_green_right.jpg); width:5px; height:21px;
		background-repeat: no-repeat;
	}

	.button_tab_red {
		height:21px; font:normal 11px arial; color:#ffffff; cursor:default; text-decoration:none;
	}
	
	.button_tab_red .left {
		float:left; background:url(IMG/button_tab_red_left.gif); width:5px; height:21px;
		background-repeat: no-repeat;
	}
	
	.button_tab_red .text {
		float:left; background:url(IMG/button_tab_red_bg.gif); height:17px;  padding:4px 3px 0 3px;
	}
	
	.button_tab_red .right {
		float:left; background:url(IMG/button_tab_red_right.gif); width:5px; height:21px;
		background-repeat: no-repeat;
	}
	
	.float_right {
		float:right;
	}
	
	.float_left {
		float:left;
	}
	
    /* site buttons */
    
    .button_blue {
        color:#ffffff; text-decoration:none; display:block; cursor:pointer;
    }
    
    .button_blue .left {
        height:21px; width:3px !important; float:left; background:url(IMG/button_blue_left.gif); opacity:100 !important;
    }
    
    .button_blue .text {
        height:17px; float:left; background:url(IMG/button_blue_bg.gif); padding:2px 14px; white-space: nowrap;
    }
    
    .button_blue .right {
        height:21px; width:3px !important; float:left; background:url(IMG/button_blue_right.gif); opacity:100 !important;
    }
    
    
    .button_green {
        color:#ffffff; text-decoration:none; display:block; cursor:pointer;
    }
    
    .button_green .left {
        height:21px; width:3px !important; float:left; background:url(IMG/button_green_left.gif);
    }
    
    .button_green .text {
        height:17px; float:left; background:url(IMG/button_green_bg.gif); padding:2px 14px; font-weight:bold;white-space: nowrap;
    }
    
    .button_green .right {
        height:21px; width:3px !important; float:left; background:url(IMG/button_green_right.gif);
    }
 
    
	/* icons for links */
	
	.icon_camera {
		display:block; background:url(IMG/icon_camera.gif) 4px 0  no-repeat; padding-left:25px; height:25px;
	}
	
	.icon_key {
		display:block; background:url(IMG/icon_key.gif)  no-repeat; padding-left:25px; height:25px;
	}
	
	.icon_inbox {
		display:block; background:url(IMG/icon_inbox.gif)  no-repeat; padding-left:25px; height:25px;
	}
	
	.icon_globe {
		display:block; background:url(IMG/icon_globe.gif)  no-repeat; padding-left:25px; height:25px;
	}

	.icon_globe_plus {
		display:block; background:url(IMG/icon_globe_plus.gif)  no-repeat; padding-left:25px; height:25px;
	}
	
	
	.icon_comment {
		background:url(IMG/icon_comment.jpg) 0 15px no-repeat;
	}
	.icon_add {
		display:block; background:url(IMG/icon_add.jpg) 4px 0 no-repeat;padding-left:25px; height:20px;
	}
	.icon_edit {
		display:block; background:url(IMG/icon_edit.jpg) 4px 0 no-repeat;padding-left:25px; height:20px;
	}
	.icon_erase {
		display:block; background:url(IMG/icon_erase.jpg) 4px 0 no-repeat;padding-left:25px; height:20px;
	}
    
    
    
    /* COMMENTS */
    
    #comments ul {
        list-style-type:none; margin:0; padding:0; height:26px; border-bottom:solid 1px #cccccc;
    }
    
    #comments ul li {
        display:inline;
    }
    
    #comments ul li .spacer {
        width:10px; float:left;
    }
    
    #comments ul li a .left {
        float:left; width:6px; height:27px; background:url(IMG/comments_tab_white_left.jpg); cursor:pointer;
    }
    
    #comments ul li a .right {
        float:left; width:6px; height:27px; background:url(IMG/comments_tab_white_right.jpg); cursor:pointer;
    }
    
    #comments ul li a .text {
        float:left; height:20px; padding:7px 5px 0 5px; background:url(IMG/comments_tab_white_bg.jpg); font:bold 11px arial; color:#000000; text-decoration:none; cursor:pointer;
    }
    
    #comments ul li a:hover .left, #comments ul li .selected .left {
        float:left; width:6px; height:27px; background:url(IMG/comments_tab_grey_left.jpg); cursor:pointer;
    }
    
    #comments ul li a:hover .right, #comments ul li .selected .right {
        float:left; width:6px; height:27px; background:url(IMG/comments_tab_grey_right.jpg); cursor:pointer;
    }
    
    #comments ul li a:hover .text, #comments ul li .selected .text {
        float:left; height:20px; padding:7px 5px 0 5px; background:url(IMG/comments_tab_grey_bg.jpg); font:bold 11px arial; color:#000000; text-decoration:none; cursor:pointer;
    }
    
    #comments .title {
        color:#505c96;
    }
    
    #comments .title a {
        color:#505c96; text-decoration:none; font-weight:bold; background:url(IMG/icon_add_comment.jpg) 0 0 no-repeat; padding-left:22px;
    }
    
    #comments .title a:hover {
        text-decoration:underline;
    }
    
    #comments .title span {
        padding-left:15px; float:none; color:#000000;
    }
    
    #comments .title .reply {
        color:#659f2f; text-decoration:underline; background:none; float:right; font:normal 11px arial;
    }
    
    #comments .title .reply:hover {
        text-decoration:none;
    }
    
    #comments .date {
        color:#505c96; padding-top:3px;
    }
	
	.err{
		color: red;
		font-weight: bold;
	}
	.err ul{
		padding: 0;
		margin: 0 15px 0 15px;
	}
	.err ul li{
		margin: 0;
		padding: 0;
	}
/*datepicker*/
/* Main Style Sheet for jQuery UI date picker */
.ui-datepicker-div, .ui-datepicker-inline, #ui-datepicker-div {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	font-family: Verdana, Arial, sans-serif;
	background: #ffffff url(images/ffffff_40x100_textures_01_flat_0.png) 0 0 repeat-x;
	font-size: 1.1em;
	border: 4px solid #dddddd;
	width: 15.5em;
	padding: 2.5em .5em .5em .5em;
	position: relative;
}
.ui-datepicker-div, #ui-datepicker-div {
	z-index: 9999; /*must have*/
	display: none;
}
.ui-datepicker-inline {
	float: left;
	display: block;
}
.ui-datepicker-control {
	display: none;
}
.ui-datepicker-current {
	display: none;
}
.ui-datepicker-next, .ui-datepicker-prev {
	position: absolute;
	left: .5em;
	top: .5em;
	background: #e6e6e6 url(images/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x;
}
.ui-datepicker-next {
	left: 14.6em;
}
.ui-datepicker-next:hover, .ui-datepicker-prev:hover {
	background: #dadada url(images/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x;
}
.ui-datepicker-next a, .ui-datepicker-prev a {
	text-indent: -999999px;
	width: 1.3em;
	height: 1.4em;
	display: block;
	font-size: 1em;
	background: url(images/888888_7x7_arrow_left.gif) 50% 50% no-repeat;
	border: 1px solid #d3d3d3;
	cursor: pointer;
}
.ui-datepicker-next a {
	background: url(images/888888_7x7_arrow_right.gif) 50% 50% no-repeat;
}
.ui-datepicker-prev a:hover {
	background: url(images/454545_7x7_arrow_left.gif) 50% 50% no-repeat;
}
.ui-datepicker-next a:hover {
	background: url(images/454545_7x7_arrow_right.gif) 50% 50% no-repeat;
}
.ui-datepicker-prev a:active {
	background: url(images/222222_7x7_arrow_left.gif) 50% 50% no-repeat;
}
.ui-datepicker-next a:active {
	background: url(images/222222_7x7_arrow_right.gif) 50% 50% no-repeat;
}
.ui-datepicker-header select {
	border: 1px solid #d3d3d3;
	color: #555555;
	background: #e6e6e6;
	font-size: 1em;
	line-height: 1.4em;
	position: absolute;
	top: .5em;
	margin: 0 !important;
}
.ui-datepicker-header option:focus, .ui-datepicker-header option:hover {
	background: #dadada;
}
.ui-datepicker-header select.ui-datepicker-new-month {
	width: 7em;
	left: 2.2em;
}
.ui-datepicker-header select.ui-datepicker-new-year {
	width: 5em;
	left: 9.4em;
}
table.ui-datepicker {
	width: 15.5em;
	text-align: right;
}
table.ui-datepicker td a {
	padding: .1em .3em .1em 0;
	display: block;
	color: #555555;
	background: #e6e6e6 url(images/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x;
	cursor: pointer;
	border: 1px solid #ffffff;
}
table.ui-datepicker td a:hover {
	border: 1px solid #999999;
	color: #212121;
	background: #dadada url(images/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x;
}
table.ui-datepicker td a:active {
	border: 1px solid #dddddd;
	color: #222222;
	background: #ffffff url(images/ffffff_40x100_textures_02_glass_65.png) 0 50% repeat-x;
}
table.ui-datepicker .ui-datepicker-title-row td {
	padding: .3em 0;
	text-align: center;
	font-size: .9em;
	color: #222222;
	text-transform: uppercase;
}
table.ui-datepicker .ui-datepicker-title-row td a {
	color: #222222;
}
.ui-datepicker-cover {
	display: none;
	display/**/: block;
	position: absolute;
	z-index: -1;
	filter: mask();
	top: -4px;
	left: -4px;
	width: 193px;
	height: 200px;
}
.pointer{
	cursor: pointer;
}

#footer-menu{
	text-align: center;
}