/*******************************************************************************
 acPro theme for activecollab. Created by www.wpzone.net. 
*******************************************************************************/

body {
/*	background: #5A7476;*/
	/*background:#F5F6F7 url(images/bg-texture.jpg) repeat-x top;*/
	background:#CCCCCC;
}

a {
	color: #333;
}


/*******************************************************************************
  Classes
*******************************************************************************/

#page_content {
	padding-left:20px;
	padding-right:20px;
}

.details {
  color: #999;
}

.details a {
  color: #666 !important;
}

/*******************************************************************************
  Buttons
*******************************************************************************/

button {
/*  margin: 0px;
  padding: 0px !important;
  border: 0px;
  background: transparent url('images/bg_button_span_a.png') no-repeat scroll top right;
  color: #fff;
  display: block;
  float:   left;
  height: 24px;
  margin-right: 6px;
  padding-right: 12px !important;
  text-decoration: none;
  overflow: hidden;
  font-size: 10px;
  outline: none !important;
  cursor: pointer;
  font-weight: bold;*/
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(251, 251, 251)), color-stop(0.1, rgb(240, 240, 240)), to(rgb(216, 216, 216))) repeat-x rgb(216, 216, 216);
	-webkit-border-radius:4px 4px 4px 4px;
	-moz-border-radius:4px 4px 4px 4px;
	border-radius:4px 4px 4px 4px;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(251, 251, 251)), color-stop(0.1, rgb(240, 240, 240)), to(rgb(216, 216, 216)));
	border-bottom: 1px solid rgb(201, 201, 201);
	border: 1px solid rgb(201, 201, 201);
	border-top: 1px solid rgb(224, 224, 224);
	text-shadow: rgba(255, 255, 255, 0.695312) 0px 2px 2px;
	box-shadow: 1px 1px 1px #aaa;
	padding:5px 10px;
	behavior: url(PIE.htc);
}

button, x:-moz-any-link {
  padding-right: 8px !important;
}

button.default {
  font-weight: bold !important;
}

button span {
/*  background: transparent url('images/bg_button_span.gif') no-repeat;*/
  display: block;
  line-height: 14px;
/*  padding: 5px 8px 5px 20px;*/
  outline: none !important;
}

/* FIREFOX FIX */
button span, x:-moz-any-link {
  position: relative;
  top: -1px;
}

button:hover {
  background-position: right center;
  background:#CCC
}


button:hover span {
  background-position: left center;
}

button.simple {
  float: none !important;
  margin: 0px !important;
  padding: 0px !important;
  width: 82px;
  background: #FFF url('images/bg_button_simple.gif') no-repeat;
  display: inline !important;
}

* html button.simple {
  margin-left: 4px !important;
  position: relative;
  top: 1px;
}

button.simple:hover {
  background-position: center center;
}

.button_disabled {
  opacity: 0.5;
}

.button_disabled:hover {
  background-position: left top !important;
}

a.button {
  border: 0px;
  background: transparent url('images/bg_button_a.gif') no-repeat scroll top right;
  color: #fff;
  display: block;
  float: left;
  height: 24px;
  margin-right: 6px;
  padding-right: 12px; /* sliding doors padding */
  text-decoration: none;
  overflow: hidden;
  font-size: 10px;
  outline: none; /* hide dotted outline in Firefox */
}

a.button.default {
  font-weight: bold !important;
}

a.button span {
    background: transparent url('images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 12px;
}

* html a.button span {
   padding: 5px 0 6px 12px;
}

a.button:hover {
  background-position: right center;
}


a.button:hover span {
  background-position: left center;
}

a.button span img {
	margin-left: 2px;
}

/*******************************************************************************
  Construction
*******************************************************************************/

#top {
	/*background: #fff url('images/main_header.gif') repeat-x top left;*/
}

#logged_user, #logged_user a, #logged_user a:link {
 	color: #666666;
	text-shadow:1px 1px 1px #fff;
	text-decoration:none;
}
#logged_user a:hover {
	color:#333333
}

#logged_user a:active{
	color:#000000;
}

#logged_user .inner {

}

