jro_apps/redmine Commit - r302:909954ac342f

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

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

5

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

6

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

6

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

7

8

body{

8

body{

9

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

9

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

10

line-height:1.4em;

10

line-height:1.4em;

11

text-align:center;

11

text-align:center;

12

color:#303030;

12

color:#303030;

13

background:#e8eaec;

13

background:#e8eaec;

14

margin:0;

14

margin:0;

15

}

15

}

16

17

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

17

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

18

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

18

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

19

a img{border:none;}

19

a img{border:none;}

20

21

p{margin:0 0 1em 0;}

21

p{margin:0 0 1em 0;}

22

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

22

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

23

24

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;}

25

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

25

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

26

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

26

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

27

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

27

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

28

29

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

29

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

30

31

#container{

31

#container{

32

width:100%;

32

width:100%;

33

min-width: 800px;

33

min-width: 800px;

34

margin:0;

34

margin:0;

35

padding:0;

35

padding:0;

36

text-align:left;

36

text-align:left;

37

background:#ffffff;

37

background:#ffffff;

38

color:#303030;

38

color:#303030;

39

}

39

}

40

41

#header{

41

#header{

42

height:4.5em;

42

height:4.5em;

43

margin:0;

43

margin:0;

44

background:#467aa7;

44

background:#467aa7;

45

color:#ffffff;

45

color:#ffffff;

46

margin-bottom:1px;

46

margin-bottom:1px;

47

}

47

}

48

49

#header h1{

49

#header h1{

50

padding:10px 0 0 20px;

50

padding:10px 0 0 20px;

51

font-size:2em;

51

font-size:2em;

52

background-color:inherit;

52

background-color:inherit;

53

color:#fff;

53

color:#fff;

54

letter-spacing:-1px;

54

letter-spacing:-1px;

55

font-weight:bold;

55

font-weight:bold;

56

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

56

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

57

}

57

}

58

59

#header h2{

59

#header h2{

60

margin:3px 0 0 40px;

60

margin:3px 0 0 40px;

61

font-size:1.5em;

61

font-size:1.5em;

62

background-color:inherit;

62

background-color:inherit;

63

color:#f0f2f4;

63

color:#f0f2f4;

64

letter-spacing:-1px;

64

letter-spacing:-1px;

65

font-weight:normal;

65

font-weight:normal;

66

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

66

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

67

}

67

}

68

69

#navigation{

69

#navigation{

70

height:2.2em;

70

height:2.2em;

71

line-height:2.2em;

71

line-height:2.2em;

72

margin:0;

72

margin:0;

73

background:#578bb8;

73

background:#578bb8;

74

color:#ffffff;

74

color:#ffffff;

75

}

75

}

76

77

#navigation li{

77

#navigation li{

78

float:left;

78

float:left;

79

list-style-type:none;

79

list-style-type:none;

80

border-right:1px solid #ffffff;

80

border-right:1px solid #ffffff;

81

white-space:nowrap;

81

white-space:nowrap;

82

}

82

}

83

84

#navigation li.right {

84

#navigation li.right {

85

float:right;

85

float:right;

86

list-style-type:none;

86

list-style-type:none;

87

border-right:0;

87

border-right:0;

88

border-left:1px solid #ffffff;

88

border-left:1px solid #ffffff;

89

white-space:nowrap;

89

white-space:nowrap;

90

}

90

}

91

92

#navigation li a{

92

#navigation li a{

93

display:block;

93

display:block;

94

padding:0px 10px 0px 22px;

94

padding:0px 10px 0px 22px;

95

font-size:0.8em;

95

font-size:0.8em;

96

font-weight:normal;

96

font-weight:normal;

97

text-decoration:none;

97

text-decoration:none;

98

background-color:inherit;

98

background-color:inherit;

99

color: #ffffff;

99

color: #ffffff;

100

}

100

}

101

102

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

102

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

103

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

103

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

104

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

104

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

105

106

#navigation .selected,#navigation a:hover{

106

#navigation .selected,#navigation a:hover{

107

color:#ffffff;

107

color:#ffffff;

108

text-decoration:none;

108

text-decoration:none;

109

background-color: #80b0da;

109

background-color: #80b0da;

110

}

110

}

111

112

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

112

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

113

.icon {

113

.icon {

114

background-position: 0% 40%;

114

background-position: 0% 40%;

115

background-repeat: no-repeat;

115

background-repeat: no-repeat;

116

padding-left: 20px;

116

padding-left: 20px;

117

padding-top: 2px;

117

padding-top: 2px;

118

padding-bottom: 3px;

118

padding-bottom: 3px;

119

vertical-align: middle;

119

vertical-align: middle;

120

}

120

}

