/*********************************
 My project style sheet
**********************************/
.projectMessagesTitle {
	font-weight: bold;
	font-size: 12px;
	color: #cc0000;
}

.redLineDivClass {
	width: 100%;
	background-color: transparent;
	text-align: right;
	height: 1px;
	line-height: 1px;
	font-size: 1px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border-top-color: #cc0000;
	border-top-style: solid;
	border-top-width: 1px;
}

/* background */
.background_a {
	background-color: #F4F4F4;
	background-image: none;
	padding: 0px;
	margin: 0px;
	border-style: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	line-height: 14px;
}

.background_b {
	background-color: #E3E1DE;
	background-image: none;
	padding: 0px;
	margin: 0px;
	border-style: none;
}

/* plain table */
.tb {
	background-color: Transparent;
	background-image: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border-style: none;
}

/* table with margins*/
.tbm {
	background-color: transparent;
	background-image: none;
	padding: 0px 0px 0px 0px;
	margin: 10px 10px 10px 20px;
	border-style: none;
}

.bannerTb {
	background-color: transparent;
	background-image: url(../images/projects/banner_popup_projects.jpg);
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border-style: none;
}

/* td */
.tdLeft {
	font: normal 12px verdana;
	text-align: left;
	vertical-align: top;
	color: #666666;
}

.tdRight,.tdRight td {
	text-align: right;
	width: 100%;
}

/* intro text */
.intro {
	color: #666666;
	font: normal 12px verdana;
	text-align: left;
}

/* label */
.lab {
	font: bold 12px verdana;
	color: #000066;
}

.italicText {
	font-style: italic;
}

/* project create button */
.createProjectButton {
	display: block;
	padding: 0;
	margin: 0;
	width: 110px;
	height: 24px;
	background: url(../images/projects/button_createNew.gif) 0 -24px no-repeat;
}

.createProjectButton a {
	display: block;
	margin: 0; 
	padding:0;
	width:100%; 
	height:100%;
	overflow:hidden;
	background: url(../images/projects/button_createNew.gif) top left no-repeat;
}

.createProjectButton a:hover {
	background-image: none;
}

.createProjectButton a:active {
	background-image: none;
}

/*
	-----------------------------------------------------------
	Data table 
*/
.list-header {
	background-color: #99CC00;
	color: #FFFFFF;
	font: normal 10px verdana;
	text-transform: uppercase;
	border-bottom: 1px #CCCCCC solid;
	border-left: 1px #CCCCCC solid;
	text-align: left;
}

.list-row1 {
	background-color: transparent;
}

.list-row2 {
	background-color: #F4F4F4;
}

#fProject .selectedRow {
	background-color: #E2F4BD;
}

#fProject .hoverRow {
	background-color: #CCE599;
	cursor: pointer;
}

.list-table td {
	border-left: 1px #CCCCCC solid;
	font-size: 10px;
}

.list-columnLeft {
	text-align: left;
}

.list-columnCenter {
	text-align: center;
}

.list-table {
	background-color: transparent;
	border-top: 1px #CCCCCC solid;
	border-right: 1px #CCCCCC solid;
	border-bottom: 1px #CCCCCC solid;
	color: #6E6E6E;
	
}

/*
	-----------------------------------------------------------
	List table for Project Sharing Popup
*/
.dataList-header {
	background-color: #A0A0A0;
	color: #FFFFFF;
	font: normal 10px verdana;
	text-transform: uppercase;
	border-left: 1px #CCCCCC solid;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	
}

.dataList-oddRow{
	background-color: #FFFFFF;
}

.dataList-evenRow {
	background-color: #F4F4F4;
}

.dataList-table td {
	border-left: 1px #CCCCCC solid;
}

.dataList-columnLeft {
	text-align: left;
}

.dataList-columnCenter {
	text-align: center;
}

.dataList-columnRight {
	text-align: center;
}

.dataList-noBorders,.dataList-noBorders td {
	border-right: none;
	border-left: none;
	border-bottom: none;
	border-top: none;
	border: none;
	background-color: transparent;
}

.dataList-table {
	background-color: transparent;
	border-top: 1px #CCCCCC solid;
	border-right: 1px #CCCCCC solid;
	border-bottom: 1px #CCCCCC solid;
	color: #6E6E6E;
}

.dataList-text{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #6E6E6E;
	margin: 8px;
}

/*
	End List table 
	-----------------------------------------------------------
*/

/*
   ------------------------------------------------------------
   Calendar component
   ------------------------------------------------------------
*/
.yearMonthHeader,.yearMonthHeader td,.yearMonthHeader th,.yearMonthHeader table,.yearMonthHeader tb,.yearMonthHeader tr
	{
	background-color: #669900;
	color: #99CC00;
	text-align: center;
	border: none;
	font-weight: bold;
	font-size: 20px;
}

.weekHeader {
	background-color: #E7E7E7;
	color: #000000;
	text-align: center;
	border: none;
}

.currentDayCell {
	background-color: #DDDDDD;
	color: #000000;
	border: none;
}

/*
   ------------------------------------------------------------
   End Calendar component
   ------------------------------------------------------------
*/ /*
   ------------------------------------------------------------
   Popup component
   ------------------------------------------------------------
*/
.popup {
	background-color: rgb(255, 255, 255);
	color: #000000;
	border: 1px solid #CCCCCC;
	font-size: smaller;
	padding: 5px;
}

.popup table {
	font-size: smaller;
}

/*
   ------------------------------------------------------------
   End popup component
   ------------------------------------------------------------
*/ /*
	------------------------------
	stu provide css
  	------------------------------
*/
div#menuButtons {
	padding-left: 20px;
	padding-right: 10px;
	display: block;
}

div#menuButtons p {
	margin: 0px;
	padding: 4px;
}

div#mainContent {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #666666;	
}

.projectListBackgroundStyle{
	background-image: url("../images/projects/contentTile_main.gif");
}

div#content {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #333333;
	padding: 0px;
	margin: 0px;
	vertical-align: top;
}

div#collaboration {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #666666;
	padding: 20px 40px 20px 20px;
}

body {
	background-color: #E3E1DE;
}

div#container {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}

table#main {
	border-left: 1px #CCCCCC solid;
	border-bottom: 1px #CCCCCC solid;
	border-right: 1px #CCCCCC solid;
	padding: 0px;
	margin: 0px;
}

.projectStyle {
	background-color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	vertical-align: top;
	width: 100%;
	height: 100%;
}

