/*********************************************************************************************/
/*   Theme name:    Access for activeCollab                                                  */
/*   Theme URI:     http://www.creativeworld.com.au/resources/activecollab-themes/access/    */
/*   Description:   activeCollab theme designed by Leon Poole from Creative World            */
/*   Author:        Leon Poole - Creative World Pty. Ltd.                                    */
/*   Author URI:    http://www.creativeworld.com.au                                          */
/*   Version:       0.3                                                                      */
/*   Released:      16 December, 2008                                                       */
/*                                                                                           */
/*   This theme was designed and built by Leon Poole at Creative World Pty. Ltd.             */
/*	                                                                                         */
/*	 By downloading and using this theme, your agree to the following:                       */
/*	 - You may NOT resell this theme                                                         */
/*	 - A link back or identifying mark to Creative World must be retained in the             */
/*	   footer (either modified or unmodified)                                                */
/*   - You may use this theme for personal or commercial projects                            */
/*	 - You may modify, translate or distribute.                                              */
/*	 - This message must be retained.                                                        */
/*                                                                                           */
/*********************************************************************************************/


/******************************************************************************/
/*                     EDIT YOUR LOGO FOR THE HEADER HERE                     */

/*    You can either delete or comment out the following styles to have       */
/*    your default logo display in the header                                 */

#login_company_logo img,
.site_logo img {
	 display: none;/* this hides your default logo on the login page and once logged in */ 
	}


.site_logo {
	background: transparent url(images/access-logo.png) no-repeat 0 0;  /*this shows the Access theme logo */
	height: 76px;
	margin-top: 10px;
	width: 348px;
	margin:0;
	position:relative;
	top:-17px;
	left:-17px;
	}
	
#login_company_logo {
	background: #2F333B url(images/access-logo.png) no-repeat center center;  /*this shows the Access theme logo on the login page */
	height: 100px;
	margin-left: 0;
	margin-top: 10px;
	width: 100%;
	margin:0;
	}

/*                    That's it! NO MORE EDITING AFTER THIS                    */
/*******************************************************************************/







/* Testing to see if I can load print.css file to overide default print.css file.. testing show's it dosen't work :(
@media print { @import '/public/assets/themes/Access/print.css'; }
*/

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

.details {
  color: #999;
  margin-left:87px;
  height:14px;
  overflow:hidden;
}

#recent_activities .details { margin-left:90px !important; }

td.info .details {margin-left:0; height:auto;}

.discussions td.name a+a,
.details a { color:#999999 !important; font-weight:normal !important; }


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

button {
  margin: 0px;
  padding: 0px !important;
  border: 0px;
  background: transparent url(images/bg_button_a.gif) no-repeat scroll top right;
  color: #222;
  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;
}

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; }
button:hover span { background-position: left center; }

button:active { background-position: right bottom; }
button:active span { background-position: left bottom; }

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/admin/bg-button-r.png) 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: 12px;
  outline: none; /* hide dotted outline in Firefox */
  font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
}

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

a.button span {
    background: transparent url(images/admin/bg-button-l.png) 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 -24px; color:#FFFFFF;}
a.button:hover span {background-position: left -24px;}

a.button:active {background-position: right -48px;}
a.button:active span {background-position: left -48px;}


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

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

body {background: #F4F4F4;}

#top {
	background: #2F333B;
}

#logged_user {
 	color: #FFF;
	margin-right:35px;
}

#logged_user .inner { font-weight:normal;}

#logged_user .inner a+a {color:#FF9951;} 

#logged_user a {
	color: #FFF;
	text-decoration: underline;
	font-weight:bold;
}

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

#header {
	background: transparent;
	border: 0px;
}

#menu a { color:#CCCCCC;}
#menu a:hover { color:#FFFFFF;}

#menu {float:right;margin-right:35px;}

#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:hover {
	background-position: bottom left;
	text-decoration: none;
}

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

#menu ul.group li a span.inner {
	border-right: 1px solid #434C58;
	background:none !important;
}

#menu ul.group li a:hover span.inner {
	border-right: 1px solid #434C58;
}

