/*
master.css

2007-01-28	mrc	created
2007-02-02	mrc modified to start entering units

*/

/*
-------------------------------------
Globals
-------------------------------------
*/

body {
	margin:				0;
	padding:			5px 5px 5px 5px;
	font-family:		"Lucida Grande", verdana, arial, helvetica, sans-serif;
	font-size:			12px;
	text-align: 		left;
	color: 				black;
	background-color:	#eee;
/*	border: 1px solid #000;*/
}

h1	{
	font-size:			15px;
	text-align:			left;
/*	font-style:			italic;*/
/*	letter-spacing:		5px;*/
}


h2	{
	font-size:			14px;
}

h3	{
	font-size:			13px;
}

h4	{
	font-size:			12px;
}


p	{
	font-size:			100%;
	text-align:			left;
	line-height:		20px;
}


a img {
	border:				none;
}


p.note {
	display:		block;
	margin: 		0 0 0em 0;
	padding:		.5em .75em;
	background:		#dae3e9;
	color:			#555;
	border:			1px solid #ff0000;
}


/*
-------------------------------------
project-post	used for posting projects and feedback
-------------------------------------
*/
#project-post {
	background-color:	#ccc;
	height:				30px;
	padding:			auto;
	border:				2px solid red;
	display:			block;
	font-weight:		bold;
	font-size:			11px;
	margin-top:			10px;
}


#project-post.project {
	/* Display the smaller window only for the project page */
	margin-right:		170px;
	height:				auto;
}

#project-post table {
	width:				100%;
	border-collapse:	collapse;
	margin:				2px;
}


#project-post .left {
	float:				left;
	margin-top:			7px;
	margin-left:		10px;
}


#project-post .right {
	float:				right;
	margin-right:		10px;
	margin-top:			4px;
}

#project-post input {
	font-size:			8pt;
	margin-top:			1px;
}

#project-post table td.right {
	text-align:				right;
}



/*
-------------------------------------
Sections
-------------------------------------
*/

	
#page {
/*	margin:				auto auto;*/
/*	width:				800px;*/
	text-align: 		left;
	min-width:			760px;
/*	background-color:	aqua;*/
/*	border:				1px solid black;*/
	padding:			1px;
	margin:				0;
}




#masthead {
	border:				1px solid black;
	height:				58px;
/*	width:				100px;*/
/*	position:			relative;*/
	background-color:	#ddd;
	padding:			4px;
	margin:				0;
}

#masthead img{
/*	width:				100px;*/
/*	display:			inline;*/
/*	height:				100%;*/
	float:				left;
	margin:				0;
}

#masthead h3 {
	margin-top:			0px;
	margin-left:		10px;
	font-size:			13px;
	display:			inline;
}


#masthead .topmenu {
	text-align:			right;
/*	margin:				10px 10px 0 0;*/
	float:				right;
	margin-top:			0px;
	margin-right:		10px;
	font-size:			10px;
}

#masthead .account {
/*	border:				1px solid black;*/
	display:			block;
	float:				right;
/*	text-align:			right;*/
/*	position:			relative;*/
	margin-right:		5px;
	margin-top:			10px;
	margin-bottom:		0;
	font-style:			italic;
	font-size:			10px;
/*	margin:				10px 0 0 0;*/
/*	padding:			0 10px 0 10px;*/
}


#header {
/*	border:				1px solid black;*/
/*	height:				25px;*/
	position:			static;
/*	float:				left;*/
	margin-left:		110px;
/*	padding:			5px 5px 5px 5px;*/
	margin-top:			25px;
	margin-bottom:		0;
}


#header .appname {
	float:				left;
	font-weight:		bold;
	font-size:			13px;
/*	margin:				10px 0 0 0;*/
/*	padding:			0 10px 0 10px;*/
/*	padding:			5px 5px 5px 5px;*/
	text-align:			left;
}

#header .account {
	float:				right;
	text-align:			right;
	position:			relative;
	margin-right:		10px;
	font-style:			italic;
	font-size:			10px;
/*	margin:				10px 0 0 0;*/
/*	padding:			0 10px 0 10px;*/
}

/*
-------------------------------------
Breadcrumbs
-------------------------------------
*/

#breadcrumbs {
/*	border:				1px solid black;*/
/*	height:				25px;*/
/*	padding:			5px 5px 5px 5px;*/
 	position:			static;
/*	float:				left;*/
	margin-left:		0px;
	margin-top:			10px;
	font-size:			10px;
	display:			block;
}

#breadcrumbs .left {
	float:				left;
