jro_apps/redmine Commit - r795:df8945177abf

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 { 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

.tabular label.floating{

129

font-weight: normal;

130

margin-left: 0px;

131

text-align: left;

132

width: 200px;

133

}

134

128

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

135

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

129

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

136

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

130

137

131

.required {color: #bb0000;}

138

.required {color: #bb0000;}

132

.summary {font-style: italic;}

139

.summary {font-style: italic;}

133

140

134

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

141

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

135

142

136

/***** Issue list ****/

143

/***** Issue list ****/

137

tr.issue { text-align: center; white-space: nowrap; }

144

tr.issue { text-align: center; white-space: nowrap; }

138

tr.issue th.checkbox { width: 15px; }

145

tr.issue th.checkbox { width: 15px; }

139

tr.issue td.subject, tr.issue td.category { white-space: normal; }

146

tr.issue td.subject, tr.issue td.category { white-space: normal; }

140

tr.issue td.subject { text-align: left; }

147

tr.issue td.subject { text-align: left; }

141

148

142

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

149

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

143

#flash div, #errorExplanation, .nodata {

150

#flash div, #errorExplanation, .nodata {

144

padding: 4px 4px 4px 30px;

151

padding: 4px 4px 4px 30px;

145

margin-bottom: 12px;

152

margin-bottom: 12px;

146

font-size: 1.1em;

153

font-size: 1.1em;

147

border: 2px solid;

154

border: 2px solid;

148

}

155

}

149

156

150

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

157

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

151

158

152

#flash div.error, #errorExplanation {

159

#flash div.error, #errorExplanation {

153

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

160

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

154

background-color: #ffe3e3;

161

background-color: #ffe3e3;

155

border-color: #dd0000;

162

border-color: #dd0000;

156

color: #550000;

163

color: #550000;

157

}

164

}

158

165

159

#flash div.notice {

166

#flash div.notice {

160

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

167

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

161

background-color: #dfffdf;

168

background-color: #dfffdf;

162

border-color: #9fcf9f;

169

border-color: #9fcf9f;

163

color: #005f00;

170

color: #005f00;

164

}

171

}

165

172

166

.nodata {

173

.nodata {

167

text-align: center;

174

text-align: center;

168

background-color: #FFEBC1;

175

background-color: #FFEBC1;

169

border-color: #FDBF3B;

176

border-color: #FDBF3B;

170

color: #A6750C;

177

color: #A6750C;

171

}

178

}

172

179

173

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

180

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

174

181

175

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

182

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

176

#ajax-indicator {

183

#ajax-indicator {

177

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

184

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

178

background-color:#eee;

185

background-color:#eee;

179

border: 1px solid #bbb;

186

border: 1px solid #bbb;

180

top:35%;

187

top:35%;

181

left:40%;

188

left:40%;

182

width:20%;

189

width:20%;

183

font-weight:bold;

190

font-weight:bold;

184

text-align:center;

191

text-align:center;

185

padding:0.6em;

192

padding:0.6em;

186

z-index:100;

193

z-index:100;

187

filter:alpha(opacity=50);

194

filter:alpha(opacity=50);

188

-moz-opacity:0.5;

195

-moz-opacity:0.5;

189

opacity: 0.5;

196

opacity: 0.5;

190

-khtml-opacity: 0.5;

197

-khtml-opacity: 0.5;

191

}

198

}

192

199

193

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

200

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

194

201

195

#ajax-indicator span {

202

#ajax-indicator span {

196

background-position: 0% 40%;

203

background-position: 0% 40%;

197

background-repeat: no-repeat;

204

background-repeat: no-repeat;

198

205

199

padding-left: 26px;

206

padding-left: 26px;

200

vertical-align: bottom;

207

vertical-align: bottom;

201

}

208

}

202

209

203

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

210

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

204

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

211

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

205

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

212

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

206

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

213

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

207

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

214

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

208

215

209

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

216

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

210

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

217

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

211

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

218

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

212

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

219

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

213

220

214