#menu .additional a span {
  border-right:1px solid #434C58;
}

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

#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 #bfbd82;
}

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

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

#menu_item_people span.outer {background: transparent url(images/icons/people.png) no-repeat center 10px;}
#menu_item_projects span.outer {background: transparent url(images/icons/projects.png) no-repeat center 10px;}
#menu_item_calendar span.outer {background: transparent url(images/icons/calendar.png) no-repeat center 10px;}
#menu_item_time span.outer {background: transparent url(images/icons/time.png) no-repeat center 10px;}
#menu_item_status span.outer {background: transparent url(images/icons/speaker.png) no-repeat center 10px;}
#menu_item_invoicing span.outer {background: transparent url(images/icons/invoices.png) no-repeat center 10px;}

#menu_item_assignemnts span.outer {background: transparent url(images/icons/assignments.png) no-repeat center 10px;}
#menu_item_search span.outer {background: transparent url(images/icons/search.png) no-repeat center 10px;}
#menu_item_starred_folder span.outer {background: transparent url(images/icons/star.png) no-repeat center 10px;}
#menu_item_trash span.outer {background: transparent url(images/icons/trash.png) no-repeat center 10px;}
#menu_item_quick_add span.outer {background: transparent url(images/icons/add.png) no-repeat center 10px;}

/*******************************************************************************
  TABS
*******************************************************************************/
#tabs {
	background: #2F333B url(images/bg-header.png) repeat-x left bottom;
}

#tabs .container {
	background: transparent ;
	border: 0;
	width:1118px;
}

#tabs ul li a {
	background: transparent;
	color: #575132;
	border: 0;
	color:#AAAAAA;
	height:30px;
	margin-right:-6px;
}
#tabs ul li a:hover {
	background: transparent;
	color: #EEEEEE;
}

#tabs ul li a span {
	background: transparent;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
}

#tabs ul li a.current {
  background:transparent url(images/bg-main-tab-l.png) 0 0 no-repeat;
}

#tabs ul li a.current span {
	background: transparent url(images/bg-main-tab-r.png) 100% 0 no-repeat;
	padding:10px 14px;
	color:#FFFFFF;
	font-weight:bold;
}
#tabs ul li a.current:hover {text-decoration:none;}

#tabs ul li.first a,#tabs ul li.first a.current span {
  color: #F99307;
}
#tabs ul li.first a span {
font-weight:bold;
}

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

#page { background:#F4F4F4 url(images/bg-page.gif) top left repeat-x;}

#page .container {
	background:transparent;
	border: 0px;
	width: 1120px;
}

#page .container_inner {
	background: transparent;
	padding: 0px 1px 20px 1px;
}

#page_header_container {
  background: #353A41 url(images/bg-page-header.png) repeat-x 0 0;
  border-top:1px solid #434C58;
  border-bottom:1px solid #434C58;
}

#page_header {
	background: transparent;
	color:#FFF;
	border:0;
}

#page_header h1#page_title {
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size:1.5em;
font-weight:normal;
}
#page_header #page_details {
	color: #CCCCCC;
}
#page_header #page_details a, #page_header #page_details span  {color: #999999;text-decoration: none;}
#page_header #page_details a:hover {color: #CCCCCC;text-decoration: underline;}

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

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

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

#breadcrumbs {
  background: transparent url(images/bg-breadcrumbs.png) no-repeat left top;
  color:#999999;
  height:30px;
  margin:0 36px;
  padding:3px 5px;
  width:1046px;
}

#breadcrumbs li {
  color: #bbb;
}

#breadcrumbs a {
	color: #333;
}

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

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

.object_options a {	background: transparent url(images/bg_object_option_top.png) no-repeat top right !important;
	color: #333;
}

.object_options a span {
	background: transparent url(images/bg_object_option_bottom.png) no-repeat bottom right !important;
}

.object_options a:hover {background-position:-17px top !important;}

.object_options a:hover span {background-position:-17px bottom !important;}

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

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

p#error  {
  display: block;
  background: url(images/information_bar_right_error.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;
}


