jro_apps/redmine Commit - r244:3881ade96dd5

1

/* andreas08 - an open source xhtml/css website layout by Andreas Viklund - http://andreasviklund.com . Free to use in any way and for any purpose as long as the proper credits are given to the original designer. Version: 1.0, November 28, 2005 */

1

/* andreas08 - an open source xhtml/css website layout by Andreas Viklund - http://andreasviklund.com . Free to use in any way and for any purpose as long as the proper credits are given to the original designer. Version: 1.0, November 28, 2005 */

2

/* Edited by Jean-Philippe Lang *>

2

/* Edited by Jean-Philippe Lang *>

3

/**************** Body and tag styles ****************/

3

/**************** Body and tag styles ****************/

4

5

6

#header * {margin:0; padding:0;}

5

#header * {margin:0; padding:0;}

7

p, ul, ol, li {margin:0; padding:0;}

6

p, ul, ol, li {margin:0; padding:0;}

8

7

9

10

body{

8

body{

11

font:76% Verdana,Tahoma,Arial,sans-serif;

9

font:76% Verdana,Tahoma,Arial,sans-serif;

12

line-height:1.4em;

10

line-height:1.4em;

13

text-align:center;

11

text-align:center;

14

color:#303030;

12

color:#303030;

15

background:#e8eaec;

13

background:#e8eaec;

16

margin:0;

14

margin:0;

17

}

15

}

18

16

19

17

a{color:#467aa7;font-weight:bold;text-decoration:none;background-color:inherit;}

20

a{

21

color:#467aa7;

22

font-weight:bold;

23

text-decoration:none;

24

background-color:inherit;

25

}

26

27

a:hover{color:#2a5a8a; text-decoration:none; background-color:inherit;}

18

a:hover{color:#2a5a8a; text-decoration:none; background-color:inherit;}

28

a img{border:none;}

19

a img{border:none;}

29

20

30

p{margin:0 0 1em 0;}

21

p{margin:0 0 1em 0;}

31

p form{margin-top:0; margin-bottom:20px;}

22

p form{margin-top:0; margin-bottom:20px;}

32

23

33

img.left,img.center,img.right{padding:4px; border:1px solid #a0a0a0;}

24

img.left,img.center,img.right{padding:4px; border:1px solid #a0a0a0;}

34

img.left{float:left; margin:0 12px 5px 0;}

25

img.left{float:left; margin:0 12px 5px 0;}

35

img.center{display:block; margin:0 auto 5px auto;}

26

img.center{display:block; margin:0 auto 5px auto;}

36

img.right{float:right; margin:0 0 5px 12px;}

27

img.right{float:right; margin:0 0 5px 12px;}

37

28

38

/**************** Header and navigation styles ****************/

29

/**************** Header and navigation styles ****************/

39

30

40

#container{

31

#container{

41

width:100%;

32

width:100%;

42

min-width: 800px;

33

min-width: 800px;

43

margin:0;

34

margin:0;

44

padding:0;

35

padding:0;

45

text-align:left;

36

text-align:left;

46

background:#ffffff;

37

background:#ffffff;

47

color:#303030;

38

color:#303030;

48

}

39

}

49

40

50

#header{

41

#header{

51

height:4.5em;

42

height:4.5em;

52

margin:0;

43

margin:0;

53

background:#467aa7;

44

background:#467aa7;

54

color:#ffffff;

45

color:#ffffff;

55

margin-bottom:1px;

46

margin-bottom:1px;

56

}

47

}

57

48

58

#header h1{

49

#header h1{

59

padding:10px 0 0 20px;

50

padding:10px 0 0 20px;

60

font-size:2em;

51

font-size:2em;

61

background-color:inherit;

52

background-color:inherit;

62

color:#fff;

53

color:#fff;

63

letter-spacing:-1px;

54

letter-spacing:-1px;

64

font-weight:bold;

55

font-weight:bold;

65

font-family: Trebuchet MS,Georgia,"Times New Roman",serif;

56

font-family: Trebuchet MS,Georgia,"Times New Roman",serif;

66

}

57

}

67

58

68

#header h2{

59

#header h2{

69

margin:3px 0 0 40px;

60

margin:3px 0 0 40px;

70

font-size:1.5em;

61

font-size:1.5em;

71

background-color:inherit;

62

background-color:inherit;

72

color:#f0f2f4;

63

color:#f0f2f4;

73

letter-spacing:-1px;

64

letter-spacing:-1px;

74

font-weight:normal;

65

font-weight:normal;

75

font-family: Trebuchet MS,Georgia,"Times New Roman",serif;

66

font-family: Trebuchet MS,Georgia,"Times New Roman",serif;

76

}

67

}

77

68

78

#navigation{

69

#navigation{

79

height:2.2em;

70

height:2.2em;

80

line-height:2.2em;

71

line-height:2.2em;

81

margin:0;

72

margin:0;

82

background:#578bb8;

73

background:#578bb8;

83

color:#ffffff;

74

color:#ffffff;

84

}

75

}

85

76

86

#navigation li{

77

#navigation li{

87

float:left;

78

float:left;

88

list-style-type:none;

79

list-style-type:none;

89

border-right:1px solid #ffffff;

80

border-right:1px solid #ffffff;

90

white-space:nowrap;

81

white-space:nowrap;

91

}

82

}

92

83

93

#navigation li.right {

84

#navigation li.right {

94

float:right;

85

float:right;

