/* Default Button Styles */
a.button,
button,
input[type='button'],
input[type='reset'],
input[type='submit'] {
  background:url('../images/outset.png') repeat-x 0 -20px;
  border:1px solid;
  border-radius:5px;
  	-khtml-border-radius:5px;
  	-moz-border-radius:5px;
  	-webkit-border-radius:5px;
  box-shadow:0 1px 2px #000;
    -khtml-box-shadow:0 1px 2px #000;
    -moz-box-shadow:0 1px 2px #000;
    -webkit-box-shadow:0 1px 2px #000;
  font-size:12px;
  height:20px;
  padding:0 10px;
}
a.button {
  display:inline-block;
}
/* Default Button Colors */
a.button,
button,
input[type='button'],
input[type='reset'] {
  background-color:#ccc;
  border-color:#666;
  text-shadow:#fff 0 1px 1px;
}
/* Submit Button Colors */
button[type='submit'],
input[type='submit'] {
  background-color:#333;
  border-color:#000;
  color:#fff;
  text-shadow:#000 0 -1px 1px;
}
/* Active Button Colors */
a.button:active,
button:active,
input[type='button']:active,
input[type='reset']:active,
input[type='submit']:active {
  background-color:#f93;
  border-color:#c60;
}
a.jqface-collapse {
  display:block;
}
div.jqface-collapse {
  display:none;
}
/* jqface.core.css - Markup Reset and Default Styles */

/* TODO: Define focus styles! */
*:focus {
	outline:0;
}

a, abbr, acronym, address, applet, b, big, blockquote, body, caption, center, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, html, i, iframe, img, input[type='readonly'], ins, kbd, label, legend, li, object, ol, p, pre, q, s, samp, small, span, strike, strong, sub, sup, table, tbody, tfoot, th, td, thead, tr, tt, u, ul, var {
	background:transparent;
	border:0;
	margin:0;
	outline:0;
	padding:0;
	vertical-align:baseline;
}

blockquote, q {
  margin:10px auto;
  padding:0 20px;
	quotes:none;
  width:50%;
}

blockquote:after, blockquote:before, q:after, q:before {
	content:'';
	content:none;
}

body {
  font:12px 'Lucida Grande', Arial, sans-serif;
	line-height:1;
  min-width:360px;
}

del {
	text-decoration:line-through;
}

fieldset {
  display:block;
  margin:5px;
}

hr {
  border-bottom:1px solid #ccc;
  border-left:none;
  border-right:none;
  border-top:1px solid #666;
  height:0;
  margin:5px 0;
  opacity:0.5;
}

input {
  display:inline-block;
}
  input[type='password'],
  input[type='search'],
  input[type='text'] {
    font-size:12px;
    height:16px; /* 20px tall, including 2px default border */
  }

/* TODO: Highlight inserts somehow! */
ins {
	text-decoration:none;
}

label {
  display:inline-block;
  font-weight:bold;
  height:15px;
}

legend {
  display:block;
  font-weight:bold;
  height:15px;
}

li {
  list-style-position:inside;
  margin-left:20px;
}

ol, ul {
	list-style: none;
}

ol, p, ul {
  line-height:1.5;
}

pre {
  font-family:'Menlo',Courier,monospace;
	font-size: 12px;
	line-height:20px;
	overflow:auto;
	overflow-Y:hidden;  /*--IE no vertical scroll--*/
	max-width:480px;
}
  pre code {
    background:#000;
    border:2px solid #999;
    border-bottom-color:#ccc;
    border-top-color:#666;
    color:#0f0;
  	display: block;
  	padding:5px;
  }

span {
  display:inline-block;
}
  span.jqface-icon {
    background-image:url('../images/icon.png');
    background-repeat:repeat-x;
    height:15px;
    width:15px;
  }
    span.jqface-icon-post-short {
      background-position:0 -30px;
    }
    span.jqface-icon-post-long {
      background-position:0 -45px;
    }

/* table markup requires cellspacing="0" */
table {
	border-collapse:collapse;
	border-spacing:0;
}

textarea {
  max-width:480px;
  min-height:60px;
  min-width:240px;
}
div.overlay-background {
  background-image:url('../images/transparent.dark.png');
  height:100%;
  left:0;
  position:absolute;
  top:0;
  width:100%;
}
div.overlay-frame {
  background-image:url('../images/transparent.light.png');
  border:1px solid #fff;
  border-radius:10px;
  border-radius:10px;
  	-khtml-border-radius:10px;
  	-moz-border-radius-:10px;
  	-webkit-border-radius:10px;
  margin:100px auto;
  padding:10px 0;
  width:480px;
}
div.overlay-title {
  color:#000;
  font-size:13px;
  font-weight:bold;
  margin-bottom:10px;
  text-align:center;
}
  
table.overlay-matte {
  width:100%;
}

td.overlay-content {
  color:#000;
  font-size:12px;
  padding:10px;
}
td.overlay-sidebar {
  color:#666;
  font-size:11px;
  padding:10px;
  width:200px;
}
a.jqface-slide-knob {
  background:#c60 url('../images/outset.png') repeat-x 0 -6px;
  border:1px solid #930;
  border-radius:7px;
    -khtml-border-radius:7px;
  	-moz-border-radius:7px;
  	-webkit-border-radius:7px;
  box-shadow:0 1px 2px #930;
    -khtml-box-shadow:0 1px 2px #930;
    -moz-box-shadow:0 1px 2px #930;
    -webkit-box-shadow:0 1px 2px #930;
  display:block;
  font-size:1px;
  height:13px;
  position:absolute;
  top:-5px;
  text-decoration:none;
  width:13px;
}
a.jqface-slide-knob:active {
  background-color:#f93;
  border-color:#c60;
}
span.jqface-slide-track {
  background:#ccc url('../images/inset.png') repeat-x 0 0;
  border:1px solid #999;
  border-radius:5px;
    -khtml-border-radius:5px;
  	-moz-border-radius:5px;
  	-webkit-border-radius:5px;
  height:5px;
  position:relative;
  vertical-align:middle;
}
div.jqface-truncate-continued {
  border-top:1px solid #ccc;
  color:#666;
  clear:both;
  font-size:10px;
  font-style:italic;
  font-weight:normal;
  margin:10px auto;
  max-width:480px;
  padding-top:10px;
  text-align:center;
}