/* Designed by François PLANQUE - http://fplanque.net/ */
/* modified by EdB (http://wonderwinds.com) */

@import url(../../rsc/basic.css);	/* Import basic styles */
@import url(../../rsc/forms.css);	/* Import default form styles */

	body
	{
		background-color: #6884AB;
		font-size : 62.5%;
		font-family : Tahoma, Arial, Verdana, 'Trebuchet MS', 'Lucida Grande', sans-serif;
		color : #333;
		text-align : center;
		margin : 0;
		padding : 0;
		border: 0px solid #ccc;
	}

/******************************************************************************/
/** MAIN HTML TAGS                                                           **/
/******************************************************************************/

	h2
	{
		background-color: inherit;
		color: #2F3B6B;
		font-size: 15px;
		padding-top: 0;
		margin-top: 0;
		padding-bottom: 5px;
		margin-bottom: 0;
		margin-left: 0px;
		font-weight: normal;
	}

	h2.inProgress
	{
		text-align: center;
		padding-left: 65px;
		margin-bottom: 5px;
	}

	span.inProgress
	{
		padding-left: 3px;
		padding-right: 3px;
		padding-bottom: 2px;
		border-bottom: 2px solid #8795AD;
	}

	h5
	{
		font-size: 12px;
		margin-top: 2px;
		margin-bottom: 2px;
	}

	h5.bTitle
	{
		text-align: left;
		margin-top: 3px;
		margin-bottom: 8px;
		font-weight: normal;
	}

	a
	{
		background-color: inherit;
		color: #06c;
		text-decoration: none;
	}

	.clearAll
	{
		clear: both;
	}


/******************************************************************************/
/** POST LINE DISPLAY                                                        **/
/******************************************************************************/

	.bPost, .bPostpublished
	{
		clear: both;
		margin-right: 10px;
		margin-left: 20px;
		margin-top: 0px;
		margin-bottom: 0px;
		border: 0px solid #6699CC;
		padding: 0px;
		padding-right: 8px;
		padding-left: 8px;
	}

	.dimmed
	{
		background-color: inherit;
		color: #666;
		font-size: 90%;
	}

	.bTitle a
	{
		background-color: inherit;
		color: #06c;
		font-size: 125%;
	}

	.comment
	{
		float: left;
		width: auto;
		margin-left: 0px;
		background-color: inherit;
		color: #333;
		font-size: 100%;
		border: 0px solid #3ff;
	}

	.comment_author
	{
		white-space: nowrap;
		float:right;
		width: auto;
		background-color: inherit;
		color: #666;
		font-size: 90%;
		margin-bottom:12px;
		border: 0px solid #3ff;
	}

	.comment_author2
	{
		white-space: nowrap;
		float:left;
		width: auto;
		background-color: inherit;
		color: #666;
		font-size: 90%;
		margin-left:3px;
		margin-bottom:12px;
		border: 0px solid #3ff;
	}

	/*************************************************************/
	/** MAIN ROUNDIE WITH DARK BLUE HEADER AND #F5F5F5 BOTTOM ****/
	/*************************************************************/

	.tasks_header
	{
		color: inherit;
		background-color:#CFD8E5;
	}

	.tasks_header .t, .tasks_header .b, .tasks_header .b b, .tasks_header .t b
	{
		height:20px;
		background-image:url(img/tasks_header.png);
	}

	.tasks_header .b b, .tasks_header .b
	{
		height:10px;
		background-image:url(img/tasks_header.png);
	}

	.tasks_header .c
	{
		background-color: inherit;
		color: inherit;
		border-color:#CFD8E5;
		border-left-width:2px;
		border-right-width:2px;
		font-size: 1.2em;
	}

	/*************************************************************/
	/** TASK ROUNDIE WITH #F5F5F5 INNER AND MEDIUM BLUE BG    ****/
	/*************************************************************/

	.tasks_todo
	{
		color: inherit;
		background-color:#f5f5f5;
	}

	/* curve height, background image */
	.tasks_todo .t, .tasks_todo .b, .tasks_todo .b b, .tasks_todo .t b
	{
		height:10px;
		background-image:url(img/tasks_todo.png);
	}

	.tasks_todo .b b, .tasks_todo .b
	{
		height:10px;
		background-image:url(img/tasks_todo.png);
	}

	/* inner color, border color, border width */
	.tasks_todo .c
	{
		background-color: inherit;
		color: inherit;
		border-color:#f5f5f5;
		border-left-width:0px;
		border-right-width:0px;
		font-size: 1.2em;
		margin: 0;
		padding: 0px;
	}

	/*************************************************************/
	/** COMPLETED ROUNDIE WITH #F5F5F5 TOP AND GREEN BOTTOM   ****/
	/*************************************************************/

	.completed_early
	{
		color: inherit;
		background:#f5f5f5;
	}

	/* curve height, background image */
	.completed_early .t, .completed_early .b, .completed_early .b b, .completed_early .t b
	{
		height:10px;
		background-image:url(img/completed_early.png);
	}

	.completed_early .b b, .completed_early .b
	{
		height:10px;
		background-image:url(img/completed_early.png);
	}

	/* inner color, border color, border width */
	.completed_early .c
	{
		border-color:#f5f5f5;
		border-left-width:0px;
		border-right-width:0px;
		font-size: 1.2em;
		margin: 0;
		padding: 0px;
	}

	/*************************************************************/
	/** COMPLETED ROUNDIE WITH #F5F5F5 TOP AND RED BOTTOM     ****/
	/*************************************************************/

	/* curve height, background image */
	.completed_late .t, .completed_late .b, .completed_late .b b, .completed_late .t b
	{
		height:10px;
		background-image:url(img/completed_late.png);
	}

	.completed_late .b b, .completed_late .b
	{
		height:10px;
		background-image:url(img/completed_late.png);
	}

	/* inner color, border color, border width */
	.completed_late .c
	{
		border-color:#f5f5f5;
		border-left-width:0px;
		border-right-width:0px;
		font-size: 1.2em;
		margin: 0;
		padding: 0px;
	}

	/*************************************************************/
	/** FORM FOR COMPLETING TASKS WITH #F5F5F5 BACKGROUND     ****/
	/*************************************************************/

	/* curve height, background image */
	.complete_form .t, .complete_form .b, .complete_form .b b, .complete_form .t b
	{
		height:10px;
		background-image:url(img/fr_rounded7.png);
	}

	.complete_form .b b, .complete_form .b
	{
		height:10px;
		background-image:url(img/fr_rounded7.png);
	}

	/* inner color, border color, border width */
	.complete_form .c
	{
		color: inherit;
		background:#f8f8f8;
		border-color:#ccc;
		border-left-width:1px;
		border-right-width:1px;
		font-size: 12px;
		padding-left: 10px;
		padding-right: 10px;
	}