p#success {
  background: url(images/information_bar_right_success.gif) no-repeat 100% 0;
  display: block;
  height: 30px;
  overflow: hidden;
  margin: 5px 40px 12px !important;
  padding: 0px !important;
  font-size: 11px;
  font-weight: bold;
  cursor: pointer;
  border: 0px;
}
p#success:hover, p#error:hover {
background-position:100% -30px;
}

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



.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: #666;
}

.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: #FF6D06;
  border: 0px;
  border-left: 1px solid #FFF;
}

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


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

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 {
  border: 0px;
  border-bottom:2px solid #D5D5D5;
  font-family:Arial, Helvetica, sans-serif;
}

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

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

.pagination {
  border: 0px;
}

.pagination .inner_pagination {
-moz-border-radius:7px;
-webkit-border-radius: 7px;
background-color:#F0F0F0;
border-bottom:1px solid #AAAAAA;
border-left:1px solid #DCDCDC;
border-right:1px solid #DCDCDC;
color:#AAAAAA;
font-weight:normal;
padding:5px 10px;
}
.pagination .inner_pagination span.current {background:transparent; border:0;}
.pagination .inner_pagination span.current strong { font-weight:normal !important;}

.pagination .inner_pagination a {
/*background-color:#FFFFFF;
border:1px solid #AAAAAA;*/
font-weight:bold;
text-decoration:none;
padding:1px 2px;}

.pagination .inner_pagination a:hover {
/*border:1px solid #129CEC;*/ }

#projects .pagination {margin-top:0;}

/*******************************************************************************
  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 .button {
  background-image: url(images/bg_button_a_pdetails.gif);
  color:#333333;
}

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

#project_details h2 {
  border-bottom: 1px solid #D1D0D0;
  font-family: Arial, Helvetica, sans-serif;
  font-size:1.1em;
}

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

#dashboard #new_objects_button .new_late_starred_inner_button,
#dashboard #late_today_objects_button .new_late_starred_inner_button,
#dashboard #starred_objects_button .new_late_starred_inner_button {
background:none;
}

#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: 9px !important;
  height: auto !important;
  width: 310px;
  border: 0px;
  position:relative;
}

#dashboard #new_late_starred div p {
text-indent:-9999px;
float:left;
height:0;
width:0;
}

#dashboard #new_late_starred div p span {
-moz-border-radius:4px;
background: #AD3D3D no-repeat scroll 0 0 ; /* url(images/red-arrow-up.png)  Arrow to add in future version*/
left:0;
margin-left:10px;
padding:2px 5px;
position:absolute;
text-indent:0;
top:29px;
color:#FFFFFF;
}
#dashboard #new_late_starred div.new_late_starred_button.selected p span,
#dashboard #new_late_starred div:hover p span {
background-color: #950000;
}

#dashboard #new_late_starred div h2 { display:inline; font-size:1.1em !important;margin-left:0pt;
padding-left:0pt; left:0;}

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

#dashboard #new_late_starred div.new_late_starred_button {
  background-color:#ECECEC;
  border:2px solid #E4E4E4;
  -moz-border-radius:7px;
  -webkit-border-radius: 7px;
  width:330px;
}

#dashboard #new_late_starred div.new_late_starred_button.hover {
  background-color:#E4E4E4;
  -moz-border-radius:7px;
  -webkit-border-radius:7px;
  border:2px solid #D5D5D5;
}

#dashboard #new_late_starred div.new_late_starred_button.selected {
  background-color: #FFF;
  -moz-border-radius-topleft:7px;
  -moz-border-radius-topright:7px;
  -moz-border-radius-bottomleft:0px;
  -moz-border-radius-bottomright:0px;
  -webkit-border-top-left-radius:7px;
  -webkit-border-top-right-radius:7px;
  -webkit-border-bottom-left-radius:0px;
  -webkit-border-bottom-right-radius:0px;
  border-bottom:2px solid #FFF;
  border-top:2px solid #D5D5D5;
  border-left:2px solid #D5D5D5;
  border-right:2px solid #D5D5D5;
  height:50px;
}

