/* default */

body { 
  margin: 14px 16px 16px 18px; 
  border: 0; 
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 11px;
}

/* hacks - remove this clause when you can */
li, input, select, optgroup, textarea { 
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 11px; 
}

td { 
  font-size: 11px; 
}

hr.split { height: 0px; margin-top: 16px }

pre { 
  font-family: clean, courier, monospace; 
  line-height: 10px;
  font-size: 12px; 
}

a {} /* IE5 work-around */
a { text-decoration: none; font-weight: bold }

a:hover { text-decoration: underline; }

dl, li { margin-top: 5px; }

p { 
  line-height: 15px;
  margin: 8px 0px 8px 0px;
}

p.caption { 
  font-weight : bold; 
  font-size : 9px; 
  text-align: center;
  margin: 0px;
}

.border { 
  border: 2px outset #ccc; 
}

.box { 
  border: 1px solid #ccc; 
  border-radius : 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;
  box-shadow: 4px 4px 2px #bbb; -moz-box-shadow: 4px 4px 2px #bbb; -webkit-box-shadow: 4px 4px 2px #bbb;
  background-color: #eee;
  padding: 10px;
  margin-top: 4px;
  margin-bottom: 10px;
}

.alert { 
  border-radius : 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;
  box-shadow: 4px 4px 2px #bbb; -moz-box-shadow: 4px 4px 2px #bbb; -webkit-box-shadow: 4px 4px 2px #bbb;
  border: 2px solid #ccc; 
  background-color: pink;
  padding: 10px;
}

.left { 
  margin: 0 10px 0 0;
  float: left;
}

.right { 
  margin: 0 0px 0 10px;
  float: right;
}

div.bullet { 
  padding-left: 8px
}