#logged_user a:hover {
	text-decoration: none;
}

#header {
	background:url('images/main_header_body.png') no-repeat top left;
	border: 0px;
	padding:0px 30px 0px 20px;
	height:72px;
}

.site_logo {margin-top:22px;}

#menu ul.group li a {
/*	background:url('images/navigation_background.gif') repeat-x top left;*/
}

#menu ul.group li.first a {
/*	background:url('images/navigation_background_first.gif') no-repeat top left;*/
}

#menu ul.group li.last a {
/*	background:url('images/navigation_background_last.gif') no-repeat top right;*/
}

#menu ul.group li.last a span.inner {
	border: none !important;
}

#menu ul.group li a {font-weight:normal;}

#menu ul.group li a span.inner {
	/*text-shadow:-1px -1px 1px #fff;*/
	color:#EEEEEE;
	font-size: 12px;
	background-image: none !important;
	padding: 20px 12px;
}

#menu ul.group li a:hover span.inner, #menu ul.group li.active a span.inner {
	/*color:#666;*/
	background:#000000;
}

#menu ul.group li a span.outer {
	padding-top:3px;
}

#menu ul.group li a:hover {
	background-position: bottom left;
	text-decoration: none;
	opacity:0.8;
	color:#000000;
}

#menu ul.group li a:active {
	opacity:0.5;
}

#menu ul.group li.last a:hover {
	background-position: bottom right;
	opacity:0.75;
}

#menu ul.group li a:hover span.inner {

}

#menu .additional a span {
	background: url(images/dropdown_arrow.gif) no-repeat center center;
	margin-top: 2px;
	margin-left: -3px;
}

#menu ul.group li.single a {
  background:url('images/navigation_background_first.gif') no-repeat top left;
}

#menu ul.group {margin-left:50px;}

#menu ul.group li.single a span.outer {
	background: url('images/navigation_background_last.gif') no-repeat right top !important;
}

#menu ul.group li.single a span.inner {
  border:none !important;
}

#menu ul.group li.single a:hover {
	background-position: bottom left !important;
}

#menu ul.group li.single a:hover span.outer {
	background-position: bottom right !important;
}

#menu ul.group #searchForm {
	background:url('images/navigation_background_first.gif') no-repeat top left;
}

#menu ul.group #searchForm .inner {
	background: url('images/navigation_background_last.gif') no-repeat right top;
}

#menu ul.group #searchForm input.text {
	border: 1px solid #ccc;
}

#menu ul.group #searchForm button {
	border: none;
	color: #333;
}

#menu ul.group #searchForm button span {
  background: none !important;
  padding: 0px !important;
}

/*******************************************************************************
  TABS
*******************************************************************************/
#tabs {
border:none;
}

#tabs .container {
	background:#ccc;
	padding-top:0px;
	border:none
	/*border-right:1px solid #374C4E;
	border-left:1px solid #374C4E;
	border-bottom: none;*/
}

#tabs ul li a {
	background: transparent url('images/main_tab_left.png') no-repeat left top;
	color: #fff;
	font-weight:bold;
	border: 0px;
}

#tabs ul li a span {
	background: transparent url('images/main_tab_right.png') no-repeat right top;
	padding-left:12px;
	padding-right:12px;
}

#tabs ul li a.current, #tabs ul li a:hover {
	background: transparent url('images/main_tab_left.png') no-repeat left bottom;
	text-decoration:none
}
#tabs ul li a span:hover {
	background: transparent url('images/main_tab_right.png') no-repeat right bottom;
}
#tabs ul li a.current span {
	background-position: right bottom;
}

#tabs ul li.first a{
	font-weight:bold;
	color:#fff;
	letter-spacing:1px
}

/*******************************************************************************
  PAGE
*******************************************************************************/

#page .container {
	background: #fff url('images/page_container.gif') repeat-y top left;
	border: 0px;
	width: 980px;
	-webkit-box-shadow: 1px -2px 3px #959595;
}

#page .container_inner {
	background:url('images/page_container_inner.gif') no-repeat left bottom;
	padding: 0px 0px 20px 0px;
}

