body{
  background-color:#222;
  color:#fff;
  padding:10px;
  font-family: Lucida Sans, Lucida Grande, Lucida Sans Unicode, sans-serif;
}
#main{
  margin-right:240px;
}

#main form{
/*
  padding:5px;
  border:solid 2px #ccc;
  background-color: #eee;
  color:#111;
  text-align:center;
*/
}
form input[type=submit]{
  font-size:larger;
  font-weight:bold;
  margin:15px 0;
  padding:5px;
}
#infobar{
  color:#AAAAAA;
  cursor:pointer;
  font-size:x-small;
  font-weight:bold;
  text-align:center;
  margin-bottom:3px;
}
#forminfo{
  display:none;
  text-align:left;
}
#aside{
  width:200px;
  position:fixed;
  background-color:#333;
  top:10px;
  right:10px;
  padding:5px;
  border:2px solid #666666;
}
#aside a{
  color:#fff;
}
#download{
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  background-color:#888888;
  background-image:url(Save.png);
  background-position:5px 5px;
  background-repeat:no-repeat;
  border:2px solid #666666;
  color:#FFFFFF;
  display:block;
  font-size:x-large;
  font-weight:bold;
  margin-bottom:5px;
  min-height:32px;
  padding:5px 5px 5px 40px;
  text-decoration:none;
}
#discuss{
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  background-color:#888888;
  background-image:url(Comment.png);
  background-position:5px 5px;
  background-repeat:no-repeat;
  border:2px solid #666666;
  color:#FFFFFF;
  display:block;
  font-size:x-large;
  font-weight:bold;
  margin-bottom:5px;
  min-height:32px;
  padding:5px 5px 5px 40px;
  text-decoration:none;
}
#cvlink{
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  background-color:#fff;
  border:2px solid #ddd;
  display:block;
  margin-bottom:5px;
  text-align:center;
}


/* root element for tabs  */
ul.css-tabs {
	margin:0 !important;
	padding:0;
	height:30px;
	border-bottom:1px solid #222;
}

/* single tab */
ul.css-tabs li {
	float:left;
	padding:0;
	margin:0;
	list-style-type:none;
}

/* link inside the tab. uses a background image */
ul.css-tabs a {
	float:left;
	font-size:13px;
	display:block;
	padding:5px 30px;
	text-decoration:none;
	border:1px none #666;
	border-bottom:0px;
	height:18px;
	background-color:#efefef;
	color:#777;
	margin-right:2px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright:10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	position:relative;
	top:1px;
}

ul.css-tabs a:hover {
	background-color:#F7F7F7;
	color:#333;
}

/* selected tab */
ul.css-tabs a.current {
	background-color:#ddd;
	border-bottom:2px solid #ddd;
	color:#000;
	cursor:default;
}


/* tab pane */
div.css-panes div {
	display:none;
	border:1px none #666;
	border-width:0 1px 1px 1px;
	min-height:100px;
	padding:15px 20px;
	background-color:#ddd;
  color:#222;
 	-moz-border-radius-bottomleft: 10px;
 	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-topright:10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-top-right-radius: 10px;
  margin-bottom: 10px;
}

/* root element for tabs  */
ul.result-tabs {
	margin:0 !important;
	padding:0;
	height:30px;
	border-bottom:1px solid #222;
}

/* single tab */
ul.result-tabs li {
	float:left;
	padding:0;
	margin:0;
	list-style-type:none;
}

/* link inside the tab. uses a background image */
ul.result-tabs a {
	float:left;
	font-size:13px;
	display:block;
	padding:5px 30px;
	text-decoration:none;
	border:1px none #666;
	border-bottom:0px;
	height:18px;
	background-color:#EFEFD2;
	color:#777;
	margin-right:2px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright:10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	position:relative;
	top:1px;
}

ul.result-tabs a:hover {
	background-color:#FFFFF7;
	color:#333;
}

