jro_apps/redmine Commit - r843:01105966d958

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; position:relative;}

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.5~~em; left:6px;}

18

#main-menu {position: absolute; bottom: 0px; 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 td { overflow: hidden; text-overflow: ellipsis; vertical-align: top;}

71

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

72

table.list td.id { width: 2%; text-align: center;}

72

table.list td.id { width: 2%; text-align: center;}

73

table.list td.checkbox { width: 15px; padding: 0px;}

73

table.list td.checkbox { width: 15px; padding: 0px;}

74

75

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

75

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

76

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

76

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

77

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

77

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

78

79

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

79

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

80

table td {padding:2px;}

80

table td {padding:2px;}

81

table p {margin:0;}

81

table p {margin:0;}

82

.odd {background-color:#f6f7f8;}

82

.odd {background-color:#f6f7f8;}

83

.even {background-color: #fff;}

83

.even {background-color: #fff;}

84

85

.highlight { background-color: #FCFD8D;}

85

.highlight { background-color: #FCFD8D;}

86

.highlight.token-1 { background-color: #faa;}

86

.highlight.token-1 { background-color: #faa;}

87

.highlight.token-2 { background-color: #afa;}

87

.highlight.token-2 { background-color: #afa;}

88

.highlight.token-3 { background-color: #aaf;}

88

.highlight.token-3 { background-color: #aaf;}

89

90

.box{

90

.box{

91

padding:6px;

91

padding:6px;

92

margin-bottom: 10px;

92

margin-bottom: 10px;

93

background-color:#f6f6f6;

93

background-color:#f6f6f6;

94

color:#505050;

94

color:#505050;

95

line-height:1.5em;

95

line-height:1.5em;

96

border: 1px solid #e4e4e4;

96

border: 1px solid #e4e4e4;

97

}

97

}

98

99

div.square {

99

div.square {

100

border: 1px solid #999;

100

border: 1px solid #999;

101

float: left;

101

float: left;

102

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

102

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

103

overflow: hidden;

103

overflow: hidden;

104

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

104

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

105

}

105

}

106

107

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

107

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

108

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

108

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

109

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

109

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

110

form {display: inline;}

110

form {display: inline;}

111

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

111

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

112

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

112

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

113

legend {color: #484848;}

113

legend {color: #484848;}

114

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

114

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

115

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

115

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

116

li p {margin-top: 0;}

116

li p {margin-top: 0;}

117

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

117

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

118

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

118

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

119

#user_firstname, #user_lastname, #user_mail, #notification_option { width: 90%; }

119

#user_firstname, #user_lastname, #user_mail, #notification_option { width: 90%; }

120

121

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

121

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

122

.tabular p{

122

.tabular p{

123

margin: 0;

123

margin: 0;

124

padding: 5px 0 8px 0;

124

padding: 5px 0 8px 0;

125

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

125

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

126

height: 1%;

126

height: 1%;

127

clear:left;

127

clear:left;

128

}

128

}

129

130

.tabular label{

130

.tabular label{

131

font-weight: bold;

131

font-weight: bold;

132

float: left;

132

float: left;

133

text-align: right;

133

text-align: right;

134

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

134

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

135

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

135

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

136

margin*/

136

margin*/

137

}

137

}

138

139

.tabular label.floating{

139

.tabular label.floating{

140

font-weight: normal;

140

font-weight: normal;

141

margin-left: 0px;

141

margin-left: 0px;

142

text-align: left;

142

text-align: left;

143

width: 200px;

143

width: 200px;

144

}

144

}

145

146

#preview fieldset {margin-top: 1em; background: url(../images/draft.png)}

146

#preview fieldset {margin-top: 1em; background: url(../images/draft.png)}

147

148

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

148

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

149

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

149

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

150

151

.required {color: #bb0000;}

151

.required {color: #bb0000;}

152

.summary {font-style: italic;}

152

.summary {font-style: italic;}

153

154

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

154

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

155

156

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

156

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

157

#flash div, #errorExplanation, .nodata {

157

#flash div, #errorExplanation, .nodata {

158

padding: 4px 4px 4px 30px;

158

padding: 4px 4px 4px 30px;

159

margin-bottom: 12px;

159

margin-bottom: 12px;

160

font-size: 1.1em;

160

font-size: 1.1em;

161

border: 2px solid;

161

border: 2px solid;

162

}

162

}

163

164

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

164

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

165

166

#flash div.error, #errorExplanation {

166

#flash div.error, #errorExplanation {

167

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

167

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

168

background-color: #ffe3e3;

168

background-color: #ffe3e3;

169

border-color: #dd0000;

169

border-color: #dd0000;

170

color: #550000;

170

color: #550000;

171

}

171

}

172

173

#flash div.notice {

173

#flash div.notice {

174

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

174

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

175

background-color: #dfffdf;

175

background-color: #dfffdf;

176

border-color: #9fcf9f;

176

border-color: #9fcf9f;

177

color: #005f00;

177

color: #005f00;

178

}

178

}

179

180

.nodata {

180

.nodata {

181

text-align: center;

181

text-align: center;

182

background-color: #FFEBC1;

182

background-color: #FFEBC1;

183

border-color: #FDBF3B;

183

border-color: #FDBF3B;

184

color: #A6750C;

184

color: #A6750C;

185

}

185

}

186

187

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

187

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

188

189

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

189

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

190

#ajax-indicator {

190

#ajax-indicator {

191

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

191

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

192

background-color:#eee;

192

background-color:#eee;

193

border: 1px solid #bbb;

193

border: 1px solid #bbb;

194

top:35%;

194

top:35%;

195

left:40%;

195

left:40%;

196

width:20%;

196

width:20%;

197

font-weight:bold;

197

font-weight:bold;

198

text-align:center;

198

text-align:center;

199

padding:0.6em;

199

padding:0.6em;

200

z-index:100;

200

z-index:100;

201

filter:alpha(opacity=50);

201

filter:alpha(opacity=50);

202

-moz-opacity:0.5;

202

-moz-opacity:0.5;

203

opacity: 0.5;

203

opacity: 0.5;

204

-khtml-opacity: 0.5;

204

-khtml-opacity: 0.5;

205

}

205

}

206

207

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

207

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

208

209

#ajax-indicator span {

209

#ajax-indicator span {

210

background-position: 0% 40%;

210

background-position: 0% 40%;

211

background-repeat: no-repeat;

211

background-repeat: no-repeat;

212

212

213

padding-left: 26px;

213

padding-left: 26px;

214

vertical-align: bottom;

214

vertical-align: bottom;

215

}

215

}

216

217

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

217

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

218

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

218

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

219

table.cal thead th {width: 14%;}

219

table.cal thead th {width: 14%;}

220

table.cal tbody tr {height: 100px;}

220

table.cal tbody tr {height: 100px;}

221

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

221

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

222

table.cal td {border: 1px solid #d7d7d7; vertical-align: top; font-size: 0.9em;}

222

table.cal td {border: 1px solid #d7d7d7; vertical-align: top; font-size: 0.9em;}

223

table.cal td p.day-num {font-size: 1.1em; text-align:right;}

223

table.cal td p.day-num {font-size: 1.1em; text-align:right;}

224

table.cal td.odd p.day-num {color: #bbb;}

224

table.cal td.odd p.day-num {color: #bbb;}

225

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

225

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

226

table.cal td.today p.day-num {font-weight: bold;}

226

table.cal td.today p.day-num {font-weight: bold;}

227

228

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

228

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

229

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

229

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

230

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

230

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

231

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

231

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

232

233

div.tooltip:hover span.tip{

233

div.tooltip:hover span.tip{

234

display:block;

234

display:block;

235

position:absolute;

235

position:absolute;

236

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

236

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

237

border:1px solid #555;

237

border:1px solid #555;

238

background-color:#fff;

238

background-color:#fff;

239

padding: 4px;

239

padding: 4px;

240

font-size: 0.8em;

240

font-size: 0.8em;

241

color:#505050;

241

color:#505050;

242

}

242

}

243

244

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

244

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

245

.progress {

245

.progress {

246

border: 1px solid #D7D7D7;

246

border: 1px solid #D7D7D7;

247

border-collapse: collapse;

247

border-collapse: collapse;

248

border-spacing: 0pt;

248

border-spacing: 0pt;

249

empty-cells: show;

249

empty-cells: show;

250

padding: 3px;

250

padding: 3px;

251

width: 40em;

251

width: 40em;

252

text-align: center;

252

text-align: center;

253

}

253

}

254

255

.progress td { height: 1em; }

255

.progress td { height: 1em; }

256

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

256

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

257

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

257

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

258

259

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

259

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

260

#content .tabs{height: 2.6em;}

260

#content .tabs{height: 2.6em;}

261

#content .tabs ul{margin:0;}

261

#content .tabs ul{margin:0;}

262

#content .tabs ul li{

262

#content .tabs ul li{

263

float:left;

263

float:left;

264

list-style-type:none;

264

list-style-type:none;

265

white-space:nowrap;

265

white-space:nowrap;

266

margin-right:8px;

266

margin-right:8px;

267

background:#fff;

267

background:#fff;

268

}

268

}

269

#content .tabs ul li a{

269

#content .tabs ul li a{

270

display:block;

270

display:block;

271

font-size: 0.9em;

271

font-size: 0.9em;

272

text-decoration:none;

272

text-decoration:none;

273

line-height:1em;

273

line-height:1em;

274

padding:4px;

274

padding:4px;

275

border: 1px solid #c0c0c0;

275

border: 1px solid #c0c0c0;

276

}

276

}

277

278

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

278

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

279

background-color: #507AAA;

279

background-color: #507AAA;

280

border: 1px solid #507AAA;

280

border: 1px solid #507AAA;

281

color: #fff;

281

color: #fff;

282

text-decoration:none;

282

text-decoration:none;

283

}

283

}

284

285

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

285

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

286

.diff_out { background: #fcc; }

286

.diff_out { background: #fcc; }

287

.diff_in { background: #cfc; }

287

.diff_in { background: #cfc; }

288

289

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

289

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

290

div.wiki table {

290

div.wiki table {

291

border: 1px solid #505050;

291

border: 1px solid #505050;

292

border-collapse: collapse;

292

border-collapse: collapse;

293

}

293

}

294

295

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

295

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

296

border: 1px solid #bbb;

296

border: 1px solid #bbb;

297

padding: 4px;

297

padding: 4px;

298

}

298

}

299

300

div.wiki .external {

300

div.wiki .external {

301

background-position: 0% 60%;

301

background-position: 0% 60%;

302

background-repeat: no-repeat;

302

background-repeat: no-repeat;

303

padding-left: 12px;

303

padding-left: 12px;

304

304

305

}

305

}

306

307

div.wiki a.new {

307

div.wiki a.new {

308

color: #b73535;

308

color: #b73535;

309

}

309

}

310

311

div.wiki pre {

311

div.wiki pre {

312

margin: 1em 1em 1em 1.6em;

312

margin: 1em 1em 1em 1.6em;

313

padding: 2px;

313

padding: 2px;

314

background-color: #fafafa;

314

background-color: #fafafa;

315

border: 1px solid #dadada;

315

border: 1px solid #dadada;

316

width:95%;

316

width:95%;

317

overflow-x: auto;

317

overflow-x: auto;

318

}

318

}

319

320

div.wiki div.toc {

320

div.wiki div.toc {

321

background-color: #ffffdd;

321

background-color: #ffffdd;

322

border: 1px solid #e4e4e4;

322

border: 1px solid #e4e4e4;

323

padding: 4px;

323

padding: 4px;

324

line-height: 1.2em;

324

line-height: 1.2em;

325

margin-bottom: 12px;

325

margin-bottom: 12px;

326

margin-right: 12px;

326

margin-right: 12px;

327

display: table

327

display: table

328

}

328

}

329

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

329

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

330

331

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

331

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

332

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

332

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

333

334

div.wiki div.toc a {

334

div.wiki div.toc a {

335

display: block;

335

display: block;

336

font-size: 0.9em;

336

font-size: 0.9em;

337

font-weight: normal;

337

font-weight: normal;

338

text-decoration: none;

338

text-decoration: none;

339

color: #606060;

339

color: #606060;

340

}

340

}

341

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

341

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

342

343

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

343

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

344

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

344

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

345

346

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

346

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

347

.block-receiver {

347

.block-receiver {

348

border:1px dashed #c0c0c0;

348

border:1px dashed #c0c0c0;

349

margin-bottom: 20px;

349

margin-bottom: 20px;

350

padding: 15px 0 15px 0;

350

padding: 15px 0 15px 0;

351

}

351

}

352

353

.mypage-box {

353

.mypage-box {

354

margin:0 0 20px 0;

354

margin:0 0 20px 0;

355

color:#505050;

355

color:#505050;

356

line-height:1.5em;

356

line-height:1.5em;

357

}

357

}

358

359

.handle {

359

.handle {

360

cursor: move;

360

cursor: move;

361

}

361

}

362

363

a.close-icon {

363

a.close-icon {

364

display:block;

364

display:block;

365

margin-top:3px;

365

margin-top:3px;

366

overflow:hidden;

366

overflow:hidden;

367

width:12px;

367

width:12px;

368

height:12px;

368

height:12px;

369

background-repeat: no-repeat;

369

background-repeat: no-repeat;

370

cursor:pointer;

370

cursor:pointer;

371

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

371

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

372

}

372

}

373

374

a.close-icon:hover {

374

a.close-icon:hover {

375

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

375

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

376

}

376

}

377

378

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

378

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

379

.gantt_hdr {

379

.gantt_hdr {

380

position:absolute;

380

position:absolute;

381

top:0;

381

top:0;

382

height:16px;

382

height:16px;

383

border-top: 1px solid #c0c0c0;

383

border-top: 1px solid #c0c0c0;

384

border-bottom: 1px solid #c0c0c0;

384

border-bottom: 1px solid #c0c0c0;

385

border-right: 1px solid #c0c0c0;

385

border-right: 1px solid #c0c0c0;

386

text-align: center;

386

text-align: center;

387

overflow: hidden;

387

overflow: hidden;

388

}

388

}

389

390

.task {

390

.task {

391

position: absolute;

391

position: absolute;

392

height:8px;

392

height:8px;

393

font-size:0.8em;

393

font-size:0.8em;

394

color:#888;

394

color:#888;

395

padding:0;

395

padding:0;

396

margin:0;

396

margin:0;

397

line-height:0.8em;

397

line-height:0.8em;

398

}

398

}

399

400

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

400

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

401

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

401

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

402

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

402

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

403

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

403

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

404

405

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

405

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

406

.icon {

406

.icon {

407

background-position: 0% 40%;

407

background-position: 0% 40%;

408

background-repeat: no-repeat;

408

background-repeat: no-repeat;

409

padding-left: 20px;

409

padding-left: 20px;

410

padding-top: 2px;

410

padding-top: 2px;

411

padding-bottom: 3px;

411

padding-bottom: 3px;

412

}

412

}

413

414

.icon22 {

414

.icon22 {

415

background-position: 0% 40%;

415

background-position: 0% 40%;

416

background-repeat: no-repeat;

416

background-repeat: no-repeat;

417

padding-left: 26px;

417

padding-left: 26px;

418

line-height: 22px;

418

line-height: 22px;

419

vertical-align: middle;

419

vertical-align: middle;

420

}

420

}

421

422

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

422

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

423

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

423

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

424

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

424

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

425

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

425

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

426

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

426

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

427

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

427

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

428

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

428

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

429

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

429

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

430

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

430

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

431

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

431

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

432

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

432

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

433

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

433

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

434

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

434

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

435

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

435

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

436

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

436

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

437

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

437

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

438

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

438

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

439

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

439

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

440

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

440

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

441

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

441

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

442

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

442

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

443

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

443

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

444

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

444

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

445

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

445

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

446

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

446

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

447

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

447

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

448

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

448

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

449

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

449

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

450

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

450

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

451

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

451

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

452

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

452

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

453

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

453

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

454

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

454

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

455

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

455

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

456

457

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

457

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

458

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

458

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

459

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

459

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

460

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

460

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

461

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

461

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

462

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

462

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

463

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

463

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

464

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

464

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

465

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

465

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

466

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

466

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

467

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

467

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

468

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

468

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

469

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

469

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

470

471

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

471

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

472

@media print {

472

@media print {

473

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

473

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

474

#main { background: #fff; }

474

#main { background: #fff; }

475

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

475

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

476

}

476

}

	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 {height:5.3em;margin:0;background-color:#507AAA;color:#f8f8f8; padding: 4px 8px 0px 6px; position:relative;}
             #header a {color:#f8f8f8;}
             #quick-search {float:right;}
-            #main-menu {position: absolute;  top: 5.5em;  left:6px;}
+            #main-menu {position: absolute;  bottom: 0px;  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 td { overflow: hidden; text-overflow: ellipsis; vertical-align: top;}
             table.list td.id { width: 2%; text-align: center;}
             table.list td.checkbox { width: 15px; padding: 0px;}
             tr.issue { text-align: center; white-space: nowrap; }
             tr.issue td.subject, tr.issue td.category { white-space: normal; }
             tr.issue td.subject { text-align: left; }
             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;}
             .highlight.token-1 { background-color: #faa;}
             .highlight.token-2 { background-color: #afa;}
             .highlight.token-3 { background-color: #aaf;}
             .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;}
             legend {color: #484848;}
             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%;}
             #user_firstname, #user_lastname, #user_mail, #notification_option { width: 90%; }
             /***** 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;
             }
             #preview fieldset {margin-top: 1em; background: url(../images/draft.png)}
             #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 thead th {width: 14%;}
             table.cal tbody tr {height: 100px;}
             table.cal th { background-color:#EEEEEE; padding: 4px; }
             table.cal td {border: 1px solid #d7d7d7; vertical-align: top; font-size: 0.9em;}
             table.cal td p.day-num {font-size: 1.1em; text-align:right;}
             table.cal td.odd p.day-num {color: #bbb;}
             table.cal td.today {background:#ffffdd;}
             table.cal td.today p.day-num {font-weight: bold;}
             /***** 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; }
             }