121

122

#navigation .icon {

122

#navigation .icon {

123

background-position: 4px 50%;

123

background-position: 4px 50%;

124

}

124

}

125

126

.icon22 {

126

.icon22 {

127

background-position: 0% 40%;

127

background-position: 0% 40%;

128

background-repeat: no-repeat;

128

background-repeat: no-repeat;

129

padding-left: 26px;

129

padding-left: 26px;

130

line-height: 22px;

130

line-height: 22px;

131

vertical-align: middle;

131

vertical-align: middle;

132

}

132

}

133

134

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

134

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

135

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

135

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

136

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

136

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

137

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

137

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

138

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

138

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

139

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

139

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

140

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

140

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

141

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

141

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

142

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

142

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

143

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

143

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

144

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

144

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

145

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

145

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

146

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

146

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

147

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

147

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

148

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

148

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

149

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

149

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

150

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

150

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

151

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

151

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

152

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

152

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

153

154

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

154

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

155

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

155

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

156

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

156

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

157

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

157

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

158

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

158

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

159

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

159

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

160

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

160

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

161

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

161

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

162

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

162

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

163

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

163

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

164

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

164

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

165

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

165

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

166

167

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

167

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

168

169

html>body #content {

169

html>body #content {

170

height: auto;

170

height: auto;

171

min-height: 500px;

171

min-height: 500px;

172

}

172

}

173

174

#content{

174

#content{

175

width: auto;

175

width: auto;

176

height:500px;

176

height:500px;

177

font-size:0.9em;

177

font-size:0.9em;

178

padding:20px 10px 10px 20px;

178

padding:20px 10px 10px 20px;

179

margin-left: 120px;

179

margin-left: 120px;

180

border-left: 1px dashed #c0c0c0;

180

border-left: 1px dashed #c0c0c0;

181

182

}

182

}

183

184

#content h2{

184

#content h2{

185

display:block;

185

display:block;

186

margin:0 0 16px 0;

186

margin:0 0 16px 0;

187

font-size:1.7em;

187

font-size:1.7em;

188

font-weight:normal;

188

font-weight:normal;

189

letter-spacing:-1px;

189

letter-spacing:-1px;

190

color:#606060;

190

color:#606060;

191

background-color:inherit;

191

background-color:inherit;

192

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

192

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

193

}

193

}

194

195

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

195

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

196

#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;}

197

#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;}

198

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

198

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

199

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

199

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

200

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

200

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

201

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

201

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

202

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

202

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

203

204

#content .tabs{height: 2.6em;}

204

#content .tabs{height: 2.6em;}

205

#content .tabs ul{margin:0;}

205

#content .tabs ul{margin:0;}

206

#content .tabs ul li{

206

#content .tabs ul li{

207

float:left;

207

float:left;

208

list-style-type:none;

208

list-style-type:none;

209

white-space:nowrap;

209

white-space:nowrap;

210

margin-right:8px;

210

margin-right:8px;

211

background:#fff;

211

background:#fff;

212

}

212

}

213

#content .tabs ul li a{

213

#content .tabs ul li a{

214

display:block;

214

display:block;

215

font-size: 0.9em;

215

font-size: 0.9em;

216

text-decoration:none;

216

text-decoration:none;

217

line-height:1em;

217

line-height:1em;

218

padding:4px;

218

padding:4px;

219

border: 1px solid #c0c0c0;

219

border: 1px solid #c0c0c0;

220

}

220

}

221

222

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

223

background-color: #80b0da;

223

background-color: #80b0da;

224

border: 1px solid #80b0da;

224

border: 1px solid #80b0da;

225

color: #fff;

225

color: #fff;

226

text-decoration:none;

226

text-decoration:none;

227

}

227

}

228

229

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

229

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

230

231

form {display: inline;}

231

form {display: inline;}

232

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

232

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

233

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

233

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

234

235

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

235

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

236

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

236

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

237

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

237

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

238

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

238

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

239

