html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input {
	margin: 0;
	padding: 0;
}

h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th {
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
}

li,ul,ol {
	list-style: none;
}

img {
	border: none;
}

a img {
	border: none;
}

a {
	color: #444;
	text-decoration: none;
}

body {
	background: #504c51 url(/public/images/appBack.png) fixed;
	color: #ccc;
	font: normal 14px Helvetica;
	overflow-x: hidden;
	-webkit-user-select: none;
}

#pageWrapper{
	width: 1200px;
	margin: 0 auto;
}

#header {
	background: transparent url(/public/images/headerBack.png) repeat-x left top;
	height: 127px;
	left: 0;
	position: fixed;
	top: 0;
	z-index: 20;
}

.appLogo {
	background: transparent url(/public/images/topBarSprite.png) no-repeat left top;
	float: left;
	height: 30px;
	margin: 0 0 0 10px;
	width: 85px;
}

.cmdAppBt {
	background: transparent url(/public/images/topBarDiv.png) no-repeat right top;
	cursor: pointer;
}

#cmdAppLogout {
	background: none !important;
	margin: 0 13px 0 0 !important;
}

#cmdAppPref {
	margin: 0 5px 0 0 !important;
}

.cmdAppLabel {
	color: #777;
	float: left;
	font: bold 12px Helvetica;
	margin: 7px 20px 0 5px;
	text-shadow: 1px 1px 0 #e5e5e5;
}

#cmdAppPref:hover .cmdAppLabel, #cmdAppLogout:hover .cmdAppLabel,
#cmdAppHelp:hover .cmdAppLabel,
#cmdAppAdmin:hover .cmdAppLabel
{
	color: #444;
}

.cmdAppIco {
	float: left;
	height: 30px;
	margin: 0 0 0 5px;
	width: 30px;
}

.appIcoLogout {
	background: transparent url(/public/images/topBarSprite.png) no-repeat -120px top;
}

.appIcoPref {
	background: transparent url(/public/images/topBarSprite.png) no-repeat -90px top;
}

.appIcoHelp {
	background: transparent url(/public/images/topBarSprite.png) no-repeat -150px top;
}

.barShade {
	background: transparent url(/public/images/vertShade.png) repeat-x left top;
	height: 10px;
	position: relative;
}

#topBar {
	height: 30px;
}

#taskBinsBar {
	height: 53px;
	overflow: hidden;
}

.taskBinTab {
	background: transparent url(/public/images/taskBinTabDiv.png) no-repeat right top;
	cursor: pointer;
	float: left;
	height: 53px;
	width: 200px;
}

.taskBinTabAux {
	background: transparent url(/public/images/taskBinTabDiv.png) no-repeat left top;
	cursor: pointer;
	float: right;
	height: 53px;
	width: 70px;
}

.taskBinIco {
	float: left;
	height: 45px;
	margin: 5px 5px 0 10px;
	width: 38px;
}

.taskBinIcoActive {
	margin: 7px 5px 0 10px !important;
}

.taskBinLabel {
	color: #444;
	float: left;
	font: bold 14px Helvetica;
	margin: 20px 0 2px 5px;
	text-shadow: 1px 1px 0 #fafafa;
}

.labelActive {
	color: #fff;
	text-shadow: 1px 1px 0 #333;
}

.taskBin {
	background: transparent url(/public/images/taskBinTabSprite.png) no-repeat -237px -4px;
}

.nextBin {
	background: transparent url(/public/images/taskBinTabSprite.png) no-repeat -275px -4px;
}

.scheduledBin {
	background: transparent url(/public/images/taskBinTabSprite.png) no-repeat -313px -4px;
}

.projectBin {
	background: transparent url(/public/images/taskBinTabSprite.png) no-repeat -350px -3px;
}

.laterBin {
	background: transparent url(/public/images/taskBinTabSprite.png) no-repeat -200px -3px;
}

.completedBin {
	background: transparent url(/public/images/taskBinTabSprite.png) no-repeat -385px -5px;
}

.recycleBin {
	background: transparent url(/public/images/taskBinTabSprite.png) no-repeat -428px -5px;
}

#recycleBin {
	margin-right: 15px !important;
}

.tabActive {
	background: transparent url(/public/images/taskBinTabSprite.png) no-repeat left top !important;
}

.tabAuxActive {
	background: transparent url(/public/images/taskBinTabSprite.png) no-repeat -630px top !important;
}

.tasksBinNumBadge {
	background: transparent url(/public/images/taskBinTabSprite.png) no-repeat -504px -18px;
	color: #f5f5f5;
	float: right;
	font: bold 12px Helvetica;
	height: 15px;
	margin: 18px 12px 0 0;
	padding: 3px 8px 0;
	text-align: right;
	width: 20px;
}

.badgeActive {
	background: transparent url(/public/images/taskBinTabSprite.png) no-repeat -467px -18px;
	color: #333;
}

.taskBinBadge {
	color: #fff;
	float: left;
	font: bold 10px Helvetica;
	height: 22px;
	padding: 10px 0 0 0;
	text-align: center;
	text-shadow: 1px 1px 0 #333;
	width: 31px;
}

.taskBinBadgeTabActive {
	margin: 2px 0 0 -25px !important;
}

.badgeRed {
	background: transparent url(/public/images/taskBinTabSprite.png) no-repeat -542px -10px;
}

.badgeGreen {
	background: transparent url(/public/images/taskBinTabSprite.png) no-repeat -575px -10px;
}

.badgeDue{
	margin: 0 0 0 -25px;	
}

.badgeCompleted{
	
}

.taskTabOnReadyDrop {
	background: transparent url(/public/images/taskBinTabSprite.png) no-repeat -701px top !important;
}

.taskTabOnReadyDrop .taskBinIco {
	margin: 7px 5px 0 10px !important;
}

.taskTabOnReadyDrop .taskBinLabel {
	color: #fff;
	text-shadow: 1px 1px 0 #333;
}

.taskTabOnReadyDrop .tasksBinNumBadge {
	background: transparent url(/public/images/taskBinTabSprite.png) no-repeat -467px -18px;
	color: #333;
}

.taskTabOnReadyDrop .taskBinBadge {
	margin: 2px 0 0 -25px !important;
}

.taskTabAuxOnReadyDrop {
	background: transparent url(/public/images/taskBinTabSprite.png) no-repeat -898px top !important;
}

.taskTabAuxOnReadyDrop .taskBinIco {
	margin: 7px 5px 0 10px !important;
}

.taskTabAuxOnReadyDrop .tasksBinNumBadge {
	background: transparent url(/public/images/taskBinTabSprite.png) no-repeat -467px -18px;
	color: #333;
}

#taskTagsBar {
	height: 34px;
}

#hudBox {
	float: right;
}

.hudActivateButton {
	float: left;
	height: 25px;
	margin: 5px 4px 0 0;
	width: 27px;
}

#btHudTaskFlow {
	background: transparent url(/public/images/tagBarSprite.png) no-repeat -217px -5px;
}

#btHudTaskFlow:hover {
	background: transparent url(/public/images/tagBarSprite.png) no-repeat -307px -5px;
}

#btHudTaskFlow:active {
	background: transparent url(/public/images/tagBarSprite.png) no-repeat -397px -5px;
}

.btHudTaskFlowActive {
	background: transparent url(/public/images/tagBarSprite.png) no-repeat -397px -5px;
}

#btHudTeam {
	background: transparent url(/public/images/tagBarSprite.png) no-repeat -247px -5px;
}

#btHudTeam:hover {
	background: transparent url(/public/images/tagBarSprite.png) no-repeat -337px -5px;
}

#btHudTeam:active {
	background: transparent url(/public/images/tagBarSprite.png) no-repeat -427px -5px;
}

.btHudTeamActive {
	background: transparent url(/public/images/tagBarSprite.png) no-repeat -427px -5px;
}

#btHudTag {
	background: transparent url(/public/images/tagBarSprite.png) no-repeat -278px -5px;
}

#btHudTag:hover {
	background: transparent url(/public/images/tagBarSprite.png) no-repeat -368px -5px;
}

#btHudTag:active {
	background: transparent url(/public/images/tagBarSprite.png) no-repeat -458px -5px;
}

.btHudTagActive {
	background: transparent url(/public/images/tagBarSprite.png) no-repeat -458px -5px;
}

#tagsBarContainer{
	float: left;
	height: 35px;
	overflow: hidden;
	position: relative;
}

#tagsBar{
	float: left;
	padding: 0 0 0 5px;
	height: 35px;
}

.tagBarDiv{
	width: 6px;
	height: 34px;
	background: transparent url(/public/images/tagBarDiv.jpg) no-repeat left top;
	position: relative;
	float: left;
	margin: 0 5px;
}

.tagScrollBt{
	width: 8px;
	height: 11px;
	float: left;
	margin:12px 0 0 8px;
	cursor: pointer;
	opacity: 0.5;
}

.tagScrollBt:hover{
	opacity: 1;
}

#tagScrollBtLeft{
	background: transparent url(/public/images/tagBarSprite.png) no-repeat -488px -5px;
}

#tagScrollBtRight{
	background: transparent url(/public/images/tagBarSprite.png) no-repeat -488px -17px;
}

#tagsTokenList{
	float: left;
	height: 20px;
}

#searchHudBox{
	background:transparent url(/public/images/headerBack.png) repeat-x left -200px;
	padding: 0 0 0 10px;
	position:relative;
	float: right;
	width: 355px;	
}

#searchBox {
	background: transparent url(/public/images/tagBarSprite.png) no-repeat left top;
	float: right;
	height: 34px;
	margin: 0 15px 0 0;
	width: 213px;
}

#searchScopeIcon{
	margin: 9px 0 0 7px;
	width: 26px;
	cursor: pointer;
}