95

list-style-type:none;

86

list-style-type:none;

96

border-right:0;

87

border-right:0;

97

border-left:1px solid #ffffff;

88

border-left:1px solid #ffffff;

98

white-space:nowrap;

89

white-space:nowrap;

99

}

90

}

100

91

101

#navigation li a{

92

#navigation li a{

102

display:block;

93

display:block;

103

padding:0px 10px 0px 22px;

94

padding:0px 10px 0px 22px;

104

font-size:0.8em;

95

font-size:0.8em;

105

font-weight:normal;

96

font-weight:normal;

106

text-decoration:none;

97

text-decoration:none;

107

background-color:inherit;

98

background-color:inherit;

108

color: #ffffff;

99

color: #ffffff;

109

}

100

}

110

101

111

#navigation li.submenu {

102

#navigation li.submenu {background:url(../images/arrow_down.png) 96% 80% no-repeat;}

112

background:url(../images/arrow_down.png) 96% 80% no-repeat;

103

#navigation li.submenu a {padding:0px 16px 0px 22px;}

113

}

114

115

#navigation li.submenu a {

116

padding:0px 16px 0px 22px;

117

}

118

119

* html #navigation a {width:1%;}

104

* html #navigation a {width:1%;}

120

105

121

#navigation .selected,#navigation a:hover{

106

#navigation .selected,#navigation a:hover{

122

color:#ffffff;

107

color:#ffffff;

123

text-decoration:none;

108

text-decoration:none;

124

background-color: #80b0da;

109

background-color: #80b0da;

125

}

110

}

126

111

127

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

112

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

128

.icon {

113

.icon {

129

background-position: 0% 40%;

114

background-position: 0% 40%;

130

background-repeat: no-repeat;

115

background-repeat: no-repeat;

131

padding-left: 20px;

116

padding-left: 20px;

132

padding-top: 2px;

117

padding-top: 2px;

133

padding-bottom: 3px;

118

padding-bottom: 3px;

134

vertical-align: middle;

119

vertical-align: middle;

135

}

120

}

136

121

137

#navigation .icon {

122

#navigation .icon {

138

background-position: 4px 50%;

123

background-position: 4px 50%;

139

}

124

}

140

125

141

.icon22 {

126

.icon22 {

142

background-position: 0% 40%;

127

background-position: 0% 40%;

143

background-repeat: no-repeat;

128

background-repeat: no-repeat;

144

padding-left: 26px;

129

padding-left: 26px;

145

line-height: 22px;

130

line-height: 22px;

146

vertical-align: middle;

131

vertical-align: middle;

147

}

132

}

148

133

149

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

134

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

150

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

135

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

151

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

136

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

152

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

137

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

153

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

138

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

154

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

139

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

155

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

140

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

156

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

141

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

157

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

142

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

158

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

143

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

159

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

144

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

160

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

145

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

161

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

146

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

162

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

147

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

163

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

148

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

164

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

149

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

165

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

150

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

166

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

151

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

167

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

152

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

168

153

169

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

154

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

170

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

155

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

171

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

156

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

172

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

157

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

173

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

158

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

174

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

159

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

175

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

160

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

176

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

161

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

177

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

162

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

178

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

163

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

179

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

164

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

180

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

165

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

181

166

182

/**************** Content styles ****************/

167

/**************** Content styles ****************/

183

168

184

html>body #content {

169

html>body #content {

185

height: auto;

170

height: auto;

186

min-height: 500px;

171

min-height: 500px;

187

}

172

}

188

173

189

#content{

174

#content{

190

width: auto;

175

width: auto;

191

height:500px;

176

height:500px;

192

font-size:0.9em;

177

font-size:0.9em;

193

padding:20px 10px 10px 20px;

178

padding:20px 10px 10px 20px;

194

margin-left: 120px;

179

margin-left: 120px;

195

border-left: 1px dashed #c0c0c0;

180

border-left: 1px dashed #c0c0c0;

196

181

197

}

182

}

198

183

199

#content h2{

184

#content h2{

200

display:block;

185

display:block;

201

margin:0 0 16px 0;

186

margin:0 0 16px 0;

202

font-size:1.7em;

187

font-size:1.7em;

203

font-weight:normal;

188

font-weight:normal;

204

letter-spacing:-1px;

189

letter-spacing:-1px;

205

color:#606060;

190

color:#606060;

206

background-color:inherit;

191

background-color:inherit;

207

font-family: Trebuchet MS,Georgia,"Times New Roman",serif;

192

font-family: Trebuchet MS,Georgia,"Times New Roman",serif;

208

}

193

}

209

194

210

#content h2 a{font-weight:normal;}

195

#content h2 a{font-weight:normal;}

211

#content h3{margin:0 0 12px 0; font-size:1.4em;color:#707070;font-family: Trebuchet MS,Georgia,"Times New Roman",serif;}

196

#content h3{margin:0 0 12px 0; font-size:1.4em;color:#707070;font-family: Trebuchet MS,Georgia,"Times New Roman",serif;}

212

#content h4{font-size: 1em; margin-bottom: 12px; margin-top: 20px; font-weight: normal; border-bottom: dotted 1px #c0c0c0;}

197

#content h4{font-size: 1em; margin-bottom: 12px; margin-top: 20px; font-weight: normal; border-bottom: dotted 1px #c0c0c0;}

213

#content a:hover,#subcontent a:hover{text-decoration:underline;}

198