h1 { color: navy; margin: 5px 0 5px 0; font-size: 16px }
h2 { font-size: 14px; color: #444; }
h2.title { margin-top: 10px; text-decoration: none }
h3 { font-size: 12px }

ul, ol { margin-top: 0px; }

dl, li { line-height: 15px; margin-top: 5px; }

img { border: 0; }

table.layout { 
  border: 0;
  padding: 0;
  margin-top: 8px;
  border-spacing: 0;
}
table.layout td.navi { 
  text-align: left;
  width: 115px;
}
table.layout td.body { 
  padding-left: 35px;
  width: 572px;
}

/* chrome */

table.chrome {
  font-size: 12px;
  font-family: arial, helvetica, sans-serif;
  text-align : center;
  border-radius : 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;
  border-width : 2px;
  border-style : outset; 
  background-color : #cccccc; 
}
table.chrome td.title { 
  font-family : verdana, arial, helvetica, sans-serif; 
  line-height: 26px;
  padding: 4px;
  font-size : 20px; 
  font-weight : bold; 
}
table.chrome td.select { 
  font-weight : bold; 
  color : blue; 
  background-color : #99ffcc; 
}
table.chrome td.back { 
  font-weight : bold; 
  color : blue; 
  background-color : #ffddaa; 
}
table.chrome td.view { 
  font-weight : bold; 
  color : blue; 
  background-color : #ccccff; 
}
table.chrome td.edit { 
  font-weight : bold; 
  color : blue; 
  background-color : #ffcc99; 
}
table.nav { 
  border-radius : 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;
  width: 125px; 
}
table.chrome td.path { 
  border-radius : 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;
  border-right: 1px solid #aaa; 
  width: 70px 
}

table.pages { 
  border-spacing: 0; 
  margin-bottom: 8px;
}
table.pages td { 
  vertical-align: top;
  padding: 4px 2px 4px 2px;
  border-bottom: 1px solid #aaa; 
  border-radius : 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;
}

table.panel { 
  border-radius : 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;
  border-spacing: 0; 
}
table.panel .last td { border-bottom: none; }
table.panel td { 
  border-radius : 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;
  vertical-align: top;
  padding: 4px 2px 4px 2px;
  border-bottom: 1px solid #aaa;
}
table.panel thead td { background-color: #a8a8a8 }
table.panel .point td { background-color: #fec }

/* panel - depreciated */

div.panel { 
  margin: 0px;
  border: 2px solid #ccc;
  padding: 10px;
  background-color: #eee;
}

form { margin:0 }

/* record */

table.record { 
  border-radius : 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;
  border: 1px solid #aaa;
  border-spacing: 0;
  margin: 2px;
  background-color: #eee;
}
table.record thead td { 
  border-radius : 4px 4px 0px 0px; -moz-border-radius : 4px 4px 0px 0px;  -webkit-border-radius : 4px 4px 0px 0px; 
  background-color: #ddd;
}
table.record thead tr span { 
  font-weight: bold;
}
table.record thead td { 
  border-bottom: 1px solid #aaa
}
table.record tfoot tr { 
  height: 21px;
  background-color: #ddd;
}
table.record tfoot td { 
  border-top: 1px solid #aaa
}
table.record td.name { 
  text-align: right;
  padding-right: 6px;
  border-right: 1px solid #ccc;
}
table.record td.icon { 
  width: 1px;
}
table.record td { 
  vertical-align: top;
  padding: 2px 4px 2px 4px;
}
table.record td .right { 
  float: right;
}
table.record tbody td.odd { 
  background-color: #e8e8e8;
}
table.record td.name { 
  background-color: #e8e8e8;
}

table.record { width: 100%; }
table.record td.name { width: 120px; }

/* table */

table.table { 
  border-radius : 4px; -moz-border-radius : 4px;  -webkit-border-radius : 4px; 
  border: 1px solid #aaa;
  border-spacing: 0;
  margin: 2px;
  background-color: #eee;
  width:100%;
}
table.table thead tr { 
  height: 21px;
  font-weight: bold;
  background-color: #ddd;
}
table.table thead td { 
  border-radius : 4px 4px 0px 0px; -moz-border-radius : 4px 4px 0px 0px;  -webkit-border-radius : 4px 4px 0px 0px; 
  border-bottom: 1px solid #aaa
}
table.table tfoot tr { 
  height: 21px;
  background-color: #ddd;
}
table.table tfoot td { 
  border-top: 1px solid #aaa
}
table.table tbody tr.odd { 
  background-color: #e8e8e8;
}
table.table tbody .odd_p { 
  background-color: #fea;
}
table.table tbody .even_p { 
  background-color: #fea;
}
table.table td.icon { 
  width: 1px;
}
table.table td { 
  vertical-align: middle;
  padding: 3px 4px 3px 4px;
}
table.table td .right { 
  float: right;
}

/* input */

form.input { 
  border-radius : 6px; 
  box-shadow: 4px 4px 2px #bbb; -moz-box-shadow: 4px 4px 2px #bbb; -webkit-box-shadow: 4px 4px 2px #bbb;
  border: 2px solid #ccc;
  margin: 4px 4px 8px;
  padding: 8px 8px 8px 6px;
  background-color: #e4e4e4;
}
form.input table.input { 
  border-spacing: 0;
}
form.input input[type=radio] { margin: 0; }
form.input table.input td.input { 
  padding-left: 8px;
  padding-right: 8px;
  vertical-align: top;
}
form.input p.label { 
  margin-bottom: 4px;
}
form.input table.input td.submit { 
  padding-top: 16px;
  text-align: center;
}
form.input table.input td.submit input { 
  width: auto;
}
form.input table.input td.submit input.default { 
  font-weight: bold;
}

form.input table { width: 100%; }
form.input table td.panel { width: 270px; }
form.input input { width: 240px; }
form.input input[type=checkbox] { width: auto; }
form.input input[type=radio] { width: auto; }
form.input input[type=submit] { width: auto; }
form.input select { width: 240px; }
form.input textarea { width: 240px; }
form.input input[type=checkbox] { margin-left: 0; }

table.entry {
  padding: 0px 0px 6px 4px;
  border-spacing: 0; 
}
table.entry td.title {
  padding-left: 0px;
  padding-top: 20px;
}
table.entry td.first {
  padding-top: 0px;
}
table.entry td.summary { 
  padding-top: 8px;
  padding-bottom: 6px;
  padding-left: 0;
}
table.entry td.label { 
  text-align: right; 
  padding-left: 6px;
  padding-right: 10px;
  border-right: 1px solid #aaa;
}
table.entry td { 
  vertical-align: middle;
  padding-left: 10px; 
}

table.entry td.input { width: 240px }

table.entry td.submit {
  text-align: center;
  padding-top: 12px
}

table.entry input[type~=submit] { width: auto }
table.entry td.label { width: 100px; }

/* shell */

form[name=shell] > table { 
  width: 100%;
  border: 1px solid #aaa;
  margin-bottom: 5px;
}

/* old stuff */

.ahem {
  margin-top: 10px;
  margin-left: 18px;
  text-align: center;
  display: none;
}

div.about { 
  border-radius : 8px; -moz-border-radius : 8px;  -webkit-border-radius : 8px; 
  box-shadow: 4px 4px 2px #bbb; -moz-box-shadow: 4px 4px 2px #bbb; -webkit-box-shadow: 4px 4px 2px #bbb;
  border: 2px solid #ccc;
  margin: 4px 2px 8px;
  padding: 4px 8px 4px 12px;
  width: 544px;
  background-color: #eee;
}

div.foot { 
  font-size: 10px;
  text-align: center; 
  padding: 0; 
  clear: both; 
}