div.tooltip:hover span.tip{

221

div.tooltip:hover span.tip{

215

display:block;

222

display:block;

216

position:absolute;

223

position:absolute;

217

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

224

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

218

border:1px solid #555;

225

border:1px solid #555;

219

background-color:#fff;

226

background-color:#fff;

220

padding: 4px;

227

padding: 4px;

221

font-size: 0.8em;

228

font-size: 0.8em;

222

color:#505050;

229

color:#505050;

223

}

230

}

224

231

225

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

232

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

226

.progress {

233

.progress {

227

border: 1px solid #D7D7D7;

234

border: 1px solid #D7D7D7;

228

border-collapse: collapse;

235

border-collapse: collapse;

229

border-spacing: 0pt;

236

border-spacing: 0pt;

230

empty-cells: show;

237

empty-cells: show;

231

padding: 3px;

238

padding: 3px;

232

width: 40em;

239

width: 40em;

233

text-align: center;

240

text-align: center;

234

}

241

}

235

242

236

.progress td { height: 1em; }

243

.progress td { height: 1em; }

237

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

244

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

238

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

245

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

239

246

240

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

247

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

241

#content .tabs{height: 2.6em;}

248

#content .tabs{height: 2.6em;}

242

#content .tabs ul{margin:0;}

249

#content .tabs ul{margin:0;}

243

#content .tabs ul li{

250

#content .tabs ul li{

244

float:left;

251

float:left;

245

list-style-type:none;

252

list-style-type:none;

246

white-space:nowrap;

253

white-space:nowrap;

247

margin-right:8px;

254

margin-right:8px;

248

background:#fff;

255

background:#fff;

249

}

256

}

250

#content .tabs ul li a{

257

#content .tabs ul li a{

251

display:block;

258

display:block;

252

font-size: 0.9em;

259

font-size: 0.9em;

253

text-decoration:none;

260

text-decoration:none;

254

line-height:1em;

261

line-height:1em;

255

padding:4px;

262

padding:4px;

256

border: 1px solid #c0c0c0;

263

border: 1px solid #c0c0c0;

257

}

264

}

258

265

259

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

266

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

260

background-color: #507AAA;

267

background-color: #507AAA;

261

border: 1px solid #507AAA;

268

border: 1px solid #507AAA;

262

color: #fff;

269

color: #fff;

263

text-decoration:none;

270

text-decoration:none;

264

}

271

}

265

272

266

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

273

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

267