.projectStyle a {
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	outline: none;
}

.projectStyle a:link {
	color: #666666;
	outline: none;
	text-decoration: none;
}

.projectStyle a:visited {
	color: #666666;
	outline: none;
	text-decoration: none;
}

.projectStyle a:hover {
	color: #99CC00;
	outline: none;
	text-decoration: none;
}

.projectStyle a:active {
	color: #CCCCCC;
	outline: none;
	text-decoration: none;
}
.projectMyProjects_MyProjectsHeader {
	background-image: url("../images/projects/headerBar_myProjects.jpg");
	background-repeat: no-repeat;
	width: 721px;
	height: 54px;
}
.projectMyProjects_CollaborationHeader {
	background-image: url("../images/projects/headerBar_collaboration.jpg");
	background-repeat: no-repeat;
	width: 229px;
	height: 54px;
}

.projectStepTitle {
	color: #669900;
	font-size: 17px;
	font-weight: normal;
	line-height: normal;
}

.projectStepTitleBox { /* Needed for Safari support */
	width: 513px;
}

.projectStepRightMarginPanel {
	width: 85px;
}

.shadowPad {
	padding: 0px;
	margin: 0px;
	width: 11px;
}

.projectStepStyle {
	background-color: transparent;
	font-size: 11px;
	color: #666666;
	line-height: 1px;
	padding: 0px;
}

.projectStepStyle tb,.projectStepStyle td {
	background-color: transparent;
	font-size: 11px;
	color: #666666;
	line-height: 14px;
}

.projectStepSideMenuStyle .disabled {
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
	color: #CBCBCB;
}

.projectStepSideMenuStyle a {
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
	outline: none;
}

.projectStepSideMenuStyle a:link {
	background-color: transparent;
}

.projectStepSideMenuStyle a:visited {
	background-color: transparent;
}

.projectStepSideMenuStyle a:hover {
	color: #000000;
	background-color: #EEEEEE;
}

.projectStepSideMenuStyle a:active {
	background-color: transparent;
}

.projectStepSideMenuStyle th {
	background-color: #F4F4F4;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
	border-bottom: 1px #CCCCCC solid;
	text-align: left;
}

.projectStepSideMenuStyle tr {
	background-color: transparent;
}

.projectStepSideMenuStyle td {
	background-color: transparent;
	border-bottom: 1px #CCCCCC solid;
}

.projectStepSideMenuStyle {
	font-size: 10px;
	background-color: transparent;
	border-top: 1px #CCCCCC solid;
}

.projectStepSideMenuStyleSecond {
	font-size: 10px;
	background-color: transparent;
}

.projectStepSideMenuStyleSecond .disabled {
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
	color: #CBCBCB;
}

.projectStepSideMenuStyleSecond a {
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
	outline: none;
}

.projectStepSideMenuStyleSecond a:link {
	background-color: transparent;
}

.projectStepSideMenuStyleSecond a:visited {
	background-color: transparent;
}

.projectStepSideMenuStyleSecond a:hover {
	color: #000000;
	background-color: #EEEEEE;
}

.projectStepSideMenuStyleSecond a:active {
	background-color: transparent;
}

.projectStepSideMenuStyleSecond th {
	background-color: #F4F4F4;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
	border-bottom: 1px #CCCCCC solid;
	text-align: left;
}

.projectStepSideMenuStyleSecond tr {
	background-color: transparent;
}

.projectStepSideMenuStyleSecond td {
	background-color: transparent;
	border-bottom: 1px #CCCCCC solid;
}

.topAlign {
	vertical-align: top;
}

.leftAlign {
	text-align: left;
}

.rightAlign {
	text-align: right;
}

.rightAlign td {
	text-align: right;
}

.rightAlignButtonRow,.rightAlignButtonRow td {
	text-align: right;
	width: 100%;
}

.rightAlignEverything,.rightAlignEverything td {
	text-align: right;
}

.centerAlign,.centerAlign td {
	text-align: center;
	vertical-align: middle;
}

.noBorders, .noBorders td {
	border-right: none;
	border-left: none;
	border-bottom: none;
	border-top: none;
	border: none;
}

.projectStepUnderstandingHeader{
	font-size: 15px;
	font-weight: bold;
		
}

.projectStepTaskActivityTableTaskWidth {
	width: 626px;
}

.projectStepTaskActivityTableTask {
	background-image: url("../images/projects/task_tile.gif");
	background-repeat: repeat-y;
}

.projectStepTaskActivityTableTask th {
	background-image: url("../images/projects/task_header.gif");
	background-repeat: no-repeat;
	width: 634px;
	height: 28px;
	text-align: left;
}

.projectStepTaskActivityTableTask_Footer {
	background-image: url("../images/projects/task_footer.gif");
	background-repeat: no-repeat;
	width: 634px;
	height: 24px;
}

.projectStepTaskActivityTableTask_Header td {
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	padding: 2px 5px 0px 5px;
	vertical-align: middle;
}

.projectStepTaskActivityTableActivity {
	background-image: url("../images/projects/activity_tile_wIndent.gif");
	background-repeat: repeat-y;
	width: 605px;
}

.projectStepTaskActivityTableActivityWidth {
	width: 597px;
}

.projectStepTaskActivityTableActivity th {
	background-image: url("../images/projects/activity_header_wIndent.gif");
	background-repeat: no-repeat;
	width: 605px;
	height: 29px;
	text-align: left;
}

.projectStepTaskActivityTableActivity_Header td {
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	padding: 2px 5px 0px 5px;
	vertical-align: middle;
}

.projectStepTaskActivityTableActivity_Footer {
	background-image: url("../images/projects/activity_footer_wIndent.gif");
	background-repeat: no-repeat;
	width: 605px;
	height: 21px;
}

.projectStepTaskActivityDetailsColumn {
	vertical-align: top;
	background-color: transparent;
	width: 100%;
	border-right: 1px #CCCCCC solid;
	text-align: left;
}

.projectStepTaskActivityDetailsColumn td {
	vertical-align: top;
	background-color: transparent;
	text-align: left;
}

.projectStepTaskActivityDetailsColumn_NoBorder {
	vertical-align: top;
	background-color: transparent;
	width: 100%;
}
.projectStepTaskActivityDetails_Content {
	width: 425px;
	padding: 2px 5px 0px 5px;
	overflow: hidden;
}

.projectStepTaskActivityInfoColumn {
	vertical-align: top;
	background-color: transparent;
	text-align: left;
}