#content a:hover,#subcontent a:hover{text-decoration:underline;}

214

#content ul,#content ol{margin:0 5px 16px 35px;}

199

#content ul,#content ol{margin:0 5px 16px 35px;}

215

#content dl{margin:0 5px 10px 25px;}

200

#content dl{margin:0 5px 10px 25px;}

216

#content dt{font-weight:bold; margin-bottom:5px;}

201

#content dt{font-weight:bold; margin-bottom:5px;}

217

#content dd{margin:0 0 10px 15px;}

202

#content dd{margin:0 0 10px 15px;}

218

203

219

#content .tabs{height: 2.6em;}

204

#content .tabs{height: 2.6em;}

220

#content .tabs ul{margin:0;}

205

#content .tabs ul{margin:0;}

221

#content .tabs ul li{

206

#content .tabs ul li{

222

float:left;

207

float:left;

223

list-style-type:none;

208

list-style-type:none;

224

white-space:nowrap;

209

white-space:nowrap;

225

margin-right:8px;

210

margin-right:8px;

226

background:#fff;

211

background:#fff;

227

}

212

}

228

#content .tabs ul li a{

213

#content .tabs ul li a{

229

display:block;

214

display:block;

230

font-size: 0.9em;

215

font-size: 0.9em;

231

text-decoration:none;

216

text-decoration:none;

232

line-height:1em;

217

line-height:1em;

233

padding:4px;

218

padding:4px;

234

border: 1px solid #c0c0c0;

219

border: 1px solid #c0c0c0;

235

}

220

}

236

221

237

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

222

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

238

background-color: #80b0da;

223

background-color: #80b0da;

239

border: 1px solid #80b0da;

224

border: 1px solid #80b0da;

240

color: #fff;

225

color: #fff;

241

text-decoration:none;

226

text-decoration:none;

242

}

227

}

243

228

244

/***********************************************/

229

/***********************************************/

245

230

246