.diff_out { background: #fcc; }

274

.diff_out { background: #fcc; }

268

.diff_in { background: #cfc; }

275

.diff_in { background: #cfc; }

269

276

270

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

277

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

271

div.wiki table {

278

div.wiki table {

272

border: 1px solid #505050;

279

border: 1px solid #505050;

273

border-collapse: collapse;

280

border-collapse: collapse;

274

}

281

}

275

282

276

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

283

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

277

border: 1px solid #bbb;

284

border: 1px solid #bbb;

278

padding: 4px;

285

padding: 4px;

279

}

286

}

280

287

281

div.wiki .external {

288

div.wiki .external {

282

background-position: 0% 60%;

289

background-position: 0% 60%;

283

background-repeat: no-repeat;

290

background-repeat: no-repeat;

284

padding-left: 12px;

291

padding-left: 12px;

285

292

286

}

293

}

287

294

288

div.wiki a.new {

295

div.wiki a.new {

289

color: #b73535;

296

color: #b73535;

290

}

297

}

291

298

292

div.wiki pre {

299

div.wiki pre {

293

margin: 1em 1em 1em 1.6em;

300

margin: 1em 1em 1em 1.6em;

294

padding: 2px;

301

padding: 2px;

295

background-color: #fafafa;

302

background-color: #fafafa;

296

border: 1px solid #dadada;

303

border: 1px solid #dadada;

297

width:95%;

304

width:95%;

298

overflow-x: auto;

305

overflow-x: auto;

299

}

306

}

300

307

301

div.wiki div.toc {

308

div.wiki div.toc {

302

background-color: #ffffdd;

309

background-color: #ffffdd;

303

border: 1px solid #e4e4e4;

310

border: 1px solid #e4e4e4;

304

padding: 4px;

311

padding: 4px;

305

line-height: 1.2em;

312

line-height: 1.2em;

306

margin-bottom: 12px;

313

margin-bottom: 12px;

307

margin-right: 12px;

314

margin-right: 12px;

308

display: table

315

display: table

309

}

316

}

310

* html div.wiki div.toc { width: 50%; } /* IE6 doesn't autosize div */

317

* html div.wiki div.toc { width: 50%; } /* IE6 doesn't autosize div */

311

318

312

div.wiki div.toc.right { float: right; margin-left: 12px; margin-right: 0; width: auto; }

319

div.wiki div.toc.right { float: right; margin-left: 12px; margin-right: 0; width: auto; }

313

div.wiki div.toc.left { float: left; margin-right: 12px; margin-left: 0; width: auto; }

320

div.wiki div.toc.left { float: left; margin-right: 12px; margin-left: 0; width: auto; }

314

321

315

div.wiki div.toc a {

322

div.wiki div.toc a {

316

display: block;

323

display: block;

317

font-size: 0.9em;

324

font-size: 0.9em;

318

font-weight: normal;

325

font-weight: normal;

319

text-decoration: none;

326

text-decoration: none;

320

color: #606060;

327

color: #606060;

321

}

328

}

322

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

329

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

323

330

324

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

331

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

325

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

332

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

326

333

327

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

334

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

328

.block-receiver {

335

.block-receiver {

329

border:1px dashed #c0c0c0;

336

border:1px dashed #c0c0c0;

330

margin-bottom: 20px;

337

margin-bottom: 20px;

331

padding: 15px 0 15px 0;

338

padding: 15px 0 15px 0;

332

}

339

}

333

340

334

.mypage-box {

341

.mypage-box {

335

margin:0 0 20px 0;

342

margin:0 0 20px 0;

336

color:#505050;

343

color:#505050;

337

line-height:1.5em;

344

line-height:1.5em;

338

}

345

}

339

346

340

.handle {

347

.handle {

341

cursor: move;

348

cursor: move;

342

}

349

}

343

350

344

a.close-icon {

351

a.close-icon {

345

display:block;

352

display:block;

346

margin-top:3px;

353

margin-top:3px;

347

overflow:hidden;

354

overflow:hidden;

348

width:12px;

355

width:12px;

349

height:12px;

356

height:12px;

350

background-repeat: no-repeat;

357

background-repeat: no-repeat;

351

cursor:pointer;

358

cursor:pointer;

352

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

359

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

353

}

360

}

354

361

355

a.close-icon:hover {

362

a.close-icon:hover {

356

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

363

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

357

}

364

}

358

365

359

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

366

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

360

.gantt_hdr {

367

.gantt_hdr {

361

position:absolute;

368

position:absolute;

362

top:0;

369

top:0;

363

height:16px;

370

height:16px;

364

border-top: 1px solid #c0c0c0;

371

border-top: 1px solid #c0c0c0;

365

border-bottom: 1px solid #c0c0c0;

372

border-bottom: 1px solid #c0c0c0;

366

border-right: 1px solid #c0c0c0;

373

border-right: 1px solid #c0c0c0;

367

text-align: center;

374

text-align: center;

368

overflow: hidden;

375

overflow: hidden;

369

}

376

}

370

377

371

.task {

378

.task {

372

position: absolute;

379

position: absolute;

373

height:8px;

380

height:8px;

374

font-size:0.8em;

381

font-size:0.8em;

375

color:#888;

382

color:#888;

376

padding:0;

383

padding:0;

377

margin:0;

384

margin:0;

378

line-height:0.8em;

385

line-height:0.8em;

379

}

386

}

380

387

381

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

388

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

382

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

389

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

383

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

390

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

384

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

391

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

385

392

386

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

393

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

387

.icon {

394

.icon {

388

background-position: 0% 40%;

395

background-position: 0% 40%;

389

background-repeat: no-repeat;

396

background-repeat: no-repeat;

390

padding-left: 20px;

397

padding-left: 20px;

391

padding-top: 2px;

398

padding-top: 2px;

392

padding-bottom: 3px;

399

padding-bottom: 3px;

393

}

400

}

394

401

395

.icon22 {

402

.icon22 {

396

background-position: 0% 40%;

403

background-position: 0% 40%;

397

background-repeat: no-repeat;

404

background-repeat: no-repeat;

398

padding-left: 26px;

405

padding-left: 26px;

399

line-height: 22px;

406

line-height: 22px;

400

vertical-align: middle;

407

vertical-align: middle;

401

}

408

}

402

409

403

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

410

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

404

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

411

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

405

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

412

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

406

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

413

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

407

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

414

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

408

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

415

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

409

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

416

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

410

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

417

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

411

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

418

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

412

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

419

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

413

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

420

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

414

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

421

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

415

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

422

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

416

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

423

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

417

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

424

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

418

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

425

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

419

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

426

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

420

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

427

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

421

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

428

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

422

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

429

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

423

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

430

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

424

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

431

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

425

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

432

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

426

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

433

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

427

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

434

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

428

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

435

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

429

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

436

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

430

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

437

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

431

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

438

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

432

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

439

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

433

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

440

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

434

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

441

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

435

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

442

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

436

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

443

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

437

444

438

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

445

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

439

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

446

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

440

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

447

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

441

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

448

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

442

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

449

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

443

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

450

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

444

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

451

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

445

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

452

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

446

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

453

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

447

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

454

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

448

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

455

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

449

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

456

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

450

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

457

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

451

458

452

/***** Media print specific styles *****/

459

/***** Media print specific styles *****/

453

@media print {

460

@media print {

454

#top-menu, #header, #main-menu, #sidebar, #footer, .contextual { display:none; }

461

#top-menu, #header, #main-menu, #sidebar, #footer, .contextual { display:none; }

455

#main { background: #fff; }

462

#main { background: #fff; }

456

#content { width: 99%; margin: 0; padding: 0; border: 0; background: #fff; }

463

#content { width: 99%; margin: 0; padding: 0; border: 0; background: #fff; }

457

}

464

}

             <%= error_messages_for 'role' %>
             <% unless @role.builtin? %>
             <div class="box">
             <p><%= f.text_field :name, :required => true %></p>
             <p><%= f.check_box :assignable %></p>
             </div>
             <% end %>
             <h3><%= l(:label_permissions) %></h3>
             <div class="box">
             <% perms_by_module = @permissions.group_by {|p| p.project_module.to_s} %>
             <% perms_by_module.keys.sort.each do |mod| %>
                 <fieldset><legend><%= mod.blank? ? l(:label_project) : mod.humanize %></legend>
                 <% perms_by_module[mod].each do |permission| %>
-                    <div style="width:220px;float:left;">
+                    <label class="floating">
                     <%= check_box_tag 'role[permissions][]', permission.name, (@role.permissions.include? permission.name) %>
                     <%= permission.name.to_s.humanize %>
-                    </div>
+                    </label>
                 <% end %>
                 </fieldset>
             <% end %>
             <br /><%= check_all_links 'role_form' %>
             <%= hidden_field_tag 'role[permissions][]', '' %>
             </div>

	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 { 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*/
             }
+            .tabular label.floating{
+            font-weight: normal;
+            margin-left: 0px;
+            text-align: left;
+            width: 200px;
+            }
             #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; }
             /***** Issue list ****/
             tr.issue { text-align: center; white-space: nowrap; }
             tr.issue th.checkbox { width: 15px; }
             tr.issue td.subject, tr.issue td.category { white-space: normal; }
             tr.issue td.subject { text-align: left; }
             /***** 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 .external {
                 background-position: 0% 60%;
                 background-repeat: no-repeat;
                 padding-left: 12px;
                 background-image: url(../images/external.png);
             }
             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;
                 display: table
             }
             * html div.wiki div.toc { width: 50%; } /* IE6 doesn't autosize div */
             div.wiki div.toc.right { float: right; margin-left: 12px; margin-right: 0; width: auto; }
             div.wiki div.toc.left  { float: left; margin-right: 12px; margin-left: 0; width: auto; }
             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); }
             /***** Media print specific styles *****/
             @media print {
               #top-menu, #header, #main-menu, #sidebar, #footer, .contextual { display:none; }
               #main { background: #fff; }
               #content { width: 99%; margin: 0; padding: 0; border: 0; background: #fff; }
             }