#searchKeyword {
	background-color: transparent;
	border: none;
	color: #7e7e7e;
	margin: 10px 0 0 13px;
	outline: none;
	text-shadow: 1px 1px 0 #fff;
	width: 160px;
	float: left;
}

#searchScope{
	margin: 13px 0 0 4px;
}

#searchScopeSelect{
	width: 148px;
	height: 166px;
	background: transparent url(/public/images/searchBoxPop.png) no-repeat -26px top;
	top: 28px;
	z-index: 1;
	position: absolute;
}

.searchScopeItem, .searchCriteriaItem{
	cursor: pointer;
	height: 22px;
}

.searchScopeItem:hover, .searchCriteriaItem:hover{
	background: transparent url(/public/images/searchBoxPop.png) no-repeat -30px -168px;	
}

.searchScopeItem:hover .searchScopeLabel, .searchCriteriaItem:hover .searchScopeLabel{
	color: #fff;
	text-shadow: 1px 1px 0 #444 !important;	
}

.searchCurrentItem{
	margin: 0 0 7px 0;
}

.searchScopeLabel{
	color: #565159;
	font: normal 11px Helvetica;
	line-height: 22px;
	display: block;
	float: left;
	position: relative;
	text-shadow: 1px 1px 0 #f0f0f0;	
}

.icoSearchScope{
	width: 16px;
	height: 16px;
	margin:3px 5px 0 7px;
	float: left;
	display: block;
	position: relative;
}

.icoSearch{
	background: transparent url(/public/images/searchBoxPop.png) no-repeat left -23px;
}

.icoTitle{
	background: transparent url(/public/images/searchBoxPop.png) no-repeat left -46px;
}

.icoNote{
	background: transparent url(/public/images/searchBoxPop.png) no-repeat left -68px;
}

.icoReminder{
	background: transparent url(/public/images/searchBoxPop.png) no-repeat left -91px;
}

.icoMate{
	background: transparent url(/public/images/searchBoxPop.png) no-repeat left -113px;
}

.searchScopeCheck, .searchCriteriaCheck{
	width: 16px;
	height: 16px;
	margin:3px 10px 0 0;
	float: right;
	display: block;
	position: relative;
	background: transparent url(/public/images/searchBoxPop.png) no-repeat left -136px;
}

#taskCommandContainer {
	float: left;
	height: 475px;
	left: 25px;
	position: fixed;
	top: 145px;
	width: 212px;
}

.ie #taskCommandContainer {
	z-index: 10;
}

.taskCmdBt {
	background: transparent url(/public/images/taskCmdBtSprite.png) no-repeat left top;
	cursor: pointer;
	float: left;
	height: 70px;
	margin: 0 0 10px 0;
	width: 212px;
}

.cmdTaskBtIco {
	float: left;
	height: 49px;
	margin: 8px 0 0 8px;
	width: 37px;
}

.taskCmdBtTitle {
	color: #ccc;
	float: left;
	font: bold 14px Helvetica;
	margin: 12px 0 2px 12px;
	text-shadow: -1px -1px 0 #1a1a1a;
}

.firefox35 .taskCmdBtTitle, .firefox .taskCmdBtTitle{
	margin: 15px 0 2px 12px;
}

.taskCmdBtSubTitle {
	color: #999;
	float: left;
	font: normal 11px Helvetica;
	line-height: 12px;
	margin: 0 0 0 12px;
	width: 140px;
}

.feedBackTitle {
	margin: 22px 0 2px 75px !important;
}

.feedBackSubTitle {
	margin: 0 0 0 75px !important;
	width: 120px !important;
}

.taskCmdBt:active .taskCmdBtTitle {
	margin: 13px 0 2px 12px;
}

.firefox35 .taskCmdBt:active .taskCmdBtTitle {
	margin: 16px 0 2px 12px;
}

.taskCmdBt:hover {
	background: transparent url(/public/images/taskCmdBtSprite.png) no-repeat left -70px !important;
}

.taskCmdBt:active {
	background: transparent url(/public/images/taskCmdBtSprite.png) no-repeat left -140px !important;
}

.taskCmdBtPush {
	background: transparent url(/public/images/taskCmdBtSprite.png) no-repeat left -140px !important;
}

.taskCmdBtOnReadyDrop {
	background: transparent url(/public/images/taskCmdBtSprite.png) no-repeat left -210px !important;
}

.taskCmdBtOnReadyDrop .taskCmdBtTitle {
	margin: 13px 0 2px 12px;
}

.taskCmdBtDiv {
	background: transparent url(/public/images/taskCmdBtSprite.png) no-repeat left -400px;
	float: left;
	height: 10px;
	margin: 0 0 5px 0;
	width: 212px;
}

.cmdAddTask {
	background: transparent url(/public/images/taskCmdBtSprite.png) no-repeat left -345px;
}

.taskCmdBt:active .cmdAddTask {
	background: transparent url(/public/images/taskCmdBtSprite.png) no-repeat left -344px !important;
}

.cmdCompletedTask {
	background: transparent url(/public/images/taskCmdBtSprite.png) no-repeat -43px -345px;
}

.taskCmdBt:active .cmdCompletedTask {
	background: transparent url(/public/images/taskCmdBtSprite.png) no-repeat -43px -344px !important;
}

.taskCmdBtOnReadyDrop .cmdCompletedTask {
	background: transparent url(/public/images/taskCmdBtSprite.png) no-repeat -43px -344px !important;
}

.cmdRemoveTask {
	background: transparent url(/public/images/taskCmdBtSprite.png) no-repeat -85px -345px;
}

.taskCmdBt:active .cmdRemoveTask {
	background: transparent url(/public/images/taskCmdBtSprite.png) no-repeat -85px -344px !important;
}

.taskCmdBtOnReadyDrop .cmdRemoveTask {
	background: transparent url(/public/images/taskCmdBtSprite.png) no-repeat -85px -344px !important;
}

.cmdLogTask {
	background: transparent url(/public/images/taskCmdBtSprite.png) no-repeat -128px -345px;
}

.taskCmdBt:active .cmdLogTask {
	background: transparent url(/public/images/taskCmdBtSprite.png) no-repeat -128px -344px !important;
}

.taskCmdBtOnReadyDrop .cmdLogTask {
	background: transparent url(/public/images/taskCmdBtSprite.png) no-repeat -128px -344px !important;
}

.cmdPublishTask {
	background: transparent url(/public/images/taskCmdBtSprite.png) no-repeat -170px -345px;
}

.taskCmdBt:active .cmdPublishTask {
	background: transparent url(/public/images/taskCmdBtSprite.png) no-repeat -170px -344px !important;
}

.taskCmdBtOnReadyDrop .cmdPublishTask {
	background: transparent url(/public/images/taskCmdBtSprite.png) no-repeat -170px -344px !important;
}

#cmdTaskViewPublic {
	background: transparent url(/public/images/taskCmdBtSprite.png) no-repeat 0px -312px !important;
	cursor: pointer;
	float: left;
	height: 32px;
	margin: 0 0 10px 0;
	width: 212px;
}

.cmdPublish {
	font: bold 12px Helvetica !important;
	margin: 9px 0 0 40px !important;
}

#cmdTaskViewPublic:hover {
	background: transparent url(/public/images/taskCmdBtSprite.png) no-repeat 0px -280px !important;
	color: #515151 !important;
}

#cmdFeedback {
	background: transparent url(/public/images/taskCmdBtSprite.png) no-repeat 0px -410px !important;
	cursor: pointer;
	float: left;
	height: 100px;
	margin: 0 0 10px 0;
	width: 212px;
}

#cmdFeedback:hover {
	background: transparent url(/public/images/taskCmdBtSprite.png) no-repeat 0px -510px !important;
}

#taskPaperWrapper {
	left: 270px;
	position: absolute;
	width: 650px;
	top: 145px;
}

.ie #taskPaperWrapper {
	z-index: 10;
}

.taskItem {
	float: left;
	position: relative;
	margin: 0 0 5px 0;
	width: 629px;
}

.taskItemDragHandle {
	cursor: move;
	float: left;
	height: 42px;
	width: 610px;
}

.taskItemSelectIndy {
	background: transparent url(/public/images/taskItemBase.png) no-repeat -670px 0;
	height: 77px;
	position: absolute;
	left: 0;
	top: 0;
	width: 629px;
	z-index: -1;
}

.commentIndyContainer{
	width: 19px;
	height: 55px;
	top: 22px;
	position: absolute;
	right: 5px;	
}

.taskNewCommentIndy{
	height: 18px;
	width: 19px;
	float: left;
}

.scraplrIndy{
	background: transparent url(/public/images/taskItemIcons.png) no-repeat left -22px;
}

.facebookIndy{
	background: transparent url(/public/images/taskItemIcons.png) no-repeat -20px -22px;
}

.twitterIndy{
	background: transparent url(/public/images/taskItemIcons.png) no-repeat -40px -22px;
}

.completed{
	opacity: 0.80;
}

.folded {
	background: transparent url(/public/images/taskItemBase.png) no-repeat -20px 0px;
	height: 77px;
	overflow: hidden;
}

.unfolded {
	background: transparent url(/public/images/taskItemBase.png) no-repeat -20px -84px !important;
	height: 707px;
	opacity: 1 !important;
}

.taskItemBriefWrapper {
	float: left;
	height: 22px;
	margin: 3px 5px 0;
	padding: 1px 0 0;
	width: 600px;
}

.taskItemIsLoading {
	background: transparent url(/public/images/spinner_lite.gif) no-repeat 277px 4px;
}

.taskItemBriefIconLabel {
	color: #777;
	cursor: default;
	float: left;
	font: normal 10px Helvetica;
	margin: 6px 5px 0 2px;
}

.safari .taskItemBriefIconLabel {
	margin: 6px 10px 0 2px;
}

.briefValue {
	color: #8035a7;
	font-weight: bold;
}

.taskItemDetailWrapper {
	float: left;
}