form {

231

form {display: inline;}

247

display: inline;

232

blockquote {padding-left: 6px; border-left: 2px solid #ccc;}

248

}

233

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

249

234

250

blockquote {

235

input.button-small {font-size: 0.8em;}

251

padding-left: 6px;

236

.select-small {font-size: 0.8em;}

252

border-left: 2px solid #ccc;

237

label {font-weight: bold; font-size: 1em; color: #505050;}

253

}

238

fieldset {border:1px solid #c0c0c0; padding: 6px;}

254

239

legend {color: #505050;}

255

input, select {

240

.required {color: #bb0000;}

256

vertical-align: middle;

241

.odd {background-color:#f6f7f8;}

257

margin-bottom: 4px;

242

.even {background-color: #fff;}

258

}

259

260

input.button-small

261

{

262

font-size: 0.8em;

263

}

264

265

.select-small

266

{

267

font-size: 0.8em;

268

}

269

270

label {

271

font-weight: bold;

272

font-size: 1em;

273

color: #505050;

274

}

275

276

fieldset {

277

border:1px solid #c0c0c0;

278

padding: 6px;

279

}

280

281

legend {

282

color: #505050;

283

284

}

285

286

.required {

287

color: #bb0000;

288

}

289

290

.odd {

291

background-color:#f6f7f8;

292

}

293

.even {

294

background-color: #fff;

295

}

296

297

hr { border:none; border-bottom: dotted 1px #c0c0c0; }

243

hr { border:none; border-bottom: dotted 1px #c0c0c0; }

244

table p {margin:0; padding:0;}

298

245

299

div.square {

246

div.square {

300

border: 1px solid #999;

247

border: 1px solid #999;

301

float: left;

248

float: left;

302

margin: .4em .5em 0 0;

249

margin: .4em .5em 0 0;

303

overflow: hidden;

250

overflow: hidden;

304

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

251

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

305

}

252

}

306

253

307

table p {

308

margin:0;

309

padding:0;

310

}

311

312

ul.documents {

254

ul.documents {

313

list-style-type: none;

255

list-style-type: none;

314

padding: 0;

256

padding: 0;

315

margin: 0;

257

margin: 0;

316

}

258

}

317

259

318

ul.documents li {

260

ul.documents li {

319

background-image: url(../images/32x32/file.png);

261

background-image: url(../images/32x32/file.png);

320

background-repeat: no-repeat;

262

background-repeat: no-repeat;

321

background-position: 0 1px;

263

background-position: 0 1px;

322

padding-left: 36px;

264

padding-left: 36px;

323

margin-bottom: 10px;

265

margin-bottom: 10px;

324

margin-left: -37px;

266

margin-left: -37px;

325

}

267

}

326

268

327

/********** Table used to display lists of things ***********/

269

/********** Table used to display lists of things ***********/

328

270

329

table.list {

271

table.list {

330

width:100%;

272

width:100%;

331

border-collapse: collapse;

273

border-collapse: collapse;

332

border: 1px dotted #d0d0d0;

274

border: 1px dotted #d0d0d0;

333

margin-bottom: 6px;

275

margin-bottom: 6px;

334

}

276

}

335

277

336

table.with-cells td {

278

table.with-cells td {

337

border: 1px solid #d7d7d7;

279

border: 1px solid #d7d7d7;

338

}

280

}

339

281

340

table.list td {

282

table.list td {

341

padding:2px;

283

padding:2px;

342

}

284

}

343

285

344

table.list thead th {

286

table.list thead th {

345

text-align: center;

287

text-align: center;

346

background: #eee;

288

background: #eee;

347

border: 1px solid #d7d7d7;

289

border: 1px solid #d7d7d7;

348

color: #777;

290

color: #777;

349

}

291

}

350

292

351

table.list tbody th {

293

table.list tbody th {

352

font-weight: normal;

294

font-weight: normal;

353

background: #eed;

295

background: #eed;

354

border: 1px solid #d7d7d7;

296

border: 1px solid #d7d7d7;

355

}

297

}

356

298

357

/********** Validation error messages *************/

299

/********** Validation error messages *************/

358

#errorExplanation {

300

#errorExplanation {

359

width: 400px;

301

width: 400px;

360

border: 0;

302

border: 0;

361

padding: 7px;

303

padding: 7px;

362

padding-bottom: 3px;

304

padding-bottom: 3px;

363

margin-bottom: 0px;

305

margin-bottom: 0px;

364

}

306

}

365

307

366

#errorExplanation h2 {

308

#errorExplanation h2 {

367

text-align: left;

309

text-align: left;

368

font-weight: bold;

310

font-weight: bold;

369

padding: 5px 5px 10px 26px;

311

padding: 5px 5px 10px 26px;

370

font-size: 1em;

312

font-size: 1em;

371

margin: -7px;

313

margin: -7px;

372

background: url(../images/alert.png) no-repeat 6px 6px;

314

background: url(../images/alert.png) no-repeat 6px 6px;

373

}

315

}

374

316

375

#errorExplanation p {

317

#errorExplanation p {

376

color: #333;

318

color: #333;

377

margin-bottom: 0;

319

margin-bottom: 0;

378

padding: 5px;

320

padding: 5px;

379

}

321

}

380

322

381

#errorExplanation ul li {

323

#errorExplanation ul li {

382

font-size: 1em;

324

font-size: 1em;

383

list-style: none;

325

list-style: none;

384

margin-left: -16px;

326

margin-left: -16px;

385

}

327

}

386

328

387

/*========== Drop down menu ==============*/

329

/*========== Drop down menu ==============*/

388

div.menu {

330

div.menu {

389

background-color: #FFFFFF;

331

background-color: #FFFFFF;

390

border-style: solid;

332

border-style: solid;

391

border-width: 1px;

333

border-width: 1px;

392

border-color: #7F9DB9;

334

border-color: #7F9DB9;

393

position: absolute;

335

position: absolute;

394

top: 0px;

336

top: 0px;

395

left: 0px;

337

left: 0px;

396

padding: 0;

338

padding: 0;

397

visibility: hidden;

339

visibility: hidden;

398

z-index: 101;

340

z-index: 101;

399

}

341

}

400

342

401

div.menu a.menuItem {

343

div.menu a.menuItem {

402

font-size: 10px;

344

font-size: 10px;

403

font-weight: normal;

345

font-weight: normal;

404

line-height: 2em;

346

line-height: 2em;

405

color: #000000;

347

color: #000000;

406

background-color: #FFFFFF;

348

background-color: #FFFFFF;

407

cursor: default;

349

cursor: default;

408

display: block;

350

display: block;

409

padding: 0 1em;

351

padding: 0 1em;

410

margin: 0;

352

margin: 0;

411

border: 0;

353

border: 0;

412

text-decoration: none;

354

text-decoration: none;

413

white-space: nowrap;

355

white-space: nowrap;

414

}

356

}

415

357

416

div.menu a.menuItem:hover, div.menu a.menuItemHighlight {

358

div.menu a.menuItem:hover, div.menu a.menuItemHighlight {

417

background-color: #80b0da;

359

background-color: #80b0da;

418

color: #ffffff;

360

color: #ffffff;

419

}

361

}

420

362

421

div.menu a.menuItem span.menuItemText {}

363

div.menu a.menuItem span.menuItemText {}

422

364

423

div.menu a.menuItem span.menuItemArrow {

365

div.menu a.menuItem span.menuItemArrow {

424

margin-right: -.75em;

366

margin-right: -.75em;

425

}

367

}

426

368

427

/**************** Sidebar styles ****************/

369

/**************** Sidebar styles ****************/

428

370

429

#subcontent{

371

#subcontent{

430

position: absolute;

372

position: absolute;

431

left: 0px;

373

left: 0px;

432

width:110px;

374

width:110px;

433

padding:20px 20px 10px 5px;

375

padding:20px 20px 10px 5px;

434

}

376

}

435

377

436

#subcontent h2{

378

#subcontent h2{

437

display:block;

379

display:block;

438

margin:0 0 5px 0;

380

margin:0 0 5px 0;

439

font-size:1.0em;

381

font-size:1.0em;

440

font-weight:bold;

382

font-weight:bold;

441

text-align:left;

383

text-align:left;

442

color:#606060;

384

color:#606060;

443

background-color:inherit;

385

background-color:inherit;

444

font-family: Trebuchet MS,Georgia,"Times New Roman",serif;

386

font-family: Trebuchet MS,Georgia,"Times New Roman",serif;

445

}

387

}

446

388

447

#subcontent p{margin:0 0 16px 0; font-size:0.9em;}

389

#subcontent p{margin:0 0 16px 0; font-size:0.9em;}

448

390

449

/**************** Menublock styles ****************/

391

/**************** Menublock styles ****************/

450

392

451

.menublock{margin:0 0 20px 8px; font-size:0.8em;}

