/* -------------------------------------------------------------- 
  
   Boilerplate Screen Styles
   * Version:   0.5 (2007-11-19)
   
-------------------------------------------------------------- */
@import "lib/reset.css";

@import "lib/typography.css";

@import "lib/forms.css";

@import "lib/plugins/tabs.css";

/* Page
-------------------------------------------------------------- */
#page {
	margin: 0 auto;
	width: 950px;
}

/* Header
-------------------------------------------------------------- */
#header {
	margin-top: 20px;
}

#header .tabs {
	border-bottom: 1px solid #ddd;
}

#header .tabs li {
	margin-right: 1px;
}

#header .tabs a {
	padding: 5px 15px;
	background: #ddd;
	color: #666;
	text-decoration: none;
}

/* Body
-------------------------------------------------------------- */
#body {
	margin-top: 20px;
}

#timer {
	float: left;
	width: 250px;
	margin-right: 130px;
}

#resources {
	float: left;
	width: 460px;
}

#resources h3 {
	color: #888;
}

#resources ul,#resources ol {
	color: #888;
}

#resources ul a {
	color: #555;
}

#unplannedAndUrgent .hideForUnplannedUrgent {
	display: none;
}

/* Footer
-------------------------------------------------------------- */
#footer {
	border-top: 1px solid #eee;
	margin-top: 20px;
}

#footer .tabs {
	width: 405px;
	border-top: 3px solid #eee;
}

#footer .tabs a {
	padding: 10px 30px 10px 0;
	color: #666;
	text-decoration: none;
}

#footer p.quiet {
	color: #ccc;
}