/* selected tab */
ul.result-tabs a.current {
	background-color:#FFD;
	border-bottom:2px solid #FFD;
	color:#000;
	cursor:default;
}


/* tab pane */
div.result-panes div.pane {
	display:none;
	border:1px solid #FFD;
	border-width:0 1px 1px 1px;
	min-height:100px;
	padding:15px 20px;
	background-color:#FFD;
  color:#222;
 	-moz-border-radius-bottomleft: 10px;
 	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-topright:10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-top-right-radius: 10px;

}


fieldset{
margin-top:10px;
border:groove 2px threedhilite;
}
legend{
font-weight:bold;
}
label{
color:#000;
margin: 0 5px;
}
.urlinput{
  display:block;
  width:90%;
  padding:0.3em;
  font-size:larger;
}

#incexc span{
  display:block;
  width:200px;
  float:left;
}

#output{
  margin:10px 0;
}
#code{
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  display:none;
  padding:5px;
  border:solid 2px #ccc;
  background-color: #eee;
  color:#111;
}
#code pre{
  padding:5px;
  border:solid 2px #ccc;
  background-color: #f0f0f0;
  color:#111;
  font-family: Consolas, Lucida Console, Monaco, monospace;
  font-size: small;
  overflow:scroll;
  max-height:600px;
}
#toggleview{
  cursor:pointer;
  display:block;
  font-size:large;
  font-weight:bold;
  margin-bottom:5px;
  text-align:center;
}

.error{
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  background-color:#FFDDDD;
  background-image:url(Warning.png);
  background-position:5px 5px;
  background-repeat:no-repeat;
  border:2px solid #FF8888;
  min-height:40px;
  padding:5px 5px 5px 40px;
  color:#311;
}
.info{
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  background-image:url(Info.png);
  background-position:5px 5px;
  background-repeat:no-repeat;
  background-color:#ddddff;
  border:2px solid #8888ff;
  min-height:40px;
  padding:5px 5px 5px 40px;
  color:#113;
}
pre{
  font-family: Consolas, Lucida Console, Monaco, monospace;
  font-size: smaller;
  line-height:1.5em;
  overflow-x:auto;
  background-color:#FFFFF7;
  padding:5px;
  border: solid 1px #EFEFD2;
  color:#333;
}
.resource a{
  color:#666;
}
#donate{
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  background-color:#444;
  padding:5px;
}
#donate dl{
  font-family:serif;
  margin:0;
  padding:5px;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  background-color:#555;
}
#donate dl dt{
  font-weight:bold;
}
#donate dl dt span{
  font-size:smaller;
  font-weight:normal;
  display:block;
}
#donate dl dd{
  font-style:italic;
  font-size:small;
  margin-left:1em;
}
#donate form{
  text-align:center;
}

/* tooltip */
div.tooltip {
    background-color:#fff;
    outline:1px solid #fff;
    border:2px solid #333;
    padding:10px 15px;
    width:90%;
    display:none;
    color:#000;
    text-align:left;

    /* outline radius for mozilla/firefox only */
    outline-radius:4px;
    -moz-outline-radius:4px;
    -webkit-outline-radius:4px;
}

.reactions ol{
  list-style-type:none;
  padding:0;
}


.reaction {
  border-bottom:1px dotted #DBDBBE;
  clear:both;
  margin:1em 0;
  overflow:auto;
  padding:0.5em;
}

.reaction ol .reaction{
  border-bottom:1px solid #DBDBBE;
  border-left:3px solid #DBDBBE;
  margin-left:1em;
}

.reaction div {
  margin-left:130px;
  margin-bottom:0.5em;
}
.reaction .permalink{
  display:block;
  text-align:right;
}

.reaction h3 {
margin:0 0 0.5em 0;
font-size:1.1em;
}

.vcard {
  border:1px solid #CCCCCC;
  float:left;
  padding:10px;
  background-color:#fefefe;
  width:100px;
  margin:1px !important;
  overflow:auto;
}
.photo {
  height:45px;
  width:45px;
  display:block;
  border:none;
}