#dashboard #new_objects_button_section {-moz-border-radius-topleft:0 !important;}

#dashboard #new_objects_button_section,
#dashboard #late_today_objects_button_section,
#dashboard #starred_objects_button_section,
#late_today { 
-moz-border-radius:7px;
-webkit-border-radius:7px;
border:2px solid #D5D5D5;
padding:17px;
padding-bottom:10px;
margin-top:1px;
background-color:#FFFFFF;
}
#dashboard #late_today_objects_button_section .odd > td,
#dashboard #starred_objects_button_section .odd > td,
#dashboard #new_objects_button_section .odd > td,
#late_today .odd > td {}

#dashboard #late_today {border:0; padding:0;}

#dashboard #late_today_objects_button_section .even td, #dashboard #starred_objects_button_section .even td, #dashboard #new_objects_button_section .even td {background-color: #F4F4F5;}

#late_today .details,
#send_reminder_users_form .details {margin-left:0;font-weight:normal;}
#late_today .details a{ color:#888 !important; font-weight:normal; }
#late_today .details a:hover{ color:#666 !important; background:transparent;text-decoration:underline;}

#dashboard div.section_inner_block {
  background: transparent ;
  min-height: 100px;
}

#dashboard div.section_inner_block .even td,
#dashboard div.section_inner_block .odd td {
  font-weight:bold;
}

#dashboard #active_reminders table td.name span.project a {font-weight:normal;}

#dashboard #active_reminders table td.name span.reminder_comment {
background-color:#FEF6A8;
border:1px dashed #E3D283;
margin:10px 0 5px;
padding:10px;
}
#dashboard #active_reminders table td.created_by a {color:#333333;}

#active_reminders {margin-top:20px;}

#active_reminders {
-moz-border-radius:7px;
-webkit-border-radius:7px;
background-color:#FFFFFF;
border:2px solid #CCCCCC;
padding:17px;
}

/** Project progress **/

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

/** Stripped background **/

#assignments_filter table.filter, 
#time_report table.report,
table.stripped_background {
  background: url(images/system_message.gif);
}

/** Assignments **/

#assignments #assignments_filter_details {
  background-color: #f5f4dd;
  border-color: #E7E3BC;
}

#assignments_list table td.project {font-weight:normal; width:200px;}
#assignments_list table td {font-weight:bold;}

/** Time Reports **/

#global_time #time_report_details {
  background-color: #f5f4dd;
  border-color: #E7E3BC;
}

/*******************************************************************************
  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: #f2e9da;
}

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

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

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

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


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

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

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

.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);
  width: 1001px;
  /*width:100%; This was taking the edge of the table off the page (hidden) due to padding on td elements */
}

#search table.search_form {
  background: url(images/system_message.gif);
  margin: 0  0 10px;
  width:1001px;
}

/* page settings */
.container { width:1120px;}