#page_header_container {
	margin-top:10px;
}

#page_header_container .container {
	-webkit-box-shadow: #959595 1px 0px 3px;
	-webkit-border-radius:8px;
	-moz-border-radius:4px;
	border-radius:4px;
	behavior: url(PIE.htc);
}

#page_header {
	background:url('images/topbg.png') repeat-x left;
	border-bottom: 0px;
	border:none;
	color:#333333;
	-webkit-border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-top-left-radius:6px;
	-moz-border-top-right-radius:6px;
	behavior: url(PIE.htc);
	padding: 3px 20px 3px 30px;
}

h1#page_title {
	color:#DDDDDD !important;
	text-shadow:none !important;
}

#page_header #page_details {
	color: #999;
}

#page_header #page_details span {
  color: #666;
}

#page_header #page_details a {
  color: #666;
  text-decoration: none;
}

#page_header #page_details a:hover {
  color: #666;
  text-decoration: underline;
}

#page_actions .with_subitems ul {
  background: #fcfcfc url(images/dropdown_background.gif) repeat-x top left;
  top: 29px;
}

#page_actions .with_subitems ul a {
  color: #555;
}

#page_header_container #page_actions li.single a {
	/*background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(251, 251, 251)), color-stop(0.1, rgb(240, 240, 240)), to(rgb(216, 216, 216))) repeat-x rgb(216, 216, 216);*/
	background:url(images/btn-bg.jpg) repeat-x center top;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	/*background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(251, 251, 251)), color-stop(0.1, rgb(240, 240, 240)), to(rgb(216, 216, 216)));*/
	border: 1px solid #00aeef;
	/*text-shadow: rgba(255, 255, 255, 0.695312) 0px 2px 2px;*/
	box-shadow: 1px 1px 1px #aaa;
	color:#FFFFFF;
}
#page_header_container #page_actions li.single ul li a {
	color:#333333;
}

#page_header_container #page_actions li.single a:hover {
	background:#00baff;
}

#page_header_container #page_actions {
	margin: 3px 0px 0px;
}

#page_actions .with_subitems a.button {
  border-bottom: 1px solid #303434;
}

#breadcrumbs {
  background: url('images/breadcrumbs.gif') repeat-x left top;
  color: #999;
}

#breadcrumbs li {
  color: #bbb;
}

#breadcrumbs a {
	color: #333;
}

#breadcrumbs a:hover {
	text-decoration: underline;
}

/*******************************************************************************
  Object Options (tabs on side)
*******************************************************************************/

.object_options a {
	background:url('images/object_option_top.gif') no-repeat top right;
	color: #333;
}

.object_options a span {
	background:url('images/object_option_bottom.gif') no-repeat bottom right;
}

.object_options a:hover {
	background:url('images/object_option_top_hover.gif') no-repeat top right;
	text-decoration: underline;
}

.object_options a:hover span {
	background:url('images/object_option_bottom_hover.gif') no-repeat bottom right;
}

.main_object .object_options a {
	color: #333;
}

/*******************************************************************************
  Flash
*******************************************************************************/

.flash  {
  display: block;
  background: url('images/information_bar_right.gif') no-repeat right top;
  height: 30px;
  overflow: hidden;
  margin: 5px 40px 12px !important;
  padding: 0px !important;
  font-size: 11px;
  font-weight: bold;
  cursor: pointer;
  border: 0px;
}

.flash .flash_inner {
  display: block;
  height: 30px;
  padding: 9px 10px 0px 45px;
}

#success .flash_inner {
  color: #333;
  background: url('images/flash_success.gif') no-repeat left top;
  border: 0px;
}

#error .flash_inner {
  color: #b7220a;
  background: url('images/flash_error.gif') no-repeat left top;
  border: 0px;
}
.object_list {
	width:760px;
}
.object_list td a {
  color: #666;
}

.object_list td h3 a {
  color: #333;
}

/*******************************************************************************
  Category List
*******************************************************************************/

.category_list a {
  background: url('images/categories_tab_top.gif') no-repeat right top;
  color: #999;
}