.taskItemTitle {
	color: #4c4c4c;
	cursor: text;
	font: bold 14px/20px Helvetica;
	margin: 14px 0 0 40px;
	width: 450px;
	height: 18px;
	overflow: hidden;
}

.taskTitleLabel{
	cursor: move !important;
	width: 450px !important;
	
}

.taskItemTitleEditBox {
	background-color: transparent;
	border: none;
	color: #4c4c4c;
	cursor: text;
	font: bold 14px Helvetica;
	margin: 14px 0 0 -1px;
	outline: none;
	overflow: hidden;
	text-shadow: 1px 1px 0 #fff;
	width: 350px;
}

.taskItemDueRibbon{
	width: 26px;
	height: 29px;
	position: absolute;
	right: 40px;
	top:2px;
	background: transparent url(/public/images/taskItemIcons.png) no-repeat -255px -1px;
	padding:10px 0 0 4px;
	color: #f1f1f1;
	font: normal 10px Helvetica;
}

.taskItemCheck {
	cursor: pointer;
	float: left;
	height: 25px;
	margin: 7px 0 0 15px;
	width: 27px;
}

.itemChecked {
	background: transparent url(/public/images/taskCheck.png) no-repeat left top;
}

.itemUnchecked {
	background: transparent url(/public/images/taskCheck.png) no-repeat 0 -27px;
}

.taskItemIcon {
	float: left;
	height: 16px;
	width: 16px;
}

.taskItemIconLabel {
	color: #4d4d4d;
	cursor: default;
	float: left;
	font: bold 10px Helvetica;
	margin: 4px 50px 0 2px;
}

.labelShare {
	color: #8D61A8;
	cursor: pointer;
	float: left;
	font: bold 10px Helvetica;
	margin:4px 0 0 2px;
}

.taskNote {
	background: transparent url(/public/images/taskItemIcons.png) no-repeat 0 top;
	margin: 5px 5px 0 10px;
}

.taskTag {
	background: transparent url(/public/images/taskItemIcons.png) no-repeat -16px top;
	margin: 8px 12px 0 10px;
}

.taskDue {
	background: transparent url(/public/images/taskItemIcons.png) no-repeat -32px top;
	margin: 2px 5px 0 10px;
}

.taskRecurring {
	background: transparent url(/public/images/taskItemIcons.png) no-repeat -97px top;
	margin: 6px 5px 0 10px;
}

.taskReminder {
	background: transparent url(/public/images/taskItemIcons.png) no-repeat -48px top;
	margin: 2px 5px 0;
}

.taskTeam {
	background: transparent url(/public/images/taskItemIcons.png) no-repeat -64px top;
	margin: 2px 5px 0;
}

.taskComments {
	background: transparent url(/public/images/taskItemIcons.png) no-repeat -81px top;
	margin: 2px 5px 0;
}

.taskShare {
	background: transparent url(/public/images/taskItemIcons.png) no-repeat -65px -23px;
	margin: 2px 5px 0 10px;
}

.taskDiscArrow {
	background: transparent url(/public/images/taskItemIcons.png) no-repeat -96px top;
	margin: 2px 5px 0 10px;
}

.taskItemShareSelector{
	float: left;
	cursor: pointer !important;
}

.taskDiscArrowDown {
	background: transparent url(/public/images/taskItemIcons.png) no-repeat -112px top;
}

.taskNoteRow {
	float: left;
	height: 100px;
	margin: 5px 5px 0 5px;
}

.taskNoteText {
	color: #4d4d4d;
	float: left;
	font: normal 12px Helvetica;
	margin: 5px 10px 0 10px;
	text-align: justify;
	width: 540px;
}

.taskNoteTextArea {
	background-color: transparent;
	color: #4d4d4d;
	float: left;
	font: normal 12px Helvetica;
	margin: 5px 10px 0 10px;
	text-align: justify;
	width: 540px;
}

.taskTagRow {
	background-color: #efefef;
	float: left;
	height: 32px;
	margin: 5px 5px 0 5px;
	width: 600px;
}

.taskTagEntryBox {
	background-color: transparent !important;
	border: none !important;
	color: #555 !important;
	font: bold 11px Helvetica !important;
	outline: none !important;
	width: 100px !important;
}

.taskTagLoading{
	font: normal 11px Helvetica;
	color: #777;
	height: 20px;
	float: left;
	position: relative;
	padding:3px 10px 0 5px;
	line-height: 20px;
}

.tagTokenCap {
	cursor: pointer;
	display: block;
	float: left;
	height: 17px;
	margin: 10px 0 0 1px;
}

.tagTokenCap:hover{
	background: transparent url(/public/images/taskTagTokenBackHover.png) no-repeat left top;
	margin: 10px 0 0 1px;	
}

.tagTokenCap:hover .tagTokenSpan{
	background: transparent url(/public/images/taskTagTokenBackHover.png) no-repeat right top;
	color: #fff;
	text-shadow: 1px 1px 0 #000;
	margin: 0 0 0 10px;	
	padding: 2px 10px 0 0;	
} 

.tagTokenSpan {
	color: #555;
	display: block;
	float: left;
	font: bold 11px Helvetica;
	height: 15px;
	margin: 0 0 0 10px;	
	padding: 2px 10px 0 0;
	text-shadow: 1px 1px 0 #e0d8e5;
}

.activeTagCap{
	background: transparent url(/public/images/taskTagTokenBack.png) no-repeat left top;
	margin: 10px 0 0 1px;	
}

.activeTagCap:hover {
	background: transparent url(/public/images/taskTagTokenBack.png) no-repeat left top;
	margin: 10px 0 0 1px;	
}

.activeTagCap:hover .activeTagSpan{
	background: transparent url(/public/images/taskTagTokenBack.png) no-repeat right top;	
}

.activeTagSpan{
	background: transparent url(/public/images/taskTagTokenBack.png) no-repeat right top;
	color: #fff;
	text-shadow: 1px 1px 0 #000;
	margin: 0 0 0 10px;	
	padding: 2px 10px 0 0;
}

.taskDetailRow {
	background-color: #f3f3f3;
	float: left;
	height: 22px;
	margin: 0 5px;
	padding: 1px 0 0;
	width: 600px;
	position: relative;
}

.taskDetailRowValue {
	float: left;
	height: 22px;
	margin: 5px;
	width: 600px;
}

.iconLabelValue {
	color: #444;
	float: left;
	font: normal 10px Helvetica !important;
	width: 100px;
}

.iconLabelValue:hover{
	color: #8D61A8;
}

li.taskTabSelector a {
	color: #555;
	float: left;
	font: normal 10px Helvetica !important;
	margin: 0 0 0 12px;
	outline: none;
	text-decoration: none;
}

.selectedTaskTab {
	background: transparent url(/public/images/taskTabBack.png) no-repeat -3px -2px;
}

.taskDueValue {
	cursor: pointer;
	margin: 0 0 0 35px;
}

.taskReminderValue {
	cursor: pointer;
	margin: 0 5px 0 0;
}

.taskMateValue {
	cursor: pointer;
}

.taskCommentValue {
	cursor: pointer;
}

.projectItemWrapper {
	background: transparent url(/public/images/taskItemBase.png) no-repeat 0px -797px;
	float: left;
	padding: 8px 0 20px 20px;
	width: 630px;
}

.projectWrapperActive {
	background: transparent url(/public/images/taskItemBase.png) no-repeat -650px -797px !important;
}

.projectItemWrapperTitle {
	color: #ccc;
	cursor: move;
	font: normal 24px Helvetica;
	margin: 5px 5px 5px -10px;
	padding: 0 0 0 15px;
}

.projectMetaIconsRow{
	float:left;
	height:30px;
	margin:13px 5px 10px;
	padding:1px 0 0;
	width:600px;	
}

.projectItemBriefIconLabel{
	color: #aaa;
	cursor: default;
	float: left;
	font: normal 10px Helvetica;
	margin: 4px 10px 0 2px;	
}

.projectItemBriefIconLabel .briefValue{
	color: #e573e5 !important;
}

.taskItemTabs {
	float: left;
}

.taskTabSelector {
	float: left;
	margin: -4px 0 0;
	padding: 5px 10px 9px;
}

.taskTabsWrapper {
	float: left;
	position: relative;
}

.tasktabPanel {
	height: 425px;
	margin: 0 0 0 20px;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 10px 0;
	width: 570px;
}

.taskMateRow {
	border-bottom: 1px dashed #f0f0f0;
	float: left;
	margin: 0 15px 0 10px;
	width: 535px;
}

.firefox35 .taskMateRow, .firefox .taskMateRow{
	padding:5px 0 0;
}

.taskMateRow:hover {
	background-color: #fafafa;
}

.taskMateNum {
	color: #e5e5e5;
	float: left;
	font: bold 60px Helvetica;
	margin-left: 10px;
	text-align: right;
	width: 65px;
}

.taskMatePic {
	float:left;
	height:50px;
	margin:8px 2px 0 5px;
	position:relative;
	width:50px;
}

.firefox35 .taskMatePic, .firefox .taskMatePic {
	margin:2px 2px 0 5px;
}

.taskMatePicFrame{
	position: absolute;
	width: 50px;
	height: 50px;
	left: 0;
	top: 0;
	background: transparent url(/public/images/taskItemIcons.png) no-repeat 0 -50px;
}

.taskMateRow:hover .taskMatePicFrame{
	background: transparent url(/public/images/taskItemIcons.png) no-repeat -51px -50px;
}

.taskMateMeta {
	float: left;
	margin: 5px 0 0 5px;
}

.taskMateMeta span {
	display: block;
}

.mateMetaName {
	color: #666;
	font: bold 12px Helvetica;
}

.mateMetaTaskNum {
	clear: left;
	color: #666;
	font: normal 11px Helvetica;
}

