body {
  	font-family:Rambla,'Lucida Grande',sans-serif;
  	line-height:1.125em;
  	background-color:#000;
  	color:#fff;
  	margin:0;
  	padding:0;
}
.errorm, .successm {
font-weight:bold;
font-size:12px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
padding:2px;
position:relative;
display:none;
}

.errorm p, .successm p {
display:block;
margin:0;
padding:8px 20px 7px 5px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
}

.errorm {
background-color:#d29191;
background-image:-webkit-gradient(linear, left top, left bottom, from(#d29191), to(#bb5e5e));
background-image:-webkit-linear-gradient(top, #d29191, #bb5e5e);
background-image:-moz-linear-gradient(top, #d29191, #bb5e5e);
background-image:-ms-linear-gradient(top, #d29191, #bb5e5e);
background-image:-o-linear-gradient(top, #d29191, #bb5e5e);
background-image:linear-gradient(top, #d29191, #bb5e5e);
filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#d29191', EndColorStr='#bb5e5e');
-webkit-box-shadow:0px 0px 6px rgba(244,187,187,0.7);
-moz-box-shadow:0px 0px 6px rgba(244,187,187,0.7);
box-shadow:0px 0px 6px rgba(244,187,187,0.7);
}

.errorm p {
display:block;
margin:0;
background-color:#f4baba;
background-image:-webkit-gradient(linear, left top, left bottom, from(#f4baba), to(#db7f7f));
background-image:-webkit-linear-gradient(top, #f4baba, #db7f7f);
background-image:-moz-linear-gradient(top, #f4baba, #db7f7f);
background-image:-ms-linear-gradient(top, #f4baba, #db7f7f);
background-image:-o-linear-gradient(top, #f4baba, #db7f7f);
background-image:linear-gradient(top, #f4baba, #db7f7f);
filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#f4baba', EndColorStr='#db7f7f');
-webkit-box-shadow:inset 0px 1px 0px #f7d0d0;
-moz-box-shadow:inset 0px 1px 0px #f7d0d0;
box-shadow:inset 0px 1px 0px #f7d0d0;
color:#745050;
text-shadow:1px 1px 0px #eaadad;
}

.errorm p:after {
content:'\2718';
position:absolute;
top:10pxpx;
right:5px;
font-size:16px;
}

.successm {
background-color:#c6cdaa;
background-image:-webkit-gradient(linear, left top, left bottom, from(#c6cdaa), to(#a8ae8e));
background-image:-webkit-linear-gradient(top, #c6cdaa, #a8ae8e);
background-image:-moz-linear-gradient(top, #c6cdaa, #a8ae8e);
background-image:-ms-linear-gradient(top, #c6cdaa, #a8ae8e);
background-image:-o-linear-gradient(top, #c6cdaa, #a8ae8e);
background-image:linear-gradient(top, #c6cdaa, #a8ae8e);
filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#c6cdaa', EndColorStr='#a8ae8e');
-webkit-box-shadow:0px 0px 6px rgba(223,230,198,0.7);
-moz-box-shadow:0px 0px 6px rgba(223,230,198,0.7);
box-shadow:0px 0px 6px rgba(223,230,198,0.7);
}

.successm p {
background-color:#e2e8c9;
background-image:-webkit-gradient(linear, left top, left bottom, from(#e2e8c9), to(#c1c8a7));
background-image:-webkit-linear-gradient(top, #e2e8c9, #c1c8a7);
background-image:-moz-linear-gradient(top, #e2e8c9, #c1c8a7);
background-image:-ms-linear-gradient(top, #e2e8c9, #c1c8a7);
background-image:-o-linear-gradient(top, #e2e8c9, #c1c8a7);
background-image:linear-gradient(top, #e2e8c9, #c1c8a7);
filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#e2e8c9', EndColorStr='#c1c8a7');
-webkit-box-shadow:inset 0px 1px 0px #ebf0da;
-moz-box-shadow:inset 0px 1px 0px #ebf0da;
box-shadow:inset 0px 1px 0px #ebf0da;
color:#676b5b;
text-shadow:1px 1px 0px #d6dcc3;
}

.successm p:after {
content:'\2714';
position:absolute;
top:10pxpx;
right:5px;
font-size:16px;
}
h1 {
  	text-shadow:0 -1px 0 #000;
  	font-size: 2em;
  	float:left;
}
#header {
  	padding:0;
  	margin:0;
  	background-color:#333;
  	border-bottom:5px solid #fefefe;
  	padding-left:10%;
  	padding-right:10%; 
  	height:100px; 	
}
#header img {
  	float:right;
  	margin: 0 0 15px 15px;
}
#container {	  
  	padding-left:10%;
  	padding-right:10%;
}      
.button {
  display: inline-block;
  *display: inline;
  zoom: 1;
  padding: 6px 20px;
  margin: 0;
  cursor: pointer;
  border: 1px solid #bbb;
  overflow: visible;
  font: bold 13px arial, helvetica, sans-serif;
  text-decoration: none;
  white-space: nowrap;
  color: #555;
  background-color: #ddd;
  background-image: linear-gradient(top, rgba(255,255,255,1),
                                         rgba(255,255,255,0)),
                    url(data:image/png;base64,iVBORw0KGg[...]QmCC); 
  transition: background-color .2s ease-out;
  background-clip: padding-box; /* Fix bleeding */
  border-radius: 3px;
  box-shadow: 0 1px 0 rgba(0, 0, 0, .3),
              0 2px 2px -1px rgba(0, 0, 0, .5),
              0 1px 0 rgba(255, 255, 255, .3) inset;
  text-shadow: 0 1px 0 rgba(255,255,255, .9);  
}
.button:hover{
  background-color: #eee;
  color: #555;
}

.button:active{
  background: #e9e9e9;
  position: relative;
  top: 1px;
  text-shadow: none;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .3) inset;
}
.button.color{
  color: #fff;
  text-shadow: 0 1px 0 rgba(0,0,0,.2);
  background-image: linear-gradient(top, rgba(255,255,255,.3), 
  					 rgba(255,255,255,0)),
                    url(data:image/png;base64,iVBORw0KGg[...]QmCC);
}

/* */

.button.green{
  background-color: #57a957;
  border-color: #57a957;
}

.button.green:hover{
  background-color: #62c462;
}

.button.green:active{
  background: #57a957;
}

/* */

.button.red{
  background-color: #c43c35;
  border-color: #c43c35;
}

.button.red:hover{
  background-color: #ee5f5b;
}

.button.red:active{
  background: #c43c35;
}

/* */

.button.blue{
  background-color: #269CE9;
  border-color: #269CE9;
}

.button.blue:hover{
  background-color: #70B9E8;
}

.button.blue:active{
  background: #269CE9;
}
#navigation {
	margin:0;
	padding:0;
	list-style:none;
	display:block;
	clear:left;
}
#navigation li {
	float:left;
	margin-right:2px;
}
#previews {
	width:100%;
	height:600px;
	overflow:auto;
	border:1px solid #ccc;		
}
#firefox, #chrome, #safari, #opera, #unknown, #msie {
	float:left;
	border:1px solid #ccc;
	width:440px;
	height:280px;
	overflow:auto;	
}
div.console1 { word-wrap: break-word; }
  div.console1 { font-size: 14px }
  div.console1 div.jquery-console-inner
   { width:100%; height:800px; background:#000; padding:0.5em;
     overflow:auto }
  div.console1 div.jquery-console-prompt-box
   { color:#fff; font-family:monospace; }
  div.console1 div.jquery-console-focus span.jquery-console-cursor
   { background:#fefefe; color:#333; font-weight:bold }
  div.console1 div.jquery-console-message-error
   { color:#ef0505; font-family:sans-serif; font-weight:bold;
     padding:0.1em; }
  div.console1 div.jquery-console-message-value
   { color:#1ad027; font-family:monospace;
     padding:0.1em; }
  div.console1 div.jquery-console-message-type
   { color:#52666f; font-family:monospace;
     padding:0.1em; }
  div.console1 span.jquery-console-prompt-label { font-weight:bold }