legend {color: #505050;}

239

legend {color: #505050;}

240

.required {color: #bb0000;}

240

.required {color: #bb0000;}

241

.odd {background-color:#f6f7f8;}

241

.odd {background-color:#f6f7f8;}

242

.even {background-color: #fff;}

242

.even {background-color: #fff;}

243

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

243

hr { border:0; border-top: dotted 1px #fff; border-bottom: dotted 1px #c0c0c0; }

244

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

244

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

245

246

strong.highlight { background-color: #FCFD8D;}

246

strong.highlight { background-color: #FCFD8D;}

247

248

div.square {

248

div.square {

249

border: 1px solid #999;

249

border: 1px solid #999;

250

float: left;

250

float: left;

251

margin: .4em .5em 0 0;

251

margin: .4em .5em 0 0;

252

overflow: hidden;

252

overflow: hidden;

253

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

253

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

254

}

254

}

255

256

ul.documents {

256

ul.documents {

257

list-style-type: none;

257

list-style-type: none;

258

padding: 0;

258

padding: 0;

259

margin: 0;

259

margin: 0;

260

}

260

}

261

262

ul.documents li {

262

ul.documents li {

263

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

263

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

264

background-repeat: no-repeat;

264

background-repeat: no-repeat;

265

background-position: 0 1px;

265

background-position: 0 1px;

266

padding-left: 36px;

266

padding-left: 36px;

267

margin-bottom: 10px;

267

margin-bottom: 10px;

268

margin-left: -37px;

268

margin-left: -37px;

269

}

269

}

270

271

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

271

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

272

273

table.list {

273

table.list {

274

width:100%;

274

width:100%;

275

border-collapse: collapse;

275

border-collapse: collapse;

276

border: 1px dotted #d0d0d0;

276

border: 1px dotted #d0d0d0;

277

margin-bottom: 6px;

277

margin-bottom: 6px;

278

}

278

}

279

280

table.with-cells td {

280

table.with-cells td {

281

border: 1px solid #d7d7d7;

281

border: 1px solid #d7d7d7;

282

}

282

}

283

284

table.list td {

284

table.list td {

285

padding:2px;

285

padding:2px;

286

}

286

}

287

288

table.list thead th {

288

table.list thead th {

289

text-align: center;

289

text-align: center;

290

background: #eee;

290

background: #eee;

291

border: 1px solid #d7d7d7;

291

border: 1px solid #d7d7d7;

292

color: #777;

292

color: #777;

293

}

293

}

294

295

table.list tbody th {

295

table.list tbody th {

296

font-weight: normal;

296

font-weight: normal;

297

background: #eed;

297

background: #eed;

298

border: 1px solid #d7d7d7;

298

border: 1px solid #d7d7d7;

299

}

299

}

300

301

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

301

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

302

#errorExplanation {

302

#errorExplanation {

303

width: 400px;

303

width: 400px;

304

border: 0;

304

border: 0;

305

padding: 7px;

305

padding: 7px;

306

padding-bottom: 3px;

306

padding-bottom: 3px;

307

margin-bottom: 0px;

307

margin-bottom: 0px;

308

}

308

}

309

310

#errorExplanation h2 {

310

#errorExplanation h2 {

311

text-align: left;

311

text-align: left;

312

font-weight: bold;

312

font-weight: bold;

313

padding: 5px 5px 10px 26px;

313

padding: 5px 5px 10px 26px;

314

font-size: 1em;

314

font-size: 1em;

315

margin: -7px;

315

margin: -7px;

316

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

316

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

317

}

317

}

318

319

#errorExplanation p {

319

#errorExplanation p {

320

color: #333;

320

color: #333;

321

margin-bottom: 0;

321

margin-bottom: 0;

322

padding: 5px;

322

padding: 5px;

323

}

323

}

324

325

#errorExplanation ul li {

325

#errorExplanation ul li {

326

font-size: 1em;

326

font-size: 1em;

327

list-style: none;

327

list-style: none;

328

margin-left: -16px;

328

margin-left: -16px;

329

}

329

}

330

331

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

331

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

332

div.menu {

332

div.menu {

333

background-color: #FFFFFF;

333

background-color: #FFFFFF;

334

border-style: solid;

334

border-style: solid;

335

border-width: 1px;

335

border-width: 1px;

336

border-color: #7F9DB9;

336

border-color: #7F9DB9;

337

position: absolute;

337

position: absolute;

338

top: 0px;

338

top: 0px;

339

left: 0px;

339

left: 0px;

340

padding: 0;

340

padding: 0;

341

visibility: hidden;

341

visibility: hidden;

342

z-index: 101;

342

z-index: 101;

343

}

343

}

344

345

div.menu a.menuItem {

345

div.menu a.menuItem {

346

font-size: 10px;

346

font-size: 10px;

347

font-weight: normal;

347

font-weight: normal;

348

line-height: 2em;

348

line-height: 2em;

349

color: #000000;

349

color: #000000;

350

background-color: #FFFFFF;

350

background-color: #FFFFFF;

351

cursor: default;

351

cursor: default;

352

display: block;

352

display: block;

353

padding: 0 1em;

353

padding: 0 1em;

354

margin: 0;

354

margin: 0;

355

border: 0;

355

border: 0;

356

text-decoration: none;

356

text-decoration: none;

357

white-space: nowrap;

357

white-space: nowrap;

358

}

358

}

359

360

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

360

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

361

background-color: #80b0da;

361

background-color: #80b0da;

362

color: #ffffff;

362

color: #ffffff;

363

}

363

}

364

365

div.menu a.menuItem span.menuItemText {}

365

div.menu a.menuItem span.menuItemText {}

366

367

div.menu a.menuItem span.menuItemArrow {

367

div.menu a.menuItem span.menuItemArrow {

368

margin-right: -.75em;

368

margin-right: -.75em;

369

}

369

}

370

371

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

371

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

372

373

#subcontent{

373

#subcontent{

374

position: absolute;

374

position: absolute;

375

left: 0px;

375

left: 0px;

376

width:110px;

376

width:110px;

377

padding:20px 20px 10px 5px;

377

padding:20px 20px 10px 5px;

378

}

