#formWrapper {
    width: 900px;
    min-height: 650px;
    float: left;
    margin: 0 0 0 40px;
}

#formWrapper #headerText {
    color: #11205a;
    font-family: 'DroidSansRegular', sans-serif;
    font-size: 22px;
    margin: 0px 0 10px 0;
}

@font-face {
    font-family: 'DroidSansRegular';
    src: url('/community/type/DroidSans-webfont.eot');
    src: url('/community/type/DroidSans-webfont.eot?#iefix') format('embedded-opentype'),
    url('/community/type/DroidSans-webfont.woff') format('woff'),
    url('/community/type/DroidSans-webfont.ttf') format('truetype'),
    url('/community/type/DroidSans-webfont.svg#DroidSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

#taskTable {
    font-size: 10pt;
}

#taskTable tr.odd, .shaded {
    background-color: #EBEBEB;
}

#taskTable tr td {
    padding: 5px 10px;
}

#menubar {
    width: 900px;
    height: 20px;
    padding: 3px 0 2px 0;
    font-size: 14px;
    font-weight: bold;
}

#menubar a {
    float: right;
    display: block;
    margin: 0 0 0 10px;
    color: #000000;
    text-decoration: none;
}

#menubar a:hover {
    text-decoration: underline;
}

#addComment textarea {
    width: 96%;
    margin: 5px 0 10px 0;
}

#comments {
    margin: 5px 20px 10px 0;
    float: left;
    font-size: 10pt;
    width: 96%;
}

#comments .odd {
    background-color: #EBEBEB;
}

#comments .commentBlock {
    border-bottom: 1px solid #000000;
    padding: 10px;
}

#comments .commentBlock .commentDate {
    float: left;
}

#comments .commentBlock .commentAuthor {
    float: right;
}

#comments .commentBlock .commentContent {
    padding: 10px;
    clear: both;
}

#commentHeader{
    cursor : pointer;
    padding: 0 0 0 25px;
}

.open {
    background-image: url("../../../images/community/common/arrow_down.png");
    background-repeat: no-repeat;
    background-position: left;
}

.closed {
    background-image: url("../../../images/community/common/arrow_right.png");
    background-repeat: no-repeat;
    background-position: left;
}
#addComment {
	float:left;
}
#taskCol {
	width:70%;
	float:left;
}

.taskDesc {
	margin:10px 25px 10px 0;
	padding:20px;
	background-color: #f4f7fa;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f4f7fb), to(#c1d5ee));
	background-image: -webkit-linear-gradient(top, #f4f7fb, #c1d5ee);
	background-image:    -moz-linear-gradient(top, #f4f7fb, #c1d5ee);
	background-image:     -ms-linear-gradient(top, #f4f7fb, #c1d5ee);
	background-image:      -o-linear-gradient(top, #f4f7fb, #c1d5ee);
	background-image:         linear-gradient(to bottom, #f4f7fb, #c1d5ee);
	box-shadow: 0px 0px 16px -3px #000;
	-webkit-box-shadow: 0px 0px 16px -3px #000; 
	-moz-box-shadow: 0px 0px 16px -3px #000; 
	font-size:15px;
	word-wrap: break-word;
	min-height: 180px;
}
#taskDetailsCol {
	float: left;
	width: 29%;
	margin-top:10px;
}
#taskTable {
	float:left;
	padding: 3px 0;
	border:1px solid #333;
	border-radius:5px;
	margin-bottom:20px;
}
#attachmentTbl {
	float:left;
}
.pdfIcon, .pageIcon {
	float:left !important;
	padding:7px !important;
}
.attachmentTd {
	cursor:pointer;
	border-bottom: 2px dotted #333;
}
.attachmentTd:hover {
	background-color:#edf3fb;
}
.attachmentTd span.title {
	font-size:15px;
	display:block;
	font-style: italic;
}
.attachmentTd span.desc {
	font-size:13px;
	display:block;
}