.projectStepTaskActivitySideInfo {
	width: 155px;
	table-layout: fixed;
	height: 100%;
	text-align: left;
}

.projectStepTaskActivitySideInfo td {
	font-size: 10px;
}

.projectStepTaskActivitySideInfo_Labels {
	width: 45px;
	border-bottom: 1px #CCCCCC solid;
	text-align: left;
}

.projectStepTaskActivitySideInfo_Data {
	background-color: transparent;
	border-bottom: 1px #CCCCCC solid;
	text-align: left;
	padding-right: 5px;
}

.projectStepTaskActivitySideInfo_Data td {
	background-color: transparent;
	text-align: left;
	padding-right: 5px;
}

.projectStepTaskActivityTitle {
	font-size: 12px;
	font-weight: bold;
	padding: 5px 5px 5px 5px;
}

.projectStepTaskTitleBox { /* Needed for Safari support */
	width: 455px;
}

.projectStepActivityTitleBox { /* Needed for Safari support */
	width: 425px;
}

.projectCreatePopup {
	background-color: #F4F4F4;
	width: 580px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.projectCreatePopup td {
	font-size: 11px;
}

.projectCreatePopupHeader {
	width: 580px;
	height: 55px;
	background-image: url("../images/projects/banner_popup_projects.jpg");
	color: white;
	background-position: right;
}

.projectCreatePopupHeaderText {
	color: #FFFFFF;
	font-size: 26px;
	font-family: Verdana;
	text-align: left;
	vertical-align: middle;
	padding-left: 15px;
}

.projectCreatePopupVerticalMargin {
	width: 15px;
}

.projectCreatePopupHorizontalSpacer {
	line-height: 1px;
	height: 5px;
}

.projectStepPopup {
	background-color: #F4F4F4;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 100%;
}

.projectStepPopup td {
	font-size: 11px;
}

.projectStepPopup .popupObjectTitle {
	color: #669900;
}

/*
 * JohnG:
 *
 * The following a-related styles were moved from popup.css so that links within popups would not
 * conflict with the genericButton links.
 *
 */

.projectStepPopup a{
	font-size: 11px;
	font-weight: bold;
	line-height: 14px;
	text-decoration: none;
	outline: none;
}

.projectStepPopup a:link{
	color: #669900;
	outline: none;
	text-decoration: none;
}

.projectStepPopup a:visited{
	color: #669900;
	outline: none;
	text-decoration: none;
}

.projectStepPopup a:hover{
	color: #99CC00;
	outline: none;
	text-decoration: none;
}



.projectStepPopup a:active {
	color: #669900;
	outline: none;
	text-decoration: none;
}

.projectStepReorderList a{
	font-size: 11px;
	font-weight: bold;
	line-height: 14px;
	text-decoration: none;
	outline: none;
}

.projectStepReorderList a:link{
	color: #AAAAAA;
	outline: none;
	text-decoration: none;
}

.projectStepReorderList a:visited{
	color: #666666;
	outline: none;
	text-decoration: none;
}

.projectStepReorderList a:hover{
	color: #99CC00;
	outline: none;
	text-decoration: none;
}

.projectStepReorderList a:active {
	color: #AAAAAA;
	outline: none;
	text-decoration: none;
}

.projectStepPopupVerticalMargin {
	width: 30px;
}

.projectStepPopupHorizontalMargin {
	height: 20px;
	font-size: 1px;
	line-height: 1px;
}

.projectStepPopupHorizontalMarginSmall {
	height: 5px;
}

.horizontalSpacerMini {
	background-color: transparent;
	height: 2px;
}

.projectMessages {
	font-weight: normal;
	font-size: 10px;
	color: #cc0000;
}

.dropShadowRightMargin {
	background: transparent;
	width: 9px;
}

.projectStepPopupHeader {
	width: 100%;
	height: 55px;
	background-image: url("../images/projects/banner_popup_projects.jpg");
	color: white;
	background-position: right;
}

.projectStepPopupHeaderText {
	color: #FFFFFF;
	font-size: 26px;
	font-family: Verdana;
	text-align: left;
	vertical-align: middle;
}

.projectStepPopupErrorMargin {
	height: 30px;
	width: 37px;
}

.registrationErrorMarginClass {
	height: 30px;
	width: 37px;
}

.projectStepPopupMessagesTitle {
	font-weight: bold;
	font-size: 12px;
	color: #cc0000;
}

.projectStepPopupMessagesHR {
	font-weight: normal;
	font-size: 10px;
	color: #cc0000;
	height: 1px;
}

.projectStepPopupLabel {
	font-weight: bold;
}

.projectStepPopupButtonRow,.projectStepPopupButtonRow td {
	background-color: #FFFFFF;
	text-align: right;
	width: 100%;
}

.grayLineDivClass {
	background-color: transparent;
	height: 1px;
	line-height: 1px;
	font-size: 1px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border-top-color: #cccccc;
	border-top-style: solid;
	border-top-width: 1px;
}
.projectForm {
	padding: 0px;
	margin: 0px;
}

.projectMainDiv {
	border-left: 1px #CCCCCC solid;
	border-bottom: 1px #CCCCCC solid;
	border-right: 1px #CCCCCC solid;
	padding: 0px;
	margin: 0px;
	width: 953px;
	overflow: hidden;
	background-color: #F4F4F4;
}

.projectTile {
	background-image: url(../images/projects/project_backTile.gif);
	background-repeat: repeat-y;
}

.projectTableFooter {
	background-image: url("../images/projects/project_footer.gif");
	background-repeat: no-repeat;
	height: 11px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	line-height: 1px;
	font-size: 1px;
}

.projectStepContentTable {
	background-image: url("../images/projects/understanding_tile.gif");
	background-repeat: repeat-y;
	width: 657px;
	table-layout: fixed;
}
.projectStepContentTable_Content {
	width: 627px;
	min-height: 100px;
	overflow: hidden;
	padding: 0px;
}
.projectStepContentTable_ResourceContent {
	width: 504px;
	overflow: hidden;
	padding: 2px 5px 5px 5px;
}
.projectStepContentTable_ResourceTitle {
	width: 504px;
	overflow: hidden;
	padding: 5px 5px 2px 5px;
}

.projectStepContentTable_Header {
	background-image: url("../images/projects/understanding_header.gif");
	background-repeat: no-repeat;
	width: 657px;
	height: 29px;
	text-align: left;
	vertical-align: middle;
}

.projectStepContentTable_Header td {
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	padding: 2px 5px 0px 5px;
	vertical-align: middle;
}

.projectStepContentTable_Footer {
	background-image: url("../images/projects/understanding_footer.gif");
	background-repeat: no-repeat;
	width: 657px;
	height: 15px;
}

.scrollableDiv_FullHeight {
	width: 100%;
	height: 100%;
	min-height: 100%;
	background-color: transparent;
	overflow: auto;
	border: none;
	padding: 0px;
	margin: 0px;
}

.sectionWidth {
	width: 660px;
}

.resizeDiv {
	background-color: transparent;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}

.reorderScrollableDiv {
	display: block;
	width: 300px;
	max-width: 300px;
	height: 300px;
	background-color: transparent;
	overflow: scroll;
	border: 1px #CCCCCC solid;
}
.reorderListTable, reorderListTable td {
	width: 100%;
	padding: 0px;
	margin: 0px;
}

.reorder-list-row1 td {
	background-color: #FFFFFF;
	padding: 3px;
}

.reorder-list-row2 td {
	background-color: transparent;
	padding: 3px;
}

.reorder-list-rowselected td {
	background-color: #CCE599;
	padding: 3px;
}

.projectStepSectionImageOverview {
	width: 170px;
	height: 170px;
	background-image: url("../images/projects/3dcorner_overview.jpg");
}

.projectStepSectionImageTaskActivity {
	width: 170px;
	height: 170px;
	background-image: url("../images/projects/3dcorner_tasksActivities.jpg");
}

.projectStepSectionImageUnderstanding {
	width: 170px;
	height: 170px;
	background-image: url("../images/projects/3dcorner_defineUnderstanding.jpg");
}

.projectStepSectionImageEngagement {
	width: 170px;
	height: 170px;
	background-image: url("../images/projects/3dcorner_studentEngagement.jpg");
}

.projectStepSectionImageTechnology {
	width: 170px;
	height: 170px;
	background-image: url("../images/projects/3dcorner_technology.jpg");
}

.projectStepSectionImageResources {
	width: 170px;
	height: 170px;
	background-image: url("../images/projects/3dcorner_resources.jpg");
}

.projectStepSectionImageCurriculum {
	width: 170px;
	height: 170px;
	background-image: url("../images/projects/3dcorner_curriculum.jpg");
}

.projectStepSectionImageAssessment {
	width: 170px;
	height: 170px;
	background-image: url("../images/projects/3dcorner_assessment.jpg");
}

.projectStepSectionImagePublish {
	width: 170px;
	height: 170px;
	background-image: url("../images/projects/3dcorner_globe.jpg");
}

.learnMoreButton {
	display: block;
	margin: 0;
	width: 138px;
	height: 78px;
	background: url(../images/projects/but_learnmore.gif) top left no-repeat
		;
}

.learnMoreButton a {
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	text-decoration: none;
	color: gray;
	text-align: center;
	background: url(../images/projects/but_learnhow.gif) top left no-repeat;
}

.learnMoreButton a:link {
	text-decoration: none;
	color: gray;
}

.learnMoreButton a:visited {
	text-decoration: none;
	color: gray;
}

.learnMoreButton a:hover {
	padding-left: 0px;
	text-decoration: none;
	color: gray;
	background: url(../images/projects/but_learnhow_over.gif) top left
		no-repeat;
}

.learnMoreButton a:active {
	color: black;
}


.deleteButton {
	display: block;
	margin: 0;
	width: 16px;
	height: 16px;
	background: url(../images/projects/but_deleteSmall_disabled.gif) top left
		no-repeat;
}

.deleteButton a {
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	text-decoration: none;
	color: gray;
	text-align: center;
	background: url(../images/projects/but_deleteSmall.gif) top left
		no-repeat;
}

.deleteButton a:link {
	text-decoration: none;
	color: gray;
}

.deleteButton a:visited {
	text-decoration: none;
	color: gray;
}

.deleteButton a:hover {
	padding-left: 0px;
	text-decoration: none;
	color: gray;
	background: url(../images/projects/but_deleteSmall_over.gif) top left
		no-repeat;
}

.deleteButton a:active {
	color: gray;
}

.projectStepResourcesDetailsColumn {
	vertical-align: top;
	background-color: transparent;
	width: 100%;
	border-right: 1px #CCCCCC solid;
	text-align: left;
}

.projectStepResourcesInfoColumn {
	vertical-align: top;
	background-color: transparent;
	text-align: left;
}

.projectStepResourcesSideInfo {
	width: 120px;
	table-layout: fixed;
	text-align: left;
}

.projectStepResourcesSideInfo td {
	font-size: 10px;
}

.projectStepResourcesSideInfo_Labels {
	width: 20px;
	border-bottom: 1px #CCCCCC solid;
	text-align: left;
}

.projectStepResourcesSideInfo_Data {
	background-color: transparent;
	border-bottom: 1px #CCCCCC solid;
	text-align: left;
	padding-right: 0px;
}

.projectStepResourcesSideInfo_Data td {
	background-color: transparent;
	text-align: left;
	padding-right: 0px;
}

.projectStepResourcesTitle {
	font-size: 12px;
	font-weight: bold;
	padding: 5px 5px 0px 5px;
}
.projectStepInnerMarginColumn {
	width: 10px;
}
.projectStepContentColumn {
	width: 647px;
}




.projectStepContentColumn a{
	font-size: 11px;
	font-weight: bold;
	line-height: 14px;
	text-decoration: none;
	outline: none;
}

.projectStepContentColumn a:link{
	color: #669900;
	outline: none;
	text-decoration: none;
}

.projectStepContentColumn a:visited{
	color: #669900;
	outline: none;
	text-decoration: none;
}

.projectStepContentColumn a:hover{
	color: #99CC00;
	outline: none;
	text-decoration: none;
}



.projectStepContentColumn a:active {
	color: #669900;
	outline: none;
	text-decoration: none;
	
}

/* Curriculum page styles */

.projectStepContentTable_CurriculumContent {
	width: 504px;
	overflow: hidden;
	padding: 0px 5px 5px 5px;
}
.projectStepContentTable_CurriculumTitle {
	width: 504px;
	overflow: hidden;
}

.projectStepCurriculumDetailsColumn {
	vertical-align: top;
	background-color: transparent;
	width: 100%;
	border-right: 1px #CCCCCC solid;
	text-align: left;
}

.projectStepCurriculumInfoColumn {
	vertical-align: top;
	background-color: transparent;
	text-align: left;
}

.projectStepCurriculumSideInfo {
	width: 120px;
	table-layout: fixed;
	text-align: left;
}

.projectStepCurriculumSideInfo td {
	font-size: 10px;
}

.projectStepCurriculumSideInfo_Labels {
	width: 20px;
	border-bottom: 1px #CCCCCC solid;
	text-align: left;
}

.projectStepCurriculumSideInfo_Data {
	background-color: transparent;
	border-bottom: 1px #CCCCCC solid;
	text-align: left;
	padding-right: 0px;
}

.projectStepCurriculumSideInfo_Data td {
	background-color: transparent;
	text-align: left;
	padding-right: 0px;
}

.projectStepCurriculumTitle {
	font-size: 12px;
	font-weight: bold;
	padding: 5px 5px 5px 5px;
}

.projectStepCurriculumLink {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 100%;
}

.projectStepCurriculumLink td {
	font-size: 11px;
}

.projectStepCurriculumLink a{
	color: #669900;
	font-weight: bold;
	outline: none;
	text-decoration: none;
}

.projectStepCurriculumLink a:visited{
	color: #669900;
	font-weight: bold;
	outline: none;
	text-decoration: none;
}
.projectStepCurriculumLink a:link{
	color: #669900;
	font-weight: bold;
	outline: none;
	text-decoration: none;
}
.projectStepCurriculumLink a:active {
	color: #669900;
	font-weight: bold;
	outline: none;
	text-decoration: none;
}

.projectStepCurriculumLink a:hover {
	color: #99CC00;
	outline: none;
	text-decoration: none;
}

/* end Curriculum page styles */


/* Collaboration Styles */

.collaborationTableStyle{
	background-image: url("../images/projects/contentTile_collaboration.gif");
	background-position: top left;
	background-repeat: repeat-y;
}

.collaborationTableFooterStyle{
	background-image: url("../images/projects/contentBottom_collaboration.gif");
	background-position: bottom left;
	background-repeat: no-repeat;
	width:229px;
	height:15px;	
}

.whiteFontStyle{
	color: white;
}

.grayFontStyle{
	color: #666666;
}

.boldFontStyle{
	font-weight: bold;
}

.noBoldFontStyle{
	font-weight: normal;
}

.smallFontSize{
	font-size: 10px;
}

.collaborationTableTopSpacerStyle{
	height: 5px;
	line-height: 5px;
	font-size: 5px;
}

.collaborationTableBottomSpacerStyle{
	height: 10px;
}

.collaborationTableLeftSpacerStyle{
	width: 11px;
}

.collaborationTableRightSpacerStyle{
	width: 21px;
}

.collaborationTableHeightSpacerStyle{
	height: 5px;
	line-height: 5px;
	font-size: 5px;
}

.collaborationMembersTableTitleStyle{
	font-size: 10px;
	color: white;
	font-weight: bold;
	line-height: 20px;
	vertical-align: middle;
	padding-left: 10px;
}

.collaborationMembersTableStyle{
	border-color: #e2e2e2;
	border-width: 1px;
	border-style: solid;
	background-color: #f8f7ec;
	width: 196px;
}

.collaborationMembersTableHeaderStyle{
	background-color: #bebdb2;
	height: 20px;
	width: 194px;
	border-top-color: #e2e2e2;
	border-top-width: 1px;
	border-top-style: solid;
	border-left-color: #e2e2e2;
	border-left-width: 1px;
	border-left-style: solid;
	border-right-color: #e2e2e2;
	border-right-width: 1px;
	border-right-style: solid;
}

.collaborationMembersTableWidthPaddingStyle{
	width: 5px;
}

.collaborationMembersTableHeightPaddingStyle{
	height: 8px;
}
.collaborationProjects td{
	vertical-align: top;
	padding: 0px;
}
.sharedProjectsOwnersTableStyle a:hover {
	color: #666666;
	text-decoration: underline;
}

.sharedProjectsOwnersTableColumnStyle{
}

.sharedProjectSelectedRowStyle{
	background-color: #CCE599;
	width: 100%;
}

.rowDiv td, .rowDiv tr, .rowDiv table, .rowDiv img, .rowDiv {
	vertical-align: top;
}
	
.rowDiv a{
	color: #666666;
}

.rowDiv a:hover{
	color: #669900;
}

/* End Collaboration Styles */

.projectBackToCommunityListButton a {
	display: block;
	margin: 0;
	padding: 0;
	width: 217px;
	height: 19px;
	overflow: hidden;
	text-decoration: none;
	text-align: center;
	background: url(../images/buttons/backtolist_commproj.gif) top left no-repeat;
}

.projectBackToCommunityListButton a:hover {
	background: url(../images/buttons/backtolist_commproj_over.gif) top left no-repeat;
}

.projectBackToShowcaseListButton a {
	display: block;
	margin: 0;
	padding: 0;
	width: 172px;
	height: 19px;
	overflow: hidden;
	text-decoration: none;
	text-align: center;
	background: url(../images/buttons/backtolist_showcaseproj.gif) top left no-repeat;
}

.projectBackToShowcaseListButton a:hover {
	background: url(../images/buttons/backtolist_showcaseproj_over.gif) top left no-repeat;
}

.projectCollaborationBanner {
	display: block;
	margin: 0px;
	padding: 0px;
	text-align: center;
	color: #666666;
	width: 931px;
}

/* These should are actually a poor use of css.  Please don't use them anymore. */

.fontVerdana {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.noFontSize {
	line-height: 0px;
	font-size: 0px;
}
.noFontSize td {
	line-height: 0px;
	font-size: 0px;
}
.fontLarge {
	font-size: 14px;
	line-height: 17px;
}
.fontNormal {
	font-size: 11px;
	line-height: 14px;
}
.fontSmall {
	font-size: 10px;
	line-height: 12px;
}
.fontBold {
	font-weight: bold;
}
.fontDarkGray {
 	color: #333333;
}
.fontMediumGray {
	color: #6c6c6c;
}
.fontGray {
	color: #666666;
}
.fontWhite {
 	color: #FFFFFF;
}
.wordBreak {
	word-wrap: break-word;
}

.alignTopStyle{
	vertical-align: top;
}

/* Invitation Popup styles */

.invitationPopup {
	background-color: #F0F0F0;
	font-size: 11px;
	line-height: 14px;
	padding-left:30px;
	padding-right:30px;
	padding-top:20px;
	padding-bottom:14px;
}

.invitationHeader {
	width:610px;
	border-top: 1px #CCCCCC solid;
	padding-left:0px;
	padding-right:0px;
	padding-top:6px;
	padding-bottom:10px;
	
}

.invitationTableContainer{
	padding-left:0px;
	padding-right:0px;
	padding-top:10px;
	padding-bottom:6px;
}

.invitationPopup table {
	padding: 0px;
	margin: 0px;
	width: 100%;
}

.invitationPopupTitleBar{
	width: auto;
	height: 55px;
	color: #FFFFFF;
	font-size: 26px;
	line-height: 55px;
	vertical-align: middle;
	padding-left: 30px;
	background-image: url("../images/profile/banner_popup_profile.jpg");
	background-position: right;
}

.projectInvitationCenter {
	text-align: center;
}
.greenText{
	text-decoration: none;
	color: #669900;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.projectTitle{
	text-decoration: none;
	color: #669900;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
	

.headerText{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	padding: 0px;
	font-weight: bold;
}

/* End Invitation Popup styles */

/**  Project specific implementations of the generic popup styles found in popup.css */
.popupTitleBar {
	background-image: url(../images/projects/banner_popup_projects.jpg);
	background-position: right;
}


/** 
  *
  * Rate a project styling
  *
  */

#rateProjectPopup .instructions {
	display: block;
	padding-bottom: 10px;
}
#rateProjectPopup .subSection {
	border-top-width: 1px;
	padding-top: 20px;
	margin-bottom: 10px;
	width: 100%;
}
#rateProjectPopup .title {
	font-weight: bold;
	font-size: 12px;
}
#rateProjectPopup .questionTableHeader {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 1px;
	margin-top: 5px;
	width: 200px;
}
#rateProjectPopup .ratingHeading {
	float: left;
	width: 20px;
	font-size: 10px;
	line-height: 12px;
	text-align: center;
}
#rateProjectPopup .questionTable {
	background-color: #FFFFFF;
	border-width: 1px;
	border-collapse: collapse;
	width: 100%;
}
#rateProjectPopup .questionTable td {
	border-width: 1px;
}
#rateProjectPopup .ratingButtons {
	width: 80px;
}
#rateProjectPopup .ratingGroup {
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
}
#rateProjectPopup .ratingGroup td {
	border: 0px;
	margin: 0px;
	padding: 0px;
	width: 20px;
	height: 25px;
	text-align: center;
	border-collapse: collapse;
}
#rateProjectPopup .questionText {
	padding: 5px;
	display: block;
}
#rateProjectPopup input {
	padding: 0px;
	margin: 0px;
	line-height: 0px;
	font-size: 0px;
}
#rateProjectPopup .score {
	display: block;
	width: 100%;
	font-weight: bold;
	text-align: right;
	margin-top: 5px;
}
#rateProjectPopup .buttonRow {
	border-top-width: 1px;
	border-bottom-width: 1px;
	padding-left: 15px;
}
#rateProjectPopup .buttonRow .clearAllButtonSmall {
	margin-top: 11px;
	float: left;
}
#rateProjectPopup .buttonRow .calculateButton {
	margin-top: 8px;
	margin-bottom: 8px;
	float: right;
}
#rateProjectPopup .ratingSummary {
	margin-top: 15px;
}
#rateProjectPopup .totalScore {
	font-weight: bold;
}
#rateProjectPopup .scoreSummary {
	margin-top: 15px;
	display: block;
}