/************************************************************************/
/**  LOGIN FORM                                                        **/
/************************************************************************/

	div.loginblock
	{
		border: 1px solid #CCCCCC;
		padding: 2ex;
		margin: 3ex auto;
		width: 30em;
		clear: both;
		color: inherit;
		background-color : #f5f5f5;
		font-size: 12px;
		text-align: center;
	}

	.loginblock h2
	{
		margin-top: 0ex;
		color: #333;
		background-color: inherit;
		padding-left: 0;
		font-size: 2.6em;
		margin-bottom: 0px;
		padding-bottom: 0px;
	}

	.loginblock h4
	{
		margin-bottom: 1ex;
		color: #333;
		background-color: inherit;
		font-size: 1.6em;
		margin-top: 10px;
	}

	div.loginblock fieldset
	{
		margin: 0;
		padding: 1ex 0;
	}

	.clearAll
	{
		clear: both;
	}

	form.fform fieldset
	{
		border: 1px solid #CCCCCC;
		background-color : #eeeeee;
	}

	div.loginblock fieldset
	{
		margin: 0;
		padding: 1ex 0;
	}

	form.fform fieldset
	{
		border-color: #ddd;
		font-size: 16px;
	}

	form.fform input
	{
		border: 1px solid #ccc;
		font-size: 20px;
	}

	.center
	{
		text-align : center;
	}


	.checkbox
	{
		padding:2px;
		border:1px solid #333;
	}



	div.reqCheck
	{
		width: 510px;
		padding: 0px;
		padding-bottom: 10px;
		padding-left: 0px;
		display: inline;
		float: right;
		font-size: 14px;
		border: 0px solid #ccc;
	}

