html body div.clear,html body span.clear {
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	height: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	}
.clearfix:after {
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height:0
	}
.clearfix {
	display: inline-block;
	}
* html .clearfix {
	height:1%
	}
.clearfix {
	display:block;
	}
.light {
	font-weight: normal;
	}

body {
	background-color: #ccc;
	padding: 0;
	}

textarea {
	border: 3px #ccc solid;
	height: 200px;
	padding: 5px;
	}

a:link { color: #069; }
a:visited { color: #069; }
a:hover { color: #036; text-decoration: none; }
a:active { color: #036; }

.container {
	color: #000;
	padding: 0 0 15px 0;
	}
	
.leftvlarge {
	float: left;
	padding-right: 1%;
	width: 69%;
	}
.leftlarge {
	float: left;
	padding-right: 1%;
	width: 59%;
	}
.leftsmall {
	float: left;
	width: 39%
	}
.leftvsmall {
	float: left;
	width: 29%;
	}
.rightvlarge {
	border-left: 1px #333 solid;
	float: right;
	padding-left: 1%;
	width: 69%;
	}
.rightlarge {
	float: right;
	padding-left: 1%;
	width: 59%;	
	}
.rightsmall {
	float: right;
	width: 39%;		
	}
.rightvsmall {
	float: right;
	width: 29%;		
	}

/* topnav */
div.topnav {
    background: #444444 url(../images/TopNavBackground.png) repeat-x left bottom;
	height: 40px;
	padding: 10px 20px 10px 150px;
	position: relative;
	}
	div.nav ul {
	    bottom: 0px;
	    display: inline;
	    left: 135px;
	    margin-bottom: 0 !important;
	    padding: 0;
	    position: absolute;
	    }
	    div.nav ul li {
	        float: left;
	        font-size: 110%;
	        margin: 0;
	        padding: 0 15px;
	        }
	    div.nav ul li a {
	        color: #888;
	        display: block;
	        height: 32px
	        }
	        div.nav ul li a:hover {
	            color: #b7d2e9;
	            }
	        
	    div.nav ul li a.active {
	        background: transparent url(../images/TopNavActiveArrow.png) no-repeat center bottom;
	        color: #ddd;
	        font-weight: bold;
	        text-decoration: none;
	        }
	        div.nav ul li a.active:hover {
	            text-decoration: underline;
	            }

.statusbar {
    background-color: #555;
    border-left: 1px #666 solid;
    border-bottom: 1px #666 solid;
    font-size: 85%;
    padding: 4px 0;
    position: absolute;
    right: 0px;
    text-align: right;
    top: 0px;
    }
    .statusbar ul {
        color: #eee;
        float: left;
        display: inline;
        margin: 0;
        padding: 0;
        }
        .statusbar ul li {
            border-left: 1px #666 solid;
            border-right: 1px #444 solid;
            float: left;
            padding: 0 10px 0 10px;
            }
    div.statusbar a:link { color: #b7d2e9; }
    div.statusbar a:visited { color: #b7d2e9; }
    div.statusbar a:hover { color: #84b4dd; text-decoration: none; }
    div.statusbar a:active { color: #84b4dd; }	
        

h1 {
	background: transparent url(../images/ScrumpyBadge.png) no-repeat left -18px;
	height: 80px;
	position: absolute;
	left: 20px;
	top: 10px;
	width: 100px;
	}
	h1 span { visibility: hidden; }

h3 {
	margin: 0;
	padding: 0 0 8px 0;
}

/* footer */
div.footer {
	border-top: 1px #bbb solid;
	color: #fff;
	padding: 6px 0;
	margin: 10px 20px 0 20px;
	}
	div.footer p {
		color: #999;
		font-size: 85%;
		text-align: right;
		}
		div.footer p a {
		    color: #888;
		    }

/* content */
div.content {
	color: #333;
	padding: 10px 20px 10px 150px;
	}
	div.content .internal {
		}
	div.content h2 {
		color: #333;
		letter-spacing: -1px;
		margin-bottom: 10px;
		text-shadow: rgb(220,220,220) 1px 1px 1px; 
		}
	div.content h4 {
		color: #369;
		}
	p {
		color: #333;
		font-size: 110%;
		}

/* taskboard */
div.taskboard {
	float: left;
	width: 100%;
	}
	div.taskboard .taskboardinternal {
		margin: 10px 10px;
		}
	div.taskboard h3 {
		font-size: 120%;
		margin: 0 0 3px 0;
		padding: 0 4px 0px 0;
		text-align: center;
		text-shadow: rgb(220,220,220) 1px 1px 1px; 
		}

	div.taskboard div.section {
		/*background: transparent url(../images/DottedLine.png) repeat-y top right;*/
		float: left;
		/*padding: 0 1% 0 1%;*/
		width: 33%;
		} 
	div.taskboard div.notstarted {
		}
	div.taskboard div.inprogress {
		}
	div.taskboard div.done {
		background: none !important;
		}


	/*div.taskboard div.notstarted h3 { color: #c60; margin-left: 10px; }
	div.taskboard div.inprogress h3 { color: #369; text-align: center; }
	div.taskboard div.finished h3 { color: green; margin-right: 10px; text-align: right; }*/

	div.taskboard div.postitholder {
		/* min-height: 300px; */
		padding: 5px 0px;
		}
		div.taskboard div.postitholder a {	
			}
		div.taskboard div.postitholder div.tasks,
		div.taskboard div.postitholder div.tasks div.task {
			list-style-type: none;
			margin: 0;
			padding: 0;
			}
		div.taskboard div.postitholder div.tasks div.task {
			background: url(../images/PostItShadow.png) no-repeat left bottom;
			margin-bottom: 0px;
			padding: 0 10px 10px 10px;
			position: relative;
			}
			div.taskboard div.postitholder div.tasks div.task .internal {
			    /* background: #fff url(../images/PostItBackground.png) no-repeat right bottom; */
			    background: #fff;
			    padding: 8px;
			    }
		div.taskboard div.postitholder div.tasks div span.date {
			background-color: #eee;
			color: #333;
			display: block;
			font-size: 85%;
			padding: 2px 4px;
			margin-bottom: 2px;
			text-transform: uppercase;
			}
			div.taskboard div.postitholder div.tasks div span.date a {
				float: right;
	
				}
		div.taskboard div.postitholder div.tasks div span.name {
			color: #333;
			display: block;
			float: left;
			font-size: 110%;
			padding: 6px 0;
			margin-right: 1%;
			}

		div.taskboard div.postitholder div.tasks div span.action {
			display: block;
			float: right;
			text-align: right;
			padding: 4px 0;
			width: 34%;
			}
			div.taskboard div.postitholder div.tasks div.task span.action span {
				padding: 0 4px;
				}
		div.taskboard div.postitholder div.tasks div.task div.progress {
			background-color: #f8f8f8;
			border: 1px #888 solid;
			float: right;
			height: 17px;
			margin: 4px 4px 0 0;
			padding: 1px;
			width: 98%;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			}
			div.taskboard div.postitholder div.tasks div div.progress div.bar {
				background-color: #666;
    			color: #fff;
				font-size: 85%;
				height: 17px;
				padding: 0 4px;
				-moz-border-radius: 3px;
				-webkit-border-radius: 3px;
				}
		
		div.taskboard div.postitholder div.tasks div.editable,
		div.taskboard div.postitholder div.tasks div.actual {
			display: block;
			}
			
		div.taskboard div.postitholder div.tasks div.editable label {
			display: block;
			font-size: 85%;
			font-weight: bold;
			}
		div.taskboard div.postitholder div.tasks div.editable input.text {
			background-color: #fcfcfc;
			border: 1px #ccc solid;
			display: block;
			font-size: 120%;
			margin: 0 0 0 0; 
			padding: 4px;
			width: 96%;
			}

		div.taskboard .postithover {
			background-color: #eee;
			}
		div.taskboard div.canbedropped {
			/* border: 1px #aaa dotted; */
			background-color: #ddd;
			}

		div.ui-draggable-dragging {
			-moz-box-shadow:0 5px 5px rgba(0, 0, 0, 0.4);
			box-shadow: 0 5px 5px rgba(0, 0, 0, 0.4);
		    -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.4);
			}

.taskboardheader {
	background-color: #ddd;
	padding: 10px 10px 0px 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	}
	.taskboardheader h2 {
		padding: 0;
		margin: 0;
		}

div.taskboardpage {
	background-color: #d5d5d5;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	}	
		
div.taskboardpage h2,
h2.float {
    float: left;
    }
.aboutboard {
    display: inline;
    float: left;
    font-size: 120%;
    margin-left: 15px;
    margin-top: 3px;
    }
ul.aboutboardnormal {
	margin-left: 0 !important;
	}
    .aboutboard li {
        float: left;
        font-size: 85%;
        padding: 5px 7px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        }
    .aboutboard li.creator {
        background-color: #ffc;
        border: 1px #ee0 solid;
        }
	.aboutboard li.tip {
		background-color: #aaa;
		color: #fff;
		padding: 6px 8px;
		margin-left: 8px;
		}
		li.tip span.tip {
			color: #fc0;
			font-weight: bold;
			}
	.aboutboard li.add {
		background: #baf09a url(../images/icons/bigadd.png) no-repeat 4px 4px;
		border: 1px #66d325 solid;
		color: #0a0;
		font-weight: bold;
		margin-left: 8px;
		padding: 5px 7px 5px 36px;
		text-decoration: none;
		}
		.aboutboard li.add a {
			color: #0a0;
			}
			.aboutboard li.add:hover a,
			.aboutboard li.add a:hover {
				color: #fff;
				background-color: #4caa15;
				}
		.aboutboard li.add:hover {
			background-color: #4caa15;
			border: 1px #888 solid;
			color: #fff;
			}
	.aboutboard li.addperson {
		background: #BFEBFF url(../images/icons/person.png) no-repeat 3px 3px;
		border: 1px #9BBBCF solid;
		}
		.aboutboard li.addperson a {
			color: #45B0DF;
			}
		.aboutboard li.addperson:hover a,
		.aboutboard li.addperson a:hover {
			color: #fff;
			background-color: #45B0DF;
			}
	.aboutboard li.addperson:hover {
		background-color: #45B0DF;
		border: 1px #888 solid;
		color: #fff;	
		}


div.taskmanager {
	float: right;
	width: 24%;
	}

ul.buttonlinks li {
	margin-bottom: 5px;
	}
ul.buttonlinks a {
	background-color: #bbb;
	color: #fff;
	display: block;
	-moz-border-radius: 5px;
	padding: 5px 8px;
	}
	ul.buttonlinks a:hover {
		background-color: #c8cfd5;
		}
.sideaddtask {
	padding: 5px 0 0 8px;
	}
	.sideaddtask textarea {
		width: 210px;
		}

div.rightside {
	background-color: #ddd;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	}
	div.rightside .internal {
		padding: 10px;
		}
div.rightside h3 {
    color: #000;
    margin-bottom: 0;
    letter-spacing: -1px;
    }

/* user box */
.user span.name {
	color: #fff;
	display: block;
	font-size: 120%;
	margin-bottom: 1px;
	margin-top: 5px;
	}
.user span.job {
	color: #ffeb9d;
	font-size: 90%;
	}

table.task_list {
	width: 100%;
	}
	table.task_list th,
	table.task_list td {
		padding: 2px 5px;
		}
	table.task_list thead tr {
		border-bottom: 1px #ccc solid;
		}
		table.task_list thead tr th {
			text-align: left;
			}
	table.task_list th.assignee {
		width: 20%;
		}

.boardlistholder {
    background: transparent url(../images/PostItShadow.png) no-repeat bottom left;
    padding-bottom: 10px;
    padding-left: 11px;
    margin-left: -10px;
    }

table.boardlist {
    background-color: #fff;
	margin-bottom: 0;
	width: 100%;
	}
	table.boardlist th {
	    background-color: #ddd;
	    }
	table.boardlist th,
	table.boardlist td {
		padding: 5px;
		}
	table.boardlist thead th {
		color: #666;
		text-align: left;
		}
	table.boardlist thead tr.subrow th {
		border-top: 1px #aaa dotted;
		font-size: 85%;
		padding: 4px 5px;
		}
    table.boardlist tbody tr:hover {
        background-color: #ffc;
        }
	table.boardlist tbody tr td {
	    border-bottom: 1px #bbb dotted;
		}
		table.boardlist tbody tr td .boardname {
		    font-size: 110%;
		    font-weight: bold;
		    }
        table.boardlist tbody tr td .boardcreator {
            color: #999;
            display: block;
            font-size: 85%;
            }
	/* table.boardlist tbody tr td.notstarted { color: #f60; }
	table.boardlist tbody tr td.inprogress { color: #daeefa; }
	table.boardlist tbody tr td.completed { color: green; } */

table.peoplelist tbody td {
	vertical-align: top;
	}
table.peoplelist thead th.pic {
	width: 10%;
	}
table.peoplelist thead th.user {
	width: 25%;
	}
table.peoplelist thead th.boards {
	width: 55%;
	}
table.peoplelist td.boards ul,
table.peoplelist td.boards ul li {
	padding: 0 !important;
	margin: 0 !important;
	}
		

div.post,
div.dopost {
	margin-bottom: 15px;
	padding: 0 0 10px 0;
	position: relative;
	}
	
	div.author {
		left: 0px;
		position: absolute;
		top: 0px;
		width: 200px;
		}	
		.peoplelist img,
		.author img {
			float: left;
			margin-right: 10px;
			width: 60px;
			}
		.peoplelist .details h4,
		.peopelist h4,
		.author h4 {
			font-size: 110%;
			font-weight: normal;
			margin: 0;
			padding: 4px 0 0 0;
			}
		.peoplelist .details h5,
		.peoplelist h5,
		.author h5 {
			font-size: 100%;
			margin: 0;
			padding: 0;
			}
		.postcontent {
			margin-left: 220px;
			padding: 4px 0;
			}

.dopost {
	background-color: #ddd;
	padding: 10px;
	}
.dopost .title {
	padding: 10px;
	width: 180px;
	}
.dopost .title h4 {
	font-size: 170%;
	letter-spacing: -1px;
	color: #888;
	}
.dopost .fields {
	margin-left: 220px;
		padding: 15px 0 0 0;
	}
	.dopost .fields textarea {
		width: 90%;
		}

	
dl.tag_cloud {
	display: inline;
	text-align:center;
	margin: 0;
	}
	dl.tag_cloud dt {
		display: inline;
		padding: 0 5px;
		text-align:center;
		}

table.taskmeta {
	width: 100%;
	}
table.taskmeta tr {
	border-bottom: 1px #444 dotted;
	}
table.taskmeta th {
	color: #666;
	padding: 4px 0;
	text-align: left;
	}
table.taskmeta td {
	color: #333;
	text-align: right;
	}

.event {
	border-width: 1px;
	border-style: solid;
	font-weight: bold;
	margin-bottom: 15px;
	padding: 4px 4px 4px 30px;
	}
	.event p {
		margin: 0;
		}
	.created {
		border-color: green;
		background-color: #B3EF86;
		}
		.created p { color: #090; }

div.mask {
	background-color: #000;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	opacity: 0.75;
	z-index: 9000;
	}

.miniaddtask {
	background-color: #aaa;
	border: 4px #666 solid;
	clear: both;
	padding: 10px 15px 15px 15px;
	position: absolute;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	top: 150px;
	width: 420px;
	z-index: 9500;
	display: none;
	}
	.miniaddtask a.close {
		position: absolute;
		right: 15px;
		top: 12px;
		}
	.miniaddtask h4 {
		color: #222 !important;
		margin: 0 0 5px 0;
		padding: 0;
		}
	.miniaddtask div {
		}
		.miniaddtask div label {
			clear: both;
			font-size: 100%;
			}
		.miniaddtask div .inputwrap,
		.miniaddtask div .selectwrap {
			background-color: #ccc;
			display: block;
			padding: 3px;
			}
			.miniaddtask div .inputwrap {
				margin-bottom: 5px;
				}
				.miniaddtask div .inputwrap input {
					border: 1px #fff solid;
					font-size: 140%;
					padding: 2px;
					width: 408px; 
					}
			.miniaddtask div .selectwrap {
				margin-bottom: 10px;
				}
				.miniaddtask div .selectwrap select {
					border: 1px #fff solid;
					font-size: 140%;
					width: 414px; 
					}

.tasktrash {
	background: #ccc url(../images/icons/trash.png) no-repeat center 10px;
	border: 2px #aaa dashed;
	color: #aaa;
	float: left;
	font-size: 120%;
	font-weight: bold;
	line-height: 100%;
	margin-left: -130px;
	margin-top: 40px;
	padding: 90px 10px 10px 10px;
	text-align: center;
	width: 80px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	}
	div.tasktrashcan {
		background-color: #ddd;
		}


em.usernameecho { color: #fc0; font-weight: normal; font-style: normal; }

div.validationsummary ul {
	margin: 10px 25px 15px 25px;
	}
div.validationsummary ul li {
	color: #c00;
	list-style-type: square;
	}

dl.form {
	padding: 0 0 3px 0;
	}	
	dl.form dt {
		clear: left;
        float: left;
		padding: 5px 10px 5px 0px;
		position: relative;
		width: 190px;
		}
		dl.form dt label {
			color: #666;
			display: block;
			padding: 2px 0 4px 0;
			}	
		dl.form dt span {
			font-size: 85%;
			color: #888;
			margin: 0;
			padding: 0;
			}
	dl.form dd {
		margin-left: 220px;
		padding-bottom: 8px;
		width: 380px;
		}
		dl.form dd span.input {
			background-color: #aaa;
			display: block;
			padding: 4px;
			position: relative;
			width: 372px;
			}
			dl.form dd span.input input {
				background-color: #fff;
				border: 1px #666 solid;
				color: #444;
				font-size: 130%;
				padding: 4px;
				width: 362px;
				}
			dl.form dd span.input span label {
				padding-left: 5px;
				}
			dl.form dd span.input span.under {
				font-size: 85%;
				color: #555;
				display: block;
				line-height: 130%;
				margin: 4px 0 2px 0;
				padding: 0;				
				}
			dl.form dd span.input textarea {
				border: 1px #80B3BB solid;
				padding: 4px;
				width: 362px;
				}
			dl.form dd.checkbox input,
			dl.form dd span.checkbox input {
				width: auto;
				padding: 6px 0;
				}
			dl.form dd span.input select {
				border: 1px #80B3BB solid;
				color: #006778;
				font-size: 140%;
				min-height: 25px;
				padding: 4px;
				}	
				dl.form dd span.input select.fullwidth {
					width: 372px;
					}
				
		dl.form dd span.poundsign {
			padding: 4px 4px 4px 4px;
			width: 372px;
			}
			dl.form dd span.poundsign em {
				color: #80B3BB;
				float: left;
				font-size: 210%;
				font-style: normal;
				line-height: 30px;
				width: 20px;
				}
			dl.form dd span.poundsign input {
				font-size: 140%;
				width: 342px;
				}	
	dl.form p.usernameajaxcheck {
		padding: 0;
		}
	
	p.error strong {
		color: #800 !important;
		}