/*********************************************************************************************/
/*   Theme name:    Noncompare.com                                                           */
/*   Theme URI:     http://www.noncompare.com                                                */
/*********************************************************************************************/

body {
	background: #e6e4e5;
}

a {
	color: #950000;
}

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

.details {
  color: #999;
}

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

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

button {
  margin: 0px;
  padding: 0px !important;
  border: 0px;
  background: url('images/bg_button_a.gif') no-repeat top right;
  color: #fff;
  display: block;
  float: left;
  height: 34px;
  margin-right: 6px;
  padding-right: 15px !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: url('images/bg_button_span.gif') no-repeat top left;  
  display: block;
  line-height: 14px;
  color: #fff;
  padding: 10px 5px 10px 15px;
  outline: none !important;
  height: 34px;
}

* html button{  padding: 0 !important;}
*:first-child+html button{ padding: 0 !important;}

* html button span{
  width: 50px;  
  padding-top: 9px;
}
*:first-child+html button span{
  width: 50px;
  padding-top: 9px;
}

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

button:hover {
  background-position: 100% -34px;
}


button:hover span {
  background-position: 0% -34px;
}

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: #222;
  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: url('images/main_header.gif') repeat-x top left;
}



.container {
	background: transparent url('images/main_header_body.gif') no-repeat top left;
}


#logged_user { 	
  color: #900;
  padding-top: 10px;
  padding-right: 5px; 
}

#logged_user .inner {}


#logged_user a {
	color: #000;
	text-decoration: none;
}

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


#site_log{ margin-top: -20px;}
.site_logo img{visibility: hidden;}
.site_logo{
  width: 265px;
  height: 91px;
  background: url(images/noncompare.gif) no-repeat top left; 
}



#header {
	height: 132px;
	background: none;
	border: 0px;
}



#menu{
  background: none;
  padding-top: 15px;
}

#menu ul.group li{
  background: url(images/menu_border.gif) no-repeat right center;
  padding-right: 3px;
}
*:first-child+html #menu ul.group li#menu_item_projects span a{ margin-right: 3px;}

#menu ul.group li.last{background: none;}

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

#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 {
}

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

#menu .additional a span {
 
}

#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 .group span.inner{ background: none !important;}

#menu_item_people span.outer {background: transparent url(images/navigation/people.gif) no-repeat center 18px;}
#menu_item_projects span.outer {background: transparent url(images/navigation/projects.gif) no-repeat center 18px;}
#menu_item_calendar span.outer {background: transparent url(images/navigation/calendar.gif) no-repeat center 16px;}
#menu_item_time span.outer {background: transparent url(images/navigation/time.gif) no-repeat center 18px;}



#menu_item_assignments span.outer {background: transparent url(images/navigation/assignments.gif) no-repeat center 16px;}
#menu_item_search span.outer {background: transparent url(images/navigation/search.gif) no-repeat center 18px;}
#menu_item_starred_folder span.outer {background: transparent url(images/navigation/starred.gif) no-repeat center 18px;}
#menu_item_trash span.outer {background: transparent url(images/navigation/trash.gif) no-repeat center 18px;}
#menu_item_quick_add span.outer {background: transparent url(images/navigation/quick_add.gif) no-repeat center 20px;}

/*******************************************************************************
  TABS
*******************************************************************************/
#tabs {
	
}

#tabs .container {
	background: transparent;
	margin-top: -30px;
	border: none;
}

#tabs ul li a {
	background: url('images/main_tab_left.gif') no-repeat left top;
	/* color: #575132; */
	color: #fd0; 
	border: 0px;
}

#tabs ul li a span {
	background: url('images/main_tab_right.gif') no-repeat right top;
}

#tabs ul li a.current {
  background-position: 0% -31px;
  color: #575132;
}

#tabs ul li a.current span {
	background-position: 100% -31px;
}



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

#page .container {
	background: url('images/page_container.gif') repeat-y top left;
	border: 0px;
	width: 980px;
}

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

#page_header_container .container{
  background: url('images/page_container.gif') repeat-y top center;
}

#page_header {
  border: 0;
	background: transparent url('images/page_title.gif') repeat-x bottom left;
	margin: 0 8px 0 5px;
}

* html #page_header{ height: 1px;}
* html .clear{ 
  height: 1px; 
  overflow: hidden;
}


#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 menu buttons */
#page_actions{
   
}

#page_actions li a{
	height: 34px !important;
	border: 0 !important;
	padding-right: 15px;
	background: url(images/bg_button_a.gif) no-repeat top right !important;
}