/******************************************************************/
/* SINGLE VIEW RESOURCES SECTION                                  */
/******************************************************************/

	#projectGroup
	{
		margin-left:3px;
		padding-bottom:10px;
	}

	.project
	{
		clear: both;
		margin: 0;
		margin-bottom: 5px;
		padding: 0;
		padding-left: 10px;
		height: 80px;
		width: 810px;
		border: 1px solid #DCE6EC;
		background-image: url("img/projectRoundie2.png");
	}

	.pieChart
	{
		float: left;
		width: auto;
		margin-top: 10px;
		border: 0px solid #FFE6EC;
	}

	.bPost2
	{
		float:left;
		width: auto;
	}

	/* hide pie chart for inactive project */
	#inactiveProjects .pieChart
	{
		display: none;
	}

	/* hide pie chart for inactive project */
	#inactiveProjects .bPost2
	{
		display: none;
	}

	#activeProjects .lastComment
	{
		display: none;
	}

	#inactiveProjects .lastComment
	{
		display: inline;
	}

	#inactiveProjects .project
	{
		background-image: url("img/projectRoundie3.png");
		height: 30px;
	}

	#inactiveProjects .projectTitle
	{
		padding: 0;
		margin: 0;
		font-size: 18px;
	}

	.projectDetails
	{
		width: 730px;
		margin-left: 10px;
		margin-bottom: 35px;
		margin-top: 5px;
		border: 0px solid #ff9900;
	}

	.projectTitle
	{
		text-align: left;
		margin-top: 0px;
		padding: 0;
		font-weight: normal;
		border: 0px solid #6699CC;
		font-size : 20px;
	}

	#activeProjects .projectTitle
	{
		float:left;
		width: auto;
		margin-top: 3px;
		margin-left: 5px;
	}

	.lastComment
	{
		font-size: 12px;
		background-color: inherit;
		color: #666;
	}

	.totalStatus
	{
		margin: 0px;
		background-color: inherit;
		color: #666;
		margin-left: 0px;
		font-size : 12px;
		border: 0px solid #ccc;
		clear: both;
	}

	.statusCount
	{
		background-color: inherit;
		color: #06c;
		margin-right: 10px;
	}

	.projectOptionsXX
	{
		position: relative;
		margin-left: 22px;
		top: 24px;
		border: 0px solid #6699CC;
		float: left;
		width: auto;
	}

	.optionButton, .optionButtonSelected
	{
		border: 0px solid #6699CC;
		width: 63px;
		float: left;
		padding: 3px;
		height: 13px;
		margin-right: 10px;
		text-align: center;
	}

	.optionButtonSelected
	{
		background-image:url(img/projectOptionBG.png);
	}

	.optionLink
	{
		font-size: 11px;
		background-color: inherit;
		color: #C0C0C0;
	}

	.optionLinkSelected
	{
		font-size: 11px;
		background-color: inherit;
		color: #ddd;
	}

	.showClosed
	{
		position: relative;
		margin-right: 25px;
		top: 22px;
		border: 0px solid #6699CC;
		float: right;
		width: auto;
		font-size: 1.2em;
		color: #ADAF9A;
		background-color: inherit;
	}