#projectRateLink {
	float: right;
	vertical-align: middle;
	padding-right: 10px;
}
#projectRateLink a.rateProject {
	font-size: 11px;
	color: #676767 !important;
	vertical-align: middle;
}
#projectRateLink a.rateProject:link {
	text-decoration: none;
}
#projectRateLink a.rateProject:hover {
	text-decoration: underline;
}
#projectRateLink a.rateProject:active {
	text-decoration: underline;
}

.stars {
	display: inline;
	vertical-align: middle;
}

#projectRateLink .stars {
	margin-left: 5px;
}

#rateProjectPopup .stars {
	margin-left: 20px;
}

/** 
  * End Rate a project styling
  */

.myProjectsGetStarted {
	background-image: url(../images/projects/corner_HowToBegin.jpg);
	background-repeat: no-repeat;
	font-size: 10px;
	line-height: 14px;
	color: #666666;
	border-top: 1px #CCCCCC solid;
	width: 566px;
}

.myProjectsGetStarted a {
	font-weight: normal;
	font-size: 10px;
	line-height: 14px;
	color: #666666;
	text-decoration: none;
	outline: none;
}

.myProjectsGetStarted a:hover {
	color: #666666;
	text-decoration: underline;
}

.myProjectsGetStartedLeft {
	float: left;
	width: 270px;
}