#page_actions li a span{
	padding: 8px 0 12px 15px !important;
	color: #fff;  
	background: url(images/bg_button_span.gif) no-repeat top left !important;
}

* html #page_actions li a span{ 
  float: left;
}

#page_actions li a#print_button span{
	padding-top: 4px !important;
}

#page_actions li a:hover{background-position: 100% -34px !important;}
#page_actions li a:hover span{background-position: 0% -34px !important;}




#page_actions li.subaction a{
  height: 20px;
  background: #333;
  color: #fff;
  border-bottom: 1px solid #ccc;
  line-height: normal;   
}
#page_actions li.subaction a:hover{
  background: #ccc; 
  color: #333;
  text-decoration: none;
}

#print_button img{
  padding-top: 5px;
  padding-left: 3px;
}

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

#page_actions .with_subitems ul li a{
	background: #333 !important;
	color: #fff !important;
	border-bottom: 1px solid #ccc !important;
}
	#page_actions .with_subitems ul li a:hover{
		color: #333 !important;
	}

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


#breadcrumbs {
  color: #999;
  font-weight: bold;
  font-size: 8pt;
}

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

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

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

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

.category_list .selected a span {
  color: #900;
  padding: 8px 0;
  padding-right: 15px ;
  
  background: url('images/categories_tab_bottom_selected.gif') no-repeat right bottom;
}

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

#login_company_logo img{  display: none;}
#login_company_logo{
  background: none; 
}

#auth_dialog_container {
  background: url(images/login_form_background.gif) repeat-x left top;
}

#auth_dialog_container_inner {
  background: url(images/login_form_background_inner.gif) repeat-x left bottom;
}


.grey_button {
  background: url('images/bg_button_a.gif') no-repeat right top;
  padding-right: 9px !important;  
}

.grey_button span {
  background: url('images/bg_button_span.gif') no-repeat top left;
  padding-left: 14px !important;
  padding-top: 8px;
}


* html #auth_dialog button{  padding: 0 !important;}
*:first-child+html #auth_dialog button{ padding-right: 5px !important;}


#auth_dialog button{
  width: 58px;
  height: 34px;
  background: url(images/login.gif) no-repeat center;
}

#auth_dialog button span{visibility: hidden;}

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

* html #auth_dialog{  padding-top: 70px;}
*:first-child+html #auth_dialog{ padding-top: 70px;}

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

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



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

div.dialog {
  
}

div.dialog h2 {
  background: #000;
  color: #fff;
}

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{

}

div.dialog .section_container{
  background: none;
}



/*******************************************************************************
    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-left:0 none;
	border-right:0 none;
	border-top:0 none;
	padding-top: 25px;
}

#project_icon{
 
}

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

#project_details .button {
  background-image: url(images/bg_button_a.gif);  
  background-position: top right;  
  height: 34px;
}

#project_details .button span {
  background-image: url(images/bg_button_span.gif);
  background-position: top left;
  padding-top: 10px;
  height: 34px;
  color: #fff;
}

#project_details h2 {
  border-bottom: 0;
  color: #333;
}



* html #project_details .button span{
  float: left;
}



/*******************************************************************************
  Dashboard
*******************************************************************************/
#dashboard #new_late_starred {
  height: 82px;
  padding-bottom: 13px; 
}

#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: 74px;
  width: 225px;
  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-position: 0% -94px;
}

#dashboard #new_late_starred div.new_late_starred_button.selected {
  background: url(images/dashboard_bigbutton.gif) no-repeat 0% -94px;
}

#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: #e8e8e8 url(images/dashboard_details_bottom.gif) no-repeat left bottom;
  padding: 0px 5px 10px;
}

* html #dashboard div.section_inner_block{padding-top: 5px;} 



#dashboard div.section_inner_block .even td {
  border-bottom: 1px dotted #ccc;
}

#dashboard div.section_inner_block .odd td {
  border-bottom: 1px dotted #ccc;
}

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

#dashboard #active_reminders table td.name span.reminder_comment {
  background-color: #f5f4dd;
  border-color: #E7E3BC;
}



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