378

}

379

380

#subcontent h2{

380

#subcontent h2{

381

display:block;

381

display:block;

382

margin:0 0 5px 0;

382

margin:0 0 5px 0;

383

font-size:1.0em;

383

font-size:1.0em;

384

font-weight:bold;

384

font-weight:bold;

385

text-align:left;

385

text-align:left;

386

color:#606060;

386

color:#606060;

387

background-color:inherit;

387

background-color:inherit;

388

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

388

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

389

}

389

}

390

391

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

391

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

392

393

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

393

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

394

395

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

395

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

396

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

396

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

397

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

397

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

398

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

398

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

399

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

399

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

400

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

400

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

401

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

401

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

402

403

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

403

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

404

405

#footer{

405

#footer{

406

clear:both;

406

clear:both;

407

padding:5px 0;

407

padding:5px 0;

408

margin:0;

408

margin:0;

409

font-size:0.9em;

409

font-size:0.9em;

410

color:#f0f0f0;

410

color:#f0f0f0;

411

background:#467aa7;

411

background:#467aa7;

412

}

412

}

413

414

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

414

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

415

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

415

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

416

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

416

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

417

418

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

418

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

419

420

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

420

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

421

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

421

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

422

.clear{clear:both;}

422

.clear{clear:both;}

423

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

423

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

424

.hide{display:none;}

424

.hide{display:none;}

425

.textcenter{text-align:center;}

425

.textcenter{text-align:center;}

426

.textright{text-align:right;}

426

.textright{text-align:right;}

427

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

427

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

428

429

.box{

429

.box{

430

margin:0 0 20px 0;

430

margin:0 0 20px 0;

431

padding:10px;

431

padding:10px;

432

border:1px solid #c0c0c0;

432

border:1px solid #c0c0c0;

433

background-color:#fafbfc;

433

background-color:#fafbfc;

434

color:#505050;

434

color:#505050;

435

line-height:1.5em;

435

line-height:1.5em;

436

}

436

}

437

438

a.close-icon {

438

a.close-icon {

439

display:block;

439

display:block;

440

margin-top:3px;

440

margin-top:3px;

441

overflow:hidden;

441

overflow:hidden;

442

width:12px;

442

width:12px;

443

height:12px;

443

height:12px;

444

background-repeat: no-repeat;

444

background-repeat: no-repeat;

445

cursor:pointer;

445

cursor:pointer;

446

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

446

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

447

}

447

}

448

449

a.close-icon:hover {

449

a.close-icon:hover {

450

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

450

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

451

}

451

}

452

453

.rightbox{

453

.rightbox{

454

background: #fafbfc;

454

background: #fafbfc;

455

border: 1px solid #c0c0c0;

455

border: 1px solid #c0c0c0;

456

float: right;

456

float: right;

457

padding: 8px;

457

padding: 8px;

458

position: relative;

458

position: relative;

459

margin: 0 5px 5px;

459

margin: 0 5px 5px;

460

}

460

}

461

462

.layout-active {

462

.layout-active {

463

background: #ECF3E1;

463

background: #ECF3E1;

464

}

464

}

465

466

.block-receiver {

466

.block-receiver {

467

border:1px dashed #c0c0c0;

467

border:1px dashed #c0c0c0;

468

margin-bottom: 20px;

468

margin-bottom: 20px;

469

padding: 15px 0 15px 0;

469

padding: 15px 0 15px 0;

470

}

470

}

471

472