.howToBeginText {
	display: block;
	padding-left: 30px;
	padding-bottom: 20px;
	padding-right: 20px;
}

.howToBeginLink {
	display: block;
	background: url(../images/projects/but_howtobegin.jpg) top left no-repeat;
	width: 250px;
	height: 131px;
	border-left: 1px #CCCCCC solid;
}

.howToBeginLink:hover {
	background: url(../images/projects/but_howtobegin_o.jpg) top left no-repeat;
}
.howToBeginLink:active {
	background: url(../images/projects/but_howtobegin_o.jpg) top left no-repeat;
}

.myProjectsGetStartedRight {
	float: left;
	width: 242px;
	padding-top: 10px;
	padding-left: 20px;
	padding-bottom: 20px;
	padding-right: 20px;
	background: transparent;
}

.myProjectsGetStartedRightCol {
	vertical-align: top;
}

.myProjectsGetStartedShowcase {
	padding-left: 10px;
}

.myProjectsGetStartedShowcaseTitle {
	padding-bottom: 5px;
	letter-spacing: 2px;
}

.myProjectsGetStartedShowcaseSubtitle {
	font-weight: bold;
}

.myProjectsGetStartedCommunity {
	padding-left: 10px;
}

.myProjectsGetStartedCommunityTitle {
	padding-top: 20px;
	padding-bottom: 5px;
	letter-spacing: 2px;
}