/******************************************************************/
/* MYLIST TO DO'S SECTION                                         */
/******************************************************************/

	.projectToDo
	{
		text-align : left;
		clear: both;
	}

	.todoNumber, .todoNumberBig, .todoNumberSmall
	{
		text-align : left;
		width: 20px;
		height: 26px;
		float: left;
		border: 0px solid #6699CC;
		background-image:url(img/circle_button3.png);
		background-repeat: no-repeat;
		color: #333399;
		font-size: 13px;
		padding-top: 7px;
		padding-left: 12px;
		margin-left: 10px;
	}

	.todoNumberBig
	{
		width: 25px;
		padding-left: 9px;
	}

	.todoNumberSmall
	{
		width: 25px;
		font-size: 11px;
		padding-top: 8px;
		padding-left: 6px;
	}

	.todoDetails
	{
		float: left;
		width: 745px;
		border: 0px solid #6699CC;
		margin: 0;
		margin-left: 10px;
		padding: 0;
	}

	.line1, .line2, .line3, .line4
	{
		border: 0px solid #6699CC;
		margin-bottom: 5px;
	}

	.line1
	{
		margin-top: 3px;
	}

	.blog_title
	{
		background-color: inherit;
		color: #333399;
		font-size: 15px;
	}

	.post_id, .post_age_title
	{
		background-color: inherit;
		color: #666;
		margin-right: 0px;
		font-size: 12px;
	}

	.post_id
	{
		font-size: 11px;
	}

	.post_title, .post_age
	{
		background-color: inherit;
		color: #333399;
		font-size: 13px;
	}

	.line2
	{
		margin-bottom: 5px;
		font-size: 12px;
	}

	.post_content
	{
		background-color: inherit;
		color: #000;
	}

	.post_byline
	{
		background-color: inherit;
		color: #666;
	}

	.line3, .line3a
	{
		float: left;
		width:800px;
		margin: 0;
		padding-bottom: 5px;
		color: inherit;
		background-color: #eee;
		border-top: 2px solid #CCE0EB;
	}

	.line3
	{
		color: inherit;
		background-color: #f5f5f5;
	}

	.line3a
	{
		color: inherit;
		background-color: #f5f5f5;
	}

	.comment_marker
	{
		width: 20px;
		float: left;
		margin: 3px;
		border: 0px solid #6699CC;
		margin-left: 20px;
	}

	.comment_content
	{
		float: left;
		width: 475px;
		margin-top: 1px;
		border: 0px solid #6699CC;
		font-size: 11px;
		line-height: 15px;
		padding-bottom: 0px;
	}

	.comment_byline
	{
		background-color: inherit;
		color: #c0c0c0;
		white-space: nowrap;
	}

	.assigneeStuff
	{
		float: right;
		width: 255px;
		font-size: 11px;
		border: 0px solid #6699CC;
		margin-top: 2px;
		margin-right: 10px;
		text-align: left;
	}

	.spacer
	{
		margin-top: 10px;
	}

	.assigneeStuffText
	{
		float: right;
		width:40px;
		text-align: right;
		border: 0px solid #000;
		padding: 0px;
		margin-top: 1px;
		margin-left: 2px;
	}

	.earlyText
	{
		background-color: inherit;
		color: #61B161;
	}

	.lateText
	{
		background-color: inherit;
		color: #FF6161;
	}

	.completedIn
	{
		float: right;
		width: auto;
		margin-right: 10px;
	}

	.assigneeBaton
	{
		float: right;
		width: auto;
		border: 0px solid #000;
		margin-right: 6px;
	}

	.assigneeTarget
	{
		width: 65px;
		float: right;
		text-align: left;
		padding-right: 5px;
		border: 0px solid #000;
	}

	.assigneeTargetCompletion
	{
		width: 180px;
		float: right;
		text-align: left;
		padding-right: 5px;
		padding-bottom: 10px;
		border: 0px solid #000;
	}

	.assigneeTarget img, .assigneeTargetCompletion img
	{
		float: right;
		width: auto;
		border: 0px solid #000;
	}

	.line4
	{
		margin: 0px;
		padding: 0px;
		border: 0px solid #f00;
		clear: both;
	}

	.rowholder
	{
		margin: 0 auto;
		width: 820px;
	}

	.line4a
	{
		float: left;
		width: auto;
		padding-bottom: 0px;
		border: 0px solid #f00;
	}

	.early
	{
		color: inherit;
		background-color: #CCE8CC;
	}

	.late
	{
		color: inherit;
		background-color: #FFC9C9;
	}

	.time_remaining
	{
		float: left;
		width: auto;
		font-size: 11px;
		background-color: inherit;
		color: #333399;
		margin-left: 20px;
	}

	.time_over
	{
		float: left;
		width: auto;
		font-size: 11px;
		background-color: inherit;
		color: #ff3333;
		margin-left: 20px;
	}

	.complete_button, .switchUser_button
	{
		float: right;
		margin-top: 0px;
		margin-bottom: 0px;
		margin-right: 10px;
		padding: 2px;
		width: 56px;
		height: 15px;
		background-image: url("img/blueButton_sm3.png");
		border: 0px solid #000;
		clear: right;
	}

	.switchUser_button
	{
		width: 66px;
		background-image: url("img/blueButton_sm2.png");
	}

	.No_switchUser_button
	{
		width: 66px;
	}

	.complete_button a, .switchUser_button a
	{
		font-size: 11px;
		margin-top: 0px;
		background-color: inherit;
		color: #003366;
		padding-left: 6px;
	}

	.completeForm
	{
		margin: 0 auto;
		border: 0px solid #f00;
		width: 800px;
	}

	#no_todo
	{
		margin: 25px auto 0 25px;
		font-size: 1.5em;

	}