.category_list a span {
  background: url('images/categories_tab_bottom.gif') no-repeat right bottom; 
}

.category_list .selected a {
  background: url('images/categories_tab_top_selected.gif') no-repeat right top;
  color: #333;
  border: 0px;
  border-left: 1px solid #FFF;
}

.category_list .selected a span {
  background: url('images/categories_tab_bottom_selected.gif') no-repeat right bottom;
}

/*******************************************************************************
  Login Form
*******************************************************************************/

#auth_dialog_container {
color:white;
}

#auth_dialog_container a{
color:white;
}

#auth_dialog_container_inner {

}

#login_company_logo {
/*background: url(images/site_logo_admin.gif) no-repeat center center;*/


background-color:#000;
padding:20px 0 10px;
margin-bottom:20px;
}

/*#auth_dialog button,
.grey_button {
  background-image: url('images/login_bg_button_a.gif');
}

#auth_dialog button span,
.grey_button span {
  background-image: url('images/login_bg_button_span.gif');
}
*/
#auth_dialog {
  width: 340px;
  background: #EDECEC url(images/login_form_top.jpg) no-repeat left top;
  color:#333333;
  border: 0px;
}

#auth_dialog_container a {
	color:#333333;
}

#auth_dialog form {
  color:#333333;
  background: url(images/login_form_bottom.jpg) no-repeat left bottom;
}

.auth_elements {
  padding-left: 16px !important;
}

/*******************************************************************************
  Overlay Dialog
*******************************************************************************/

div.dialog {
  border-top: 0px;
border:0px;
}

#page_title {
color:white;
}

div.dialog h2 {
  background: #fff url('images/popup_title.gif') repeat-x left top;
color:white;
}

div.dialog a.close {
  background: url(images/dialog_close.gif) no-repeat left top;
}

div.dialog a.close span {
  display: none;
}

div.dialog div.body {
  background: #FFF url('images/popup_background.gif') repeat-x left top;
}

/*******************************************************************************
  Sections
*******************************************************************************/

h2.section_name {
  background: url(images/section_start.gif) no-repeat left top;
  border: 0px;
}

h2.section_name span.section_name_span {
  background: url(images/section_end.gif) no-repeat right top; 
color:white;
  padding: 8px 15px 9px;
}

h2.section_name span.section_name_span a{
color:white;
 
}

/*******************************************************************************
    PAGINATION
*******************************************************************************/

.pagination {
  background: url(images/pagination_left.gif) no-repeat left top;
  border: 0px;
}

.pagination .inner_pagination {
  background: url(images/pagination_right.gif) no-repeat right top;
}

/*******************************************************************************
  Adiministration
*******************************************************************************/

#admin_sections .section {
  border: 0px;
  display: block;
  width: 372px;
  background: #FFF url(images/admin/admin_section_button_top.gif) no-repeat left top;
}

#admin_sections .section .section_inner {
  display: block;
  background: url(images/admin/admin_section_button_bottom.gif) no-repeat left bottom;
  padding: 25px 20px 25px;
  min-height: 75px;
}

#admin_sections .section.hover {  
  text-decoration: none !important;
  background-image: url(images/admin/admin_section_button_top_hover.gif);
}

#admin_sections .section.hover .section_inner {
  background-image: url(images/admin/admin_section_button_bottom_hover.gif);
}

/*******************************************************************************
  Project overview
*******************************************************************************/

#project_details {
  width: 427px;
  background: #fff url(images/project_details_top.gif) no-repeat left top;
  border: 0px;
}

.project_details_inner {
  background: url(images/project_details_bottom.gif) no-repeat left bottom;
  padding: 10px 20px 20px;
}

#project_details .button {
  background-image: url(images/bg_button_a_pdetails.gif);
}

#project_details .button span {
  background-image: url(images/bg_button_span_pdetails.gif);
}

#project_details h2 {
  border-bottom: 1px solid #d9d8bc;
}

/*******************************************************************************
  Dashboard
*******************************************************************************/
#dashboard #new_late_starred {
  height: 82px;
}