/*	margin:				10px 0 0 0;*/
/*	padding:			0 10px 0 10px;*/
/*	padding:			5px 5px 5px 5px;*/
	text-align:			left;
}

#breadcrumbs a:link,
#breadcrumbs a:visited,
#breadcrumbs a:active {
	text-decoration:	none;
	color:				#000;
}

#breadcrumbs a:hover {
	text-decoration:	none;
	color:				#999;
}


.moderator_note {
	border:				1px solid red;
	padding:			10px;
}



#container{
/*	border: 1px solid black;*/
/*	width:				98%;*/
/*	min-width:			780px;*/
/*	margin-right:		10px;*/
/*	position:			relative;*/
/*	margin-left:		20px;*/
/*	margin-top:			100px;*/
	float:				none;
	clear:				both;
	padding:			0;
	margin:				0;
/*	background-color:	#fff;*/
}

#nav {
/*	border: 1px solid black;*/
	float:				left;		/*	Needed to correctly display on <=IE6 */
	position:			relative;
	top:				0;
	left:				0;
	width:				100px;
/*	height:				200px;*/
	padding:			0 0 0 0px;
	font-size:			95%;
	color:				black;
	text-align:			left;
/*	background-color:	#eee;
*/}

#nav ul {
	list-style-type:	none;
	margin:				10px 0 20px 0px;
	padding:			0;
	display:			block;
}


#nav ul li {
	margin:				10px 0 2px 2px;
	padding:			0;
}

#nav ul ul {
	margin:				0 0 15px 12px;
	padding:			0;
}

#nav ul ul li {
	margin:				0 0 2px 2px;
	padding:			0;
}

#nav .current {
	font-weight:		bold;
}

#nav ul li a:link,
#nav ul li a:visited {
	text-decoration:	none;
	color:				#000;
}


#nav ul li a:hover {
	background-color:	#bbb;
}


/*#float-test {
	width:			68%;
}
*/


#sidepanel {
	margin:				5px 0px 0px 10px;
	width:				160px;
	background-color:	white;
	border:				1px solid #bbb;
	float:				right;
	font-size:			95%;
	padding:			0 0 10px 0;
/*	position:			fixed;*/
}

#sidepanel h3 {
	font-size:			12px;
	font-weight:		bold;
	text-align:			center;
	display:			block;
	border:				1px solid #000;
	background-color:	#bbb;
	padding:			2px 2px 2px 2px;
	margin:				0;
}

#sidepanel ul {
	padding:			0;
	margin:				5px 0 0 0;
	text-align:			left;
	list-style:			none;
	display:			block;
}

/*Project name */
#sidepanel ul li {
	margin-top:			5px;
	padding-left:		10px;
}

/*Project name as a link*/
#sidepanel ul li a:link, a:visited {
	text-decoration:	none;
	color:				blue;
}

/*Project name as a link*/
#sidepanel ul li a:hover {
	text-decoration:	underline;
}

/*Project name as current*/
#sidepanel ul li a:link.current,
#sidepanel ul li a:visited.current {
	font-weight:		bold;
	display:			block;
	border-left:		4px	solid grey;
	margin-left:		-10px;
	padding-left:		6px;
	
}


#sidepanel ul li ul {
/*	padding-left:		10px;*/
	margin-left:		0px;
}

/* Feedback Name */
#sidepanel ul li ul li {
	padding-left:		10px;
}

/* Feedback Name as link */
#sidepanel ul li ul li a:link, a:visited {
	color:				blue;
}

/* Feedback Name as link */
#sidepanel ul li ul li a:hover {
	text-decoration:	underline;
}

/* Feedback Name as current */
#sidepanel ul li ul li a:link.current,
#sidepanel ul li ul li a:visited.current {
/*	font-style:			italic;*/
/*	text-transform:		uppercase;*/
/*	background:			url("../images/bang-2.png")  no-repeat left center;*/
	display:			block;
	border-left:		4px	solid #aaa;
	margin-left:		-20px;
	padding-left:		16px;
}




/*
-------------------------------------
Tabpanel
-------------------------------------
*/

#tabpanel {
/*	border: 1px solid black;*/
	height:				25px;
/*	width:				100%;*/
	background-color:	white;
	border-bottom:		1px solid #000;
/*	position:			absolute;*/
	padding:			0;
	margin-top:			8px;
/*	background-color:	#FCFFE2;*/

}



#tabpanel ul {
	margin: 0;
	padding: 0;
}

#tabpanel li {
	margin:					0;
	padding:	   			0;
	display:	   			inline;
	list-style:	   			none;
	list-style-position:	outside;
	border:		   			none;
}