.mypage-box {

472

.mypage-box {

473

margin:0 0 20px 0;

473

margin:0 0 20px 0;

474

color:#505050;

474

color:#505050;

475

line-height:1.5em;

475

line-height:1.5em;

476

}

476

}

477

478

.handle {

478

.handle {

479

cursor: move;

479

cursor: move;

480

}

480

}

481

482

.login {

482

.login {

483

width: 50%;

483

width: 50%;

484

text-align: left;

484

text-align: left;

485

}

485

}

486

487

img.calendar-trigger {

487

img.calendar-trigger {

488

cursor: pointer;

488

cursor: pointer;

489

vertical-align: middle;

489

vertical-align: middle;

490

margin-left: 4px;

490

margin-left: 4px;

491

}

491

}

492

493

#history p {

493

#history p {

494

margin-left: 34px;

494

margin-left: 34px;

495

}

495

}

496

497

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

497

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

498

.contextual {

498

.contextual {

499

float: right;

499

float: right;

500

font-size: 0.8em;

500

font-size: 0.8em;

501

line-height: 16px;

501

line-height: 16px;

502

padding: 2px;

502

padding: 2px;

503

}

503

}

504

505

.contextual select, .contextual input {

505

.contextual select, .contextual input {

506

font-size: 1em;

506

font-size: 1em;

507

}

507

}

508

509

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

509

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

510

.gantt_hdr {

510

.gantt_hdr {

511

position:absolute;

511

position:absolute;

512

top:0;

512

top:0;

513

height:16px;

513

height:16px;

514

border-top: 1px solid #c0c0c0;

514

border-top: 1px solid #c0c0c0;

515

border-bottom: 1px solid #c0c0c0;

515

border-bottom: 1px solid #c0c0c0;

516

border-right: 1px solid #c0c0c0;

516

border-right: 1px solid #c0c0c0;

517

text-align: center;

517

text-align: center;

518

overflow: hidden;

518

overflow: hidden;

519

}

519

}

520

521

.task {

521

.task {

522

position: absolute;

522

position: absolute;

523

height:8px;

523

height:8px;

524

font-size:0.8em;

524

font-size:0.8em;

525

color:#888;

525

color:#888;

526

padding:0;

526

padding:0;

527

margin:0;

527

margin:0;

528

line-height:0.8em;

528

line-height:0.8em;

529

}

529

}

530

531

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

531

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

532

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

532

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

533

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

533

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

534

535

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

535

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

536

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

536

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

537

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

537

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

538

.tooltip span.tip{display: none}

538

.tooltip span.tip{display: none}

539

540

div.tooltip:hover span.tip{

540

div.tooltip:hover span.tip{

541

display:block;

541

display:block;

542

position:absolute;

542

position:absolute;

543

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

543

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

544

border:1px solid #555;

544

border:1px solid #555;

545

background-color:#fff;

545

background-color:#fff;

546

padding: 4px;

546

padding: 4px;

547

font-size: 0.8em;

547

font-size: 0.8em;

548

color:#505050;

548

color:#505050;

549

}

549

}

550

551

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

551

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

552

.tabular p{

552

.tabular p{

553

margin: 0;

553

margin: 0;

554

padding: 5px 0 8px 0;

554

padding: 5px 0 8px 0;

555

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

555

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

556

height: 1%;

556

height: 1%;

557

}

557

}

558

559

.tabular label{

559

.tabular label{

560

font-weight: bold;

560

font-weight: bold;

561

float: left;

561

float: left;

562

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

562

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

563

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

563

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

564

margin*/

564

margin*/

565

}

565

}

566

567

.error {

567

.error {

568

color: #cc0000;

568

color: #cc0000;

569

}

569

}

570

571

572

/*.threepxfix class below:

572

/*.threepxfix class below:

573

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

573

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

574

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

574

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

575

*/

575

*/

576

577

* html .threepxfix{

577

* html .threepxfix{

578

margin-left: 3px;

578

margin-left: 3px;

579

} No newline at end of file

579

}

	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: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 {background:url(../images/arrow_down.png) 96% 80% no-repeat;}
             #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 {display: inline;}
             blockquote {padding-left: 6px; border-left: 2px solid #ccc;}
             input, select {vertical-align: middle; margin-bottom: 4px;}
             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; }
+            hr { border:0; border-top: dotted 1px #fff; border-bottom: dotted 1px #c0c0c0; }
             table p {margin:0; padding:0;}
             strong.highlight { background-color: #FCFD8D;}
             div.square {
              border: 1px solid #999;
              float: left;
              margin: .4em .5em 0 0;
              overflow: hidden;
              width: .6em; height: .6em;
             }
             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;
             }