#dashboard #new_late_starred div.new_late_starred_button {
  float: left;
  margin-right: 11px;
  background: #FBFBFB;
  border: 0px;
}

#dashboard #new_late_starred div.new_late_starred_inner_button {
  padding: 10px 10px 10px 57px;
  height: 60px;
  width: 225px;
  margin-bottom: 0px;
  border: 0px;
}

#dashboard #new_late_starred div.new_late_starred_button.hover {
  border: 0px;
}

#dashboard #new_late_starred div.new_late_starred_button {
  background: url(images/dashboard_bigbutton.gif) no-repeat left top;
}

#dashboard #new_late_starred div.new_late_starred_button.hover {
  background: url(images/dashboard_bigbutton_hover.gif) no-repeat left top;
}

#dashboard #new_late_starred div.new_late_starred_button.selected {
  background: url(images/dashboard_bigbutton_hover.gif) no-repeat left top;
}

#dashboard #new_objects_button_section,
#dashboard #late_today_objects_button_section,
#dashboard #starred_objects_button_section {
  width: 898px;
  background: url(images/dashboard_details_top_1.gif) no-repeat left top;
  padding: 20px 0px 0px 0px;
  border: 0px;
  margin-top: 0px;
}

#dashboard div.section_inner_block {
  background: #E9E9E9 url(images/dashboard_details_bottom.gif) no-repeat left bottom;
  padding: 4px 20px 10px;
  min-height: 100px;
}

#dashboard div.section_inner_block .even td {
  background: #f0eeda;

}

#dashboard div.section_inner_block .odd td {

}

#dashboard #late_today_objects_button_section {
  background-image: url(images/dashboard_details_top_2.gif);
}

#dashboard #starred_objects_button_section {
  background-image: url(images/dashboard_details_top_3.gif);
}

/** Project progress **/

div.project_progress .progress_wrapper .progress {
  background: #333 url(images/progressbar.jpg)  !important;
}

table.assignments_filter {
  background: url(images/system_message.gif);
}

/*******************************************************************************
  Calendar
*******************************************************************************/

#calendar table.calendar td.not_empty_day div.day_num { 
  background: #e8e6c5 url('images/icons/gray-dot.gif') no-repeat right center;
}

#calendar table.calendar td.not_empty_day.weekend div.day_num { 
  background: #e8dbc5 url('images/icons/weekend-gray-dot.gif') no-repeat right center;
}

#calendar table.calendar td.weekend {
  background: #e5e5e5;
}

#calendar table.calendar tbody td.weekend div.day_num {
  background:#99c3ce;
}

#calendar table.calendar tbody td.weekend div.day_num a{
  background:#DFC08B;
}

#calendar table.calendar td.weekday {
  background: #f5f5f5;
}

#calendar table.calendar tbody td div.day_num {
  background: #c5e1e8;
}


#calendar table.calendar tbody td.today .day_num { 
  padding: 3px 5px;
  border: 3px solid #374C4E;
}

#calendar table.calendar tbody td div.day_num a {
  background: #99c3ce;
  color: #fff;
}

#calendar table.calendar tbody td.weekend div.day_num a{
  background:#72a8b5;
}

.calendar_navigation_item {
  background: url(images/pagination_left.gif) no-repeat left top;
  border: 0px;
}

.calendar_navigation_item .calendar_navigation_item_inner {
  background: url(images/pagination_right.gif) no-repeat right top;
}

#new_record {
  background: url(images/system_message.gif);
}

#powered_by {
height:70px;
/*background: url(images/powered.gif) no-repeat center center;*/
}

#powered_by img{
display:none;
}

#site_log {
width:100px;
margin-left: 0px;
/*background: url(images/site_logo.png) no-repeat center left;*/
}
#site_log img {
	margin-top:-13px
}

#project_icon {
background: url(images/projecticon.gif) no-repeat center left;
border:none;
}

.avatar {
background: url(images/avatar.gif) no-repeat center left;
padding:7.5px;
}

.subobject_author {
height:65px;
}

h1#page_title {
	color:#666666;
	text-shadow: 1px 1px 1px #fff;
	font-size:18px
}