.taskMateRemove {
	background: transparent url(/public/images/taskMateRemoveToken.png) no-repeat left top;
	color: #fff;
	cursor: pointer;
	float: right;
	font: bold 10px Helvetica;
	height: 16px;
	margin: 10px -150px 0 0;
	padding: 1px 0 0;
	text-align: center;
	width: 54px;
}

.firefox35 .taskMateRemove, firefox .taskMateRemove{
	padding: 4px 0 0 0;
	height: 13px;
}

.ie .taskMateRemove {
	display: none;
	margin: 10px -150px 0 0 !important;
}

.safari .taskMateRemove {
	height: 15px;
	padding: 2px 0 0;
}

.opera .taskMateRemove {
	display: none;
	padding: 3px 0 0 !important;
}

.taskMateRow:hover .taskMateRemove {
	display: block;
	margin: 10px 15px 0 0 !important;
}

.taskCommentListWrapper {
	float: left;
	padding-bottom: 140px;
}

.taskCommentRow {
	border-bottom: 1px dashed #f0f0f0;
	float: left;
	margin: 0 10px;
	width: 535px;
	padding: 0 0 10px 0;
}

.taskCommentRow:hover {
	background-color: #fafafa;
}

.taskCommentRow:hover .taskCommentPicFrame{
	background: transparent url(/public/images/taskItemIcons.png) no-repeat -51px -50px;
}

.taskCommentNum {
	color: #e5e5e5;
	float: left;
	font: bold 60px Helvetica;
	margin-left: 10px;
	text-align: right;
	width: 65px;
}

.taskCommentPic {
	float: left;
	position: relative;
	height: 50px;
	margin:12px 2px 0 10px;
	width: 50px;
}

.taskCommentPicFrame{
	position: absolute;
	width: 50px;
	height: 50px;
	left: 0;
	top: 0;
	background: transparent url(/public/images/taskItemIcons.png) no-repeat 0 -50px;
}

.taskCommentMeta {
	float: left;
	margin: 5px 0 0 5px;
	width: 400px;
}

.taskCommentScoreBox{
	width: 55px;
	float: left;
	text-align: right;
	margin:9px 0 0 5px;
	font: bold 10px Helvetica;
	color: #b348c7;
}

.taskCommentOwnersPick{
	background:transparent url(/public/images/taskItemIcons.png) no-repeat -195px 10px;
	float:left;
	height:55px;
	width:55px;
	margin:9px 0 0 5px;
	font: bold 10px Helvetica;
	color: #b348c7;
	line-height: 12px;
	vertical-align: middle;
	text-align: right;
}

.taskCommentScoreTitle{
	font: bold 10px Helvetica;
	color: #a0a0a0;
}

.taskCommentScoreValue{
	font: bold 24px Helvetica;
	color: #999;
	line-height: 24px;
}

.taskCommentScoreCommandWrapper{
	float: right;
	width: 50px;
}

.taskCommentScoreCommand{
	float: right;
	width: 15px;
	height: 16px;
	margin: 0 0 0 2px;
	cursor: pointer;
}

.commentMins{
	background: transparent url(/public/images/taskItemIcons.png) no-repeat -146px top;
}

.commentPlus{
	background: transparent url(/public/images/taskItemIcons.png) no-repeat -163px top;
}

.commentPick{
	background: transparent url(/public/images/taskItemIcons.png) no-repeat -180px top;
}

.taskCommentOwnersPick .taskCommentScoreCommandWrapper{
	display: none !important;
}

.commentMetaDate {
	color: #aaa;
	font: normal 10px Helvetica;
	margin: 2px 0 0 5px;
}

.commentMetaName {
	color: #8d61a8;
	font: bold 12px Helvetica;
	margin: 5px 0 0 5px;
}

.commentMetaSource {
	text-decoration: none;
}

.sourcescraplr {
	color: #8d61a8;
}

.sourcefacebook {
	color: #526ea6;
}

.sourcetwitter {
	color: #31ceff;
}

.commentMetaSource:hover {
	text-decoration: underline;
}

.commentMetaTaskText {
	clear: left;
	color: #666;
	display: block;
	font: normal 11px Helvetica;
	line-height: 15px;
	margin: 5px 10px 15px 5px !important;
	width: 390px;
}

.taskCommentRemove {
	background: transparent url(/public/images/taskMateRemoveToken.png) no-repeat left top;
	color: #fff;
	cursor: pointer;
	float: right;
	font: bold 10px Helvetica;
	height: 16px;
	margin: 0 -5000px;
	padding: 1px 0 0;
	position: relative;
	text-align: center;
	width: 54px;
}


.firefox35 .taskCommentRemove, firefox .taskCommentRemove{
	padding: 4px 0 0 0;
	height: 13px;
}

.ie .taskCommentRemove {
	display: none;
	margin: 10px -150px 0 0 !important;
	position: static;
}

.safari .taskCommentRemove {
	height: 15px;
	padding: 2px 0 0;
}

.opera .taskCommentRemove {
	display: none;
	padding: 3px 0 0 !important;
}

.taskCommentRow:hover .taskCommentRemove {
	display: block;
	margin: 10px 10px -27px 0 !important;
}

.ie .taskCommentRow:hover .taskCommentRemove {
	display: block;
	margin: 10px 10px -27px 0 !important;
}

.postCommentBackBoxTitle {
	color: #555;
	cursor: default;
	font: bold 11px Helvetica;
	margin: 2px 0 8px 10px;
}

.postCommentBack {
	background: transparent url(/public/images/postCommentBack.png) repeat-x left top;
	bottom: 0px;
	height: 120px;
	left: 14px;
	padding: 15px 5px 10px 15px;
	position: absolute;
	width: 540px;
	z-index: 2;
}

.postCommentPic {
	float: left;
	height: 50px;
	margin: 0 0 0 10px;
	width: 50px;
	position: relative;
}

.postCommentBackTextBox {
	border: 1px solid #dedede;
	color: #4d4d4d;
	float: right;
	font: normal 12px Helvetica;
	height: 70px;
	margin: 0 10px;
	outline: none;
	padding: 5px;
	text-align: justify;
	width: 440px;
}

#postCommentBackControl{
	float: right;
	width:70px;
}

.postCommentBackOkButton {
	background: transparent url(/public/images/inplaceOkBt.png) no-repeat left top;
	border: none;
	color: #555;
	cursor: pointer;
	float: right;
	font: bold 11px Helvetica;
	height: 16px;
	margin: 5px 8px 0 0;
	outline: none;
	width: 39px;
	padding:5px 0 0;
	text-align:center;
	text-shadow:1px 1px 0 #eee;
}

.postCommentBackSpinner{
	float: right;
	width: 16px;
	height: 16px;
	margin:7px 7px 0 0;
}

.taskItem .folded .isDragged{
	border: 1px dashed #fff;	
}

.isDragged {
	opacity: 0.75;
}

.ie .isDragged {
	z-index: 50 !important;
}

.projectItemWrapper #guide {
	border-top: 1px dashed #ccc;
	float: left;
	height: 1px;
	position: relative;
	width: 610px !important;
}

#taskPaperWrapper #guide {
	border-top: 1px dashed #ccc;
	float: left;
	height: 6px;
	position: relative;
	width: 610px;
}

#reminderDateSelector {
	left: 33px;
	position: absolute;
	top: 222px;
	z-index: 4;
}

.calBase {
	background: transparent url(/public/images/selectorsBase.png) no-repeat left -172px !important;
	left: 35px;
	position: absolute !important;
	top: 222px;
	height: 200px;
	z-index: 1;
}

.reminderValueBox {
	border: none;
	background-color: transparent;
	color: #555;
	font: normal 11px Helvetica;
	margin: 18px 0 0 31px;
	outline: none;
	padding: 5px;
	padding: 3px;
	width: 120px;
	width: 100px;
}

.dueTimeValueBox {
	border: none;
	background-color: transparent;
	color: #555;
	font: normal 11px Helvetica;
	margin: 0 0 0 31px;
	outline: none;
	padding: 5px;
	padding: 3px;
	width: 120px;
	width: 100px;
}

.reminderSelectBox {
	background: transparent url(/public/images/selectorsBase.png) no-repeat left -370px !important;
	height: 173px;
	width: 148px;
	position: absolute !important;
	z-index: 4;
}

.reminderSelectFromTaskItem{
	left:135px;
	top:222px;
}

.reminderSelectFromNewEntry{
	top: 266px;
	left: 202px;
	
}

.shareSelectBox {
	background: transparent url(/public/images/selectorsBase.png) no-repeat left -578px !important;
	height: 91px;
	width: 168px;
	position: absolute !important;
	z-index: 4;
	left: 500px;
	top: 20px;
}

.taskItemShareMeanList{
	float:left;
	margin:12px 0 0;
}

.taskItemShareMean {
	color: #777;
	cursor: pointer;
	font: normal 11px Helvetica;
	height: 17px;
	line-height: 17px;
	margin:1px 0 0 5px;
	padding:2px 1px 2px 5px;
	width: 152px;
}

.taskItemShareMean:hover {
	background: transparent url(/public/images/selectorsBase.png) no-repeat -5px -675px !important;
	color: #fff;
}

.shareItemMeanIco{
	width: 14px;
	height: 14px;
	position: relative;
	float: left;
	margin: 2px 4px 0 5px;
}

.shareItemScraplr{
	background: transparent url(/public/images/taskItemIcons.png) no-repeat -83px -25px;
}

.shareItemTwitter{
	background: transparent url(/public/images/taskItemIcons.png) no-repeat -97px -25px;
}
	
.shareItemFacebook{
	background: transparent url(/public/images/taskItemIcons.png) no-repeat -111px -25px;
}

.labelRemindBy {
	color: #888;
	float: left;
	font: normal 11px Helvetica;
	margin: 7px 0 1px 13px;
	cursor: default;
}

.taskReminderMeanList, taskShareMeanList {
	float: left;
}