.myProjectsGetStartedCommunitySubtitle {
	font-weight: bold;
}

.myProjectsGetStartedHowToBeginLink {
	padding-top: 10px;
}

.myProjectsGetStartedHowToBeginLink a {
	font-weight: bold;
	font-size: 10px;
	line-height: 14px;
	color: #6F9300;
	text-decoration: none;
	outline: none;
}

.myProjectsGetStartedHowToBeginLink a:visited {
	color: #6F9300;
	text-decoration: none;
}

.myProjectsGetStartedHowToBeginLink a:hover {
	color: #6F9300;
	text-decoration: underline;
}

.openButton{
	background-image: url(../images/projects/button_open.gif);
	display: block;
	height: 24px;
	width: 110px;
	background-repeat: no-repeat;
	background-position: left -48px;
	margin: 0px 0px 5px;
	padding: 0px;
}

.openButton a,.openButton a:active, .openButton a:link{
	background-image: url(../images/projects/button_open.gif);
	display: block;
	height: 24px;
	width: 110px;
	background-repeat: no-repeat;
	background-position: left top;
}

.openButton a:hover{
	background-position: left -24px;	
}

.copyButton{
	background-image: url(../images/projects/button_copy.gif);
	display: block;
	height: 24px;
	width: 110px;
	background-repeat: no-repeat;
	background-position: left -48px;
	margin: 0px 0px 5px;
	padding: 0px;
}