393

.menublock{margin:0 0 20px 8px; font-size:0.8em;}

452

.menublock li{list-style:none; display:block; padding:1px; margin-bottom:0px;}

394

.menublock li{list-style:none; display:block; padding:1px; margin-bottom:0px;}

453

.menublock li a{font-weight:bold; text-decoration:none;}

395

.menublock li a{font-weight:bold; text-decoration:none;}

454

.menublock li a:hover{text-decoration:none;}

396

.menublock li a:hover{text-decoration:none;}

455

.menublock li ul{margin:0; font-size:1em; font-weight:normal;}

397

.menublock li ul{margin:0; font-size:1em; font-weight:normal;}

456

.menublock li ul li{margin-bottom:0;}

398

.menublock li ul li{margin-bottom:0;}

457

.menublock li ul a{font-weight:normal;}

399

.menublock li ul a{font-weight:normal;}

458

400

459

/**************** Footer styles ****************/

401

/**************** Footer styles ****************/

460

402

461

#footer{

403

#footer{

462

clear:both;

404

clear:both;

463

padding:5px 0;

405

padding:5px 0;

464

margin:0;

406

margin:0;

465

font-size:0.9em;

407

font-size:0.9em;

466

color:#f0f0f0;

408

color:#f0f0f0;

467

background:#467aa7;

409

background:#467aa7;

468

}

410

}

469

411

470

#footer p{padding:0; margin:0; text-align:center;}

412

#footer p{padding:0; margin:0; text-align:center;}

471

#footer a{color:#f0f0f0; background-color:inherit; font-weight:bold;}

413

#footer a{color:#f0f0f0; background-color:inherit; font-weight:bold;}

472

#footer a:hover{color:#ffffff; background-color:inherit; text-decoration: underline;}

414

#footer a:hover{color:#ffffff; background-color:inherit; text-decoration: underline;}

473

415

474

/**************** Misc classes and styles ****************/

416

/**************** Misc classes and styles ****************/

475

417

476

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

418

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

477

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

419

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

478

.clear{clear:both;}

420

.clear{clear:both;}

479

.small{font-size:0.8em;line-height:1.4em;padding:0 0 0 0;}

421

.small{font-size:0.8em;line-height:1.4em;padding:0 0 0 0;}

480

.hide{display:none;}

422

.hide{display:none;}

481

.textcenter{text-align:center;}

423

.textcenter{text-align:center;}

482

.textright{text-align:right;}

424

.textright{text-align:right;}

483

.important{color:#f02025; background-color:inherit; font-weight:bold;}

425

.important{color:#f02025; background-color:inherit; font-weight:bold;}

484

426

485

.box{

427

.box{

486

margin:0 0 20px 0;

428

margin:0 0 20px 0;

487

padding:10px;

429

padding:10px;

488

border:1px solid #c0c0c0;

430

border:1px solid #c0c0c0;

489

background-color:#fafbfc;

431

background-color:#fafbfc;

490

color:#505050;

432

color:#505050;

491

line-height:1.5em;

433

line-height:1.5em;

492

}

434

}

493

435

494

a.close-icon {

436

a.close-icon {

495

display:block;

437

display:block;

496

margin-top:3px;

438

margin-top:3px;

497

overflow:hidden;

439

overflow:hidden;

498

width:12px;

440

width:12px;

499

height:12px;

441

height:12px;

500

background-repeat: no-repeat;

442

background-repeat: no-repeat;

501

cursor:pointer;

443

cursor:pointer;

502

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

444

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

503

}

445

}

504

446

505

a.close-icon:hover {

447

a.close-icon:hover {

506

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

448

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

507

}

449

}

508

450

509

.rightbox{

451

.rightbox{

510

background: #fafbfc;

452

background: #fafbfc;

511

border: 1px solid #c0c0c0;

453

border: 1px solid #c0c0c0;

512

float: right;

454

float: right;

513

padding: 8px;

455

padding: 8px;

514

position: relative;

456

position: relative;

515

margin: 0 5px 5px;

457

margin: 0 5px 5px;

516

}

458

}

517

459

518

.layout-active {

460

.layout-active {

519

background: #ECF3E1;

461

background: #ECF3E1;

520

}

462

}

521

463

522

.block-receiver {

464

.block-receiver {

523

border:1px dashed #c0c0c0;

465

border:1px dashed #c0c0c0;

524

margin-bottom: 20px;

466

margin-bottom: 20px;

525

padding: 15px 0 15px 0;

467

padding: 15px 0 15px 0;

526

}

468

}

527

469

528

.mypage-box {

470

.mypage-box {

529

margin:0 0 20px 0;

471

margin:0 0 20px 0;

530

color:#505050;

472

color:#505050;

531

line-height:1.5em;

473

line-height:1.5em;

532

}

474

}

533

475

534

.handle {

476

.handle {

535

cursor: move;

477

cursor: move;

536

}

478

}

537

479

538

.login {

480

.login {

539

width: 50%;

481

width: 50%;

540

text-align: left;

482

text-align: left;

541

}

483

}

542

484

543

img.calendar-trigger {

485

img.calendar-trigger {

544

cursor: pointer;

486

cursor: pointer;

545

vertical-align: middle;

487

vertical-align: middle;

546

margin-left: 4px;

488

margin-left: 4px;

547

}

489

}

548

490

549

#history p {

491

#history p {

550

margin-left: 34px;

492

margin-left: 34px;

551

}

493

}