.ie taskReminderMeanList {
	clear: both;
	display: block;
	float: left !important;
	position: relative;
}

.taskReminderMean {
	color: #555;
	cursor: pointer;
	font: normal 11px Helvetica;
	height: 17px;
	line-height: 17px;
	margin: 2px 0 0 5px;
	padding: 3px 1px 3px 9px;
	width: 128px;
	text-shadow:1px 1px 0 #fff;
}

.reminderNA {
	color: #ccc;
	cursor: default;
}

.taskReminderMean:hover {
	background:transparent url(/public/images/selectorsBase.png) no-repeat -5px -551px;
	color: #fff;
	text-shadow:1px 1px 0 #555;
}

.reminderNA:hover {
	background:none;
	color: #ccc;
	text-shadow:1px 1px 0 #fff;
}

.reminderMeanIco, .shareMeanIco {
	display: block;
	float: left;
	height: 17px;
	margin: 0 5px 0 0;
	width: 17px;
}

.meanEnabled, .shareEnabled {
	background: transparent url(/public/images/reminderSelectIco.png) no-repeat -69px 0px;
	float: right !important;
	margin: 0 2px 0 0 !important;
}

.ie .meanEnabled, .firefox .meanEnabled,  .ie .shareEnabled, .firefox .shareEnabled{
	float: right !important;
	margin: -17px 2px 0 0 !important;
	position: relative;
}

.firefox35 .meanEnabled {
	float: right !important;
	margin: 0px 2px 0 0 !important;
	position: relative;
}

.meanByEmail {
	background: transparent url(/public/images/reminderSelectIco.png) no-repeat -17px 0px;
}

.meanByTweet {
	background: transparent url(/public/images/reminderSelectIco.png) no-repeat -34px 0px;
}

.meanByIm {
	background: transparent url(/public/images/reminderSelectIco.png) no-repeat -51px 0px;
	opacity:0.5;
}

.meanBySms {
	background: transparent url(/public/images/reminderSelectIco.png) no-repeat 0px 0px;
}

#newEntrySection {
	background: transparent url(/public/images/black90.png);
	position: fixed;
	z-index: 25;
}

#newEntryBox {
	left: 266px;
	position: fixed;
	top: 138px;
	width: 618px;
}

.safari #newEntryBox {
	top: 110px;
}

.safari #newEntrySection, .safari #newEntryBox {
	position: absolute !important;
}

.less {
	background: transparent url(/public/images/newEntryBox.png) no-repeat left top;
	height: 103px;
}

.more {
	background: transparent url(/public/images/newEntryBox.png) no-repeat left -105px;
	height: 325px;
}

body li.tagListItem,  body li.taskMateListItem{
	display: block !important;
	font: bold 11px Helvetica;
	height: 12px !important;
	padding: 5px 10px !important;
}

#tagListContainer {
	height: 300px;
	overflow-x: hidden;
	overflow-y: auto;
	width: 330px;
}

#taskMateListContainer {
	height: 275px;
	overflow-x: hidden;
	overflow-y: auto;
	width: 330px;
}
.tagListItem, .taskMateListItem {
	background: transparent url(/public/images/grey20.png);
	color: #959595;
	cursor: move;
	height: 12px;
	padding: 5px 10px;
}

.tagListItem:hover, .taskMateListItem:hover, .tagListItem .alternateTagRow:hover, .taskMateListItem .alternateTaskMateRow:hover {
	color: #a6a6a6 !important;
	background-color: #4e4d4e !important;
	background-image: none !important;
}

.tagListItemRemove {
	background: transparent url(/public/images/hudSprite.png) no-repeat -5px -27px;
	width: 15px;
	height: 16px;
	float: right;
	display: none;
	cursor: pointer;
	margin: -2px 0 0;
}

.mateListItemRemove {
	background: transparent url(/public/images/hudSprite.png) no-repeat -5px -27px;
	width: 15px;
	height: 16px;
	float: right;
	display: none;
	cursor: pointer;
	margin: -2px 0 0 7px;
}

.tagListItem:hover .tagListItemRemove, .taskMateListItem:hover .mateListItemRemove {
	display: block;
}

.taskMateNameLabel{
	float: left;
}

.taskMateMailLabel{
	float: right;
}

.alternateTagRow, .alternateTaskMateRow {
	background: transparent url(/public/images/grey10.png) !important;
}

#tagAdder {
	background: transparent url(/public/images/hudDiv.png) repeat-x left top;
	color: #b2b2b2;
	padding: 12px 0 0 10px;
	width: 320px;
	float: left;
}

.hudAddLabel{
	margin: 0 0 0 5px;
}

#mateAdder {
	background: transparent url(/public/images/hudDiv.png) repeat-x left top;
	color: #b2b2b2;
	float: left;
	padding: 12px 0 0 10px;
	width: 320px;
}

.hudInput {
	background: transparent	url(/public/images/hudSprite.png) no-repeat left top;
	border: none;
	color: #b2b2b2;
	font: normal 11px Helvetica;
	margin: 6px 0 0 0;
	outline: none;
	padding:5px 0 0 8px;
	width: 235px;
	height: 16px;
	float: left;
}

.hudButton{
	width: 52px;
	height: 19px;
	float: left;
	font: normal 11px Helvetica;
	color: #b2b2b2;
	margin: 6px 0 0 0;
	padding: 5px 0 0 0;
	text-align: center;
	cursor: pointer;
	background: transparent url(/public/images/hudSprite.png) no-repeat -243px -46px;
}

.hudButton:hover{
	background: transparent url(/public/images/hudSprite.png) no-repeat -243px -23px;
}

.hudButton:active{
	background: transparent url(/public/images/hudSprite.png) no-repeat -243px 0px;
}

.spinnerHud{
	background:transparent url(/public/images/spinner_hud.gif) no-repeat scroll center top;
	color:#aaa;
	height:32px;
	margin:150px auto 0;
	opacity:0.75;
	padding:40px 0 0;
	text-align:center;
	width:50px;
}

/* Router HUD */

#taskRouterWrapper{
	width: 455px;
	height: 405px;
	position: relative;
	float: left;
	background: transparent url(/public/images/taskRouterSprite.png) no-repeat left top;
	overflow: hidden;
	margin: 20px 0 0 15px;
}

.taskRouterLabel{
	width: 141px;
	height: 23px;
	position: absolute;
	font: normal 12px Helvetica, Arial;
	color: #999;
	text-align: center;
	padding: 10px 0 0 0;
	cursor: default;
}

.labelPerform{
	left: 118px;
	top: 0;
}

.labelNow{
	left: 0;
	top: 113px;
}

.labelSeries{
	left: 0;
	top: 235px;
}

.taskRouterButtonWrapper{
	position: absolute;
	text-align: center;
	width: 141px;
	height: 45px;
}

.taskRouterButtonNote{
	width: 141px;
	text-align: center;
	font: normal 10px Helvetica, Arial;
	color: #888;
	padding: 2px 0 0 0;	
	cursor: default;
}

.taskRouterButton{
	width: 141px;
	height: 23px;
	background: transparent url(/public/images/taskRouterSprite.png) no-repeat -458px -1px;
	position: relative;
	cursor: pointer;
	font: normal 12px Helvetica, Arial;
	color: #999;
	text-align: center;
	padding: 10px 0 0 0;
}

.taskRouterButton:hover{
	color: #ccc;
	background: transparent url(/public/images/taskRouterSprite.png) no-repeat -458px -34px;
}

.taskRouterButton:active{
	height: 22px;
	padding: 11px 0 0 0;
	color: #999;
	background: transparent url(/public/images/taskRouterSprite.png) no-repeat -458px -67px;
}

#taskRouterLaterButtonWrapper{
	left: 160px;
	top: 113px;
}

#taskRouterRecyclerButtonWrapper{
	left: 311px;
	top: 113px;
}

#taskRouterCollabButtonWrapper{
	left: 160px;
	top: 235px;	
}

#taskRouterScheduleButtonWrapper{
	left: 311px;
	top: 235px;	
}

#taskRouterProjectButtonWrapper{
	left: 0;
	top: 358px;	
}

#taskRouterNextButtonWrapper{
	left: 151px;
	top: 358px;	
}

/* MISC */

#footer {
	width: 650px;
	background: transparent url(/public/images/footerShade.png)no-repeat left top;
	margin: 0 auto 0;
	padding-top: 20px;
	font-size: 12px;
	color: #a4a4a4;
	text-shadow: 1px 1px 0 #222;
	text-align: center;
}

#scraplrHappy {
	font-size: 10px;
	margin-top: 20px;
}

#mtLogo {
	width: 199px;
	height: 16px;
	background: transparent url(/public/images/mtLogo.png) no-repeat left top;
	margin: 10px auto 20px;
}

#tweetfollow{
	margin: 0 auto -8px;
	width: 250px;
}

#twitterconnectframe{
	border: none 0px transparent;
	width: 800px;
	height: 400px;
}

.inplaceeditor-form {
	float: left;
	margin: 0 0 -3px -1px;
}

#task_title{
	width: 410px;
}

.editor_field {
	background: transparent;
	border: none;
	color: #4c4c4c;
	font: bold 14px Helvetica;
	margin: 14px 0 0;
	outline: none;
}

textarea.editor_field {
	color: #4d4d4d;
	font: normal 12px Helvetica;
	height: 70px;
	margin: 5px 10px 5px 10px;
	text-align: justify;
}

.safari textarea, .chrome textarea {
	resize: none;
}

.safari textarea.editor_field, .ie textarea.editor_field, .opera textarea.editor_field, .chrome textarea.editor_field{
	height: 62px;
	width: 545px;
}

.editor_ok_button {
	background: transparent url(/public/images/inplaceOkBt.png) no-repeat left top;
	border: none;
	color: #555;
	cursor: pointer;
	font: bold 11px Helvetica;
	height: 19px;
	margin: 0 10px;
	outline: none;
	width: 39px;
	text-shadow:1px 1px 0 #eee;
}