.copyButton a, .copyButton a:active, .copyButton a:link{
	background-image: url(../images/projects/button_copy.gif);
	display: block;
	height: 24px;
	width: 110px;
	background-repeat: no-repeat;
	background-position: left top;
}

.copyButton a:hover{
	background-position: left -24px;	
}

.shareButton{
	background-image: url(../images/projects/button_share.gif);
	display: block;
	height: 24px;
	width: 110px;
	background-repeat: no-repeat;
	background-position: left -48px;
	margin: 0px 0px 5px;
	padding: 0px;
}

.shareButton a, .shareButton a:active, .shareButton a:link{
	background-image: url(../images/projects/button_share.gif);
	display: block;
	height: 24px;
	width: 110px;
	background-repeat: no-repeat;
	background-position: left top;
}

.shareButton a:hover{
	background-position: left -24px;	
}

.publishButton{
	background-image: url(../images/projects/button_publish.gif);
	display: block;
	height: 24px;
	width: 110px;
	background-repeat: no-repeat;
	background-position: left -48px;
	margin: 0px 0px 5px;
	padding: 0px;
}

.publishButton a, .publishButton a:active, .publishButton a:link{
	background-image: url(../images/projects/button_publish.gif);
	display: block;
	height: 24px;
	width: 110px;
	background-repeat: no-repeat;
	background-position: left top;
}

.publishButton a:hover{
	background-position: left -24px;	
}

.showcaseButton{
	padding:0px;
	display: block;
	margin: 0px 0px 5px;
	width: 110px;
	height: 24px;
	background: url(../images/projects/button_showcase.gif)   0 +24px;
}
.showcaseButton a {
	padding:0px;
	display: block;
	margin: 0;
	padding: 0;
	width: 110px;
	height: 24px;
	overflow: hidden;
	text-decoration: none;
	text-align: center;
	background: url(../images/projects/button_showcase.gif) top left no-repeat;
}

.showcaseButton a:hover, .findProjectButton a:active {
	background-position: 0 -24px;
}

.deleteProjectButton{
	background-image: url(../images/projects/button_delete.gif);
	display: block;
	height: 24px;
	width: 110px;
	background-repeat: no-repeat;
	background-position: left -48px;
	margin: 0px 0px 5px;
	padding: 0px;
}

.deleteProjectButton a, .deleteProjectButton a:active, .deleteProjectButton a:link{
	background-image: url(../images/projects/button_delete.gif);
	display: block;
	height: 24px;
	width: 110px;
	background-repeat: no-repeat;
	background-position: left top;
}

.deleteProjectButton a:hover{
	background-position: left -24px;	
}

.archiveButton{
	background-image: url(../images/projects/button_archive.gif);
	display: block;
	height: 24px;
	width: 110px;
	background-repeat: no-repeat;
	background-position: left -48px;
	margin: 0px 0px 5px;
	padding: 0px;
}

.archiveButton a, .archiveButton a:active, .archiveButton a:link{
	background-image: url(../images/projects/button_archive.gif);
	display: block;
	height: 24px;
	width: 110px;
	background-repeat: no-repeat;
	background-position: left top;
}

.archiveButton a:hover{
	background-position: left -24px;	
}

.editButton{
	background-image: url(../images/projects/button_edit.gif);
	display: block;
	height: 24px;
	width: 110px;
	background-repeat: no-repeat;
	background-position: left -48px;
	margin: 0px 0px 5px;
	padding: 0px;
}

.editButton a, .editButton a:active, .editButton a:link{
	background-image: url(../images/projects/button_edit.gif);
	display: block;
	height: 24px;
	width: 110px;
	background-repeat: no-repeat;
	background-position: left top;
}

.editButton a:hover{
	background-position: left -24px;	
}

.collaborationOpenButtonSmall {
	padding:0px;
	display: block;
	margin: 0;
	width: 41px;
	height: 16px;
	background: url(../images/buttons/button_collab_open.gif)   0 +16px;
}
.collaborationOpenButtonSmall a {
	padding:0px;
	display: block;
	margin: 0;
	padding: 0;
	width: 41px;
	height: 16px;
	overflow: hidden;
	text-decoration: none;
	text-align: center;
	background: url(../images/buttons/button_collab_open.gif) top left no-repeat;
}

.collaborationOpenButtonSmall a:hover, .collaborationOpenButtonSmall a:active {
	background-position: 0 -16px;
}

.collaborationCopyButtonSmall {
	padding:0px;
	display: block;
	margin: 0;
	width: 41px;
	height: 16px;
	background: url(../images/buttons/button_collab_copy.gif)   0 +16px;
}
.collaborationCopyButtonSmall a {
	padding:0px;
	display: block;
	margin: 0;
	padding: 0;
	width: 41px;
	height: 16px;
	overflow: hidden;
	text-decoration: none;
	text-align: center;
	background: url(../images/buttons/button_collab_copy.gif) top left no-repeat;
}

.collaborationCopyButtonSmall a:hover, .collaborationCopyButtonSmall a:active {
	background-position: 0 -16px;
}

.collaborationRemoveButtonSmall {
	padding:0px;
	display: block;
	margin: 0;
	width: 48px;
	height: 16px;
	background: url(../images/buttons/button_collab_remove.gif)   0 +16px;
}
.collaborationRemoveButtonSmall a {
	padding:0px;
	display: block;
	margin: 0;
	padding: 0;
	width: 48px;
	height: 16px;
	overflow: hidden;
	text-decoration: none;
	text-align: center;
	background: url(../images/buttons/button_collab_remove.gif) top left no-repeat;
}