552

494

553

/***** Contextual links div *****/

495

/***** Contextual links div *****/

554

.contextual {

496

.contextual {

555

float: right;

497

float: right;

556

font-size: 0.8em;

498

font-size: 0.8em;

557

line-height: 16px;

499

line-height: 16px;

558

padding: 2px;

500

padding: 2px;

559

}

501

}

560

502

561

.contextual select, .contextual input {

503

.contextual select, .contextual input {

562

font-size: 1em;

504

font-size: 1em;

563

}

505

}

564

506

565

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

507

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

566

.gantt_hdr {

508

.gantt_hdr {

567

position:absolute;

509

position:absolute;

568

top:0;

510

top:0;

569

height:16px;

511

height:16px;

570

border-top: 1px solid #c0c0c0;

512

border-top: 1px solid #c0c0c0;

571

border-bottom: 1px solid #c0c0c0;

513

border-bottom: 1px solid #c0c0c0;

572

border-right: 1px solid #c0c0c0;

514

border-right: 1px solid #c0c0c0;

573

text-align: center;

515

text-align: center;

574

overflow: hidden;

516

overflow: hidden;

575

}

517

}

576

518

577

.task {

519

.task {

578

position: absolute;

520

position: absolute;

579

height:8px;

521

height:8px;

580

font-size:0.8em;

522

font-size:0.8em;

581

color:#888;

523

color:#888;

582

padding:0;

524

padding:0;

583

margin:0;

525

margin:0;

584

line-height:0.8em;

526

line-height:0.8em;

585

}

527

}

586

528

587

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

529

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

588

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

530

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

589

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

531

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

590

532

591

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

533

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

592

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

534

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

593

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

535

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

594

.tooltip span.tip{display: none}

536

.tooltip span.tip{display: none}

595

537

596

div.tooltip:hover span.tip{

538

div.tooltip:hover span.tip{

597

display:block;

539

display:block;

598

position:absolute;

540

position:absolute;

599

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

541

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

600

border:1px solid #555;

542

border:1px solid #555;

601

background-color:#fff;

543

background-color:#fff;

602

padding: 4px;

544

padding: 4px;

603

font-size: 0.8em;

545

font-size: 0.8em;

604

color:#505050;

546

color:#505050;

605

}

547

}

606

548

607

/***** CSS FORM ******/

549

/***** CSS FORM ******/

608

.tabular p{

550

.tabular p{

609

margin: 0;

551

margin: 0;

610

padding: 5px 0 8px 0;

552

padding: 5px 0 8px 0;

611

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

553

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

612

height: 1%;

554

height: 1%;

613

}

555

}

614

556

615

.tabular label{

557

.tabular label{

616

font-weight: bold;

558

font-weight: bold;

617

float: left;

559

float: left;

618

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

560

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

619

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

561

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

620

margin*/

562

margin*/

621

}

563

}

622

564

623

.error {

565

.error {

624

color: #cc0000;

566

color: #cc0000;

625

}

567

}

626

568

627

569

628

/*.threepxfix class below:

570

/*.threepxfix class below:

629

Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.

571

Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.

630

to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html

572

to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html

631

*/

573

*/

632

574

633

* html .threepxfix{

575

* html .threepxfix{

634

margin-left: 3px;

576

margin-left: 3px;

635

} No newline at end of file

577

}

	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

             /* andreas08 - an open source xhtml/css website layout by Andreas Viklund - http://andreasviklund.com . Free to use in any way and for any purpose as long as the proper credits are given to the original designer. Version: 1.0, November 28, 2005 */
             /* Edited by Jean-Philippe Lang *>
             /**************** Body and tag styles ****************/
             #header * {margin:0; padding:0;}
             p, ul, ol, li {margin:0; padding:0;}
             body{
             font:76% Verdana,Tahoma,Arial,sans-serif;
             line-height:1.4em;
             text-align:center;
             color:#303030;
             background:#e8eaec;
             margin:0;
             }
+            a{color:#467aa7;font-weight:bold;text-decoration:none;background-color:inherit;}
-            a{
-            color:#467aa7;
-            font-weight:bold;
-            text-decoration:none;
-            background-color:inherit;
             a:hover{color:#2a5a8a; text-decoration:none; background-color:inherit;}
             a img{border:none;}
             p{margin:0 0 1em 0;}
             p form{margin-top:0; margin-bottom:20px;}
             img.left,img.center,img.right{padding:4px; border:1px solid #a0a0a0;}
             img.left{float:left; margin:0 12px 5px 0;}
             img.center{display:block; margin:0 auto 5px auto;}
             img.right{float:right; margin:0 0 5px 12px;}
             /**************** Header and navigation styles ****************/
             #container{
             width:100%;
             min-width: 800px;
             margin:0;
             padding:0;
             text-align:left;
             background:#ffffff;
             color:#303030;
             }
             #header{
             height:4.5em;
             margin:0;
             background:#467aa7;
             color:#ffffff;
             margin-bottom:1px;
             }
             #header h1{
             padding:10px 0 0 20px;
             font-size:2em;
             background-color:inherit;
             color:#fff;
             letter-spacing:-1px;
             font-weight:bold;
             font-family: Trebuchet MS,Georgia,"Times New Roman",serif;
             }
             #header h2{
             margin:3px 0 0 40px;
             font-size:1.5em;
             background-color:inherit;
             color:#f0f2f4;
             letter-spacing:-1px;
             font-weight:normal;
             font-family: Trebuchet MS,Georgia,"Times New Roman",serif;
             }
             #navigation{
             height:2.2em;
             line-height:2.2em;
             margin:0;
             background:#578bb8;
             color:#ffffff;
             }
             #navigation li{
             float:left;
             list-style-type:none;
             border-right:1px solid #ffffff;
             white-space:nowrap;
             }
             #navigation li.right {
              float:right;
             list-style-type:none;
             border-right:0;
             border-left:1px solid #ffffff;
             white-space:nowrap;
             }
             #navigation li a{
             display:block;
             padding:0px 10px 0px 22px;
             font-size:0.8em;
             font-weight:normal;
             text-decoration:none;
             background-color:inherit;
             color: #ffffff;
             }