#tabpanel a:link,
#tabpanel a:visited {
 	text-decoration:		none;
	float:					left; /* for IE6 */
	font-size:				11px;
	font-weight:			normal;
	padding:				4px 8px 7px 8px;
	margin-left:			2px;
	background-color:		#bbb;
	color:					#000;
	border:					1px solid #000;
	border-bottom:			1px solid #000;
}

#tabpanel a:hover {
	background-color:		#fff;
	border-bottom:			1px solid #000;
}


#tabpanel a:link.current, 
#tabpanel a:visited.current {
	background-color:		white;
	border-bottom:			1px solid #fff;
	color:					#000;
	font-weight:			bold;
	text-decoration:		none;

/*	background-color:	#FCFFE2;*/
	
}

#tabpanel a:link.admin, 
#tabpanel a:visited.admin {
	margin-right:			10px;
	float:					right;
}


/*
-------------------------------------
StatusArea, DetailBox
-------------------------------------
*/

#statusarea {
	background-color:	white;
	padding:			0px;

}


#detailbox {
	background-color:	#FCFFE2;
	border:				2px solid #aaa;
	padding:			5px;
	margin-top:			5px;
	margin-right:		170px;
	margin-left:		0px;
}

#detailbox table {
	border-collapse:		collapse;
	
}

#detailbox table td {
	padding:			2px 4px;
	font-size:			11px;
}

#detailbox table td.header {
	font-weight:		bold;
	text-transform:		uppercase;
}

#detailbox table td.label {
	margin-right:		4px;
/*	text-align:			right;*/
	font-weight:		bold;
}


/*
-------------------------------------
Content
-------------------------------------
*/
#content {
	margin-left:		110px;
	margin-right:		0px;
	margin-top:			0;
	background-color:	white;
	border-left:		1px solid #bbb;
	border-right:		1px solid #bbb;
	border-bottom:		1px solid #bbb;
	padding:			1px 10px 25px 10px;
	min-height:			200px;

}



/*
-------------------------------------
login-form
-------------------------------------
*/
#login-form {
	background-color:	#fff;
}

#login-form table {
/*	table-layout:		fixed;*/
/*	position:			relative;*/
	border-collapse:	collapse;
	border:				7px solid #bbb;
	padding:			0;
}

#login-form table tr {
	background-color:	#eee;
}


#login-form table td {
	padding:			8px 12px;
	text-align:			left;
	margin:				0;
	vertical-align:		center;
	font-size:			12px;

}

#login-form table td .left {
	float:				left;
	vertical-align:		top;
	padding:			3px 0px;
}


#login-form table td .right {
	float:				right;
	vertical-align:		top;
/*	display:			block;*/
}


/*
-------------------------------------
dashboard-table		used for most of the tables in the system
-------------------------------------
*/
#dashboard-table {
	background-color:	#bbb;
/*	display:			inline;*/
}

#dashboard-table.project {
	margin-right:		170px;
}


#dashboard-table h3 {
	position:			relative;
	top:				-2px;
	left:				-3px;
	margin:				20px 0px 0px 0px;
	padding:			4px 4px 4px 4px;
	display:			block;
	background-color:	#ccc;
	border-left:		1px solid #999;
	border-top:			1px solid #999;
	border-right:		1px solid #999;
	font-size:			12px;
	font-weight:		bold;
}

#dashboard-table h3.focus {
	border-left:		2px solid red;
	border-right:		2px solid red;
	border-top:			2px solid red;
}

#dashboard-table h3.right {
	float:			right;
}

#dashboard-table h3.left {
	float:			left;
}


#dashboard-table h3 .comment {
	color:				#555;
	font-size:			10px;
	font-weight:		bold;
	margin-bottom:		5px;
	margin-left:		5px;
}


#dashboard-table table {
	position:			relative;
	top:				-2px;
	left:				-2px;
	border-collapse:	collapse;
	border:				1px solid #999;
	width:				100%;
	margin-right:		0px;
	margin-left:		0px;
}

#dashboard-table table.focus {
	border-left:		2px solid red;
	border-right:		2px solid red;
	border-bottom:		2px solid red;
}

#dashboard-table table th {
	background-color:	#ddd;
	padding:			6px 12px;
	text-align:			left;
	border-bottom:		1px solid #999;
	margin:				0;
	vertical-align:		center;
	font-size:			11px;
}


#dashboard-table table tr {
	background-color:	#eee;
}

#dashboard-table table tr.alt {
	background-color:	#fff;
}

#dashboard-table table td {
	padding:			6px 12px;
	text-align:			left;
	background-color:	#eee;
	border-bottom:		1px solid #999;
	margin:				0;
	vertical-align:		center;
	font-size:			11px;
	overflow: 			hidden;		/*Needed to ensure non-whitespace text (ie email addr) will not overflow*/
}