.collaborationRemoveButtonSmall a:hover, .collaborationRemoveButtonSmall a:active {
	background-position: 0 -16px;
}

.addTaskButton{
	padding:0px;
	display: block;
	margin: 0;
	width: 91px;
	height: 24px;
	background: url(../images/buttons/button_addTask.gif)   0 +24px;
}
.addTaskButton a {
	padding:0px;
	display: block;
	margin: 0;
	padding: 0;
	width: 91px;
	height: 24px;
	overflow: hidden;
	text-decoration: none;
	text-align: center;
	background: url(../images/buttons/button_addTask.gif) top left no-repeat;
}

.addTaskButton a:hover, .addTaskButton a:active {
	background-position: 0 -24px;
}

.addActivityButton{
	padding:0px;
	display: block;
	margin: 0;
	width: 110px;
	height: 24px;
	background: url(../images/buttons/button_addActivity.gif)   0 +24px;
}
.addActivityButton a {
	padding:0px;
	display: block;
	margin: 0;
	padding: 0;
	width: 110px;
	height: 24px;
	overflow: hidden;
	text-decoration: none;
	text-align: center;
	background: url(../images/buttons/button_addActivity.gif) top left no-repeat;
}

.addActivityButton a:hover, .addActivityButton a:active {
	background-position: 0 -24px;
}

.createRubricButton{
	padding:0px;
	display: block;
	margin: 0;
	width: 110px;
	height: 24px;
	background: url(../images/buttons/button_createRubric.gif)   0 +24px;
}
.createRubricButton a {
	padding:0px;
	display: block;
	margin: 0;
	padding: 0;
	width: 110px;
	height: 24px;
	overflow: hidden;
	text-decoration: none;
	text-align: center;
	background: url(../images/buttons/button_createRubric.gif) top left no-repeat;
}

.createRubricButton a:hover, .createRubricButton a:active {
	background-position: 0 -24px;
}

.addCurriculumButton{
	padding:0px;
	display: block;
	margin: 0;
	width: 116px;
	height: 24px;
	background: url(../images/buttons/button_addCurriculum.gif)   0 +24px;
}
.addCurriculumButton a {
	padding:0px;
	display: block;
	margin: 0;
	padding: 0;
	width: 116px;
	height: 24px;
	overflow: hidden;
	text-decoration: none;
	text-align: center;
	background: url(../images/buttons/button_addCurriculum.gif) top left no-repeat;
}

.addCurriculumButton a:hover, .addCurriculumButton a:active {
	background-position: 0 -24px;
}

.addResourceButton{
	padding:0px;
	display: block;
	margin: 0;
	width: 110px;
	height: 24px;
	background: url(../images/buttons/button_addResource.gif)   0 +24px;
}
.addResourceButton a {
	padding:0px;
	display: block;
	margin: 0;
	padding: 0;
	width: 110px;
	height: 24px;
	overflow: hidden;
	text-decoration: none;
	text-align: center;
	background: url(../images/buttons/button_addResource.gif) top left no-repeat;
}

.addResourceButton a:hover, .addResourceButton a:active {
	background-position: 0 -24px;
}

.projectStepEditButton{
	padding:0px;
	display: block;
	margin: 0;
	width: 91px;
	height: 24px;
	background: url(../images/buttons/button_edit.gif)   0 +24px;
}
.projectStepEditButton a {
	padding:0px;
	display: block;
	margin: 0;
	padding: 0;
	width: 91px;
	height: 24px;
	overflow: hidden;
	text-decoration: none;
	text-align: center;
	background: url(../images/buttons/button_edit.gif) top left no-repeat;
}

.projectStepEditButton a:hover, .projectStepEditButton a:active {
	background-position: 0 -24px;
}

.projectStepAttachButton{
	padding:0px;
	display: block;
	margin: 0;
	width: 94px;
	height: 24px;
	background: url(../images/buttons/button_blank_reg94.gif)   0 +24px;
}
.projectStepAttachButton a {
	padding:0px;
	display: block;
	margin: 0;
	padding: 0;
	width: 94px;
	height: 24px;
	overflow: hidden;
	text-decoration: none;
	text-align: center;
	background: url(../images/buttons/button_blank_reg94.gif) top left no-repeat;
}

.projectStepAttachButton a:hover, .projectStepAttachButton a:active {
	background-position: 0 -24px;
}

.calculateButton{
	width: 91px;
	height: 24px;
	background: url(../images/buttons/button_calculate.gif)   0 +24px;
}
.calculateButton a {
	width: 91px;
	height: 24px;
	overflow: hidden;
	text-decoration: none;
	text-align: center;
	background: url(../images/buttons/button_calculate.gif) top left no-repeat;
}

.calculateButton a:hover, .calculateButton a:active {
	background-position: 0 -24px;
}



.findProjectButton{
	padding:0px;
	display: block;
	margin: 0;
	width: 110px;
	height: 24px;
	background: url(../images/buttons/button_findProject.gif)   0 +24px;
}
.findProjectButton a {
	padding:0px;
	display: block;
	margin: 0;
	padding: 0;
	width: 110px;
	height: 24px;
	overflow: hidden;
	text-decoration: none;
	text-align: center;
	background: url(../images/buttons/button_findProject.gif) top left no-repeat;
}

.findProjectButton a:hover, .findProjectButton a:active {
	background-position: 0 -24px;
}

.attachmentUploadButton {
	display: inline;
	margin: 0;
	padding: 0;
	width: 16px;
	height: 16px;
	overflow: hidden;
	text-decoration: none;
	color: gray;
	text-align: center;
	background: url("../images/buttons/deleteSmall.gif") top left no-repeat;
	position: absolute;
	top: 5px;
	left: 75px;
	z-index: 1;
}

.attachmentUploadButton:hover {
	padding-left: 0px;
	text-decoration: none;
	color: gray;
	background: url("../images/buttons/deleteSmall.gif") top left no-repeat;
}

.attachmentFile {
	position: relative;
    top: 0px;
    left: -150px;
	-moz-opacity:0 ;
	filter: alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
}

.projectAttachmentList {
	width:580px;
	background-color: #EFEFEF;
}

.projectAttachmentBackground {
	background-color: #EFEFEF;
}

.hiddenLink {
	display: none;
}