.editor_cancel_link {
	color: #808080;
	font: bold 12px Helvetica;
	outline: none;
	text-decoration: none;
}

#activityIndicator {
	background: transparent url(/public/images/actIndyBase.png) no-repeat left top;
	height: 150px;
	opacity: 0.8;
	position: fixed;
	text-align: center;
	width: 150px;
	z-index: 100;
}

#spinner {
	height: 32px;
	margin: 40px 0 20px 60px;
	width: 32px;
}

.spinnerLiteWrapper{
	height: 16px;
	width: 16px;
	opacity: 0.75;
}

#activityIndicatorLabel {
	color: #ccc;
	font: bold 12px Helvetica;
	margin: 15px 0 0 0;
	text-align: center;
}

#addTagSpinner, #addMateSpinner{
	margin:10px 6px 0 0;
}

hr {
	border-color: #666;
	border-style: solid;
	border-width: 1px 0 0;
}

.prototip {
	opacity: 0.95;
}

.hidden {
	display: none !important;
}

.floatLeft {
	float: left !important;
}

.floatRight {
	float: right !important;
}

.inplaceeditor-empty {
    font-style: italic;
    color: #999;
}

#twiterConnectAuth{
	width: 800px;
	height: 400px;
	position: absolute;
	top: 0;
	left: 0;
	background: #5f5b60 url(/public/images/twitterConnectAuth.jpg);	
}

#twitterConnectAuthText{
	width:300px; 
	margin:295px 0 0 290px; 
	font:bold 12px Helvetica; 
	color:#ccc; 
	text-shadow: 1px 1px 0 #333;
}

#appSpinner{
	background: transparent url(/public/images/appSpinner.gif) no-repeat left top;
	width: 150px;
	color: #222;
	font: bold 12px Helvetica;
	text-shadow: #666 0 1px 0;
	height: 30px;
	position: absolute;
	padding:8px 0 0 40px;
}

.taskItemOnReadyDropMate, .taskItemOnReadyDropTag {
	background-color: #333 !important;
}

.taskItemOnReadyDropTag .taskTagRow {
	background-image: url(/public/images/tagRowReadyDropBack.png) !important;
}

.pickBrowser{
	width: 70px;
	height: 75px;
}

.pickSafari{
	float: left;
	margin: 0 0 0 20px;
	background: transparent url(/public/images/loginSprite.png) no-repeat -100px -615px;
}

.pickFirefox{
	float: left;
	margin: 0 0 0 25px;
	background: transparent url(/public/images/loginSprite.png) no-repeat -160px -615px;
}

.pickChrome{
	float: right;
	margin: 0 20px 0 0;
	background: transparent url(/public/images/loginSprite.png) no-repeat -222px -615px;
}

.pickBrowserLabel{
	width: 67px;
	height: 22px;
	margin: 62px auto 0 auto;
	background: transparent url(/public/images/loginSprite.png) no-repeat -291px -634px;
	text-align: center;
	padding: 2px 0 0 0;	
}

.pickBrowserLabel a{
	color: #aaa;
	font: bold 12px Helvetica;
}

.pickBrowserLabel a:hover{
	color: #ccc;
}

/* mobile me like textbox self label */

span.wrap { 
	position: relative;
	display:block;
	float: left;
	 
	}
	
span.wrap label{ 
	left: 0;
	font:bold 14px Helvetica;
	color: #6f6970;
	height:28px;
	line-height:28px;
	position:absolute;
	width:171px;
	z-index:12;
	cursor: text;
}

	

.ie7 span.wrap label span{
	top: 0px;
	
}
span.wrap label span { 
	position: relative; 
    top: 1px; 
    left: 12px;
    cursor: text; 
}

input.input-text, textarea.input-text { 
    position: relative; 
    z-index: 10; 
}	

.ie7 input.input-text, textarea.input-text { 
	padding: 4px 4px 3px 5px;
}	
	
label.overlay span { 
	color:#6f6970;
	opacity: 0.5; 
	-webkit-transition: opacity 200ms linear; 
	cursor: text;
	}
	
label.focus span { 
	color:#c8c7c9;
	cursor: text; 
}

label.hastext span { 
	color:#c8c7c9;
	opacity: 0;
	-webkit-transition: opacity 0ms linear; 
	cursor: text;
}

/* New Entry */
#newEntryTitleBox {
	background-color: transparent;
	border: none;
	color: #ccc;
	cursor: pointer;
	float: left;
	font: bold 20px Helvetica;
	margin:25px 0 0 35px;
	outline: none;
	width: 555px;
}

#newEntrySaveBt {
	margin: 0px 10px 0 0 !important;
}

#newItemNote{
	width: 575px;
	margin:8px 0 0 5px;
	color:#777;
}

#newEntryCommandWrap {
	color: #7c7c7c;
	float: left;
	font: bold 12px Helvetica;
	margin: 11px 0 0 28px;
	width: 630px;
}

#moreOptionToggler {
	cursor: pointer;
	float: left;
	margin: 5px 0 0;
}

#cancelNewEntry {
	cursor: pointer;
	float: right;
	margin:5px 65px 0 0;
}

#newEntryMoreOption {
	float: left;
	margin: 5px 0 0 21px;
	width: 640px;
}

.newEntryIconRow {
	float: left;
	height: 25px;
	margin: 4px 0 0;
	width: 600px;
}

#rowNewNote {
	height: 88px;
	width: 620px;
	margin:10px 0 0 22px;
}

.newItemIconLabel {
	color: #4d4d4d;
	cursor: default;
	float: left;
	font: bold 10px Helvetica;
	margin: 4px 50px 0 2px;
}

#rowNewDueAndReminder{
	margin:12px 0 0 25px;
}

#rowNewDueAndReminder .taskDue{
	margin:2px 10px 0 10px !important;
}

#newDuePicker, #newReminderTrigger {
	cursor: pointer;
}

#newDueDateSelector {
	left:19px !important;
	top:268px !important;
	z-index: 30 !important;
}

.newDueValueLabel{
	width: 120px;
}

#newDueDateRemove{
	width: 16px;
	height: 16px;
	position: relative;
	float: left;
	margin: 4px 5px 0 0;
	background: transparent url(/public/images/taskItemIcons.png) no-repeat -125px -23px;
	cursor: pointer;
}

#newReminderSelectorBox {
	left:150px !important;
	top:268px !important;
}

#rowNewTag {
	margin:1px 0 0 25px !important;
}

#rowNewTag .taskTag {
	margin:8px 5px 0 10px !important;
}

#rowNewTag .taskTagEntryBox{
	margin-left: -2px !important;
}

#rowNewRecurring{
	margin:1px 0 0 26px !important;
}

#newRecurringSelectorBox{
	margin: 10px 0 0 3px;
}

#newRecurringStartPicker{
	cursor: pointer;
}

#newRecurringStartDateSelector{
	left:195px !important;
	top:300px !important;
}

#recurringTimes{
	border: none;
	font: bold 10px Helvetica;
	width: 20px;
	color: #555;
	margin: 0 5px;
}

#newTaskShare{
	float: left;
	margin:35px 0 0 35px;
	cursor: pointer;
}

#newTaskShareIco{
	float: left;
	background: transparent url(/public/images/newTaskShare.png) no-repeat -8px -118px !important;
	margin:0 10px 0 0;
	width: 20px;
	height: 21px;
}

#newTaskShareLabel{
	padding: 5px 0;
	font: bold 11px Helvetica;
	color: #666;
	float: left;

}

.shareMeanIco{
	display: block;
	float: left;
	height: 21px;
	margin: -2px 5px 0 0;
	width: 20px;
}

.shareScraplr{
	background: transparent url(/public/images/newTaskShare.png) no-repeat -39px -119px !important;
}

.shareTweet{
	background: transparent url(/public/images/newTaskShare.png) no-repeat -69px -119px !important;
}

.shareFacebook{
	background: transparent url(/public/images/newTaskShare.png) no-repeat -99px -119px !important;
}

#newTaskShareSelector{
	background: transparent url(/public/images/newTaskShare.png) no-repeat left top !important;
	height: 115px;
	left: 20px;
	position: absolute !important;
	top: 355px;
	width: 200px;
	z-index: 4;
	}

.taskShareMeanList {
	float: left;
	margin:14px 0 0;
}

.ie taskShareMeanList {
	clear: both;
	display: block;
	float: left !important;
	position: relative;
}

.taskShareMean {
	color: #777;
	cursor: pointer;
	font: normal 11px Helvetica;
	height: 17px;
	line-height: 17px;
	margin: 2px 0 0 5px;
	padding: 5px 1px 5px 9px;
	width: 180px;
}

.taskShareMean:hover {
	background-color: #b898cb;
	color: #fff;
}

/* New Entry Dialog */

#newEntryDialogOverlay{
	background: transparent url(/public/images/black90.png);
	z-index: 25;
	position: fixed;
	top: 0;
	left: 0;
}

#newEntryDialog{
	width: 668px;
	height: 145px;
	top: -145px;
	position: fixed;
	z-index: 26;
}

.newEntryDialogLess{
	background: transparent url(/public/images/newEntryDialog.png) no-repeat left -7px;
}

.newEntryDialogMore{
	background: transparent url(/public/images/newEntryDialog.png) no-repeat left -157px;
	height: 380px !important;
}

#newTitleInputWrapper{
	float: left;
	height: 75px;
}

#newEntryDialogMoreTogglerWrapper{
	float: left;
	height: 25px;
	padding:14px 6px 0;
	cursor: pointer;
}

#newEntryDialogMoreTogglerLabel{
	font: bold 12px Helvetica;
	color: #777;
	text-shadow: #f6f6f6 0 1px 0;
	margin:5px 0 0 22px;
	float: left;	
}

