html	{ font-size: 80%; font-family: Arial, Verdana, Helvetica, sans-serif; }
body 	{ margin: 0px; padding: 0px; background: #667066; }

/***************** html tags *****************/

H1, H2, H3, H4, H5, H6, H7 { margin: 0px; padding: 0px; font-weight: normal; font-family: Arial, Helvetica, sans-serif; }
H1	{ font-size: 2.5em; letter-spacing: -0.02em; margin-top: 10px; }
H2	{ font-size: 2.0em; margin-top: 5px; }
H3	{ font-size: 1.6em; margin-top: 10px; }
H4	{ font-size: 1.2em; font-weight: bold; }
H5	{ font-size: 1.2em; font-weight: normal; }
H4.groupTitle { background: url(/public/ifc/bg_grouptitle_r.gif) bottom repeat-x; margin: 0; margin-top: 10px; padding: 5px 10px; border-bottom: 1px solid #e0e0e0; font-weight: normal; font-size: 1.3em; }
H1.title		{ display: none; margin: 0px; padding: 10px; padding-left: 20px; background: #deddd0; color: #818882; border-bottom: 1px solid #b8c0b9; font-size: 1.6em; height: 28px; }
H1:first-letter,
	H2:first-letter,
	H3:first-letter,
	.tabsNav DD,
	UL.tabset LI:first-letter { text-transform: capitalize; }

H6						{ font-size: 12px; line-height: 19px; height: 20px; padding: 0; padding-right: 0; border-bottom: 1px solid #f2f5eF; margin-bottom: 5px; margin-top: 10px; white-space: nowrap; }
H6 EM					{ font-size: 12px; font-style: normal; text-transform: capitalize; padding: 4px 10px; padding-top: 1px; background: #E2E5DF; }
H6 .inlineMenu 			{ float: none; padding: 0px 10px; display: none; line-height: 16px; height: 16px; font-size: 12px; }
H6 .inlineMenu SELECT	{ font-size: 12px; }
H6:hover .inlineMenu	{ display: inline; }

IMG		{ border: 0; }
A IMG	{ border: 0; }
CITE	{ margin-right: 20px; white-space: nowrap; font-style: normal; }

/***************** links *****************/

A, A:link	{ color: #0000ff; text-decoration: none; }
A:visited	{ color: #0000cc; }
A:active	{ color: #ff0000; }
A:hover 	{ color: #000099; text-decoration: underline; }
A.act,
	A.act:link,
	A.act:visited,
	A.act:active 	{ color: #6070a0; text-decoration: none; }
A.act:hover		 	{ color: #0060A0; text-decoration: underline; }
A.act.last			{ border-right:0; }
P A.act,
	.submenu2 A.act	{ padding-right:1em; padding-left:0.5em; border-right: 1px solid #e0e0e0; }

A.current:link,
	A.current:visited,
	A.current:active { background: #DEDDD0; padding: 0 5px; color: #909090; text-decoration: none; }
A.current:hover		 { color: #000000; text-decoration: none; }

#dynTaskFilter A	{ padding: 1px 4px; border: 0; font-size: 11px; white-space: nowrap; color: black; }

/***************** ids *****************/

#content					{ text-align: left; }
#header						{ background: #808880; height: 75px; text-align: left; }
#headerCompact				{ background: #808880; height: 5px; text-align: left; }
#container 					{ float: left; text-align: left; width: 100%; background: url(/public/ifc/bg-content.gif) repeat-x; }
#contentWrapper				{ padding: 1em; padding-left: 1.5em; margin-left: 0px; margin-right: 300px; background: #ffffff url(/public/ifc/bg-inner-right.gif) right repeat-y; min-height: 500px; }
#sidebar					{ text-align: left; float: left; width: 300px; margin-left: -300px; padding-top: 5px; background: url(/public/ifc/bg-content.gif) repeat-x; }
#footer						{ float: left; clear: left; padding: 10px; text-align: left; color: #909990; font-size: 0.9em; margin-bottom: 2em; }

#logo						{ position: absolute; top: 0px; left: 10px; text-align: left; width: 350px; height: 70px; overflow: hidden; }
#logo SPAN					{ display:block; font-size:1.8em; color:#e9e9e9; padding:1em 0; white-space: nowrap; }
#logo A:hover				{ text-decoration: none; }
#headerCompact #logo		{ display: none; }
#welcome					{ position: absolute; right: 0px; top: 0px; color: #717f88; text-align: right; font-size: 11px; }
#welcome SPAN				{ background: #d0d0d6 url(/public/ifc/bg-mainmenu.png) repeat-x; border: 1px solid #93a6b2; border-top: 0; padding: 5px 10px; display: block; }
#welcome P					{ margin: 0; padding: 5px 0; line-height: 130%; }
#welcome .useractionsOwners	{ padding: 0; }
#welcome .useractions		{ padding-top: 5px; }

.contentHeader { background: #ffffff url(/public/ifc/bg-comment.gif) bottom repeat-x; padding:1em 1em; margin-right: 300px; }
.contentHeader .headerIcon { float:left; padding-left:10px; width: 60px; }
.contentHeader EM { float:right; font-style: normal; }
.contentHeader H2 { font-size:1.6em; color:#606060; margin:0; padding:0.1em 0; }
.contentHeader H3 { font-size:1.3em; color:#606060; margin:0; padding:0.1em 0; }
.contentHeader P { font-size:1.1em; color:#606060; margin:0; padding:0.2em 0; }
.contentHeader P.links { font-size:0.85em; color:#606060; margin:0; padding:0.1em 0; text-align:right; }

#content.full #contentWrapper	{ margin-right: 0px; background:#fff; padding-right:1.5em;}
#content.full #sidebar			{ display: none; }
#content.full .contentHeader 	{ margin-right: 0px; }

/*
#shortcutsBar						{ position: fixed; width: 100%; bottom: 0px; height: 31px; color: #fff; z-index: 98; line-height: 155%; }
#shortcutsBar #shortcuts			{ margin: 0 10px; padding: 0; border: 1px solid #505550; background: #596359 url(/public/ifc/bg-widget-title.gif) repeat-x; height: 30px; }
#shortcutsBar #shortcuts UL			{ margin: 0; padding: 0; list-style-type: none; }
#shortcutsBar #shortcuts UL	LI 		{ float: left; margin: 0; padding: 0; border-right: 1px solid #505550; border-left: 1px solid #808880; text-transform: capitalize; }
#shortcutsBar #shortcuts UL	LI SPAN	{ display: block; padding: 4px 1em; cursor: pointer; }
#shortcutsBar #shortcuts UL	LI IMG 	{ padding: 5px 0; }
#shortcutsBar #shortcuts UL	LI:hover{ background: #555E55; }
#shortcutsBar A 					{ color: #000; text-decoration: none; display: block; }

#shMenu  					{ display: none; position: fixed; bottom: 30px; left: 0px; background: #f0f0f0; border: 1px solid #505550; border-bottom: 0; min-width: 150px; max-width: 300px; z-index: 99; }
#shMenu UL 					{ margin: 0; padding: 0; list-style-type: none; display: none; }
#shMenu UL LI				{ margin: 0; padding: 0; list-style-type: none; border-bottom: 1px solid #d0d0d0; white-space: nowrap; }
#shMenu UL LI:hover 		{ background: #fff; }
#shMenu UL LI A 	 		{ display: block; padding: 4px 10px; margin-right: 1em; color: #000; text-decoration: none; }
#shMenu UL LI .right		{ display: none; margin: 0; text-align: right; }
#shMenu UL LI:hover .right	{ display: block; }
#shMenu UL LI.shtitle 		{ font-size: 12px; margin: 0; padding: 5px 10px; color: #fff; background: #505550; }
#shMenu UL LI.shtitle A 	{ color: #fff; padding: 0; }
*/

#taskOptions	{ position: absolute; right: 10px; top: 40px; letter-spacing: 0em; }

#contentWrapper .column1 { float: left; width: 18%; border-right: 1px solid #e0e0e0; padding-right: 1%; padding-top: 10px; }
#contentWrapper .column2 { margin-left: 1%; width: 78%; float: left; padding-top: 10px; }

#menu			{ padding: 0; padding-left: 20px; text-align: left; height: 27px; background: #808880; color: #f0f0f0; border-bottom: 1px solid #7a837c; }
* html #menu	{ padding: 0; padding-left: 20px; text-align: left; height: 27px; background: #808880; color: #f0f0f0; border-bottom: 0; }
#menu UL 		{ list-style-type: none; margin: 0px; padding: 0px; width: 100%; overflow: hidden; }
#menu UL LI 	{ padding: 5px 10px; }
#menu UL LI SPAN{ cursor: pointer; }
#menu LI.mainmenu,
	#menu LI.mainmenu.selected { float: left; height: 26px; padding: 0; font-size: 1.0em; margin: 0; cursor: pointer; border-top: 1px solid #808880; border-bottom: 1px solid #7a837c; }
#menu LI.mainmenu.selected	 { background: #ffffff; border: 1px solid #7a837c; border-bottom: 1px solid #ffffff; }

#menu LI.mainmenu:hover		 	 { background: #707770; }
#menu LI.mainmenu.selected:hover { background: #ffffff; }
#menu LI A 			{ text-transform: capitalize; }

#menu a				{ color: #ffffff; text-decoration: none; padding: 4px 15px; height: 26px; line-height: 190%; }
#menu a:hover		{ color: #ffffff; }
#menu UL.icons a 	{ padding-left: 10px; padding-right: 10px; padding-top: 30px; }
#menu LI.mainmenu.selected A { color: #000000; }
#menu LI.mainmenu.selected A:hover { color: #000000; }

#footerInfo					{ clear: both; padding: 10px 0; color: #d0ddd0; margin-right: 300px; background: url(/public/ifc/bg-footer.gif) repeat-x; font-size: 0.9em; line-height: 140%; border-top: 1px solid #ffffff; }
#footerInfo A				{ color: #a0aaa0; }
#footerInfo A:hover			{ color: #ffffff; }
#footerInfo LI 				{ border-right: 1px solid #808880; }
#footerInfo LI:last-child	{ border-right: 0; }

#content.full #footerInfo { margin-right: 0px; }

#help		{ position: absolute; margin-left: 30%; top: 50px; width: 600px; height: 500px; display: none; background: #919892; padding: 8px; }
#help H2	{ font-size: 1.8em; clear:both; }
#help H3	{ font-size: 1.3em; color: #606060; margin:1em 0; margin-top:2em; border-bottom:1px solid #e0e0e0; clear:both; }
#help H4	{ margin: 0; padding: 0; height: 24px; color: #fff; cursor: move; }
#help H6	{ clear:both; }
#help P		{ margin: 0.5em 0; padding: 0; }
#help #helpContainer { height: 456px; overflow: auto; padding: 10px; background: #fff; overflow: auto; }

#dynShowAll	{ background: #ff9900; color: white; font-weight: bold; display: none; }

#newComment	{ background:#ffffff; padding:0px; width:700px; position:absolute; display:none; border:1px solid #a0a0a0; }
#newComment	h5 { background: #596359 url(/public/ifc/bg-widget-title.gif) repeat-x; color: #ffffff; font-size:1.2em; margin:0; padding:0.3em 1em; }
#newComment	#newCommentForm { padding:10px; }


/***************** classes *****************/

.xxl { font-size: 1.7em; }
.xl	 { font-size: 1.5em; }
.l	 { font-size: 1.3em; }
.m	 { font-size: 1.1em; }
.xs	 { font-size: 0.9em; }
.xxs { font-size: 0.8em; }

.else			{ margin: 0; margin-left: 5px; margin-top: 1em; padding: 0; color: #909090; }
.info			{ color: #909090; }
P.info			{ margin: 0; margin-top: 1em; padding: 0; }

.infoError,
	.infoNotification,
	.infoMessage,
	.infoWarning{ display: block; margin: 2px 0px; padding: 3px 6px; color: #000; border: 2px solid #eec0c0; background: #fff0f0; }
.infoMessage 	{ border: 2px solid #c0ffc0; background: #dfffdf; }
.infoWarning 	{ border: 2px solid #FFD645; color: #000; background: #ffeebb; }
.infoNotification { border: 2px solid #d0d0d0; color: #000; background: #ffffff; }

.dynamicItem	{ padding: 10px; }
.win			{ position: absolute; display: none; left: 200px; top: 200px; width: 300px; background: #ffffff; border: 1px solid #809080; }
.winTitle		{ padding: 5px; padding-left: 10px; font-weight: bold; background: url(/public/ifc/bg_grouptitle.gif) top repeat-x; color: #000; }

.asyncContainer { float: left; width: 100%; overflow: auto; }

.dynamicContainer		{ position: absolute; display: none; top: 0px; width: 79%; margin: 0 10%; background: #ffffff; border: 2px solid #909990; border-top: 0; }
.dynamicContainer h4 	{ background: #909990; color: #fff; padding: 5px 10px; }
.dynamicContainer .content	{ padding: 10px; }

.dynLoader			{ cursor: pointer; width: 14px; height: 14px; position: relative; margin-left: -14px; display: none; }
.dynLoaderContainer	{ clear: both; display: none; }
.dynDropdown		{ cursor: pointer; width: 14px; height: 14px; }

.dndw		 	{ }
.dndw:hover	 	{ cursor: move; }

.submenu2 { clear: both; padding:0.5em 0; }

#settingsContainer	{ position: fixed; }

.invisible	{ display: none; }
.block		{ padding: 5px 10px; }
.block2		{ padding: 0.5em 2em; }
.clear		{ clear: both; }
.left		{ float: left; }
.right		{ float: right; }
.dimmed		{ color: #c0c0c0; }
.toggler	{ cursor: pointer}
.clickable	{ cursor: pointer; text-decoration: underline; }
.togglable	{ cursor: pointer; border-bottom: 1px solid #809080; }
.wait		{ display: none; background: #ffffff; border: 1px solid #d0d0a0; padding: 5px 10px; margin: 0 5px; }
.status_on	{ background: #00ff00; padding: 0px 5px; }
.status_off	{ background: #c0c0c0; padding: 0px 5px; color: #fff; }
.proxy 		{ border: 1px dashed #000; }
.online		{ color: #006600; }
.offline	{ color: #909090; }
.unknown 	{ color: #d0d0d0 !important; }
.even		{ background: #f8f8f8; }
.odd		{ background-color: #ffffff; }
.unread		{ }

.taskCal		{ list-style-type: none; margin:0; padding:0; cursor:move; }

.imageCaption	{ text-align: right; color: #808080; font-size:0.9em; }

P.filter		{ text-align:right; }
.filter SPAN 	{ padding: 0 5px; font-size: 11px; }

.selectedToggler	{ display: none; padding: 5px; }
.statusDisplay	{ padding-right: 5px; }

.moreless 		{ display: block; }
.moreless P 	{ margin: 0; }
.moreless P SPAN { color: #c0c0c0; text-decoration: underline; }
.moreless P:last-child { display: none; }

.paginator		{ margin: 0.2em; padding: 0.2em; color: #808080; clear: both; font-size: 0.9em; text-align: right; }
.paged			{ border: 1px solid #E2E5DF; padding: 1px 4px; color: black; }
.pagedSelected 	{ background: #D2D5CF; border: 1px solid #809080; padding: 1px 4px; color: black; }
.pagedButton	{ padding: 1px 2px; color: black; }

.attachmentIcon	.image { width: 48px; height: 48px; overflow: hidden; }

.inlineHelp 	{ font-size: 0.9em; color: #A0B1C2; }
.helpImage		{ float: right; margin-left: 10px; margin-bottom: 10px; text-align:right; }
.helpImage IMG	{ border:0; max-width: 400px; }

.selectCheckbox		{ float: right; }
.globalSelect 		{ vertical-align: middle; }
.loader				{ position: absolute; background: #fff; padding: 3px 20px; border: 2px solid #c0c0c0; }

.inlineEditable		{ cursor: pointer; border: 1px solid #f0f0f0; }
.inlineEditableText	{ cursor: pointer; border: 1px solid #f0f0f0; padding:0.2em 0.5em; }
.inlineEditableText:hover	{ border: 1px solid #a0a0a0; color:#000; }

.inlineMenu			{ float: right; padding: 3px; font-size: 11px; text-align: right; }
.inlineMenu.card	{ padding: 0px; }

/***************** bbcode *****************/

.bbcode CODE { display: block; white-space: pre; font-family: Consolas,'Lucida Console',monospace; font-size:13px; line-height:110%; border:1px solid #c0c0c0; border-left:4px solid #c0c0c0; background:#f0f0f0; padding:1em; width:95%; overflow: auto; }
.bbcode CITE { display: block; padding:1em; border:1px solid #e0e0e0; background: #f0f0f0; font-size: 0.9em; color: #a0a0a0; white-space: normal; }
.bbcode SUB	 { display: block; padding:1em; border:1px solid #e0e0e0; background: #f0f0f0; color: #a0a0a0; }
.bbcode INS	 { color: #303099; }

/***************** Forms *****************/

FORM			{ font-size: 1.0em; padding: 10px; }
INPUT.txt		{ font-size: 1em; background: #ffffff; border: 1px inset #d9d5d0; }
INPUT.btn		{ font-size: 1em; background: #d9d5d0 url(/public/ifc/bg-buttons-form.png) 0 -45px repeat-x; border: 1px outset #d9d5d0; }
INPUT.btnTrans	{ font-size: 1em; background: transparent; border: 1px outset #ffffff; padding: 0px; vertical-align: top; }
INPUT.submit	{ font-size: 1.1em; padding:2px 1em; background: url(/public/ifc/bg-buttons-form.png) 0 -95px repeat-x; border: 1px outset #c0c0c0; }
TEXTAREA.txt	{ width: 380px; font-size: 1em; font-family: "Lucida Console", monospaced; background: #ffffff; border: 1px inset #d9d5d0; }
SELECT.sel		{ font-size: 1em; border: 1px inset #d9d5d0; }
INPUT.radio		{ font-size: 1em; background: transparent; vertical-align: bottom; }
INPUT.check		{ font-size: 1em; background: transparent; vertical-align: middle; }
INPUT[type=checkbox]	{ vertical-align: middle; }
INPUT[type=radio]		{ vertical-align: middle; }
LABEL					{ font-size: 1em; margin-top: 5px; }

FORM.taskdisplay		{ margin: 0; padding: 0 0.5em; }
FORM.taskdisplay .row	{ padding: 2px; }
FORM.taskdisplay LABEL	{ display: inline; }
FORM.taskdisplay VAR	{ display: block; }
FORM.taskdisplay SELECT { width: 100%; }

FORM.owners			{ margin: 5px 0; padding: 0; font-size: 11px; }
FORM.owners LABEL	{ display: inline; font-size: 11px; }
FORM.owners SELECT	{ font-size: 11px; }
FORM.owners INPUT 	{ font-size: 11px; }

FORM.simple			{ margin: 0; padding: 0; font-size: 0.9em; }
FORM.simple	INPUT	{ font-size: 0.9em; }

FIELDSET			{ border: 1px solid #e8e8e8; }
FIELDSET LEGEND		{ color: #909090; }
FIELDSET.fquote		{ background: #f0f0f0; font-size: 11px; color: #a0a0a0 !important; }

OPTION				{ margin: 0; padding: 0; padding-left: 3px; }
OPTGROUP 			{ margin-left: 0px; font-style: normal; }
OPTGROUP OPTION 	{ margin-left: 15px; }

SELECT.inline		{ padding: 0; font-size: 12px; letter-spacing: 0em; }
INPUT.inline		{ font-size: 12px; letter-spacing: 0em; }

.formHtml		{ float:left; width:555px; overflow:hidden; }
.formHelp 		{ float:left; margin-left:10px; margin-top:1em; width:200px; color:#909090; font-size:0.9em; background:url(/public/ifc/bg-inline-help.png) no-repeat; padding-left:25px; }
.formHelp h4 	{ margin-top:1em; }

DIV.form,
	TABLE.form		{ border:1px solid #a0a0a0; padding:1em; }
DIV.form TABLE TD	{ padding:2px 5px; }

.inlineSearch 		{ font-size: 11px; }
.inlineSearch INPUT	{ font-size: 11px; }
.inlineSearchForm	{ margin: 0; padding: 0; display: inline; }

.inlineForm			 { text-align: right; clear: right; padding: 0; border: 1px solid #e0e0d0; color: #000000; background: #f0f0e0; }
.inlineForm.off		 { display: none; margin: 0; }
.inlineForm H5		 { background: url(/public/ifc/tabs_nav_v_bg.png) bottom repeat-x; padding: 5px; font-size: 1.1em; }
.inlineForm FORM	 { padding: 10px; }
.inlineForm	INPUT	 { font-size: 11px; }
.inlineForm	SELECT	 { font-size: 11px; }
.inlineForm	TEXTAREA { font-family: arial, sans-serif; font-size: 11px; }
.inlineForm .buttons { margin-top: 10px; }

/****************** search form *****************/

.searchForm							{ font-size: 0.9em; }
.searchForm P						{ margin: 0; padding: 10px 0; border-bottom: 1px solid #f0f0f0; clear: left; }
.searchForm SELECT OPTION			{ padding-right: 5px; }
.searchForm input[type=checkbox]	{ vertical-align: middle; font-size: 0.8em; }
.searchForm TABLE					{ border: 1px solid #f0f0f0; }
.searchForm TABLE TH				{ padding: 5px; border-bottom: 1px solid #f0f0f0; font-weight: normal; text-align: left; background: #f0f0f0; white-space: nowrap; }
.searchForm TABLE TD				{ padding: 5px; border-bottom: 1px solid #f0f0f0; background: #f9f9f9; }
.searchForm TABLE TD LABEL 			{ float: left; margin: 1px; width: 23%; }
.searchForm TABLE TD LABEL.big 		{ float: left; margin: 1px; width: auto; }
.searchForm TABLE TD LABEL SELECT 	{ width: 95%; }

/****************** TABLES ******************/

TABLE.listing			{ border: 1px solid #e8e8e8; }
TABLE.listing TH		{ background: #f0f0f0 url(/public/ifc/bg_grouptitle.gif) top repeat-x; padding: 4px 10px; border-top: 1px solid #e0e0e0; }
TABLE.listing TD		{ padding: 0.2em 0.5em; border-top:1px solid #f0f0f0; }
TABLE.listing TR.even	{ background: #f8f8f8; }
TABLE.listing TABLE TD { border: 0px solid white; }

TABLE.listing2			{ }
TABLE.listing2 TH		{ padding: 0.4em 1em; border-bottom: 1px solid #e9e9e9; }
TABLE.listing2 TD		{ padding: 0.4em 1em; border-bottom: 1px solid #e9e9e9; }
TABLE.listing2 TABLE TD { border: 0; }
TABLE.listing2 TD.help	{ color: #A0B1C2; }

TABLE.hours					{ font-size: 12px; }
TABLE.hours.summary			{ font-size: 12px; border: 1px solid #c0c0c0; }
TABLE.hours TR.dayGroup TD	{ border-top: 1px solid #f0f0f0; }
TABLE.hours TH 			{ background: url(/public/ifc/bg_grouptitle.gif) top repeat-x; padding: 2px; border-top: 1px solid #e0e0e0; color: #808880; font-weight: normal; }
TABLE.hours TR.total TH { border-top: 1px solid #e0e0e0; padding: 5px 2px; background: url(/public/ifc/bg_grouptitle.gif) top repeat-x; }
TABLE.hours TR.avg TH	{ border-top: 1px solid #e0e0e0; padding: 5px 2px; }
TABLE.hours TH.bar 		{ font-weight: normal; }
TABLE.hours.summary TD	{ padding: 2px 10px; }
TABLE.hours.summary TH	{ padding: 2px 10px; }
TABLE.hours.summary TR.total TH { padding: 5px 10px; }

TABLE.details	 		{ font-size: 0.9em; }
TABLE.details TH 		{ padding: 3px 10px; font-weight: normal; color: #909090; border-bottom: 1px solid #e8e8e8; }
TABLE.details TD 		{ border-bottom: 1px solid #e8e8e8; padding: 3px 10px; }
TABLE.details TH.last,
	TABLE.details TD.last { border-bottom: 0px solid #e8e8e8; }

TABLE.timeline 	 			{ border: 1px solid #D2D5CF; border-bottom: 0; font-size: 11px; }
TABLE.timeline TH 			{ text-align: center; font-weight: normal; padding: 5px 2px; background: url(/public/ifc/bg_grouptitle.gif) top repeat-x; color: #808080; }
TABLE.timeline TD 			{ border-bottom: 1px solid #d0d0d0; padding: 5px; color:#606060; }
TABLE.timeline TR.sunday 	{ color: #ffffff; }
TABLE.timeline TR.past 		{ color: #d0d0d0; font-size: 11px; }
TABLE.timeline TR.future 	{ background: #ffffff; font-size: 11px; }
TABLE.timeline TD.today 	{ border-bottom: 1px solid #809080; border-top: 1px solid #809080; background: #ffffcc; }
TABLE.timeline UL 			{ margin: 0px; padding: 0px; list-style-type: none; }
TABLE.timeline SELECT		{ font-size: 12px; }

TABLE.overview			{ }
TABLE.overview TD		{ padding: 2px; }
TABLE.overview TD H4	{ margin: 5px 0; padding: 3px 5px; border: 1px solid #d2d5cf; background: #dFe5e0; white-space: nowrap; }
TABLE.overview UL		{ list-style-type: none; margin: 0; padding: 0; }
TABLE.overview UL LI	{ clear: both; margin: 0; margin-top: 0px; padding: 5px 5px; border-bottom: 1px solid #e0e0e0; line-height: 160%; }
TABLE.overview UL LI .deadline	{ font-size: 11px; }
TABLE.overview UL LI .inlineMenu { margin: 0; padding: 0; line-height: 130%; }

TABLE.tasks		{ border: 1px solid #a0a0a0; background: #fff; }
TABLE.tasks	TH	{ background: url(/public/ifc/bg-comment.gif) bottom repeat-x; text-align: left; padding: 4px; }
TABLE.tasks	TD	{ text-align: left; padding: 5px; color:#606060; border:0; }
TABLE.tasks	TD.name	{ font-size:13px; }

TABLE.todo			 { margin: 0; padding: 0; border: 0; background: #fff; }
TABLE.todo TD		 { padding: 0.5em 1em; color: #606060; border-bottom: 1px solid #e0e0e0; }
TABLE.todo TR:hover	 { background:#ffffe0; }
TABLE.todo TR.groupDate { margin: 0; color: black; margin-top: 15px; padding: 5px; background: url(/public/ifc/bg_grouptitle.gif) top repeat-x; }

/****************** MISC *****************/

.datetime 	 		{ color: #909090; }
.datetimeOverdue 	{ color: #c03030; }

.money	{ text-align: right; }

.taskDetails		{ padding: 10px 20px; padding-bottom: 0; }

.overdue			{ color: #ff0000 !important; }
.overdue A:link		{ color: #AA0B6D !important; }
.overdue A:visited	{ color: #900B6D !important; }

.due				{ color: #009000; font-weight: normal; }
.permanent			{ color: #909090; font-weight: normal; }

.completed			{ text-decoration: line-through; color: #909090; }
.completed A,
	.completed A:visited { color: #909090; }

.overdueContainer		{ background: #fff9f9; }
.overdueContainer A,
	.overdueContainer A:link,
	.overdueContainer A:visited
						{ color: #AA0B6D; font-weight: normal; }
.dueContainer			{ background: #ffffff; }
.dueContainer A,
	.dueContainer A:link,
	.dueContainer A:visited { color: #0B6DAA; font-weight: normal; }

.completedContainer		{ color: #a0a0a0; background: #f0f0f0; -moz-opacity: 0.8; }
.completedContainer	A 	{ color: #a0a0a0; text-decoration: line-through; }

/****************** calendar *****************/

.calendar		{ font-size: 11px; margin-top: 5px; }
.calendar .month { text-align: left; padding: 1px; }
.calendar .month SPAN { cursor: pointer; }
.calendar TABLE { }
.calendar TH	{ font-weight: normal; text-align: center; }
.calendar TD	{ text-align: center; padding: 2px; }
.calendar P.nav	{ text-align: center; margin: 0; padding: 2px; }
.calendar A		{ text-decoration: none !important; }

.calendarControl				{ }
.calendarControl A				{ text-decoration: none !important; }
.calendarControl .month			{ background: #deddd0; border: 1px solid #d2d5cf; padding: 3px 5px; font-size: 18px; text-align: center; }
.calendarControl TABLE			{ padding: 0; }
.calendarControl TH				{ background: #cfd9d0; padding: 2px; }
.calendarControl TD				{ padding: 0 2px; border-bottom: 1px solid #D2D5CF; border-right: 1px solid #D2D5CF; border-top: 1px solid #f2f5eF; border-left: 1px solid #f2f5eF; font-size: 15px; font-weight: normal; }
.calendarControl .calPrevious	{ background: #f0f0f0; color: #c0c0c0; font-size: 12px; }
.calendarControl .calNext		{ background: #f0f0f0; color: #c0c0c0; font-size: 12px; }
.calendarControl .calOverdue	{ background: #ffe9e9; }
.calendarControl .calDue		{ background: #e0ffe0; }
.calendarControl .calPast		{ color: #a0a0a0; }
.calendarControl .calToday		{ background: #ffdd99; }
.calendarControl .calFuture		{ background: #f0f0f0; }
.calendarControl .calOverdue A,
	.calendarControl .calToday A,
	.calendarControl .calDue A	{ text-decoration: none !important; }

/****************** comments *****************/

.comments	{ }
.comments H4 { margin-top: 1em; }
.comments .commentItem 				{ background: #fff url(/public/ifc/bg-comment.gif) bottom repeat-x; margin-top: 0.5em; clear: both; }
.comments .commentItem .datetime	{ float: right; padding: 1px 5px; padding-left: 10px; color: #a0a0a0; font-size: 0.9em; }
.comments .reply { margin-left:20px; padding-left:20px; background:url(/public/images/icons/reply.gif) 2px 4px no-repeat; }
.comments .reply .info { border-left:2px solid #ffcc00; }
.comments .reply .commentText { border-left:2px solid #ffcc00; }

.comments .commentItem .info 			{ padding: 2px 5px; background: #FFFFFF; height: 1.5em; overflow: hidden; border-top:1px solid #f0f0f0; }
.comments .commentItem.plain .info 		{ }
.comments .commentItem .username		{ padding: 0 5px; color: #a0a0a0; float: right; }
.comments .commentItem .commentPreview	{ color: #a0a0a0; cursor: pointer; }
.comments .commentItem .inlineMenu		{ display: none; height: 16px; overflow: hidden; }

.comments .commentText		{ padding: 2px 10px; overflow: auto; clear: right; }
.comments .commentContent	{ margin-left: 70px; font-weight: normal; padding: 10px; }
.todoInfo					{ border-top: 1px solid #f0f0f0; padding: 0.5em 0; margin-top: 1em; text-align: right; font-size: 0.9em; color: #303030; }

.comments .commentItem.tickets				{ }
.comments .commentItem.tickets .info		{ }
.comments .commentItem.tickets .datetime	{ color: #c06030; }

.comments .commentItem.confirmed			{ }
.comments .commentItem.confirmed .info		{ }
.comments .commentItem.confirmed .datetime	{ color: #80c050; }
.comments .commentItem.confirmed .todoInfo	{ color: #309000; }

.comments .commentItem.done				{ }
.comments .commentItem.done .info		{ }
.comments .commentItem.done .datetime	{ color: #80c050; }
.comments .commentItem.done .todoInfo	{ color: #003000; }

.comments .commentItem.system			{ color: #a0a0a0; }
.comments .commentItem.system .datetime	{ color: #a0a0a0; }
.comments .commentItem.system .info		{ color: #c0c0c0; }
.comments .commentItem.system .commentContent { margin-left: 70px; margin-left: 0; }

.comments .commentItem.selected				{ background: #ffffCC; }
.comments .commentItem.selected .inlineMenu	{ display: block; }

.comments .messageEdit				{ margin-left: 70px; }
.comments .messageEdit TEXTAREA 	{ padding: 2px; background: #ffffff; border: 1px solid #c0c0c0; width: 95%; font-family: Arial, sans-serif; }

.commentAttachments					{ margin-left: 70px; clear: both; }
.commentAttachments	.inlineMenu		{ display: block; height: auto; overflow: auto; }
.commentAttachments	.attachmentInfo	{ line-height: 140%; }
.msgAttachmentContainer				{ margin: 10px; }

.msgTodo			{ margin-right: 5px; padding: 1px 5px; font-size: 11px; }
.msgTodo.confirmed	{ color: #009900; font-size: 12px; padding: 1px; }
.msgTodo.canceled	{ background: #e0e0e0; color: #909090; border:1px solid #d0d0d0; }
.msgTodo.not_fixed	{ background: #ffeeee; color: #900000; border:1px solid #f0c0c0; }
.msgTodo.fixed		{ background: #ddf0dd; color: #009900; border:1px solid #cce0cc; }
.msgTodo.closed		{ background: #ddf0dd; color: #00a000; border:1px solid #a0e0a0; }
.msgTodo.done		{ background: #00cc00; color: #ffffff; border:1px solid #009900; }
.msgTodo.message	{ background: #ffffff; color: #a0a0a0; border:1px solid #e0e0e0; }
.msgTodo.ticket		{ background: #ffcc00; color: #000000; border:1px solid #dd9900; }
.msgTodo.re_opened	{ background: #ff9900; color: #000000; border:1px solid #dd9900; }

.completed .msgTodo.ticket { background: #c0c0c0; color: #ffffff; }

/*
.listing			{ margin: 0; }
.listing .taskDue	{ float: right; width: 150px; text-align: left; white-space: nowrap; }
.listing .taskUser	{ float: right; width: 80px; text-align: left; white-space: nowrap; }
.listing .taskBody	{ padding: 5px; padding-left: 25px; }
.listing H3			{ margin-top: 10px; }
.listing H4 		{ background: url(/public/ifc/bg-mainmenu.png) 0 -57px repeat-x; padding: 5px 10px; border: 1px solid #e8e8e8; font-weight: normal; font-size: 1.3em; }
.listing H5			{ padding: 5px 0; border: 0; font-weight: normal; font-size: 1.2em; }
*/

/****************** lists *****************/

UL.submenu					{ list-style-type: none; margin: 0px; padding: 0px; padding-top: 15px; padding-left: 10px; background: url(/public/ifc/bg-submenu.gif) repeat-x; font-size: 0.9em; border-bottom: 1px solid #c3c8d0; }
UL.submenu LI				{ display: inline; list-style-type: none; line-height: 240%; padding: 7px 8px; color: #808880; }
UL.submenu LI.selected		{ border: 1px solid #D3D8E0; border-bottom: 1px solid #ffffff; background: #fff; color: #000000; }
UL.submenu LI.last			{ }
UL.submenu A				{ color: #333333; }
UL.submenu A:hover			{ color: #000000; }
UL.submenu LI.selected A	{ font-weight: bold; }

UL.tabset 	 			{ margin: 0px; padding: 0; padding-left: 10px; list-style-type: none; height: 24px; border-bottom: 1px solid #d2d5cf; font-size: 12px; }
UL.tabset LI 			{ float: left; height: 23px; margin-left: -1px; background: url(/public/ifc/bg-tab.gif) repeat-x; border: 1px solid #d2d5cf; padding: 0px 10px; line-height: 180%; cursor: pointer; }
UL.tabset LI:hover		{ background: #f9f9f9 url(/public/ifc/bg-tab-hover.gif) repeat-x; }
UL.tabset LI.selected 	{ border-bottom: 1px solid #ffffff; background: #ffffff url(/public/ifc/bg-tab-selected.gif) repeat-x; }
UL.tabset.simple		{ background: #ffffff url(/public/ifc/bg-tabset.gif) bottom repeat-x; border-bottom: 1px solid #a0a0a0; }
UL.tabset.simple LI 	{ height: 24px; margin-left: 0; background: transparent; border: 0; border-bottom: 1px solid #a0a0a0; color: #606060; }
UL.tabset.simple LI.selected 	{ border: 1px solid #a0a0a0; height: 23px; color: #000; border-bottom: 1px solid #ffffff; background: #ffffff url(/public/ifc/bg-tab-selected.gif) repeat-x; font-weight: bold; }

UL.listing					{ margin: 0; padding: 0; list-style-type: none; font-size: 0.95em; }
UL.listing.standalone		{ margin: 10px 0; border: 0; border-top: 1px solid #e8e8e8; }
UL.listing .title			{ font-size: 1.4em; }
UL.listing .description		{ color:#909090; }
UL.listing.columns2			{ margin: 10px 0; }
UL.listing LI				{ margin: 0; padding: 0; margin-bottom: 1px; padding: 4px; padding-right: 0; padding-left: 20px; clear: both; border-bottom: 1px solid #e8e8e8; }
UL.listing LI:hover	 		{ background:#ffffe0; }
UL.listing LI.heading		{ border: 0; color: #a0a0a0; border-bottom: 1px solid #d0d0d0; padding: 5px 5px; background: url(/public/ifc/bg_grouptitle_r.gif) bottom repeat-x; }
UL.listing LI.separator		{ margin: 0; margin-top: 10px; margin-bottom: 5px; padding: 4px; border: 0; border-bottom: 2px solid #e0e0e0; }
UL.listing.standalone LI	{ margin-left: 0px; padding-left: 5px; clear: none; }
UL.listing.columns2 LI		{ margin: 0; padding: 3px 1%; clear: right; float: left; width: 46%; border-right: 1px solid #e8e8e8; vertical-align: middle; }
UL.listing LI.groupTitle	{ background: url(/public/ifc/bg_grouptitle_r.gif) bottom repeat-x; margin: 0; margin-top: 10px; padding: 5px 5px; border-bottom: 1px solid #c0c0c0; font-weight: normal; font-size: 1.2em; }
UL.listing LI.groupDate		{ margin: 0; border-top: 1px solid #d0d0d0; margin-top: 10px; padding: 5px 5px; font-size: 1.1em; background: url(/public/ifc/bg_grouptitle.gif) top repeat-x; }
UL.listing LI.selected		{ background: #FFFFCC; }
UL.listing .taskDetails		{ clear: both; padding: 5px; }
UL.listing .itemPreview		{ float: left; }
UL.listing .subitems		{ float: right; width: 100px; }
UL.listing .projectLinks 	{ float: right; width: 90px; text-align: right; }
UL.listing .deadline		{ float: right; width: 125px; overflow: hidden; }
UL.listing .username		{ float: right; width: 100px; cursor: default; }
UL.listing .todos			{ float: right; width: 60px; cursor: default; margin-right: 5px; color: #909090; }
UL.listing .col1			{ float: right; width: 50px; cursor: default; margin-right: 0.5em; }
UL.listing .col2			{ float: right; width: 100px; cursor: default; margin-right: 0.5em; }
UL.listing .col3			{ float: right; width: 150px; cursor: default; margin-right: 0.5em; }
UL.listing .col4			{ float: right; width: 200px; cursor: default; margin-right: 0.5em; }
UL.listing .col50			{ float: right; width: 50%; cursor: default; margin-right: 0.5em; }
UL.listing EM 				{ display: block; float: left; width: 150px; color: #909990; font-style: normal; }
UL.listing EM:first-letter	{ text-transform: capitalize; }
UL.listing LI LABEL			{ display: block; color: #c0c0c0; margin-left: 150px; }

UL.listing.tasks			{ margin: 0; border: 0; }
UL.listing.tasks LI			{ margin-left: 0px; padding-left: 5px; clear: none; }

UL.listing.projects			{ }
UL.listing.projects	LI		{ clear: left; border-bottom: 1px solid #e0e0e0; }
UL.listing.projects LI.groupTitle	{ background: url(/public/ifc/bg_grouptitle_r.gif) bottom repeat-x; }
UL.listing.projects LI.heading		{ background: url(/public/ifc/bg_grouptitle_r.gif) bottom repeat-x; }
UL.listing.projects	LI .subitems	{ width: 130px; line-height: 160%; color: #a0a0a0; }
UL.listing.projects	LI .client		{ width: 130px; float: right; }
UL.listing.projects	LI .title		{ font-size: 1.4em; }
UL.listing.projects	LI .details		{ padding:4px 0px; }

UL.todo				 { list-style-type: none; margin: 0; padding: 0; border: 0; }
UL.todo LI			 { padding: 3px 5px; color: #606060; border-bottom: 1px solid #f0f0f0; clear:both; }
UL.todo LI .todoText { margin-left:50px; }
UL.todo LI:hover	 { background:#ffffe0; }
UL.todo LI.groupDate { margin: 0; color: black; border-top: 1px solid #d0d0d0; margin-top: 15px; padding: 5px; background: url(/public/ifc/bg_grouptitle.gif) top repeat-x; }
UL.todo.full		 { list-style-type: none; margin: 0; padding: 0; border: 0; }
UL.todo.full LI		 { padding: 3px 5px; padding-left: 20px; white-space: normal; overflow: visible; width: auto; }
UL.todo.full LI.groupDate  { margin: 0; color: black; border-top: 1px solid #d0d0d0; margin-top: 15px; padding: 5px 5px; background: url(/public/ifc/bg_grouptitle.gif) top repeat-x; }
UL.todo.full LI .username	 { float: right; text-align: right; width: 200px; }
UL.todo.full LI .todoDetails { float: right; width: 120px; }

LI .addTo  	 { font-size: 11px; float: right; display: none; }
LI:hover .addTo { display: inline; }

UL.cols2, UL.cols3, UL.cols4	{ list-style-type: none; margin: 0; padding: 0; border: 1px solid #e0e0e0; }
UL.cols2 LI			{ float: left; margin: 1px; padding: 2px 5px; width: 47%; border: 1px solid #f0f0f0; }
UL.cols2 LI.last	{ float: none; clear: left; border: 0; }

UL.cols3 LI			{ float: left; margin: 1px; padding: 2px 5px; width: 30%; border: 1px solid #f0f0f0; }
UL.cols3 LI.last	{ float: none; clear: left; border: 0; }

UL.cols4 LI			{ float: left; margin: 1px; padding: 2px 5px; width: 23%; background: #fff; border: 1px solid #f0f0f0; }
UL.cols4 LI.last	{ float: none; clear: left; border: 0; }
UL.cols2.simple, UL.cols3.simple, UL.cols4.simple 			{ border: 0; }
UL.cols2.simple LI, UL.cols3.simple LI, UL.cols4.simple LI	{ background: transparent; border: 0; }

UL.icongrid			{ list-style-type: none; margin: 0; padding: 0; font-size: 0.85em; }
UL.icongrid	LI		{ list-style-type: none; margin: 0; padding: 0; float: left; width: 88px; height: 88px; margin-right: 5px; text-align: center; }
UL.icongrid	LI:hover		{ background: #d6e9fc; }
UL.icongrid LI IMG { margin: 5px; border: 0; text-align: center; }
UL.icongrid LI A 	{ color: #000; text-align: center; }
UL.icongrid LI A.link 	{ color: #000; text-align: center; }
UL.icongrid LI A.visited{ color: #000; text-align: center; }
UL.icongrid LI A:hover 	{ color: #000; text-decoration: none; }
UL.icongrid LI.groupTitle { clear: both; }

UL.actions			{ list-style-image: url(/public/images/icons/go.gif); }
UL.act				{ list-style-type: none; margin-left: 0; padding-left: 0; }
UL.act LI			{ margin-left: 0; padding-left: 0; margin-top: 2px; }
UL.reset			{ list-style-type: none; margin: 0; padding: 0; border-top: 1px solid #f0f0f0; }
UL.reset LI			{ margin: 0px; padding:1px 5px; border-bottom: 1px solid #f0f0f0; float: none; display: block; width: auto; }
UL.reset LABEL		{ display: inline; }

UL.filesList { list-style-type: none; padding: 0px; margin: 10px 0px; margin-left: 0px; font-size: 0.9em; }
UL.filesList .download	{ display:block; padding:0.2em 0; }
UL.attachmentsCards					{ font-size: 0.9em; }
UL.attachmentsCards LI 				{ width:300px; height:55px; float: left; padding: 5px 5px; margin-right: 5px; margin-bottom:5px; border: 1px solid #e8e8e8; background: url(/public/ifc/bg_grouptitle.gif) top repeat-x; }
UL.attachmentsCards .attachmentIcon	{ width: 65px; height:50px; float: left; }
UL.attachmentsCards .attachmentInfo	{ margin-left: 65px; color: #909090; }
UL.attachmentsCards .attachmentInfo	.details { display:none; }
UL.attachmentsCards .attachmentInfo .name { font-weight: normal; color: black; font-size:1.4em; }
UL.attachmentsCards .attachmentInfo .text { }
UL.attachmentsCards LI.selected		{ background: #ffffCC; border: 1px solid #809080; }
UL.attachmentsCards .inlineMenu 	{ font-size: 11px; display: none; }
UL.attachmentsCards .text		{ display: none; }
UL.attachmentsCards .sub		{ display: none; }
UL.attachmentsCards .datetime	{ display: none; }

UL.attachmentsList					{ font-size: 0.9em; }
UL.attachmentsList LI 				{ width: auto; clear: both; margin-top: 2px; padding: 5px 5px; border: 1px solid #e8e8e8; background: url(/public/ifc/bg_grouptitle.gif) top repeat-x; }
UL.attachmentsList .inlineMenu 		{ }
UL.attachmentsList .attachmentIcon	{ width: 65px; height: 50px; float: left; }
UL.attachmentsList .attachmentInfo	{ margin-left: 65px; color: #909090; }
UL.attachmentsList .attachmentInfo .name { font-weight: normal; color: black; font-size:1.4em; }
UL.attachmentsList .attachmentInfo .details	{ display:block; padding:0.2em 0; }
UL.attachmentsList .attachmentInfo .datetime { display:block; padding-top:0.2em; }
UL.attachmentsList .attachmentInfo .text { display:block; padding-top:0.2em; }
UL.attachmentsList .sub				{ padding-left: 60px; clear: both; }
UL.attachmentsList .sub	P.title		{ padding: 5px; margin-bottom: 0px; background: #F0F0E0; border-bottom: 1px solid #E0E0D0}
UL.attachmentsList .sub .sub		{ padding-left: 20px; clear: both; }
UL.attachmentsList UL.attachmentsList LI { background: transparent; }
UL.attachmentsList LI.selected				{ background: #ffffCC; border: 1px solid #809080; }

UL.lButtons				{ padding: 0.5em 0; margin:0.5em 0; list-style-type: none; }
UL.lButtons	LI			{ float: left; }
UL.lButtons	LI.w		{ }
UL.lButtons	LI A		{ color: black; text-decoration: none; padding:5px 10px; margin-right:0.5em; background:#fff; text-align: center; border:1px solid #e0e0e0; }
UL.lButtons	LI A:hover	{ color: blue; text-decoration: none; }

UL.cards				{ list-style-type: none; margin: 0px; padding: 0px; }
UL.cards LI				{ float: left; width: 280px; height: 65px; margin: 2px; padding: 0px; list-style-type: none; border: 1px solid #e8e8e8; overflow: hidden; font-size: 11px; }
UL.cards LI.expanded	{ height: 65px; }
UL.cards LI.collapsed	{ height: 26px; }
UL.cards LI.groupTitle	{ clear: left; width: 100%; margin-top: 10px; margin-bottom: 5px; color: #9090a0; height: auto; border: 0; background: transparent; border-bottom: 1px solid #e0e0e0; }
UL.cards LI	H4		 	{ padding: 5px; background: url(/public/ifc/bg_grouptitle.gif) top repeat-x; font-weight: normal; font-size: 1.1em; line-height: 140%; cursor: pointer; }
UL.cards LI	P		 	{ padding: 10px; margin: 0px; }
UL.cards LI	FIELDSET 	{ font-size: 11px; padding: 10px; margin: 0px 5px; border: 1px solid #f0f0f0; }
UL.cards LI	LEGEND 	 	{ color: #909090; }

UL.cards.users			{ list-style-type: none; margin: 0px; padding: 0px; }
UL.cards.users LI 		{ width: 250px; background: url(/public/ifc/bg_grouptitle.gif) top repeat-x; cursor: pointer; }
UL.cards.users LI.collapsed	{ height: 23px; }
UL.cards.users LI.collapsed	.userThumbSmall { display: none; }
UL.cards.users LI .userRecord			{ margin-left: 65px; }
UL.cards.users LI.collapsed	.userRecord { margin-left: 10px; }
UL.cards.users LI .userRecord .username	{ color: black; padding: 4px 0; font-size: 12px; border-bottom: 1px solid #f0f0f0; }
UL.cards.users LI .userRecord .moreInfo	{ padding: 4px 0; }

UL.inline				{ list-style-type: none; margin: 0px; padding: 0px; }
UL.inline LI			{ display: inline; list-style-type: none; padding: 5px; }

/****************** DLs *****************/

DL.listing		{ margin: 0; padding: 0; }
DL.listing DT 	{ margin: 0; padding: 0; margin-left: 5px; }
DL.listing DD 	{ margin: 0; padding: 0; margin-left: 10px; }

DL.options				{ margin: 10px 0; padding: 0px; border: 1px solid #f0f0f0; }
DL.options DT			{ background: url(/public/ifc/bg-mainmenu.png) 0 -57px repeat-x; margin: 0; padding: 5px 10px; border-bottom: 1px solid #f0f0f0; }
DL.options DT.toggle	{ cursor: pointer; }
DL.options DD			{ border-top: 0; margin: 0; padding: 10px 20px; }
DL.options DD P			{ padding: 5px 20px; }
DL.options DD.toggled	{ display: none; }

/****************** sticky notes *****************/

.stickyNote					{ position: absolute; left: 0px; top: 0px; padding: 4px; border: 1px solid #808880; font-size: 0.8em; width: 160px; background: #ffffff; -moz-opacity: 0.9; opacity: .90; filter: alpha('opacity=90'); }
.stickyNote H4				{ border-bottom: 1px solid #c0c0c0; padding: 4px 5px; cursor: move; height: 12px; overflow: hidden; }
.stickyNote .stickyText		{ margin: 0px; height: 100%; overflow: hidden; }
.stickyNote .stickyText	P	{ margin: 0px; padding: 5px; }
.stickyNote .stickyFooter 	{ margin: 0px; padding: 2px 5px; border-top: 1px solid #c0c0c0}
.stickyNote .stickyFooter A	{ text-decoration: none; }

/****************** projects and tasks *****************/

.projectIcon		{ width: 70px; height: 48px; float: left; }
.projectTitle		{ color: #909090; }

.userThumb,
	.userThumbSmall	{ width: 80px; height: 80px; float: left; overflow: hidden; padding: 4px; margin-right: 5px; text-align: center; }
.userThumbSmall		{ width: 50px; height: 80px; padding: 2px; }

.innerDetails		{ font-size: 11px; color: #c0c0c0; }
.innerDetails A		{ color: #b0b0b0 !important; }

.projectReport		 { font-size: 0.9em; }
.projectReport H2	 { margin: 0; padding: 0; margin-top: 10px; border-bottom: 1px solid #e0e0e0; }
.projectReport H3	 { margin: 0; padding: 0; margin-top: 10px; }
.projectReport H4	 { margin: 0; padding: 0; margin-top: 10px; }
.projectReport UL LI { border-bottom: 1px solid #e0e0e0; line-height: 140%; }
.projectReport LI 	 { clear: left; }
.projectReport LI EM { display: block; float: left; width: 120px; color: #909090; font-style: normal; }
.projectReport OL UL { list-style-type: none; margin: 0; margin-left: 20px; padding: 0; }

.inlineSelect		{ cursor: pointer; border: 1px solid #f0f0f0; padding: 1px; padding-left: 3px; padding-right: 20px; background: url(/public/ifc/dropdown_small.gif) right center no-repeat; white-space: nowrap; }
.inlineSelectEdit	{ display: none; font-size: 12px; }
.inlineOptions					{ display: none; position: absolute; white-space: nowrap; width: 150px; z-index: 100; font-size: 11px; }
.inlineOptions UL 				{ list-style-type: none; margin: 0; padding: 0; height: 100px; overflow: auto; border: 1px solid #c0c0c0; background: #fff; }
.inlineOptions UL LI 			{ list-style-type: none; margin: 0; padding: 0px 3px; border-bottom: 1px solid #f0f0f0; cursor: pointer; white-space: nowrap; }
.inlineOptions UL LI.selected	{ background: #ffff00; }
.inlineOptions .inlineButton 	{ cursor: pointer; background: #DEDDD0; border: 1px solid #ceccc0; padding: 2px 10px; line-height: 150%; }

/****************** tabs *****************/

.tabPage,
	.tabPage.selected		{ clear: both; padding: 5px 0; display: none; }
.tabPage.selected			{ display: block; }
.tabPage H3,
	.tabPage.selected H3 	{ padding: 5px 10px; }

.htabs							{ margin: 10px 0; }
.htabs .tabsNav 				{ background: url(/public/ifc/tabs_bg.gif) top right repeat-x; }
.htabs .tabsNav DL				{ margin: 0; padding: 0; height: 27px; border-bottom: 1px solid #a0a0a0; padding-left: 1px; }
.htabs .tabsNav DL DD			{ float: left; margin: 0; margin-left:-1px; height: 18px; padding: 3px 10px; padding-top:5px; border: 1px solid #e0e0e0; border-bottom: 1px solid #a0a0a0; color: #909090; font-size: 0.9em; background: #fff url(/public/ifc/tabs_nav_bg.png) bottom repeat-x; cursor: pointer; }
.htabs .tabsNav DL DD.selected	{ padding: 3px 1.5em; padding-top:5px; margin-right:1px; border: 1px solid #a0a0a0; border-bottom:1px solid #fff; color: #000000; font-size:1.2em; background: #fff url(/public/ifc/tabs_nav_sel_bg.png) bottom repeat-x; }

.htabs .tabsContent					{ clear: both; }
.htabs .tabsContent DL 				{ margin: 0; padding: 0px; border: 1px solid #a0a0a0; border-top: 0; }
.htabs .tabsContent DL DD			{ display: none; margin: 0; padding: 1.5em 2em 2em 2em; background: #fff; min-height: 200px; min-width: 300px; _width: 300px; _height: 200px; }
.htabs .tabsContent DL DD.selected	{ display: block; }

.vtabs							{ margin: 10px 0; }
.vtabs .tabsNav 				{ float: left; width: 150px; }
.vtabs .tabsNav DL				{ margin: 0; padding: 0; border-bottom: 1px solid #e0e0e0; }
.vtabs .tabsNav DL DD			{ padding: 5px; padding-left: 10px; color: #909090; border: 1px solid #e0e0e0; border-right: 0; border-bottom: 0; margin: 0; background: url(/public/ifc/tabs_nav_v_bg.png) bottom repeat-x; cursor: pointer; font-size: 0.9em; }
.vtabs .tabsNav DL DD.selected	{ background: #fff; position: relative; width: 135px; margin-bottom:-1px; color: #000000; font-size: 1.2em; border: 1px solid #a0a0a0; border-right: 0; }

.vtabs .tabsContent					{ margin-left: 150px; }
.vtabs .tabsContent DL 				{ margin: 0; padding: 0px; border: 1px solid #a0a0a0; }
.vtabs .tabsContent DL DD			{ display: none; margin: 0; padding: 1.5em 2em 2em 2em; background: #fff; min-height: 200px; min-width: 300px; _width: 300px; _height: 200px; }
.vtabs .tabsContent DL DD.selected	{ display: block; }

.tabsContent H5			{ font-size: 1.3em; font-weight: normal; color: #606060; margin:0; margin-bottom:0.5em; }

/****************** labels *****************/

.labelsContainer 		{ margin-top: 10px; clear: both; font-size: 11px; }
DT .labelsContainer 	{ margin: 0px; }
.label, .labelDraggable, .labelAssigned	{ color: #000000; background: #f0f0f0; padding: 1px 4px; border:0; font-size: 12px; white-space: nowrap; }
.labelDraggable			{ cursor: move; }
.labelClick				{ float: left; cursor: pointer; margin-top: 2px; -moz-opacity: 0.5; vertical-align: bottom; }
.taskLabelsContainer	{ padding: 2px 20px; }

#labelsList SPAN			{ margin-top:0.2em; padding: 0.2em 0.8em; font-size:0.9em; display:block; border:1px solid #fff; }

.taskLabels .labelDraggable { cursor: pointer; }
.label KBD,
	.labelDraggable KBD,
	.labelAssigned KBD	{ border: 1px solid red; padding: 2px; cursor: pointer; font-size: 12px; position: absolute; text-align: center; width: 12px; display: none; background: #e0e0e0; color: #ff0000; }
.label KBD 					{ }
.labelDraggable:hover KBD	{ display: inline; }
.labelAssigned:hover KBD	{ display: inline; }

.labelsContainer .label	{ margin-right: 3px; padding: 2px 6px; }

/****************** sidebar *****************/

#sidebar H4 	{ margin: 0; margin-top: 5px; color: #82939e; font-weight: normal; font-size: 13px; clear: both; text-transform: capitalize; }
#sidebar H4 A	{ float: right; }
#sidebar H5 	{ margin: 0; margin-top: 5px; font-weight: normal; font-size: 11px; }
#sidebar UL 	{ list-style-type: none; margin: 0px; padding: 0px; margin-top: 5px; padding-left: 10px; }
#sidebar UL LI	{ list-style-type: none; padding: 2px 0px; }
#sidebar A		{ color: #32434E; text-decoration: underline; }
#sidebar SELECT { font-size: 12px; }

#updatesInfo 		{ font-size: 11px; }
#updatesInfo H6		{ padding-left: 0; }
#updatesInfo UL		{ margin: 0px; padding: 0px; list-style-type: none; border: 0; }
#updatesInfo LI		{ margin-left: 5px; padding: 1px; border: 0; }
#onlineUsers		{ max-height: 200px; overflow: auto; font-size: 11px; }

#projectTasksContainer		{ position: absolute; clear:both; display: none; z-index:90; width: 80%; left:0; margin:0 5%; margin-top:10px; padding: 10px; background: #ffffff; border: 1px solid #808880; -moz-opacity: 0.95; }

#watchlist { }
#watchlist .wItems			{ clear:right; }
#watchlist .watchlistList	{ height: 200px; overflow: auto; }
#watchlist UL				{ font-size: 0.9em; list-style-type: none; margin: 0; padding: 0; }
#watchlist UL LI			{ clear: right; }
#watchlist UL LI.groupName	{ margin-left: 0; font-weight: bold; }
#watchlist UL LI A			{ text-decoration: none; }
#watchlist UL LI A:hover	{ text-decoration: underline; }

.widgetTitle 		{ margin: 0; margin-top: 5px; padding: 4px 5px; color: #ffffff; font-weight: normal; font-size: 13px; clear: both; background: #596359 url(/public/ifc/bg-widget-title.gif) repeat-x; border: 1px solid #505550; }
H4.widgetTitle 		{ color: #ffffff !important; padding-left: 1em; }
.widgetContainer	{ display: none; padding: 5px; border: 1px solid #505550; border-top: 0; background: #E2E5DF url(/public/ifc/bg-widget.gif) repeat-x; }
.widgetContainer UL.listing.standalone { border: 0; }
.widgetForm			{ background: #fff; border: 1px solid #a0a0a0; padding: 0.5em; display: none; }
.widgetForm	FORM 	{ margin: 0; padding: 0; }

UL.quicklist 				{ padding: 0 !important; margin: 0; list-style-type: none; height: 200px; overflow: auto; }
UL.quicklist LI 			{ padding: 2px 0; margin: 0; clear: both; border-top: 1px solid #E2E5DF; border-bottom: 1px solid #fff; line-height: 115%; }
UL.quicklist LI:hover 		{ border-top: 1px solid #a0a0a0; border-bottom: 1px solid #a0a0a0; }
.sortableHighlight 			{ background: #fff; border: 1px solid #c0c0c0; }
UL.quicklist LI .datetime 	{ font-size: 0.85em; color: #a0a0a0; }
UL.quicklist LI .inlineMenu { margin: 0; padding: 0 5px; }
#editQLItemForm	TEXTAREA 	{ font-size: 0.9em; font-family: arial, sans-serif; width: 100%; }

#content.full #sidebar .widgetTitle 	{ display: none; }
#content.full #sidebar .widgetContainer { display: none; }


/****************** drag and drop *****************/

.showAll					{ padding: 1px 4px; border: 0; font-size: 11px; white-space: nowrap; }
.droppable-active			{ background: #ffcccc !important; }
.droppable-hover			{ background: #ff9966 !important; }
.ui-draggable-dragging		{ border: 2px solid #ccaaaa !important; padding: 5px 10px; background: #ffcccc; max-width: 300px; z-index: 101; cursor: move; }
.ui-draggable-dragging A 	{ cursor: move; }
.ui-dialog-titlebar			{ padding: 10px; background: #809080; }
.ui-dialog-title			{ float: left; }
.ui-dialog-titlebar-close	{ }
.ui-dialog-content			{ padding: 10px; }
.ui-dialog-buttonpane		{ background: #c0c0c0; }

/****************** dropdown menus *****************/

.optionsDropdown					{ float: right; font-size: 11px; }
.inlineDropdown						{ border: 1px solid #809080; padding: 1px 5px; cursor: pointer; }
.inlineDropdown.ddSelected			{ border: 1px solid #809080; background: #FFFFFF; }
.inlineDropdown.simple				{ border: 1px solid #ffffff; padding: 0px 5px; cursor: pointer; }
.inlineDropdown.simple.ddSelected	{ border: 1px solid #809080; background: #FFFFFF; }

.simpleDropdownMenu 				{ position: absolute; display: none; border: 1px solid #809080; background: #FFFFFF; font-size: 12px; z-index: 100; min-width: 100px; }
.simpleDropdownMenu UL 				{ list-style-type: none; margin: 0; padding: 0; }
.simpleDropdownMenu UL.separator	{ border-top: 1px solid #809080; }
.simpleDropdownMenu UL LI 			{ list-style-type: none; margin: 0; padding: 0; border-bottom: 1px solid #FFFFFF; border-top: 1px solid #FFFFFF; white-space: nowrap; }
.simpleDropdownMenu UL LI A:first-letter { text-transform: capitalize; }
.simpleDropdownMenu UL LI:hover		{ border-bottom: 1px solid #c0ccc0; border-top: 1px solid #c0ccc0; background: #d0ddd0; }
.simpleDropdownMenu UL LI A 		{ display: block; padding: 3px 10px; text-decoration: none; color: #808880; }
.simpleDropdownMenu UL LI A:hover	{ text-decoration: none; color: #000000; }

.hasMenu	{ background: url(/public/ifc/submenu.gif) right center no-repeat; }

/****************** icons and sprites *****************/

IMG.appico 	{ width: 14px; height: 14px; background: url(/public/ifc/app.png) 0 0 no-repeat; }
IMG.appico.status_12	{ background-position: 0 0; }
IMG.appico.status_11	{ background-position: -14px 0; }
IMG.appico.status_10	{ background-position: -28px 0; }
IMG.appico.status_1		{ background-position: -42px 0; }
IMG.appico.status0		{ background-position: -56px 0; }
IMG.appico.status1		{ background-position: -70px 0; }
IMG.appico.status10		{ background-position: -84px 0; }
IMG.appico.status20		{ background-position: -98px 0; }
IMG.appico.status25		{ background-position: -112px 0; }
IMG.appico.status30		{ background-position: -126px 0; }
IMG.appico.status50		{ background-position: -140px 0; }
IMG.appico.status100	{ background-position: -154px 0; }

IMG.appico.priority0	{ background-position: 0 -14px; }
IMG.appico.priority5	{ background-position: -14px -14px; }
IMG.appico.priority10	{ background-position: -28px -14px; }
IMG.appico.priority20	{ background-position: -42px -14px; }
IMG.appico.priority30	{ background-position: -56px -14px; }
IMG.appico.priority100	{ background-position: -70px -14px; }
IMG.appico.staron		{ background-position: -154px -14px; }
IMG.appico.staroff		{ background-position: -140px -14px; }

IMG.appicosmall	{ width: 11px; height: 11px; background: url(/public/ifc/app.png) 0 -60px no-repeat; }
IMG.appicosmall.toggle_down		{ background-position: -121px -60px; }
IMG.appicosmall.toggle_up		{ background-position: -110px -60px; }
IMG.appicosmall.toggle_inv		{ background-position: -143px -60px; }
IMG.appicosmall.toggle_inv_down	{ background-position: -132px -60px; }

.ico { vertical-align: middle; border:0; }

IMG.icon { width: 16px; height: 16px; background: url(/public/ifc/app.png) 0 -44px no-repeat; }
IMG.icon.task_task 		{ background-position: 0 -44px; }
IMG.icon.task_feature	{ background-position: -16px -44px; }
IMG.icon.task_bug		{ background-position: -32px -44px; }
IMG.icon.task_change	{ background-position: -48px -44px; }
IMG.icon.task_design	{ background-position: -64px -44px; }
IMG.icon.task_milestone	{ background-position: -80px -44px; }
IMG.icon.dropdown		{ background-position: -144px -44px; }

IMG.icon.rstatus_3	{ background-position: 0 -28px; }
IMG.icon.rstatus_2	{ background-position: -16px -28px; }
IMG.icon.rstatus_1	{ background-position: -32px -28px; }
IMG.icon.rstatus0	{ background-position: -48px -28px; }
IMG.icon.rstatus1	{ background-position: -64px -28px; }
IMG.icon.rstatus2	{ background-position: -80px -28px; }
IMG.icon.rstatus3	{ background-position: -96px -28px; }

IMG.nav 		{ width: 11px; height: 11px; background: url(/public/ifc/app.png) 0px -60px no-repeat; }
IMG.nav.first	{ background-position: 0px -60px; }
IMG.nav.rew 	{ background-position: -11px -60px; }
IMG.nav.prev 	{ background-position: -22px -60px; }
IMG.nav.next 	{ background-position: -33px -60px; }
IMG.nav.ff  	{ background-position: -44px -60px; }
IMG.nav.last 	{ background-position: -55px -60px; }
IMG.nav.up 	 	{ background-position: -66px -60px; }
IMG.nav.down 	{ background-position: -77px -60px; }

/****************** other stuff *****************/

#tooltip 		{ position: absolute; z-index: 40; border: 1px solid #000000; padding: 0.3em 0.6em; font-size: 0.9em; background: #ffffff; display: none; width: 200px; }
#tooltipr 		{ position: absolute; z-index: 40; font-size: 0.9em; background: url(/public/ifc/bg-tooltip.gif) top right no-repeat; display: none; width: 200px; }
#tooltipr SPAN	{ display: block; border-bottom: 1px solid #808080; margin-right: 10px; padding: 0.3em 0.8em; }

.line2	{ line-height:180%; }
.line3	{ line-height:240%; }

.object				{ padding:2px 5px; text-transform: uppercase; font-size:0.8em; }
.object.projects	{ background:#c0eec0; color:#000; }
.object.tasks 		{ background:#e0d0e0; color:#000; }
.object.todos		{ background:#FFCC00; color:#000; }
.object.messages	{ background:#e9e9e9; color:#000; }
.object.attachments	{ background:#d0d0f0; color:#000; }
.object.users		{ background:#d0e0f0; color:#000; }
.object.clients		{ background:#ffd0ff; color:#000; }

.access_0 	{ background:#c0c0c0; color:#a0a0a0; text-decoration: line-through; }
.access_1 	{ background:#f0f0f0; }
.access_5 	{ background:#d0e0f0; }
.access_10 	{ background:#f0e0f0; }
.access_100 { background:#d0f0d0; }
.access_250 { background:#f0d0a0; }
.access_255 { background:#ffc0c0; }

.pageInfo { background: url(/public/images/icons-large/info-introduction.png) no-repeat; padding-left:60px; min-height:60px; margin:0.5em 0; font-size:1.1em; color:#999; }