jro_apps/redmine Commit - r759:05e27d0d836b

1

body { font-family: Verdana, sans-serif; font-size: 12px; color:#484848; margin: 0; padding: 0; min-width: 900px; }

1

body { font-family: Verdana, sans-serif; font-size: 12px; color:#484848; margin: 0; padding: 0; min-width: 900px; }

2

3

h1, h2, h3, h4 { font-family: "Trebuchet MS", Verdana, sans-serif;}

3

h1, h2, h3, h4 { font-family: "Trebuchet MS", Verdana, sans-serif;}

4

h1 {margin:0; padding:0; font-size: 24px;}

4

h1 {margin:0; padding:0; font-size: 24px;}

5

h2, .wiki h1 {font-size: 20px;padding: 2px 10px 1px 0px;margin: 0 0 10px 0; border-bottom: 1px solid #bbbbbb; color: #444;}

5

h2, .wiki h1 {font-size: 20px;padding: 2px 10px 1px 0px;margin: 0 0 10px 0; border-bottom: 1px solid #bbbbbb; color: #444;}

6

h3, .wiki h2 {font-size: 16px;padding: 2px 10px 1px 0px;margin: 0 0 10px 0; border-bottom: 1px solid #bbbbbb; color: #444;}

6

h3, .wiki h2 {font-size: 16px;padding: 2px 10px 1px 0px;margin: 0 0 10px 0; border-bottom: 1px solid #bbbbbb; color: #444;}

7

h4, .wiki h3 {font-size: 12px;padding: 2px 10px 1px 0px;margin-bottom: 5px; border-bottom: 1px dotted #bbbbbb; color: #444;}

7

h4, .wiki h3 {font-size: 12px;padding: 2px 10px 1px 0px;margin-bottom: 5px; border-bottom: 1px dotted #bbbbbb; color: #444;}

8

9

/***** Layout *****/

9

/***** Layout *****/

10

#top-menu {background: #2C4056;color: #fff;height:1.5em; padding: 2px 6px 0px 6px;}

10

#top-menu {background: #2C4056;color: #fff;height:1.5em; padding: 2px 6px 0px 6px;}

11

#top-menu a {color: #fff; padding-right: 4px;}

11

#top-menu a {color: #fff; padding-right: 4px;}

12

#account {float:right;}

12

#account {float:right;}

13

14

#header {height:5.3em;margin:0;background-color:#507AAA;color:#f8f8f8; padding: 4px 8px 0px 6px;}

14

#header {height:5.3em;margin:0;background-color:#507AAA;color:#f8f8f8; padding: 4px 8px 0px 6px;}

15

#header a {color:#f8f8f8;}

15

#header a {color:#f8f8f8;}

16

#quick-search {float:right;}

16

#quick-search {float:right;}

17

18

#main-menu {position: absolute; top: 5.5em; left:6px;}

18

#main-menu {position: absolute; top: 5.5em; left:6px;}

19

#main-menu ul {margin: 0; padding: 0;}

19

#main-menu ul {margin: 0; padding: 0;}

20

#main-menu li {

20

#main-menu li {

21

float:left;

21

float:left;

22

list-style-type:none;

22

list-style-type:none;

23

margin: 0px 10px 0px 0px;

23

margin: 0px 10px 0px 0px;

24

padding: 0px 0px 0px 0px;

24

padding: 0px 0px 0px 0px;

25

white-space:nowrap;

25

white-space:nowrap;

26

}

26

}

27

#main-menu li a {

27

#main-menu li a {

28

display: block;

28

display: block;

29

color: #fff;

29

color: #fff;

30

text-decoration: none;

30

text-decoration: none;

31

margin: 0;

31

margin: 0;

32

padding: 4px 4px 4px 4px;

32

padding: 4px 4px 4px 4px;

33

background: #2C4056;

33

background: #2C4056;

34

}

34

}

35

#main-menu li a:hover {background:#759FCF;}

35

#main-menu li a:hover {background:#759FCF;}

36

37

#main {background: url(../images/mainbg.png) repeat-x; background-color:#EEEEEE;}

37

#main {background: url(../images/mainbg.png) repeat-x; background-color:#EEEEEE;}

38

39

#sidebar{ float: right; width: 17%; position: relative; z-index: 9; min-height: 600px; padding: 0; margin: 0;}

39

#sidebar{ float: right; width: 17%; position: relative; z-index: 9; min-height: 600px; padding: 0; margin: 0;}

40

* html #sidebar{ width: 17%; }

40

* html #sidebar{ width: 17%; }

41

#sidebar h3{ font-size: 14px; margin-top:14px; color: #666; }

41

#sidebar h3{ font-size: 14px; margin-top:14px; color: #666; }

42

#sidebar hr{ width: 100%; margin: 0 auto; height: 1px; background: #ccc; border: 0; }

42

#sidebar hr{ width: 100%; margin: 0 auto; height: 1px; background: #ccc; border: 0; }

43

* html #sidebar hr{ width: 95%; position: relative; left: -6px; color: #ccc; }

43

* html #sidebar hr{ width: 95%; position: relative; left: -6px; color: #ccc; }

44

45

#content { width: 80%; background: url(../images/contentbg.png) repeat-x; background-color: #fff; margin: 0px; border-right: 1px solid #ddd; padding: 6px 10px 10px 10px; position: relative; z-index: 10; height:600px; min-height: 600px;}

45

#content { width: 80%; background: url(../images/contentbg.png) repeat-x; background-color: #fff; margin: 0px; border-right: 1px solid #ddd; padding: 6px 10px 10px 10px; position: relative; z-index: 10; height:600px; min-height: 600px;}

46

* html #content{ width: 80%; padding-left: 0; margin-top: 0px; padding: 6px 10px 10px 10px;}

46

* html #content{ width: 80%; padding-left: 0; margin-top: 0px; padding: 6px 10px 10px 10px;}

47

html>body #content {

47

html>body #content {

48

height: auto;

48

height: auto;

49

min-height: 600px;

49

min-height: 600px;

50

}

50

}

51

52

#main.nosidebar #sidebar{ display: none; }

52

#main.nosidebar #sidebar{ display: none; }

53

#main.nosidebar #content{ width: auto; border-right: 0; }

53

#main.nosidebar #content{ width: auto; border-right: 0; }

54

55

#footer {clear: both; border-top: 1px solid #bbb; font-size: 0.9em; color: #aaa; padding: 5px; text-align:center; background:#fff;}

55

#footer {clear: both; border-top: 1px solid #bbb; font-size: 0.9em; color: #aaa; padding: 5px; text-align:center; background:#fff;}

56

57

#login-form table {margin-top:5em; padding:1em; margin-left: auto; margin-right: auto; border: 2px solid #FDBF3B; background-color:#FFEBC1; }

57

#login-form table {margin-top:5em; padding:1em; margin-left: auto; margin-right: auto; border: 2px solid #FDBF3B; background-color:#FFEBC1; }

58

#login-form table td {padding: 6px;}

58

#login-form table td {padding: 6px;}

59

#login-form label {font-weight: bold;}

59

#login-form label {font-weight: bold;}

60

61

.clear:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }

61

.clear:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }

62

63

/***** Links *****/

63

/***** Links *****/

64

a, a:link, a:visited{ color: #2A5685; text-decoration: none; }

64

a, a:link, a:visited{ color: #2A5685; text-decoration: none; }

65

a:hover, a:active{ color: #c61a1a; text-decoration: underline;}

65

a:hover, a:active{ color: #c61a1a; text-decoration: underline;}

66

a img{ border: 0; }

66

a img{ border: 0; }

67

68

/***** Tables *****/

68

/***** Tables *****/

69

table.list { border: 1px solid #e4e4e4; border-collapse: collapse; width: 100%; margin-bottom: 4px; }

69

table.list { border: 1px solid #e4e4e4; border-collapse: collapse; width: 100%; margin-bottom: 4px; }

70

table.list th { background-color:#EEEEEE; padding: 4px; white-space:nowrap; }

70

table.list th { background-color:#EEEEEE; padding: 4px; white-space:nowrap; }

71

table.list tbody th { ~~text-align~~: ~~left~~; padding: 0px; }

71

table.list tbody th { padding: 0px; }

72

table.list td { overflow: hidden; text-overflow: ellipsis; vertical-align: top;}

72

table.list td { overflow: hidden; text-overflow: ellipsis; vertical-align: top;}

73

table.list tbody tr:hover { background-color:#ffffdd; }

73

table.list tbody tr:hover { background-color:#ffffdd; }

74

table td {padding:2px;}

74

table td {padding:2px;}

75

table p {margin:0;}

75

table p {margin:0;}

76

.odd {background-color:#f6f7f8;}

76

.odd {background-color:#f6f7f8;}

77

.even {background-color: #fff;}

77

.even {background-color: #fff;}

78

79

.highlight { background-color: #FCFD8D;}

79

.highlight { background-color: #FCFD8D;}

80

81

.box{

81

.box{

82

padding:6px;

82

padding:6px;

83

margin-bottom: 10px;

83

margin-bottom: 10px;

84

background-color:#f6f6f6;

84

background-color:#f6f6f6;

85

color:#505050;

85

color:#505050;

86

line-height:1.5em;

86

line-height:1.5em;

87

border: 1px solid #e4e4e4;

87

border: 1px solid #e4e4e4;

88

}

88

}

89

90

div.square {

90

div.square {

91

border: 1px solid #999;

91

border: 1px solid #999;

92

float: left;

92

float: left;

93

margin: .3em .4em 0 .4em;

93

margin: .3em .4em 0 .4em;

94

overflow: hidden;

94

overflow: hidden;

95

width: .6em; height: .6em;

95

width: .6em; height: .6em;

96

}

96

}

97

98

.contextual {float:right; white-space: nowrap; line-height:1.4em;margin-top:5px;font-size:0.9em;}

98

.contextual {float:right; white-space: nowrap; line-height:1.4em;margin-top:5px;font-size:0.9em;}

99

.splitcontentleft{float:left; width:49%;}

99

.splitcontentleft{float:left; width:49%;}

100

.splitcontentright{float:right; width:49%;}

100

.splitcontentright{float:right; width:49%;}

101

form {display: inline;}

101

form {display: inline;}

102

input, select {vertical-align: middle; margin-top: 1px; margin-bottom: 1px;}

102

input, select {vertical-align: middle; margin-top: 1px; margin-bottom: 1px;}

103

fieldset {border: 1px solid #e4e4e4; margin:0;}

103

fieldset {border: 1px solid #e4e4e4; margin:0;}

104

hr { width: 100%; height: 1px; background: #ccc; border: 0;}

104

hr { width: 100%; height: 1px; background: #ccc; border: 0;}

105

textarea.wiki-edit { width: 99%; }

105

textarea.wiki-edit { width: 99%; }

106

li p {margin-top: 0;}

106

li p {margin-top: 0;}

107

div.issue {background:#ffffdd; padding:6px; margin-bottom:6px;border: 1px solid #d7d7d7;}

107

div.issue {background:#ffffdd; padding:6px; margin-bottom:6px;border: 1px solid #d7d7d7;}

108

.autoscroll {overflow-x: auto; padding:1px; width:100%;}

108

.autoscroll {overflow-x: auto; padding:1px; width:100%;}

109

110

/***** Tabular forms ******/

110

/***** Tabular forms ******/

111

.tabular p{

111

.tabular p{

112

margin: 0;

112

margin: 0;

113

padding: 5px 0 8px 0;

113

padding: 5px 0 8px 0;

114

padding-left: 180px; /*width of left column containing the label elements*/

114

padding-left: 180px; /*width of left column containing the label elements*/

115

height: 1%;

115

height: 1%;

116

clear:left;

116

clear:left;

117

}

117

}

118

119

.tabular label{

119

.tabular label{

120

font-weight: bold;

120

font-weight: bold;

121

float: left;

121

float: left;

122

text-align: right;

122

text-align: right;

123

margin-left: -180px; /*width of left column*/

123

margin-left: -180px; /*width of left column*/

124

width: 175px; /*width of labels. Should be smaller than left column to create some right

124

width: 175px; /*width of labels. Should be smaller than left column to create some right

125

margin*/

125

margin*/

126

}

126

}

127

128

#settings .tabular p{ padding-left: 300px; }

128

#settings .tabular p{ padding-left: 300px; }

129

#settings .tabular label{ margin-left: -300px; width: 295px; }

129

#settings .tabular label{ margin-left: -300px; width: 295px; }

130

131

.required {color: #bb0000;}

131

.required {color: #bb0000;}

132

.summary {font-style: italic;}

132

.summary {font-style: italic;}

133

134

div.attachments p { margin:4px 0 2px 0; }

134

div.attachments p { margin:4px 0 2px 0; }

135

136

/***** Flash & error messages ****/

136

/***** Flash & error messages ****/

137

#flash div, #errorExplanation, .nodata {

137

#flash div, #errorExplanation, .nodata {

138

padding: 4px 4px 4px 30px;

138

padding: 4px 4px 4px 30px;

139

margin-bottom: 12px;

139

margin-bottom: 12px;

140

font-size: 1.1em;

140

font-size: 1.1em;

141

border: 2px solid;

141

border: 2px solid;

142

}

142

}

143

144

#flash div {margin-top: 6px;}

144

#flash div {margin-top: 6px;}

145

146

#flash div.error, #errorExplanation {

146

#flash div.error, #errorExplanation {

147

background: url(../images/false.png) 8px 5px no-repeat;

147

background: url(../images/false.png) 8px 5px no-repeat;

148

background-color: #ffe3e3;

148

background-color: #ffe3e3;

149

border-color: #dd0000;

149

border-color: #dd0000;

150

color: #550000;

150

color: #550000;

151

}

151

}

152

153

#flash div.notice {

153

#flash div.notice {

154

background: url(../images/true.png) 8px 5px no-repeat;

154

background: url(../images/true.png) 8px 5px no-repeat;

155

background-color: #dfffdf;

155

background-color: #dfffdf;

156

border-color: #9fcf9f;

156

border-color: #9fcf9f;

157

color: #005f00;

157

color: #005f00;

158

}

158

}

159

160

.nodata {

160

.nodata {

161

text-align: center;

161

text-align: center;

162

background-color: #FFEBC1;

162

background-color: #FFEBC1;

163

border-color: #FDBF3B;

163

border-color: #FDBF3B;

164

color: #A6750C;

164

color: #A6750C;

165

}

165

}

166

167

#errorExplanation ul { font-size: 0.9em;}

167

#errorExplanation ul { font-size: 0.9em;}

168

169

/***** Ajax indicator ******/

169

/***** Ajax indicator ******/

170

#ajax-indicator {

170

#ajax-indicator {

171

position: absolute; /* fixed not supported by IE */

171

position: absolute; /* fixed not supported by IE */

172

background-color:#eee;

172

background-color:#eee;

173

border: 1px solid #bbb;

173

border: 1px solid #bbb;

174

top:35%;

174

top:35%;

175

left:40%;

175

left:40%;

176

width:20%;

176

width:20%;

177

font-weight:bold;

177

font-weight:bold;

178

text-align:center;

178

text-align:center;

179

padding:0.6em;

179

padding:0.6em;

180

z-index:100;

180

z-index:100;

181

filter:alpha(opacity=50);

181

filter:alpha(opacity=50);

182

-moz-opacity:0.5;

182

-moz-opacity:0.5;

183

opacity: 0.5;

183

opacity: 0.5;

184

-khtml-opacity: 0.5;

184

-khtml-opacity: 0.5;

185

}

185

}

186

187

html>body #ajax-indicator { position: fixed; }

187

html>body #ajax-indicator { position: fixed; }

188

189

#ajax-indicator span {

189

#ajax-indicator span {

190

background-position: 0% 40%;

190

background-position: 0% 40%;

191

background-repeat: no-repeat;

191

background-repeat: no-repeat;

192

192

193

padding-left: 26px;

193

padding-left: 26px;

194

vertical-align: bottom;

194

vertical-align: bottom;

195

}

195

}

196

197

/***** Calendar *****/

197

/***** Calendar *****/

198

table.cal {border-collapse: collapse; width: 100%; margin: 8px 0 6px 0;border: 1px solid #d7d7d7;}

198

table.cal {border-collapse: collapse; width: 100%; margin: 8px 0 6px 0;border: 1px solid #d7d7d7;}

199

table.cal th { background-color:#EEEEEE; padding: 4px; }

199

table.cal th { background-color:#EEEEEE; padding: 4px; }

200

table.cal td {border: 1px solid #d7d7d7;}

200

table.cal td {border: 1px solid #d7d7d7;}

201

table.cal td.today {background:#ffffdd;}

201

table.cal td.today {background:#ffffdd;}

202

203

/***** Tooltips ******/

203

/***** Tooltips ******/

204

.tooltip{position:relative;z-index:24;}

204

.tooltip{position:relative;z-index:24;}

205

.tooltip:hover{z-index:25;color:#000;}

205

.tooltip:hover{z-index:25;color:#000;}

206

.tooltip span.tip{display: none; text-align:left;}

206

.tooltip span.tip{display: none; text-align:left;}

207

208

div.tooltip:hover span.tip{

208

div.tooltip:hover span.tip{

209

display:block;

209

display:block;

210

position:absolute;

210

position:absolute;

211

top:12px; left:24px; width:270px;

211

top:12px; left:24px; width:270px;

212

border:1px solid #555;

212

border:1px solid #555;

213

background-color:#fff;

213

background-color:#fff;

214

padding: 4px;

214

padding: 4px;

215

font-size: 0.8em;

215

font-size: 0.8em;

216

color:#505050;

216

color:#505050;

217

}

217

}

218

219

/***** Progress bar *****/

219

/***** Progress bar *****/

220

.progress {

220

.progress {

221

border: 1px solid #D7D7D7;

221

border: 1px solid #D7D7D7;

222

border-collapse: collapse;

222

border-collapse: collapse;

223

border-spacing: 0pt;

223

border-spacing: 0pt;

224

empty-cells: show;

224

empty-cells: show;

225

padding: 3px;

225

padding: 3px;

226

width: 40em;

226

width: 40em;

227

text-align: center;

227

text-align: center;

228

}

228

}

229

230

.progress td { height: 1em; }

230

.progress td { height: 1em; }

231

.progress .closed { background: #BAE0BA none repeat scroll 0%; }

231

.progress .closed { background: #BAE0BA none repeat scroll 0%; }

232

.progress .open { background: #FFF none repeat scroll 0%; }

232

.progress .open { background: #FFF none repeat scroll 0%; }

233

234

/***** Tabs *****/

234

/***** Tabs *****/

235

#content .tabs{height: 2.6em;}

235

#content .tabs{height: 2.6em;}

236

#content .tabs ul{margin:0;}

236

#content .tabs ul{margin:0;}

237

#content .tabs ul li{

237

#content .tabs ul li{

238

float:left;

238

float:left;

239

list-style-type:none;

239

list-style-type:none;

240

white-space:nowrap;

240

white-space:nowrap;

241

margin-right:8px;

241

margin-right:8px;

242

background:#fff;

242

background:#fff;

243

}

243

}

244

#content .tabs ul li a{

244

#content .tabs ul li a{

245

display:block;

245

display:block;

246

font-size: 0.9em;

246

font-size: 0.9em;

247

text-decoration:none;

247

text-decoration:none;

248

line-height:1em;

248

line-height:1em;

249

padding:4px;

249

padding:4px;

250

border: 1px solid #c0c0c0;

250

border: 1px solid #c0c0c0;

251

}

251

}

252

253

#content .tabs ul li a.selected, #content .tabs ul li a:hover{

253

#content .tabs ul li a.selected, #content .tabs ul li a:hover{

254

background-color: #507AAA;

254

background-color: #507AAA;

255

border: 1px solid #507AAA;

255

border: 1px solid #507AAA;

256

color: #fff;

256

color: #fff;

257

text-decoration:none;

257

text-decoration:none;

258

}

258

}

259

260

/***** Diff *****/

260

/***** Diff *****/

261

.diff_out { background: #fcc; }

261

.diff_out { background: #fcc; }

262

.diff_in { background: #cfc; }

262

.diff_in { background: #cfc; }

263

264

/***** Wiki *****/

264

/***** Wiki *****/

265

div.wiki table {

265

div.wiki table {

266

border: 1px solid #505050;

266

border: 1px solid #505050;

267

border-collapse: collapse;

267

border-collapse: collapse;

268

}

268

}

269

270

div.wiki table, div.wiki td, div.wiki th {

270

div.wiki table, div.wiki td, div.wiki th {

271

border: 1px solid #bbb;

271

border: 1px solid #bbb;

272

padding: 4px;

272

padding: 4px;

273

}

273

}

274

275

div.wiki a {

275

div.wiki a {

276

background-position: 0% 60%;

276

background-position: 0% 60%;

277

background-repeat: no-repeat;

277

background-repeat: no-repeat;

278

padding-left: 12px;

278

padding-left: 12px;

279

279

280

}

280

}

281

282

div.wiki a.wiki-page, div.wiki a.issue, div.wiki a.changeset, div.wiki a.email, div.wiki div.toc a {

282

div.wiki a.wiki-page, div.wiki a.issue, div.wiki a.changeset, div.wiki a.email, div.wiki div.toc a {

283

padding-left: 0;

283

padding-left: 0;

284

284

285

}

285

}

286

287

div.wiki a.new {

287

div.wiki a.new {

288

color: #b73535;

288

color: #b73535;

289

}

289

}

290

291

div.wiki pre {

291

div.wiki pre {

292

margin: 1em 1em 1em 1.6em;

292

margin: 1em 1em 1em 1.6em;

293

padding: 2px;

293

padding: 2px;

294

background-color: #fafafa;

294

background-color: #fafafa;

295

border: 1px solid #dadada;

295

border: 1px solid #dadada;

296

width:95%;

296

width:95%;

297

overflow-x: auto;

297

overflow-x: auto;

298

}

298

}

299

300

div.wiki div.toc {

300

div.wiki div.toc {

301

background-color: #ffffdd;

301

background-color: #ffffdd;

302

border: 1px solid #e4e4e4;

302

border: 1px solid #e4e4e4;

303

padding: 4px;

303

padding: 4px;

304

line-height: 1.2em;

304

line-height: 1.2em;

305

margin-bottom: 12px;

305

margin-bottom: 12px;

306

margin-right: 12px;

306

margin-right: 12px;

307

float: left;

307

float: left;

308

}

308

}

309

310

div.wiki div.toc.right {

310

div.wiki div.toc.right {

311

float: right;

311

float: right;

312

margin-left: 12px;

312

margin-left: 12px;

313

margin-right: 0;

313

margin-right: 0;

314

}

314

}

315

316

div.wiki div.toc a {

316

div.wiki div.toc a {

317

display: block;

317

display: block;

318

font-size: 0.9em;

318

font-size: 0.9em;

319

font-weight: normal;

319

font-weight: normal;

320

text-decoration: none;

320

text-decoration: none;

321

color: #606060;

321

color: #606060;

322

}

322

}

323

div.wiki div.toc a:hover { color: #c61a1a; text-decoration: underline;}

323

div.wiki div.toc a:hover { color: #c61a1a; text-decoration: underline;}

324

325

div.wiki div.toc a.heading2 { margin-left: 6px; }

325

div.wiki div.toc a.heading2 { margin-left: 6px; }

326

div.wiki div.toc a.heading3 { margin-left: 12px; font-size: 0.8em; }

326

div.wiki div.toc a.heading3 { margin-left: 12px; font-size: 0.8em; }

327

328

/***** My page layout *****/

328

/***** My page layout *****/

329

.block-receiver {

329

.block-receiver {

330

border:1px dashed #c0c0c0;

330

border:1px dashed #c0c0c0;

331

margin-bottom: 20px;

331

margin-bottom: 20px;

332

padding: 15px 0 15px 0;

332

padding: 15px 0 15px 0;

333

}

333

}

334

335

.mypage-box {

335

.mypage-box {

336

margin:0 0 20px 0;

336

margin:0 0 20px 0;

337

color:#505050;

337

color:#505050;

338

line-height:1.5em;

338

line-height:1.5em;

339

}

339

}

340

341

.handle {

341

.handle {

342

cursor: move;

342

cursor: move;

343

}

343

}

344

345

a.close-icon {

345

a.close-icon {

346

display:block;

346

display:block;

347

margin-top:3px;

347

margin-top:3px;

348

overflow:hidden;

348

overflow:hidden;

349

width:12px;

349

width:12px;

350

height:12px;

350

height:12px;

351

background-repeat: no-repeat;

351

background-repeat: no-repeat;

352

cursor:pointer;

352

cursor:pointer;

353

background-image:url('../images/close.png');

353

background-image:url('../images/close.png');

354

}

354

}

355

356

a.close-icon:hover {

356

a.close-icon:hover {

357

background-image:url('../images/close_hl.png');

357

background-image:url('../images/close_hl.png');

358

}

358

}

359

360

/***** Gantt chart *****/

360

/***** Gantt chart *****/

361

.gantt_hdr {

361

.gantt_hdr {

362

position:absolute;

362

position:absolute;

363

top:0;

363

top:0;

364

height:16px;

364

height:16px;

365

border-top: 1px solid #c0c0c0;

365

border-top: 1px solid #c0c0c0;

366

border-bottom: 1px solid #c0c0c0;

366

border-bottom: 1px solid #c0c0c0;

367

border-right: 1px solid #c0c0c0;

367

border-right: 1px solid #c0c0c0;

368

text-align: center;

368

text-align: center;

369

overflow: hidden;

369

overflow: hidden;

370

}

370

}

371

372

.task {

372

.task {

373

position: absolute;

373

position: absolute;

374

height:8px;

374

height:8px;

375

font-size:0.8em;

375

font-size:0.8em;

376

color:#888;

376

color:#888;

377

padding:0;

377

padding:0;

378

margin:0;

378

margin:0;

379

line-height:0.8em;

379

line-height:0.8em;

380

}

380

}

381

382

.task_late { background:#f66 url(../images/task_late.png); border: 1px solid #f66; }

382

.task_late { background:#f66 url(../images/task_late.png); border: 1px solid #f66; }

383

.task_done { background:#66f url(../images/task_done.png); border: 1px solid #66f; }

383

.task_done { background:#66f url(../images/task_done.png); border: 1px solid #66f; }

384

.task_todo { background:#aaa url(../images/task_todo.png); border: 1px solid #aaa; }

384

.task_todo { background:#aaa url(../images/task_todo.png); border: 1px solid #aaa; }

385

.milestone { background-image:url(../images/milestone.png); background-repeat: no-repeat; border: 0; }

385

.milestone { background-image:url(../images/milestone.png); background-repeat: no-repeat; border: 0; }

386

387

/***** Icons *****/

387

/***** Icons *****/

388

.icon {

388

.icon {

389

background-position: 0% 40%;

389

background-position: 0% 40%;

390

background-repeat: no-repeat;

390

background-repeat: no-repeat;

391

padding-left: 20px;

391

padding-left: 20px;

392

padding-top: 2px;

392

padding-top: 2px;

393

padding-bottom: 3px;

393

padding-bottom: 3px;

394

}

394

}

395

396

.icon22 {

396

.icon22 {

397

background-position: 0% 40%;

397

background-position: 0% 40%;

398

background-repeat: no-repeat;

398

background-repeat: no-repeat;

399

padding-left: 26px;

399

padding-left: 26px;

400

line-height: 22px;

400

line-height: 22px;

401

vertical-align: middle;

401

vertical-align: middle;

402

}

402

}

403

404

.icon-add { background-image: url(../images/add.png); }

404

.icon-add { background-image: url(../images/add.png); }

405

.icon-edit { background-image: url(../images/edit.png); }

405

.icon-edit { background-image: url(../images/edit.png); }

406

.icon-del { background-image: url(../images/delete.png); }

406

.icon-del { background-image: url(../images/delete.png); }

407

.icon-move { background-image: url(../images/move.png); }

407

.icon-move { background-image: url(../images/move.png); }

408

.icon-save { background-image: url(../images/save.png); }

408

.icon-save { background-image: url(../images/save.png); }

409

.icon-cancel { background-image: url(../images/cancel.png); }

409

.icon-cancel { background-image: url(../images/cancel.png); }

410

.icon-pdf { background-image: url(../images/pdf.png); }

410

.icon-pdf { background-image: url(../images/pdf.png); }

411

.icon-csv { background-image: url(../images/csv.png); }

411

.icon-csv { background-image: url(../images/csv.png); }

412

.icon-html { background-image: url(../images/html.png); }

412

.icon-html { background-image: url(../images/html.png); }

413

.icon-image { background-image: url(../images/image.png); }

413

.icon-image { background-image: url(../images/image.png); }

414

.icon-txt { background-image: url(../images/txt.png); }

414

.icon-txt { background-image: url(../images/txt.png); }

415

.icon-file { background-image: url(../images/file.png); }

415

.icon-file { background-image: url(../images/file.png); }

416

.icon-folder { background-image: url(../images/folder.png); }

416

.icon-folder { background-image: url(../images/folder.png); }

417

.icon-package { background-image: url(../images/package.png); }

417

.icon-package { background-image: url(../images/package.png); }

418

.icon-home { background-image: url(../images/home.png); }

418

.icon-home { background-image: url(../images/home.png); }

419

.icon-user { background-image: url(../images/user.png); }

419

.icon-user { background-image: url(../images/user.png); }

420

.icon-mypage { background-image: url(../images/user_page.png); }

420

.icon-mypage { background-image: url(../images/user_page.png); }

421

.icon-admin { background-image: url(../images/admin.png); }

421

.icon-admin { background-image: url(../images/admin.png); }

422

.icon-projects { background-image: url(../images/projects.png); }

422

.icon-projects { background-image: url(../images/projects.png); }

423

.icon-logout { background-image: url(../images/logout.png); }

423

.icon-logout { background-image: url(../images/logout.png); }

424

.icon-help { background-image: url(../images/help.png); }

424

.icon-help { background-image: url(../images/help.png); }

425

.icon-attachment { background-image: url(../images/attachment.png); }

425

.icon-attachment { background-image: url(../images/attachment.png); }

426

.icon-index { background-image: url(../images/index.png); }

426

.icon-index { background-image: url(../images/index.png); }

427

.icon-history { background-image: url(../images/history.png); }

427

.icon-history { background-image: url(../images/history.png); }

428

.icon-feed { background-image: url(../images/feed.png); }

428

.icon-feed { background-image: url(../images/feed.png); }

429

.icon-time { background-image: url(../images/time.png); }

429

.icon-time { background-image: url(../images/time.png); }

430

.icon-stats { background-image: url(../images/stats.png); }

430

.icon-stats { background-image: url(../images/stats.png); }

431

.icon-warning { background-image: url(../images/warning.png); }

431

.icon-warning { background-image: url(../images/warning.png); }

432

.icon-fav { background-image: url(../images/fav.png); }

432

.icon-fav { background-image: url(../images/fav.png); }

433

.icon-fav-off { background-image: url(../images/fav_off.png); }

433

.icon-fav-off { background-image: url(../images/fav_off.png); }

434

.icon-reload { background-image: url(../images/reload.png); }

434

.icon-reload { background-image: url(../images/reload.png); }

435

.icon-lock { background-image: url(../images/locked.png); }

435

.icon-lock { background-image: url(../images/locked.png); }

436

.icon-unlock { background-image: url(../images/unlock.png); }

436

.icon-unlock { background-image: url(../images/unlock.png); }

437

.icon-note { background-image: url(../images/note.png); }

437

.icon-note { background-image: url(../images/note.png); }

438

439

.icon22-projects { background-image: url(../images/22x22/projects.png); }

439

.icon22-projects { background-image: url(../images/22x22/projects.png); }

440

.icon22-users { background-image: url(../images/22x22/users.png); }

440

.icon22-users { background-image: url(../images/22x22/users.png); }

441

.icon22-tracker { background-image: url(../images/22x22/tracker.png); }

441

.icon22-tracker { background-image: url(../images/22x22/tracker.png); }

442

.icon22-role { background-image: url(../images/22x22/role.png); }

442

.icon22-role { background-image: url(../images/22x22/role.png); }

443

.icon22-workflow { background-image: url(../images/22x22/workflow.png); }

443

.icon22-workflow { background-image: url(../images/22x22/workflow.png); }

444

.icon22-options { background-image: url(../images/22x22/options.png); }

444

.icon22-options { background-image: url(../images/22x22/options.png); }

445

.icon22-notifications { background-image: url(../images/22x22/notifications.png); }

445

.icon22-notifications { background-image: url(../images/22x22/notifications.png); }

446

.icon22-authent { background-image: url(../images/22x22/authent.png); }

446

.icon22-authent { background-image: url(../images/22x22/authent.png); }

447

.icon22-info { background-image: url(../images/22x22/info.png); }

447

.icon22-info { background-image: url(../images/22x22/info.png); }

448

.icon22-comment { background-image: url(../images/22x22/comment.png); }

448

.icon22-comment { background-image: url(../images/22x22/comment.png); }

449

.icon22-package { background-image: url(../images/22x22/package.png); }

449

.icon22-package { background-image: url(../images/22x22/package.png); }

450

.icon22-settings { background-image: url(../images/22x22/settings.png); }

450

.icon22-settings { background-image: url(../images/22x22/settings.png); }

451

.icon22-plugin { background-image: url(../images/22x22/plugin.png); }

451

.icon22-plugin { background-image: url(../images/22x22/plugin.png); }

             <h2><%=l(:label_permissions_report)%></h2>
             <% form_tag({:action => 'report'}, :id => 'permissions_form') do %>
             <%= hidden_field_tag 'permissions[0]', '' %>
             <table class="list">
             <thead>
                 <tr>
                 <th><%=l(:label_permissions)%></th>
                 <% @roles.each do |role| %>
                 <th><%= content_tag(role.builtin? ? 'em' : 'span', h(role.name)) %></th>
                 <% end %>
                 </tr>
             </thead>
             <tbody>
             <% perms_by_module = @permissions.group_by {|p| p.project_module.to_s} %>
             <% perms_by_module.keys.sort.each do |mod| %>
                 <% unless mod.blank? %>
-                    <tr><%= content_tag('th', mod.humanize, :colspan => (@roles.size + 1)) %></th></tr>
+                    <tr><%= content_tag('th', mod.humanize, :colspan => (@roles.size + 1), :align => 'left') %></tr>
                 <% end %>
                 <% perms_by_module[mod].each do |permission| %>
                     <tr class="<%= cycle('odd', 'even') %>">
                     <td><%= permission.name.to_s.humanize %></td>
                     <% @roles.each do |role| %>
                     <td align="center">
                     <% if role.setable_permissions.include? permission %>
                       <%= check_box_tag "permissions[#{role.id}][]", permission.name, (role.permissions.include? permission.name) %>
                     <% end %>
                     </td>
                     <% end %>
                     </tr>
                 <% end %>
             <% end %>
             </tbody>
             </table>
             <p><%= check_all_links 'permissions_form' %></p>
             <p><%= submit_tag l(:button_save) %></p>
             <% end %>

	Site-wide shortcuts
/	Use quick search box
g h	Goto home page
g g	Goto my private gists page
g G	Goto my public gists page
g 0-9	Goto bookmarked items from 0-9
n r	New repository page
n g	New gist page

	Repositories
g s	Goto summary page
g c	Goto changelog page
g f	Goto files page
g F	Goto files page with file search activated
g p	Goto pull requests page
g o	Goto repository settings
g O	Goto repository access permissions settings
t s	Toggle sidebar on some pages

             body { font-family: Verdana, sans-serif; font-size: 12px; color:#484848; margin: 0; padding: 0; min-width: 900px; }
             h1, h2, h3, h4 { font-family: "Trebuchet MS", Verdana, sans-serif;}
             h1 {margin:0; padding:0; font-size: 24px;}
             h2, .wiki h1 {font-size: 20px;padding: 2px 10px 1px 0px;margin: 0 0 10px 0; border-bottom: 1px solid #bbbbbb; color: #444;}
             h3, .wiki h2 {font-size: 16px;padding: 2px 10px 1px 0px;margin: 0 0 10px 0; border-bottom: 1px solid #bbbbbb; color: #444;}
             h4, .wiki h3 {font-size: 12px;padding: 2px 10px 1px 0px;margin-bottom: 5px; border-bottom: 1px dotted #bbbbbb; color: #444;}
             /***** Layout *****/
             #top-menu {background: #2C4056;color: #fff;height:1.5em; padding: 2px 6px 0px 6px;}
             #top-menu a {color: #fff; padding-right: 4px;}
             #account {float:right;}
             #header {height:5.3em;margin:0;background-color:#507AAA;color:#f8f8f8; padding: 4px 8px 0px 6px;}
             #header a {color:#f8f8f8;}
             #quick-search {float:right;}
             #main-menu {position: absolute;  top: 5.5em;  left:6px;}
             #main-menu ul {margin: 0;  padding: 0;}
             #main-menu li {
               float:left;
               list-style-type:none;
               margin: 0px 10px 0px 0px;
               padding: 0px 0px 0px 0px;
               white-space:nowrap;
             }
             #main-menu li a {
               display: block;
               color: #fff;
               text-decoration: none;
               margin: 0;
               padding: 4px 4px 4px 4px;
               background: #2C4056;
             }
             #main-menu li a:hover {background:#759FCF;}
             #main {background: url(../images/mainbg.png) repeat-x; background-color:#EEEEEE;}
             #sidebar{ float: right; width: 17%; position: relative; z-index: 9; min-height: 600px; padding: 0; margin: 0;}
             * html #sidebar{ width: 17%; }
             #sidebar h3{ font-size: 14px; margin-top:14px; color: #666;  }
             #sidebar hr{ width: 100%; margin: 0 auto; height: 1px; background: #ccc; border: 0; }
             * html #sidebar hr{ width: 95%; position: relative; left: -6px; color: #ccc; }
             #content { width: 80%; background: url(../images/contentbg.png) repeat-x; background-color: #fff; margin: 0px; border-right: 1px solid #ddd; padding: 6px 10px 10px 10px; position: relative; z-index: 10; height:600px; min-height: 600px;}
             * html #content{ width: 80%; padding-left: 0; margin-top: 0px; padding: 6px 10px 10px 10px;}
             html>body #content {
             height: auto;
             min-height: 600px;
             }
             #main.nosidebar #sidebar{ display: none; }
             #main.nosidebar #content{ width: auto; border-right: 0; }
             #footer {clear: both; border-top: 1px solid #bbb; font-size: 0.9em; color: #aaa; padding: 5px; text-align:center; background:#fff;}
             #login-form table {margin-top:5em; padding:1em; margin-left: auto; margin-right: auto; border: 2px solid #FDBF3B; background-color:#FFEBC1; }
             #login-form table td {padding: 6px;}
             #login-form label {font-weight: bold;}
             .clear:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
             /***** Links *****/
             a, a:link, a:visited{ color: #2A5685; text-decoration: none; }
             a:hover, a:active{ color: #c61a1a; text-decoration: underline;}
             a img{ border: 0; }
             /***** Tables *****/
             table.list { border: 1px solid #e4e4e4;  border-collapse: collapse; width: 100%; margin-bottom: 4px; }
             table.list th {  background-color:#EEEEEE; padding: 4px; white-space:nowrap; }
-            table.list tbody th { text-align: left; padding: 0px; }
+            table.list tbody th { padding: 0px; }
             table.list td { overflow: hidden; text-overflow: ellipsis; vertical-align: top;}
             table.list tbody tr:hover { background-color:#ffffdd; }
             table td {padding:2px;}
             table p {margin:0;}
             .odd {background-color:#f6f7f8;}
             .even {background-color: #fff;}
             .highlight { background-color: #FCFD8D;}
             .box{
             padding:6px;
             margin-bottom: 10px;
             background-color:#f6f6f6;
             color:#505050;
             line-height:1.5em;
             border: 1px solid #e4e4e4;
             }
             div.square {
              border: 1px solid #999;
              float: left;
              margin: .3em .4em 0 .4em;
              overflow: hidden;
              width: .6em; height: .6em;
             }
             .contextual {float:right; white-space: nowrap; line-height:1.4em;margin-top:5px;font-size:0.9em;}
             .splitcontentleft{float:left; width:49%;}
             .splitcontentright{float:right; width:49%;}
             form {display: inline;}
             input, select {vertical-align: middle; margin-top: 1px; margin-bottom: 1px;}
             fieldset {border: 1px solid #e4e4e4; margin:0;}
             hr { width: 100%; height: 1px; background: #ccc; border: 0;}
             textarea.wiki-edit { width: 99%; }
             li p {margin-top: 0;}
             div.issue {background:#ffffdd; padding:6px; margin-bottom:6px;border: 1px solid #d7d7d7;}
             .autoscroll {overflow-x: auto; padding:1px; width:100%;}
             /***** Tabular forms ******/
             .tabular p{
             margin: 0;
             padding: 5px 0 8px 0;
             padding-left: 180px; /*width of left column containing the label elements*/
             height: 1%;
             clear:left;
             }
             .tabular label{
             font-weight: bold;
             float: left;
             text-align: right;
             margin-left: -180px; /*width of left column*/
             width: 175px; /*width of labels. Should be smaller than left column to create some right
             margin*/
             }
             #settings .tabular p{ padding-left: 300px; }
             #settings .tabular label{ margin-left: -300px; width: 295px; }
             .required {color: #bb0000;}
             .summary {font-style: italic;}
             div.attachments p { margin:4px 0 2px 0; }
             /***** Flash & error messages ****/
             #flash div, #errorExplanation, .nodata {
                 padding: 4px 4px 4px 30px;
                 margin-bottom: 12px;
             	font-size: 1.1em;
             	border: 2px solid;
             }
             #flash div {margin-top: 6px;}
             #flash div.error, #errorExplanation {
                 background: url(../images/false.png) 8px 5px no-repeat;
             	background-color: #ffe3e3;
             	border-color: #dd0000;
             	color: #550000;
             }
             #flash div.notice {
                 background: url(../images/true.png) 8px 5px no-repeat;
             	background-color: #dfffdf;
             	border-color: #9fcf9f;
             	color: #005f00;
             }
             .nodata {
                 text-align: center;
             	background-color: #FFEBC1;
             	border-color: #FDBF3B;
             	color: #A6750C;
             }
             #errorExplanation ul { font-size: 0.9em;}
             /***** Ajax indicator ******/
             #ajax-indicator {
             position: absolute; /* fixed not supported by IE */
             background-color:#eee;
             border: 1px solid #bbb;
             top:35%;
             left:40%;
             width:20%;
             font-weight:bold;
             text-align:center;
             padding:0.6em;
             z-index:100;
             filter:alpha(opacity=50);
             -moz-opacity:0.5;
             opacity: 0.5;
             -khtml-opacity: 0.5;
             }
             html>body #ajax-indicator { position: fixed; }
             #ajax-indicator span {
             background-position: 0% 40%;
             background-repeat: no-repeat;
             background-image: url(../images/loading.gif);
             padding-left: 26px;
             vertical-align: bottom;
             }
             /***** Calendar *****/
             table.cal {border-collapse: collapse; width: 100%; margin: 8px 0 6px 0;border: 1px solid #d7d7d7;}
             table.cal th { background-color:#EEEEEE; padding: 4px; }
             table.cal td {border: 1px solid #d7d7d7;}
             table.cal td.today {background:#ffffdd;}
             /***** Tooltips ******/
             .tooltip{position:relative;z-index:24;}
             .tooltip:hover{z-index:25;color:#000;}
             .tooltip span.tip{display: none; text-align:left;}
             div.tooltip:hover span.tip{
             display:block;
             position:absolute;
             top:12px; left:24px; width:270px;
             border:1px solid #555;
             background-color:#fff;
             padding: 4px;
             font-size: 0.8em;
             color:#505050;
             }
             /***** Progress bar *****/
             .progress {
                 border: 1px solid #D7D7D7;
                 border-collapse: collapse;
                 border-spacing: 0pt;
                 empty-cells: show;
                 padding: 3px;
                 width: 40em;
                 text-align: center;
             }
             .progress td { height: 1em; }
             .progress .closed { background: #BAE0BA none repeat scroll 0%; }
             .progress .open { background: #FFF none repeat scroll 0%; }
             /***** Tabs *****/
             #content .tabs{height: 2.6em;}
             #content .tabs ul{margin:0;}
             #content .tabs ul li{
             float:left;
             list-style-type:none;
             white-space:nowrap;
             margin-right:8px;
             background:#fff;
             }
             #content .tabs ul li a{
             display:block;
             font-size: 0.9em;
             text-decoration:none;
             line-height:1em;
             padding:4px;
             border: 1px solid #c0c0c0;
             }
             #content .tabs ul li a.selected, #content .tabs ul li a:hover{
             background-color: #507AAA;
             border: 1px solid #507AAA;
             color: #fff;
             text-decoration:none;
             }
             /***** Diff *****/
             .diff_out { background: #fcc; }
             .diff_in { background: #cfc; }
             /***** Wiki *****/
             div.wiki table {
                 border: 1px solid #505050;
                 border-collapse: collapse;
             }
             div.wiki table, div.wiki td, div.wiki th {
                 border: 1px solid #bbb;
                 padding: 4px;
             }
             div.wiki a {
                 background-position: 0% 60%;
                 background-repeat: no-repeat;
                 padding-left: 12px;
                 background-image: url(../images/external.png);
             }
             div.wiki a.wiki-page, div.wiki a.issue, div.wiki a.changeset, div.wiki a.email, div.wiki div.toc a {
                 padding-left: 0;
                 background-image: none;
             }
             div.wiki a.new {
                 color: #b73535;
             }
             div.wiki pre {
                 margin: 1em 1em 1em 1.6em;
                 padding: 2px;
                 background-color: #fafafa;
                 border: 1px solid #dadada;
                 width:95%;
                 overflow-x: auto;
             }
             div.wiki div.toc {
                 background-color: #ffffdd;
                 border: 1px solid #e4e4e4;
                 padding: 4px;
                 line-height: 1.2em;
                 margin-bottom: 12px;
                 margin-right: 12px;
                 float: left;
             }
             div.wiki div.toc.right {
                 float: right;
                 margin-left: 12px;
                 margin-right: 0;
             }
             div.wiki div.toc a {
                 display: block;
                 font-size: 0.9em;
                 font-weight: normal;
                 text-decoration: none;
                 color: #606060;
             }
             div.wiki div.toc a:hover { color: #c61a1a; text-decoration: underline;}
             div.wiki div.toc a.heading2 { margin-left: 6px; }
             div.wiki div.toc a.heading3 { margin-left: 12px; font-size: 0.8em; }
             /***** My page layout *****/
             .block-receiver {
             border:1px dashed #c0c0c0;
             margin-bottom: 20px;
             padding: 15px 0 15px 0;
             }
             .mypage-box {
             margin:0 0 20px 0;
             color:#505050;
             line-height:1.5em;
             }
             .handle {
             cursor: move;
             }
             a.close-icon {
             display:block;
             margin-top:3px;
             overflow:hidden;
             width:12px;
             height:12px;
             background-repeat: no-repeat;
             cursor:pointer;
             background-image:url('../images/close.png');
             }
             a.close-icon:hover {
             background-image:url('../images/close_hl.png');
             }
             /***** Gantt chart *****/
             .gantt_hdr {
               position:absolute;
               top:0;
               height:16px;
               border-top: 1px solid #c0c0c0;
               border-bottom: 1px solid #c0c0c0;
               border-right: 1px solid #c0c0c0;
               text-align: center;
               overflow: hidden;
             }
             .task {
               position: absolute;
               height:8px;
               font-size:0.8em;
               color:#888;
               padding:0;
               margin:0;
               line-height:0.8em;
             }
             .task_late { background:#f66 url(../images/task_late.png); border: 1px solid #f66; }
             .task_done { background:#66f url(../images/task_done.png); border: 1px solid #66f; }
             .task_todo { background:#aaa url(../images/task_todo.png); border: 1px solid #aaa; }
             .milestone { background-image:url(../images/milestone.png); background-repeat: no-repeat; border: 0; }
             /***** Icons *****/
             .icon {
             background-position: 0% 40%;
             background-repeat: no-repeat;
             padding-left: 20px;
             padding-top: 2px;
             padding-bottom: 3px;
             }
             .icon22 {
             background-position: 0% 40%;
             background-repeat: no-repeat;
             padding-left: 26px;
             line-height: 22px;
             vertical-align: middle;
             }
             .icon-add { background-image: url(../images/add.png); }
             .icon-edit { background-image: url(../images/edit.png); }
             .icon-del { background-image: url(../images/delete.png); }
             .icon-move { background-image: url(../images/move.png); }
             .icon-save { background-image: url(../images/save.png); }
             .icon-cancel { background-image: url(../images/cancel.png); }
             .icon-pdf { background-image: url(../images/pdf.png); }
             .icon-csv { background-image: url(../images/csv.png); }
             .icon-html { background-image: url(../images/html.png); }
             .icon-image { background-image: url(../images/image.png); }
             .icon-txt { background-image: url(../images/txt.png); }
             .icon-file { background-image: url(../images/file.png); }
             .icon-folder { background-image: url(../images/folder.png); }
             .icon-package { background-image: url(../images/package.png); }
             .icon-home { background-image: url(../images/home.png); }
             .icon-user { background-image: url(../images/user.png); }
             .icon-mypage { background-image: url(../images/user_page.png); }
             .icon-admin { background-image: url(../images/admin.png); }
             .icon-projects { background-image: url(../images/projects.png); }
             .icon-logout { background-image: url(../images/logout.png); }
             .icon-help { background-image: url(../images/help.png); }
             .icon-attachment  { background-image: url(../images/attachment.png); }
             .icon-index  { background-image: url(../images/index.png); }
             .icon-history  { background-image: url(../images/history.png); }
             .icon-feed  { background-image: url(../images/feed.png); }
             .icon-time  { background-image: url(../images/time.png); }
             .icon-stats  { background-image: url(../images/stats.png); }
             .icon-warning  { background-image: url(../images/warning.png); }
             .icon-fav  { background-image: url(../images/fav.png); }
             .icon-fav-off  { background-image: url(../images/fav_off.png); }
             .icon-reload  { background-image: url(../images/reload.png); }
             .icon-lock  { background-image: url(../images/locked.png); }
             .icon-unlock  { background-image: url(../images/unlock.png); }
             .icon-note  { background-image: url(../images/note.png); }
             .icon22-projects { background-image: url(../images/22x22/projects.png); }
             .icon22-users { background-image: url(../images/22x22/users.png); }
             .icon22-tracker { background-image: url(../images/22x22/tracker.png); }
             .icon22-role { background-image: url(../images/22x22/role.png); }
             .icon22-workflow { background-image: url(../images/22x22/workflow.png); }
             .icon22-options { background-image: url(../images/22x22/options.png); }
             .icon22-notifications { background-image: url(../images/22x22/notifications.png); }
             .icon22-authent { background-image: url(../images/22x22/authent.png); }
             .icon22-info { background-image: url(../images/22x22/info.png); }
             .icon22-comment { background-image: url(../images/22x22/comment.png); }
             .icon22-package { background-image: url(../images/22x22/package.png); }
             .icon22-settings { background-image: url(../images/22x22/settings.png); }
             .icon22-plugin { background-image: url(../images/22x22/plugin.png); }