#newEntryDialogMoreTogglerWrapper:hover #newEntryDialogMoreTogglerLabel{
	color: #444;	
}

#newEntryDialogMoreTogglerDisc{
	width: 16px;
	height: 16px;
	float: left;
	margin:3px 0 0 5px;
}

.newEntryLessDetail{
	background: transparent url(/public/images/taskItemIcons.png) no-repeat -113px 0;
}

.newEntryMoreDetail{
	background: transparent url(/public/images/taskItemIcons.png) no-repeat -129px 0;
}

#newEntryDialogMoreWrapper{
	float: left;
	height: 207px;
	width: 668px;
}

#newEntryDialogLowerPart{
	float:right;
	height:25px;
	padding:14px 6px 0;
}

#newEntrySpinner{
	float: left;
	height: 16px;
	padding:1px 5px 0 24px;
	color: #555;
	font: bold 11px Helvetica;
	background: transparent url(/public/images/spinner_newentry.gif) no-repeat;
	margin: 5px;
}

#fbConnectBt, #twitConnect{
	cursor: pointer;
}

#preferencesUserFBPic{
	float: left;
	border: solid 4px #ccc;
	width: 50px;
	height: 50px;
}

.userPicFBTWWrapper{
	width: 66px;
	height: 66px;
	float: left;
	position: relative;
	margin: 5px 0 0;
}

.userPicFBTW{
	position: relative;
	margin: 10px 0 0 8px;
}

.userPicFBTWFrame{
	width: 66px;
	height: 66px;
	position: absolute;
	left: 0;
	top: 2px;	
	background: transparent url(/public/images/dialogPane.png) no-repeat -6px -327px;
}

#preferencesUserFBMeta, #preferencesUserTwitMeta{
	float: left;
	font: normal 12px Helvetica;
	padding: 23px 10px 0 15px;
	width: 350px;
	color: #777;
}

#preferencesUserFBName, #preferencesUserTwitName{
	color:#8d61a8;
	font-weight: bold;
}

#preferencesUserTwitPic{
	float: left;
	border: solid 4px #ccc;
	width: 48px;
	height: 48px;
}

#userConnectedToFBNote, #twitConnectInfo{
	float: left;	
}

#disconnectFacebookBt, #disconnectTwitterBt{
	margin: 10px 0 0 5px;
}

/*User Dialog*/

#userDialog{
	height: 180px;
	width: 440px;
	position: fixed;
	background: transparent url(/public/images/dialogPane.png) no-repeat left -97px;
	top: -180px;
	z-index: 100;
}

#dialogUpperPart{
	height: 117px;
	float: left;
}

#dialogLowerPart{
	float:right;
	height:34px;
	padding:16px 0 0 0;
}

#dialogIcon{
	float:left;
	height:52px;
	margin:20px 0 0 30px;
	width:46px;
}

.dialogInfoIcon{
	background: transparent url(/public/images/dialogPane.png) no-repeat -71px -30px;
}

.dialogQuestionIcon{
	background: transparent url(/public/images/dialogPane.png) no-repeat -11px -30px;
}

#dialogMessage{
	font: bold 12px Helvetica;
	color: #4c4c4c;
	float: left;
	margin:25px 0 0 15px;
	width: 320px;
	line-height: 18px;
}

#dialogSubMessage{
	color:#777;
	float:left;
	font:normal 12px/16px Helvetica;
	margin:5px 0 0 15px;
	width:300px;	
}

.dialogButton{
	float: right;
	height: 18px;
	width: 87px;
	padding: 5px 0 0 0;
	margin:0px 24px 0 0;
	text-align: center;
	font: bold 11px Helvetica;
	color: #4d4b4b;
	cursor: pointer;
	background: transparent url(/public/images/dialogPane.png) no-repeat -344px -55px;
	text-shadow: 1px 1px 0 #fafafa;
}

.firefox35 .dialogButton, .firefox .dialogButton{
	height: 17px;
	padding: 6px 0 0 0;
}

.dialogButton:hover{
	background: transparent url(/public/images/dialogPane.png) no-repeat -344px -32px;
}

.dialogButton:active{
		height: 17px;
	padding: 6px 0 0 0;
	background: transparent url(/public/images/dialogPane.png) no-repeat -344px -9px;
}

#userPreferences{
	width: 508px;
	height: 298px;
	position: fixed;
	background: transparent url(/public/images/dialogPane.png) no-repeat -442px -97px;
	top: -1000px;
	z-index: 90;
}

#preferencesUpperPart{
	height: 212px;
}

#preferencesLowerPart{
	float: right;
	height: 64px;
	padding:16px 0px 0 0;
}

#preferencesTab{
	margin: 15px 0 0 18px;
	height: 50px;
}

#preferencesTab li{
	float: left;
	width: 60px;
	height: 53px;
	text-align: center;
	margin: 0 7px 0 0;
}

#preferencesTab li a{
	outline: none;
}

#preferencesTab li.selectedTaskTab{
	background: transparent url(/public/images/dialogPane.png) no-repeat -465px -30px;

}

.preferencesTabIcon{
	width: 45px;
	height: 35px;
	display: block;
	margin:0 0 0 10px;
}

#profileTabIco{
	background: transparent url(/public/images/dialogPane.png) no-repeat -545px -37px;
}

#facebookTabIco{
	background: transparent url(/public/images/dialogPane.png) no-repeat -607px -37px;
}

#twitterTabIco{
	background: transparent url(/public/images/dialogPane.png) no-repeat -662px -37px;
}

#passTabIco{
	background: transparent url(/public/images/dialogPane.png) no-repeat -725px -36px;
}

#packageTabIco{
	background: transparent url(/public/images/dialogPane.png) no-repeat -787px -37px;
}

#phoneTabIco{
	background: transparent url(/public/images/dialogPane.png) no-repeat -846px -37px;
}

#mailTabIco{
	background: transparent url(/public/images/dialogPane.png) no-repeat -902px -37px;
}

.preferencesTabLabel{
	font: normal 11px Helvetica;
	color: #a6a6a6;
}

#preferencesTab li.selectedTaskTab a span.preferencesTabLabel{
	color: #666;
}

#preferencesTabPanelWrapper{
	margin: 7px 18px 0 18px;
	float: left;
}

.preferencesTabPanel{
	color: #777;
	font: normal 12px Helvetica;
	margin:13px 10px 0 10px;
	line-height: 18px;
	float: left;
	height: 130px;
}

#fbConnectWrapper, #twConnectWrapper{
	text-align: center;
	margin: 20px;
}

.phoneConnect{
	line-height: 18px;
	float: left;
}

.phoneActivateWrapper{
	float:left;
	margin:0 0 0 183px;
}

#phoneConnectWrapper{
	background: transparent url(/public/images/dialogPane.png) no-repeat -10px -290px;
	padding:5px 10px 3px 10px;
	font: bold 14px Helvetica;
	width: 232px;
	height: 20px;
	cursor: default;
	color: #8d449c;	
	margin: 10px auto 8px auto;
	text-align: center;

}

#phoneConnectEmphasize{
	font: bold 14px Helvetica;
	margin: 10px 0 0 0;
	text-align: center;
}

#phoneConnectNumber{
	color: #cb43cc;
	font: bold 14px Helvetica;
}

#upgradeFromPrefBt{
	margin: 10px 0 0 0;
}

.preferencesSectionTitle{
	font: bold 12px Helvetica;
	margin: 0 0 10px 0;
}

.preferencesInputRow{
	float: left;
	margin:0 0 5px;
}

.preferencesInputLabel{
	width: 95px;
	display: block;
	float: left;
	margin:5px 0 0;
}

.preferencesInputBox{
	padding:7px 10px 1px 10px;
	float: left;
	border: none;
	color: #777;
	background: transparent url(/public/images/dialogPane.png) no-repeat -10px -290px;
	outline: none;
	font: normal 12px Helvetica;
	width: 232px;
	height: 20px;	
}

input[type='text'],
input[type='password'],
input[type='file'], textarea {
	outline: none !important;
}

#preferencesSpinner{
	float: right;
	width: 16px;
	height: 16px;
	margin:4px 14px 0 0;
}

/* FusionAds */

#fusionAds{
	left: 274px;
	top: 145px;	
	width: 400px;
	height: 125px;
	position: absolute;
	float: left;
	background: transparent url(/public/images/fusionAdsCover.png) no-repeat left top;
}

.fusionimg{
	width: 130px;
	height: 100px;
	float: left;
	margin:12px 0 0 12px;
}

.fusionentire{
	width: 400px;
	height: 125px;	
	float: left;
	position: relative;
}

.fusionentire a{
	float: left;
	display: block;
	position: relative;
	width: 130px;
	height: 100px;

}

.fusiontext a{
	float: left;
	display: block;
	position: relative;
	width: 200px;
	height: 100px;	
	font: normal 12px/18px Helvetica;
	color: #b2afb3 !important;
	margin:0 0 0 30px;	
}

.fusionLink{
	font: bold 10px Helvetica;
	display: block;
	left:160px;
	position:absolute;
	top:90px;
	color: #989699;
}

/* blank slate */

#noTask{
	width: 600px;
	height: 455px;
	position: absolute;
	left: 274px;
	text-align: center;
	background: transparent url(/public/images/blankSlateBase.png) no-repeat left top;
	cursor:default;
	top: 145px;
}

#noTaskTitle{
	font: bold 30px Helvetica;
	color: #8b878c;
	margin: 200px 0 30px 0;
}

#noTaskNote{
	font: normal 14px Helvetica;
	color: #b1adb2;
}

#noTaskHelpButtonWrapper{
	float:left;
	margin:20px 0 0 262px;
}

#noTaskHelpButton{
	float: left !important;
}

/* Help Section */

#helpPageWrapper{
	background-color: #fff;
	color: #999;
	font: normal 12px Helvetica;
	float: left;
}