-            #navigation li.submenu {
+            #navigation li.submenu {background:url(../images/arrow_down.png) 96% 80% no-repeat;}
-            background:url(../images/arrow_down.png) 96% 80% no-repeat;
+            #navigation li.submenu a {padding:0px 16px 0px 22px;}
-            #navigation li.submenu a {
-            padding:0px 16px 0px 22px;
             * html #navigation a {width:1%;}
             #navigation .selected,#navigation a:hover{
             color:#ffffff;
             text-decoration:none;
             background-color: #80b0da;
             }
             /**************** Icons *******************/
             .icon {
             background-position: 0% 40%;
             background-repeat: no-repeat;
             padding-left: 20px;
             padding-top: 2px;
             padding-bottom: 3px;
             vertical-align: middle;
             }
             #navigation .icon {
             background-position: 4px 50%;
             }
             .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-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); }
             .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); }
             /**************** Content styles ****************/
             html>body #content {
             height: auto;
             min-height: 500px;
             }
             #content{
             width: auto;
             height:500px;
             font-size:0.9em;
             padding:20px 10px 10px 20px;
             margin-left: 120px;
             border-left: 1px dashed #c0c0c0;
             }
             #content h2{
             display:block;
             margin:0 0 16px 0;
             font-size:1.7em;
             font-weight:normal;
             letter-spacing:-1px;
             color:#606060;
             background-color:inherit;
             font-family: Trebuchet MS,Georgia,"Times New Roman",serif;
             }
             #content h2 a{font-weight:normal;}
             #content h3{margin:0 0 12px 0; font-size:1.4em;color:#707070;font-family: Trebuchet MS,Georgia,"Times New Roman",serif;}
             #content h4{font-size: 1em; margin-bottom: 12px; margin-top: 20px; font-weight: normal; border-bottom: dotted 1px #c0c0c0;}
             #content a:hover,#subcontent a:hover{text-decoration:underline;}
             #content ul,#content ol{margin:0 5px 16px 35px;}
             #content dl{margin:0 5px 10px 25px;}
             #content dt{font-weight:bold; margin-bottom:5px;}
             #content dd{margin:0 0 10px 15px;}
             #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: #80b0da;
             border: 1px solid #80b0da;
             color: #fff;
             text-decoration:none;
             }
             /***********************************************/