/* link styles */
a {color: #129CEC;}
a:hover { color:#FF6D06;}
.project a, .user a {color:#333333;}

/** DASHBOARD CHANGES **/

#dashboard #active_projects {} /* Don't need to see long list of projects, delete if required */
#dashboard #active_projects td dl {display:none;}
#dashboard #active_projects td {padding:3px 3px 0;}

#dashboard #active_projects td.icon { width:25px;}
#dashboard #active_projects td.icon img {height:20px; width:20px;padding:2px;}

#dashboard #active_projects td.name {width:490px;}
#dashboard #active_projects td.progress {width:545px; padding:0 !important;}

#recent_activities td.project {text-align:left;}

#dashboard div.project_progress .progress_wrapper {float:left;width:190px; margin-bottom:0;}
#dashboard div.project_progress p {display:inline; float:left; font-size:90%; margin:0; padding: 4px 0 0 9px; text-align:left;}

/* recent activities styles */

#recent_activities td, #recent_activities td.name.completed {color:#FFFFFF;} /* makes ':' white to hide it */

.checklist_activity td.name strong { background-color:#b75700; color:#FFFFFF; padding:0 4px 1px;-moz-border-radius:4px;}

/*completed activities */
del.completed {color:#B3B3B3 !important;}
del.completed a { font-weight:normal; color:#B3B3B3 !important;}
del.completed a:hover { text-decoration:underline !important; background:none !important;}
.name a {font-weight:bold;}
.ticket_activity td.name strong { background-color:#bd314b; color:#FFFFFF;margin-right:-2px; padding:0 4px 1px;-moz-border-radius:4px;}
.category_activity td.name strong { background-color:#1f86ce; color:#FFFFFF;margin-right:-2px; padding:0 4px 1px;-moz-border-radius:4px; border:1px solid #1A77AF;}
.timerecord_activity td.name strong { background-color:#aed143; color:#FFFFFF;margin-right:-2px; padding:0 4px 1px;-moz-border-radius:4px; border:1px solid #7EBF3D;}
.discussion_activity td.name strong { background-color:#1f86ce; color:#FFFFFF;margin-right:-2px; padding:0 4px 1px;-moz-border-radius:4px;}

/* overrights */

td.name strong {float:left; width:75px;}

.milestone_activity td.name strong { background-color:#700000; color:#FFFFFF; padding:0 4px 1px;margin-right:-2px;-moz-border-radius:4px;}
.comment_activity td.name strong { background-color:#D8AB17; color:#FFFFFF; padding:0 4px 1px;margin-right:-2px;-moz-border-radius:4px; border:1px solid #BF9414;}
.file_activity td.name strong { background-color:#757F00; color:#FFFFFF; padding:0 4px 1px;margin-right:-2px; -moz-border-radius:4px; border:1px solid #535F00;}
.page_activity td.name strong { background-color: #B79E76; color:#FFFFFF; padding:0 4px 1px;margin-right:-2px;-moz-border-radius:4px;}
.task_activity td.name strong { background-color: #EB9000; color:#FFFFFF; padding:0 4px 1px;margin-right:-2px;-moz-border-radius:4px;}


.ticket_activity td.completed strong,
.milestone_activity td.completed strong {background-color:#DCDCDC; color:#FFFFFF;margin-right:-2px; padding:0 4px 1px;-moz-border-radius:4px;}


#late_today_upcoming {width:590px;}

.main_object {width:875px;
background-color:#FFFFFF;
-moz-border-radius:7px;
-webkit-border-radius:7px;
border:1px solid #D6D6D6;
padding:17px;
}

.attach_another_file .blockLabels,
.quick_comment_form .blockLabels,
#trash .blockLabels,
#new_task .blockLabels,
#add_time .blockLabels,
#tickets .blockLabels,
#new_file_version .blockLabels,
.object_list .blockLabels,
#new_comment .blockLabels,
#page_content #roles .col_wide,
.object_time_add .blockLabels,
#search .blockLabels,
#quick_search_form .blockLabels,
#starred_objects_button_section_inner #starred,
#starred .blockLabels,
.add_task_form .blockLabels
 { border:0; padding:0; background:transparent;}

#page_content .add_task_form .due_date_and_priority .col_wide,
#page_content .add_task_form .due_date_and_priority .col_wide2 {
border:0;
float:left;
padding:0pt;
width:auto;}

.add_task_form {margin-bottom:17px;}

div.resource .body {padding:0;}

#starred_objects_button_section_inner #starred {background:transparent;}

p.object_note {}

.section_container {padding:0;}

#quick_add .quick_add_section_body .section_container {
padding:0 25px 0 17px !important;
}

.main_object .properties dt {
font-weight:bold;
width:100px;
}

.main_object .properties dd {padding-left:125px;}

.main_object .details { margin-left:0; height:auto;}
.subobjects_container { width:865px; }


#page_messages div.page_message {
-moz-border-radius:7px;
-webkit-border-radius:7px;
background-color:#FEF6A8;
border:1px solid #CDB566;
}

.content pre {background-color:#FFFFFF;}

#quick_search_project_objects_result table td.name span.details,
#assignments_list table td.name span.details,
#projectVisibility .details
{margin-left:0;}

#quick_search_project_objects_result table td.name span.details a,
#assignments_list table td.name span.details a { font-weight:normal;}

.object_list {
background-color:#FFFFFF;
-moz-border-radius:7px;
-webkit-border-radius:7px;
border:1px solid #D6D6D6;
padding:17px;
width:850px;
}

.object_list table {border-top:1px dotted #DDDDDD;}
#tickets .object_list table {margin-bottom:17px;}

tr.project_row td dl dt, tr.project_row td dl dd {line-height:16px;}

.category_list {margin-top:14px;}

#project_groups .details, #role .details {margin-left:0; overflow:visible; margin-bottom:15px;}

#project_groups {
background-color:#FFFFFF;
-moz-border-radius:7px;
-webkit-border-radius:7px;
border:1px solid #D6D6D6;
padding:5px 17px;
width:475px;
padding-bottom:10px;
}
#add_project_group {
background-color:#FFFFFF;
-moz-border-radius:7px;
-webkit-border-radius:7px;
border:1px solid #E47400;
padding:5px 17px;
width:470px;
padding-bottom:10px;
}

#project_details {
background-color:#FFFFFF;
-moz-border-radius:7px;
-webkit-border-radius:7px;
border:1px solid #E47400;
padding:5px 17px;
width:361px;
padding-bottom:10px;
}

.project_details_inner {padding:0;}

#project_progress {
padding:10px;
}

#companies, #active_projects, #recent_activities, #people, #company_profile, #global_time, #calendar, #roles_administration, #role, #email_templates_settings, #modules_admin, #new_task, #timerecords, #late_today_upcoming, #assignments, #email_template_details, #category_definitions, #trash, #status_updates_archive, #manage_attachments, #api_settings, #new_file_version, #new_comment, #scheduled_tasks, #search, #starred, #tags, #view_tag, #upload_table_result,
.admin_sections_container, .blockLabels, #module, #js_disabled, #taxrates, #currencies, #predefined_invoice_notes {
background-color:#FFFFFF;
-moz-border-radius:7px;
-webkit-border-radius:7px;
border:1px solid #D6D6D6;
padding:17px;
}
#global_time {padding-top:17px;}

#checklists td a,
#files td.details dl dd.filename a {color:#129CEC !important;} /*Access link blue*/
#checklists td a:hover,
#files td.details dl dd.filename a:hover {color:#FF6D06 !important;} /*Access link orange */

#assignments table.filter {width:100%;}

#page_content .col_wide {
background-color:#FFFFFF;
-moz-border-radius:7px;
-webkit-border-radius:7px;
border:1px solid #D6D6D6;
padding:17px;
width:490px;
}
#page_content .col_wide2 {
background-color:#FFFFFF;
-moz-border-radius:7px;
-webkit-border-radius:7px;
border:1px solid #E47400;
padding:17px;
width:450px;
}
#page_content #roles_administration .col_wide2 { border:0; padding:0; width:490px;}
#page_content .col_wide2 .blockLabels, #module .blockLabels, #category_definitions .blockLabels {padding:0; border:0;}

#people .company {display:inline-table;padding:0pt 9px;width:480px;}

p.details, td.name .details, #select_visiblity_1 .details, #fileVisibility .details {margin-left:0; font-weight:normal;}

.multiupload_table td.description input {width:400px;}
.multiupload_table {border-top:0 !important;}

#global_time table.report {width:100%;}

div.dialog, .empty_slate {-moz-border-radius:7px;-webkit-border-radius:7px;}
div.dialog div.body {-moz-border-radius:7px;-webkit-border-radius:7px;}
div.dialog h2 {background:transparent;}

#update_status_form .blockLabels {background-color:#CCCCCC; padding: 5px 10px 15px;}
#update_status_form input {width:310px;}

.uniForm .error input, .uniForm .error textarea, .uniForm .error select {border-color:#FFB0B0;}

table.jCalendar td.weekday {background-color:#EEE;}
table.jCalendar td.weekday:hover {background-color:#DDD;}
table.jCalendar td.weekend {background-color:#FFEABF;}
table.jCalendar td.weekend:hover {background-color:#FFD284;}

#show_me ul li {margin:10px 0;}

h2.section_name, h3.section_name {
color:#666666;
background:transparent;
border-bottom:1px solid #D1D0D0;
font-size:1.1em;
font-weight:bold;
line-height:0.8em;
margin:0;
padding:0;
}

.project_details_buttons {padding:0;}

#dashboard #active_projects #pinned_active_projects td a {color:#AF1B0A;}

#modules_admin table.modules_list .version {text-align:right;}

#quick_add .blockLabels,
#records .blockLabels {padding:0; border:0;}

#quick_add .object_list {
padding:0 0 15px;
width:658px;
}
#quick_add h4.section_name {
-moz-border-radius-topleft:7px;
-moz-border-radius-topright:7px;
-webkit-border-top-left-radius:7px;
-webkit-border-top-right-radius:7px;
}
#quick_add_checklist p.quick_add_checklist_task input {width:596px;}
#quick_add textarea {width:596px;}
#tabs ul li a span {padding:10px 14px; font-weight:normal;}
#tabs ul {margin-left:45px;}
#site_log {margin-left:41px;}
.page_info_container {margin-left:14px; width:600px;}

#powered_by img {display:none;}
#powered_by {background:transparent url(images/powered.png) no-repeat scroll right top; height:50px; margin:0pt auto; padding:0pt 0pt 10px; width:1017px;}

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

#auth_dialog_container {
  background: #2F333B url(images/bg_auth_access_bottom.png) repeat-x bottom center;
  height:600px;
}

#auth_dialog_container_inner {}

#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);
}



.search_form_button .grey_button { background-image: url(images/bg_button_a.gif); }

.search_form_button .grey_button span { background-image: url(images/bg_button_span.gif); }



#auth_dialog {
  width: 500px;
  background: #EDECEC url(images/login_form_top.gif) no-repeat left top;
  border: 0px;
}

#auth_dialog div.ctrlHolder {padding:0;margin-left:20px;}

#auth_dialog form {
	background-color:#2F333B;
}

#auth_dialog .blockLabels {
-moz-border-radius:7px;
-webkit-border-radius:7px;
background:#353B43 url(images/bg_auth_access.png) repeat-x top center;
padding:15px;
border:1px solid #4d5764;}

#auth_dialog .blockLabels .auth_elements {
border:0; background:transparent;
margin:0pt;
padding:0pt !important;
}

#auth_dialog .blockLabels label+label+label {margin-left:110px;}
#auth_dialog .blockLabels div div+div+div label {margin-left: 120px; width:250px; font-size:12px;}
#auth_dialog .blockLabels div div+div+div input {margin:0;}

#auth_dialog .blockLabels label {
color:#FFFFFF;
display:block;
float:left;
font-family:'Lucida Grande',Verdana,Verdana,Arial,Helvetica,sans-serif;
font-size:14px;
line-height:22px;
width:120px;
font-weight:normal;
}
#auth_dialog .blockLabels input {font-size:14px;
padding:4px;
width:250px;
}

.forgot_password_link {color:#CCCCCC;}

#auth_dialog .error p.errorField {
-moz-border-radius:4px;
-webkit-border-radius:4px;
background:#ED3B3B none repeat scroll 0% 0% !important;
color:#FFFFFF;
font-size:11px;
margin-bottom:16px;
padding:4px 0;
text-align:center;
width:auto;
}

#auth_dialog div.auth_elements div.ctrlHolder p.errorField { /*used when one field is missing on login/auth pages */
-moz-border-radius:4px;
-webkit-border-radius:4px;
background:#ED3B3B none repeat scroll 0% 0% !important;
color:#FFFFFF;
font-size:11px;
margin-bottom:5px !important;
margin-left:120px;
margin-right:18px;
text-align:center;
width:auto;
padding:0 !important;
}

#auth_dialog #system_form_2 .auth_elements p { /* experimental - currently no 'success' class exists on aC 1.1.3 auth area */
-moz-border-radius:4px;
-webkit-border-radius:4px;
background:#82AB2D none repeat scroll 0% 0%;
color:#FFFFFF;
font-size:11px;
margin-bottom:16px;
padding:4px 0;
text-align:center;
width:auto;
}


#auth_dialog .buttonHolder {border-top:1px solid #3F4650;}

.buttonHolder {border:0; margin-top:0;}

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

#login_company_logo {background-color:#2F333B;}

#tabs .container {height:30px;}

p.empty_page a {color:#129CEC;}
p.empty_page a:hover {color:#FF6D06;}

.subobject_author .subobject_author_info {padding-top:0;}

.even > td {background-color:#F4F4F5;}

#pinned_active_projects tr:hover td, #other_active_projects tr:hover td {background-color:#FEF6A8;}

#menu .additional a span {background:transparent url(images/menu_dropdown.gif) no-repeat scroll center center;}

#quick_add .col_wide input, #quick_add .col_wide2 input {width:285px;}

#subscribe_more_people .buttonHolder {
border-top:1px solid #CCCCCC;
float:left;
margin-top:10px;
padding-top:14px;
width:100%;}

.card .head h2.name {font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;}

#timerecords button.grey_button {background-image:url(images/bg_button_a.gif);}
#timerecords button.grey_button span {background-image:url(images/bg_button_span.gif);}

ul.section_options {font-family:"Lucida Grande",Verdana,Verdana,Arial,Helvetica,sans-serif;}


div.object_attachments div.body.brief table {width:100%; margin:0;}

dl.details_list dd.light a {font-weight:normal;}

.subobject {padding:8px 0;}

div.dialog div.body { padding:18px;}

.subobject .content {
font-size:12px;
line-height:150%;
margin-bottom:8px;
margin-left:50px;
margin-top:4px;
padding-left:0;}

.subobject div.object_attachments {
margin-left:50px;
}
.object_attachments .main_object h2.section_name {font-size:14px;height:16px;line-height:14px;padding:0pt;}
.object_attachments h2.section_name span.section_name_span {padding:0;}

div.object_attachments div.brief_files_view ul {margin-left:0;}

.attach_another_file { background-color:#FFFFFF;}

.object_subscriptions .body {margin-left:50px; padding:8px 0 !important;}

.subobjects_container .quick_comment_form {margin-left:50px;padding:15px 20px 10px 0;}

#ticket_changes .ticket_change { margin:8px 0 8px 50px;}

div.file_revisions div.body {}

#file_versions td.num { 
color:#888888;
font-size:11px;
width:50px;
padding:0;
text-align:center;
}

#file_versions td.thumbnail {text-align:left;width:90px;}

.object_comments .odd .subobject_author {
background: url(images/bg_comment_arrow_odd.png) 50px bottom no-repeat;
border-bottom:0;
padding-bottom:11px;
}
.object_comments .even .subobject_author {
background: url(images/bg_comment_arrow_even.png) 50px bottom no-repeat;
border-bottom:0;
padding-bottom:11px;
}

#page_content #add_invoice_form .col_wide {border:0; padding:0; width:478px;}
#invoice_settings {margin-right:34px;}

table.select_system_permissions {width:340px;} /* wider for new module permissions */

.common_table td {font-weight:bold;}

/******************************************************************************/
/*                  CUSTOM MODULE / ACTIVECOLLAB CORE HACKS                   */

/*    The follow styles are an effort to support activecollab hacks           */
/*    created by people in the activecollab community                         */



/* 'Ticket View Hack' by ncrossland (http://www.activecollab.com/forums/topic/3088/)             */
/*  note: You should remove the inline styles in his hack and use CSS classes instead (as below) */
#tickets td.category, #tickets td.assignee { text-align:right; }
#tickets td.category span, #tickets td.assignee span { background-color:#FEF6A8; padding:1px 3px; }
/* end ticket view hack by ncrossland */



/*    Got a custom hack you would like to see supported in the Access theme?  */
/*    Get in touch with us via our website - http://www.creativeworld.com.au  */

/*                END CUSTOM MODULE / ACTIVECOLLAB CORE HACKS                 */
/******************************************************************************/