/** 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);
}

#search table.search_form {
  background: url(images/system_message.gif);
}





#footer{
  background: url(images/footer.gif) no-repeat bottom left;
  width: 980px;
  margin:0 auto;
  padding: 9px 0 10px 0;
}
#copyright{ color: #fff;}

#wrapper #footer{  background: none;}
#wrapper #footer #copyright{ color: #333;}









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

h2.section_name {
  background: transparent url(images/section_start.gif) no-repeat left top;
  border: 0;
  color: #fff;
  padding: 0 !important;
    margin-bottom: 0 !important;
}


h2.section_name span.section_name_span{
  background: url(images/section_end.gif) no-repeat right top;
}


.section_container{
  padding: 0;
  padding-bottom: 10px;
}


#recent_activities .section_container,
#dashboard #active_projects .section_container{
  background: transparent url(images/section_bottom_start.gif) no-repeat left bottom;
}

.section_container p{
  margin: 0 0 8px 0;
  padding: 5px;
}


.section_container h3.date_section{
  background: #000;
  color: #ccc;
  width: 864px;
  margin: 0 !important;
  padding: 6px 15px !important;
  
  border-left: 2px solid #ccc;  
  border-right: 1px solid #ccc;
  border-bottom: 2px solid #ccc;
  border-top: 0;
}

#dashboard #active_projects,
#recent_activities{  
  background: url(images/section_body.gif) repeat-y top left;   
}

.section_container .odd td,
.section_container .even td{
  background: none;
}

* html .section_container .odd td,
* html .section_container .even td{
  border-top: 1px dotted #ccc;
}

#recent_activities .section_container{
  padding: 0px;
} 

#recent_activities p.recent_activities_rss{
  padding: 7px;
}


/* sections */








/* dashboard bigbutton icons */
#new_objects_button .new_late_starred_inner_button{  background-image: url(images/icons/flag.gif) !important;}
#late_today_objects_button .new_late_starred_inner_button{  background-image: url(images/icons/warning.gif) !important;}
#starred_objects_button .new_late_starred_inner_button{   background-image: url(images/icons/starred_big.gif) !important;}


 


/* late today upcoming: show me | late/today milestones*/
#late_today_upcoming div{
  background: url(images/section_body2.gif) repeat-y left top;  
}


#late_today_upcoming .section_container{
  background: url(images/section_bottom_start2.gif) no-repeat left bottom;
} 

#late_today_upcoming .due{padding-right: 10px;}

#projects tr.project_row td{
  background: #fff;
}





#projects .object_list{
  width: 720px;
  border-top: 2px solid #ccc;
  border-right: 2px solid #ccc;
}

#projects .category_list .selected{
   margin-left: -2px !important;
}

#projects .category_list{
  border-left: 2px solid #ccc;
  margin-left: -2px;
}





/* quick add pop up */
#quick_add .object_list{
  width: 658px;
  border: 0;
  background: url(images/quick_add_body.gif) repeat-y top left;
  padding-bottom: 0;
}

#quick_add .quick_add_section_body .section_container{
  background: url(images/quick_add_bottom.gif) no-repeat bottom left;
  border: 0;
  padding-left: 10px;
  padding-bottom: 20px;
}

#quick_add .category_list{
  border-left: 2px solid #ccc;
  margin-left: -2px !important;
  position: relative;
  z-index: 100;
}

#quick_add .category_list .selected{
  margin-left: -2px !important;
  position: relative;
  z-index: 100;
}

#quick_add h4.section_name{
  background: url(images/quick_add_head.gif) no-repeat top left; 
  color: #fff;
  padding-top: 10px !important;
}








/* file_list */
#file_list .odd td, 
#file_list .even td{
  background: #fff;
}

#file_list button{
   height: 34px;
    width: 93px;
  
}

#file_list button span{
  height: 25px;  
  padding-top: 9px !important;
  padding-bottom: 0 !important;  
}



.even td,
.odd td{background: #fff;}

*:first-child+html #pinned_active_projects .odd td,
*:first-child+html #pinned_active_projects .even td,
* html #pinned_active_projects .odd td,
* html #pinned_active_projects .even td{
  border: 0;
}

* html .even td,
* html .odd td{
  border-bottom: 1px dotted #ccc; 
}




* html #active_projects .section_container{
  margin-bottom: -40px; 
}

* html #new_late_starred{
  margin-bottom: -10px;
}



#page_title{
  color: #c00;
}


#dashboard{  
}

#dashboard #empty_slate_system_dashboard{background: #eee; border-color: #ddd;}
#dashboard .empty_slate_footer{border-color: #ddd;}

#empty_slate_system_dashboard .empty_slate_content{
  width: 600px;
  padding-left: 120px;
}

#empty_slate_system_dashboard .empty_slate_sidebar{
  display: none !important;  
}
  
#empty_slate_system_dashboard .empty_slate_section_intro{
  border-color: #c00;
}





.dashboard_sidebar{
	background: url(images/dashboard_sidebar_top.gif) no-repeat scroll top left !important;
	border-color:#DDDDDD;
	border-style:none none solid;
	border-width:0 0 2px;
}


.dashboard_sidebar h2{
	color: #fff;
}