/* For the Question Title */
#dashboard-table table td.question_title {
	vertical-align:		top;
	text-align:			top;
}


#dashboard-table table td a {
	display:			block;
	font-weight:		bold;
}

#dashboard-table .criteria {
	background-color:	yellow;
	padding:			1px;
}


#dashboard-table table td a:link,
#dashboard-table table td a:visited {
	text-decoration:	underline;
	color:				blue;
}


#dashboard-table table td a:hover {
	background-color:	blue;
	text-decoration:	none;
	color:				#fff;
}

#dashboard-table a:link.button,
#dashboard-table a:visited.button {
	text-decoration:	none;
	display:			block;
	padding:			5px;
	border:				1px solid #000;
	width:				90px;
	text-align:			center;
	padding:			auto;
	float:				right;
	margin:				0 5px;
	font-size:			10px;
	vertical-align:		center;
	color:				#000;
}

#dashboard-table a:link.defaultButton,
#dashboard-table a:visited.defaultButton {
	text-decoration:	none;
	color:				#000;
	display:			block;
	padding:			5px;
	border:				2px solid blue;
	width:				90px;
	text-align:			center;
	padding:			auto;
	float:				right;
	margin:				0 5px;
	font-size:			10px;
	vertical-align:		center;
}


#dashboard-table a:hover.defaultButton {
	background-color:	blue;
	border:				2px solid black;
	color:				white;
}

#dashboard-table a:hover.button {
	background-color:	blue;
	border:				1px solid black;
	color:				white;
}

/* dashboard-table table table
Added 3/2/07 by mhw to format cycle calendar table*/

#dashboard-table table table{
/*	table-layout:		fixed; */
	position:			relative;
/*	top:				-2px;
	left:				-2px; */
	border-collapse:	collapse;
	border:				1px solid #999;*/
	width:				100px;
/*	margin-right:		0px;
	margin-left:		0px;*/
}

#dashboard-table table table th {
	/*background-color:	#ddd;
	padding:			6px 12px;
	text-align:			left;
	border-bottom:		1px solid #999;
	margin:				0;
	vertical-align:		center;
	font-size:			11px;*/
}


#dashboard-table table table tr {
	background-color:	#eee;
}

#dashboard-table table table tr.alt {
	background-color:	#fff;
}

#dashboard-table table table td {
	/*padding:			6px 12px;
	text-align:			left;
	background-color:	#eee;
	border-bottom:		0px solid #999;
	margin:				0;
	vertical-align:		center;
	font-size:			11px;
	overflow: 			hidden;	*/
}

/*  end of dashboard-table table table*/


/*
-------------------------------------
moderator-table
-------------------------------------
*/
#moderator-table {
	background-color:	#9BAFCE;
	border:				1px solid red;
	margin-top:			10px;
}

#moderator-table.project{
	margin-right:		170px;
}


#moderator-table h3 {
	font-size:			11px;
	display:			block;
	padding:			4px 4px;
	margin: 			0;
	font-weight:		bold;
}


#moderator-table table {
	border-collapse:	collapse;
	background-color:	#DCDCDC;
	width:				100%;
}

#moderator-table table tr {
	background-color:	#DCDCDC;
	border-bottom:		1px solid #9BAFCE;
}

#moderator-table table td {
	font-size:			10px;
	background-color:	#DCDCDC;
	padding:			4px 4px;
}


/*
-------------------------------------
search-results
-------------------------------------
*/
#search-results {
	font-size:			12px;
	display:			block;
	margin-bottom:		5px;
	border-bottom:		1px solid #000;
}

#search-results .question {
	font-weight:		bold;
	margin-top:			2px;
}

#search-results .criteria {
	background-color:	yellow;
	padding:			1px;
}

#search-results .excerpt {
	font-size:			10px;
}


/*
-------------------------------------
Footer
-------------------------------------
*/
#footer	{
/*	border: 1px solid black;*/
	height: 25px;
	margin-left:		110px;
	margin-right:		0px;
	margin-bottom:		10px;
	position:			static;
	font-size:			10px;
}

#footer .left {
	float:				left;
	margin:				5px 0 0 0;
	padding:			0 10px 0 0px;
	text-align:			left;
}


#footer .right {
	float:				right;
	text-align:			right;
/*	position:			relative;*/
	margin:				5px 0px 0 0;
	padding:			0 0 0 10px;
}


#footer a:link,
#footer a:visited {
	text-decoration:	none;
	color:				black;
	
}