#helpCrumb{
	background-color: #eee6f2;
	border-bottom: 1px solid #8a858c;
	padding: 10px;
	color: #595959;
	padding:5px 15px;
	font: normal 11px Helvetica;
}

#helpPageWrapper p{ 
	margin: 0 0 10px 0;
}

#helpContentWrapper{
padding: 10px 15px 25px 15px;	
}

.helpPageTitle{
	font: bold 16px Helvetica;
	color: #444;
	margin: 0 0 15px 0;
}

.helpPageSubTitle{
	font: bold 12px Helvetica;
	color: #986db3;
	display: block;
	margin: 10px 0 5px 0;
}


/*Login Section*/
#loginContainer{
	width: 371px;
	margin: 0 auto;
}

#loginWrapper{
	float: left;
	margin: 0 0 300px;
}

#loginLogo{
	width: 371px;
	height: 371px;
	float: left;
	background: transparent url(/public/images/loginSprite.png) no-repeat left top;
}

#loginMessage{
	position: relative;
	font: bold 12px Helvetica;
	height:58px;
	margin:0 0 10px;
	padding:42px 0 0 75px;
	width:301px;
	float: left;
	background: transparent url(/public/images/loginSprite.png) no-repeat 0 -682px;

}

.diagradsBox{
	position: relative;
	padding:35px 35px 0 35px;
	width: 301px;
	float: left;
	background: transparent url(/public/images/loginSprite.png) no-repeat 0 -782px;

}

.formTest{
	float: left;
	margin: 0 0 10px 0;
}

.iconTest{
	width: 35px;
	height: 35px;
	float: left;
}

.testTitle{
	font: bold 16px Helvetica;
	color: #d9d9d9;
	float: left;
	margin:5px 0 0 10px;
	text-shadow: 1px 1px 0 #333;
}

.iconSignIn{
	background: transparent url(/public/images/loginSprite.png) no-repeat -10px -623px;
}

.iconParticipate{
	background: transparent url(/public/images/loginSprite.png) no-repeat -55px -629px;
}

.testDiv{
	height: 2px;
	width: 371px;
	float: left;
	background: transparent url(/public/images/loginSprite.png) no-repeat 0 -599px;
	margin: 20px 0 30px -35px;
}

.textTest{
	margin: 10px 0 25px 0;
	float: left;	
	color: #bbb;
	font: normal 12px Helvetica;
	line-height: 16px;	
}

.textTest a{
	color: #986db3;
	text-decoration: none;
}

.loginInputRow{
	float: left;
	margin: 0 0 10px 0;
}

.loginInputBox{
	width: 286px;
	height: 24px;
	background: transparent url(/public/images/loginSprite.png) no-repeat -38px -384px;
	color: #6f6970;
	font: bold 14px Helvetica;
	padding:7px 0 0 11px;
	float: left;
	border: none;
}

.loginInputBoxInvalid{
	background: transparent url(/public/images/loginSprite.png) no-repeat -38px -553px;
}

.loginButtonWrapper{
		background:transparent url(/public/images/loginSprite.png) no-repeat -123px -417px;
	float:right;
	height:41px;
	margin:10px 5px 0 0;
	padding:0 8px 0 0;
	width:118px;
}

.formButon{
	width: 117px;
	height: 24px;
	float: left;
	margin:4px 0 0 3px;
	padding:7px 0 0;
	font: bold 14px Helvetica;
	color: #4d4b4b;
	text-shadow: 1px 1px 0 #fff;
	text-align: center;
	cursor: pointer;
	background: transparent url(/public/images/loginSprite.png) no-repeat -126px -458px;
}

.firefox35 .formButon, .firefox .formButon{
	padding:10px 0 0;
	height: 21px;
}

.formButon:hover{
	background: transparent url(/public/images/loginSprite.png) no-repeat -126px -489px;	
}

.formButon:active{
	padding:8px 0 0;
	height: 23px;
	background: transparent url(/public/images/loginSprite.png) no-repeat -126px -520px;	
}

.loginSpinner{
	background:transparent url(/public/images/spinner_purplish.gif) no-repeat left top;
	float:right;
	height:16px;
	margin:22px 10px 0;
	padding:0 0 0 25px;
	color: #ccc;
	font: normal 10px Helvetica, Arial;
}

/* Public Page */

#publicPageWrapper{
	float: left;
	background: transparent url(/public/images/publicPageUpperBack.jpg) repeat-x left top;
}

#publicPageContainer{
	width: 660px;
	margin: 0 auto;
	height: 800px;
}

#publicHeader{
	width: 660px;
	height: 107px;
	background: transparent url(/public/images/publicSprite.png) no-repeat left -1066px;
	float: left;
}

#publicLogo{
	width: 250px;
	height: 72px;
	float: left;
	background: transparent url(/public/images/publicSprite.png) no-repeat left -970px;
	margin: 18px 0 0;
}

#publicButtonsWrapper{
	float: right;
	margin: 60px 0 0 0;
}

.greyButtonFrame{
	width: 95px;
	height: 31px;
	float: right;
	background: transparent url(/public/images/dialogPane.png) no-repeat -325px -288px;
	margin: 0 0 0 10px;
}

.greyButton{
	float: right;
	height: 18px;
	width: 87px;
	padding: 5px 0 0 0;
	margin:4px;
	text-align: center;
	font: bold 11px Helvetica;
	color: #4d4b4b;
	cursor: pointer;
	background: transparent url(/public/images/dialogPane.png) no-repeat -344px -55px;
}

.greyButton:hover{
	background: transparent url(/public/images/dialogPane.png) no-repeat -344px -32px;
}

.greyButton:active{
	height: 17px;
	padding: 6px 0 0 0;
	background: transparent url(/public/images/dialogPane.png) no-repeat -344px -9px;
}

#publicTaskListContainer{
	width: 660px;
	float: left;
	background: transparent url(/public/images/publicSprite.png) no-repeat left -1186px;
	margin: 20px 0 150px;
	position: relative;
	min-height: 500px;
}

#plusRibbon{
	position: absolute;
	right: 0;
	width: 73px;
	height: 75px;
	margin: 7px;
	background: transparent url(/public/images/publicSprite.png) no-repeat -250px -960px;	
}

#publicUserProfile{
	float: left;
	margin: 25px 10px 10px 25px;
}

#profileUpperSection{
	float: left;
	position: relative;
} 

#profileLowerSection{
	float: left;
	position: relative;
	margin: 10px 0 0 5px;
}

#profileLine{
	height: 4px;
	width: 650px;
	margin:0 5px 10px 5px;
	background: transparent url(/public/images/publicSprite.png) no-repeat -5px -935px;
	float: left;
	position: relative;
}

#userPicWrapper{
	width: 66px;
	height: 66px;
	float: left;
	position: relative;
}

#userPic{
	position: relative;
	margin:7px 0 0 8px;
}

#userPicFrame{
	width: 66px;
	height: 66px;
	position: absolute;
	left: 0;
	top: 0;	
	background: transparent url(/public/images/publicSprite.png) no-repeat -337px -956px;
}

#userGreetsMainText{
	font: bold 14px Helvetica;
	color: #bfbfbf;
	display: block;
	float: left;
	margin: 5px 7px;
}

#userGreetsSubText{
	font: normal 12px Helvetica;
	color: #b2b2b2;
	display: block;
	float: left;
	margin: 0 7px;
	width:520px;
}

.publicToken{
	width: 297px;
	height: 26px;
	background: transparent url(/public/images/publicSprite.png) no-repeat -341px -1028px;
	position: relative;
	float: left;
	margin:0 8px 8px 0;
	font: normal 11px Helvetica;
	color: #ccc;
	line-height: 26px;
}

.userTokenIco{
	width: 28px;
	height: 21px;
	position: relative;
	float: left;
	margin:3px 5px 0 6px;	
}

.userFacebookIco{
		background: transparent url(/public/images/publicSprite.png) no-repeat -408px -1001px;
}

.userTwitterIco{
		background: transparent url(/public/images/publicSprite.png) no-repeat -440px -1001px;
}

.userLocationIco{
		background: transparent url(/public/images/publicSprite.png) no-repeat -468px -1001px;
}

.userTaskCountIco{
		background: transparent url(/public/images/publicSprite.png) no-repeat -498px -1001px;
}

.userTokenText{
	color: #40cc33;
}

#publicTaskWrapper {
	position: relative;
	float: left;
	width: 660px;
	margin:10px 0 0 25px;
}

#PublicTaskList{
	position: relative;
	float: left;
}

.publicTaskDetailRow {
	float: left;
	height: 22px;
	margin: 10px 5px;
	padding: 1px 0 0;
	width: 600px;
}

.publicTaskCheck{
	cursor: default !important;
}

.publicTaskTitle {
	margin:14px 0 0 0;
	width:520px;
	cursor: default;
	float: left;
	height: 28px;
}

.publicFolded {
	background: transparent url(/public/images/publicSprite.png) no-repeat -6px -25px;
	height: 77px;
	overflow: hidden;
}

.publicUnfolded {
	background: transparent url(/public/images/publicSprite.png) no-repeat -6px -116px !important;
	height: 808px;
}
.publicTaskCommentPanelWrapper {
	float: left;
	position: relative;
}
.publicTaskCommentPanel {
	height: 575px;
	margin: 0 0 0 20px;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 10px 0;
	width: 570px;
}


/* Public blank slate*/

#noPublicTask{
	background:transparent url(/public/images/blankSlateBase.png) no-repeat scroll left top;
	cursor:default;
	float:left;
	height:455px;
	margin:20px 0 0 30px;
	position:relative;
	text-align:center;
	width:600px;
}

#noPublicTaskTitle{
	font: bold 30px Helvetica;
	color: #8b878c;
	margin: 200px 0 30px 0;
}

#noPublicTaskNote{
	font: normal 14px Helvetica;
	color: #b1adb2;
}