/******************************************************************/
/* COMPLETE FORM SECTION                                          */
/******************************************************************/

	.commentArea
	{
		margin-bottom: 5px;
	}

	#notifyNameList
	{
		border: 1px solid #ccc;
		margin: 0px;
		margin-bottom: 5px;
		padding: 0;
	}

	.nameEntry
	{
		float: left;
		border: 0px solid #f00;
		width: 31%;
		padding-bottom: 0px;
		margin-left: 5px;
		margin-bottom: 2px;
		background-color: inherit;
		color: #003366;
	}

	.nameEntryUnchecked
	{
		float: left;
		border: 0px solid #0f0;
		width: 31%;
		padding-bottom: 0px;
		margin-left: 5px;
		margin-bottom: 2px;
		background-color: inherit;
		color: #ccc;
	}

	.nameEntry input
	{
		padding-bottom: 0px;
		margin-right: 7px;
	}

	.assigneeInfoText
	{
		float: left;
		width: auto;
		border: 0px solid #000;
		margin: 0px;
		padding: 0px;
		margin-left: 5px;
		margin-right: 8px;
	}


	.targetLight
	{
		border: 1px solid #ccc;
		background-color: inherit;
		color: #ccc;
	}

	.targetDark
	{
		border: 1px solid #ccc;
		background-color: inherit;
		color: #000;
	}

	.resolutionCheck
	{
		float: left;
		width: auto;
	}

	.bigButton
	{
		float: right;
		width: auto;
		margin-left: 10px;
	}

	.newPostButton
	{
		width: 123px;
		height: 30px;
		background-image: url("img/newPostButton.png");
		font-size: 13px;
		border: 0px;
		padding-bottom: 2px;
		color: #003366;
		background-color: inherit;
	}

	.topRowX
	{
		 float:left;
		 width: auto;
		 margin-top: 5px;
		 margin-bottom: 5px;
		 margin-right: 5px;
		 border:0px solid #000;
	}

	.topRowRight
	{
		 float:right;
		 width: 190px;
		 margin-top: 5px;
		 margin-bottom: 5px;
		 margin-right: 5px;
		 border:0px solid #000;
	}

/******************************************************************/
/* "SECTION" SECTION                                              */
/******************************************************************/

	.bPost, .bPostpublished
	{
		clear: both;
		margin-right: 0px;
		margin-left: 0px;
		margin-top: 0px;
		margin-bottom: 5px;
		border: 0px solid #6699CC;
		padding: 0px;
		padding-right: 8px;
		padding-left: 8px;
		background-image: url("img/entryBackground.png");
		width: 808px;
		height: 58px;
	}

	.sectionHeader
	{
		background-image: url("img/section_bg.png");
		width: 807px;
		height:17px;
		margin-bottom:10px;
		background-color:#666;
		color:#fff;
		text-align:left;
		font-size:14px;
		padding:3px;
		padding-left: 10px;
		border:0px solid #f00;
	}

	.sectionHeaderHidden
	{
		width: 811px;
		height:1px;
		margin-bottom:5px;
		background-color:#DCE6EC;
		color:#fff;
		text-align:left;
		font-size:14px;
		padding:3px;
		padding-left: 10px;
		border:0px solid #f00;
	}

	.sectionGroupText
	{
		float: left;
		width: auto;
		background-color: inherit;
		color: #B1B3B7;
		padding-right: 3px;
	}

	.bPostID
	{
		float: left;
		width: 45px;
		border: 0px solid #6699CC;
		margin-top: 21px;
		text-align:center;
		background-color: inherit;
		color: #666;
		font-size: 90%;
	}

	.bPostContent
	{
		float: left;
		width: 740px;
		height: 50px;
		margin-top: 5px;
		margin-left: 20px;
		border: 0px solid #0f0;
	}

	.bPostTopRow
	{
		border: 0px solid #000;
		height: 20px;
	}

	.bPostBottomRow
	{
		border: 0px solid #000;
		margin-top: 8px;
		height: 15px;
	}

	.bPostTitle
	{
		display: inline;
		float: left;
		width: 470px;
		margin-left: 0px;
		border: 0px solid #00f;
	}

	.bPostTitle a
	{
		background-color: inherit;
		color: #06c;
		font-size: 16px;
	}

	.bPostAssignee
	{
		display: inline;
		float: right;
		text-align: right;
		width: 250px;
		margin-left: 0px;
		border: 0px solid #f00;
	}

	.dimmed
	{
		background-color: inherit;
		color: #666;
		font-size: 90%;
		white-space: nowrap;
	}

	.byline_cc
	{
		background-color: inherit;
		color: #9B9B9B;
		font-size: 90%;
		margin-left:5px;
		white-space: nowrap;
	}

	.bTitle a
	{
		background-color: inherit;
		color: #06c;
		font-size: 15px;
	}

	.comment
	{
		float: left;
		margin-left: 0px;
		width: auto;
		background-color: inherit;
		color: #666;
		font-size: 100%;
		border: 0px solid #3ff;
	}

	.comment_author
	{
		white-space: nowrap;
		float:left;
		width: auto;
		background-color: inherit;
		color: #666;
		font-size: 90%;
		margin-bottom:0px;
		margin-left:5px;
		margin-top:3px;
		border: 0px solid #3ff;
	}

	.comment_author2
	{
		white-space: nowrap;
		float:left;
		width: auto;
		background-color: inherit;
		color: #666;
		font-size: 90%;
		margin-bottom:12px;
		margin-left:5px;
		border: 0px solid #3ff;
	}