-            form {
+            form {display: inline;}
-            	display: inline;
+            blockquote {padding-left: 6px; border-left: 2px solid #ccc;}
+            input, select {vertical-align: middle; margin-bottom: 4px;}
-            blockquote {
+            input.button-small {font-size: 0.8em;}
-                padding-left: 6px;
+            .select-small {font-size: 0.8em;}
-                border-left: 2px solid #ccc;
+            label {font-weight: bold; font-size: 1em; color: #505050;}
+            fieldset {border:1px solid #c0c0c0; padding: 6px;}
+            legend {color: #505050;}
-            input, select {
+            .required {color: #bb0000;}
-            	vertical-align: middle;
+            .odd {background-color:#f6f7f8;}
-            	margin-bottom: 4px;
+            .even {background-color: #fff;}
-            input.button-small
-                font-size: 0.8em;
-            .select-small
-               font-size: 0.8em;
-            label {
-            	font-weight: bold;
-            	font-size: 1em;
-            	color: #505050;
-            fieldset {
-                border:1px solid #c0c0c0;
-                padding: 6px;
-            legend {
-                color: #505050;
-            .required {
-            	color: #bb0000;
-            .odd {
-            	background-color:#f6f7f8;
-            .even {
-            	background-color: #fff;
             hr { border:none; border-bottom: dotted 1px #c0c0c0; }
+            table p {margin:0; padding:0;}
             div.square {
              border: 1px solid #999;
              float: left;
              margin: .4em .5em 0 0;
              overflow: hidden;
              width: .6em; height: .6em;
             }
-            table p {
-                margin:0;
-                padding:0;
             ul.documents {
             list-style-type: none;
             padding: 0;
             margin: 0;
             }
             ul.documents li {
             background-image: url(../images/32x32/file.png);
             background-repeat: no-repeat;
             background-position: 0 1px;
             padding-left: 36px;
             margin-bottom: 10px;
             margin-left: -37px;
             }
             /********** Table used to display lists of things ***********/
             table.list {
                 width:100%;
                 border-collapse: collapse;
                 border: 1px dotted #d0d0d0;
                 margin-bottom: 6px;
             }
             table.with-cells td {
                 border: 1px solid #d7d7d7;
             }
             table.list td {
                 padding:2px;
             }
             table.list thead th {
                 text-align: center;
                 background: #eee;
                 border: 1px solid #d7d7d7;
                 color: #777;
             }
             table.list tbody th {
             	font-weight: normal;
                 background: #eed;
                 border: 1px solid #d7d7d7;
             }
             /********** Validation error messages *************/
             #errorExplanation {
               width: 400px;
               border: 0;
               padding: 7px;
               padding-bottom: 3px;
               margin-bottom: 0px;
             }
             #errorExplanation h2 {
               text-align: left;
               font-weight: bold;
               padding: 5px 5px 10px 26px;
               font-size: 1em;
               margin: -7px;
               background: url(../images/alert.png) no-repeat 6px 6px;
             }
             #errorExplanation p {
               color: #333;
               margin-bottom: 0;
               padding: 5px;
             }
             #errorExplanation ul li {
               font-size: 1em;
               list-style: none;
               margin-left: -16px;
             }
             /*==========  Drop down menu  ==============*/
             div.menu {
               background-color: #FFFFFF;
               border-style: solid;
               border-width: 1px;
               border-color: #7F9DB9;
               position: absolute;
               top: 0px;
               left: 0px;
               padding: 0;
               visibility: hidden;
               z-index: 101;
             }
             div.menu a.menuItem {
               font-size: 10px;
               font-weight: normal;
               line-height: 2em;
               color: #000000;
               background-color: #FFFFFF;
               cursor: default;
               display: block;
               padding: 0 1em;
               margin: 0;
               border: 0;
               text-decoration: none;
               white-space: nowrap;
             }
             div.menu a.menuItem:hover, div.menu a.menuItemHighlight {
               background-color: #80b0da;
               color: #ffffff;
             }
             div.menu a.menuItem span.menuItemText {}
             div.menu a.menuItem span.menuItemArrow {
               margin-right: -.75em;
             }
             /**************** Sidebar styles ****************/
             #subcontent{
             position: absolute;
             left: 0px;
             width:110px;
             padding:20px 20px 10px 5px;
             }
             #subcontent h2{
             display:block;
             margin:0 0 5px 0;
             font-size:1.0em;
             font-weight:bold;
             text-align:left;
             color:#606060;
             background-color:inherit;
             font-family: Trebuchet MS,Georgia,"Times New Roman",serif;
             }
             #subcontent p{margin:0 0 16px 0; font-size:0.9em;}
             /**************** Menublock styles ****************/
             .menublock{margin:0 0 20px 8px; font-size:0.8em;}
             .menublock li{list-style:none; display:block; padding:1px; margin-bottom:0px;}
             .menublock li a{font-weight:bold; text-decoration:none;}
             .menublock li a:hover{text-decoration:none;}
             .menublock li ul{margin:0; font-size:1em; font-weight:normal;}
             .menublock li ul li{margin-bottom:0;}
             .menublock li ul a{font-weight:normal;}
             /**************** Footer styles ****************/
             #footer{
             clear:both;
             padding:5px 0;
             margin:0;
             font-size:0.9em;
             color:#f0f0f0;
             background:#467aa7;
             }
             #footer p{padding:0; margin:0; text-align:center;}
             #footer a{color:#f0f0f0; background-color:inherit; font-weight:bold;}
             #footer a:hover{color:#ffffff; background-color:inherit; text-decoration: underline;}
             /**************** Misc classes and styles ****************/
             .splitcontentleft{float:left; width:49%;}
             .splitcontentright{float:right; width:49%;}
             .clear{clear:both;}
             .small{font-size:0.8em;line-height:1.4em;padding:0 0 0 0;}
             .hide{display:none;}
             .textcenter{text-align:center;}
             .textright{text-align:right;}
             .important{color:#f02025; background-color:inherit; font-weight:bold;}
             .box{
             margin:0 0 20px 0;
             padding:10px;
             border:1px solid #c0c0c0;
             background-color:#fafbfc;
             color:#505050;
             line-height:1.5em;
             }
             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');
             }
             .rightbox{
             background: #fafbfc;
             border: 1px solid #c0c0c0;
             float: right;
             padding: 8px;
             position: relative;
             margin: 0 5px 5px;
             }
             .layout-active {
             background: #ECF3E1;
             }
             .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;
             }
             .login {
             width: 50%;
             text-align: left;
             }
             img.calendar-trigger {
                 cursor: pointer;
                 vertical-align: middle;
                 margin-left: 4px;
             }
             #history p {
                 margin-left: 34px;
             }
             /***** Contextual links div *****/
             .contextual {
             float: right;
             font-size: 0.8em;
             line-height: 16px;
             padding: 2px;
             }
             .contextual select, .contextual input {
             font-size: 1em;
             }
             /***** 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; }
             /***** Tooltips ******/
             .tooltip{position:relative;z-index:24;}
             .tooltip:hover{z-index:25;color:#000;}
             .tooltip span.tip{display: none}
             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;
             }
             /***** CSS FORM ******/
             .tabular p{
             margin: 0;
             padding: 5px 0 8px 0;
             padding-left: 180px; /*width of left column containing the label elements*/
             height: 1%;
             }
             .tabular label{
             font-weight: bold;
             float: left;
             margin-left: -180px; /*width of left column*/
             width: 175px; /*width of labels. Should be smaller than left column to create some right
             margin*/
             }
             .error {
             color: #cc0000;
             }
             /*.threepxfix class below:
             Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
             to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
             */
             * html .threepxfix{
             margin-left: 3px;
             }