body {
margin:0px;
width:100%;
height:100%;
background:#ffffff;
 }
 
#container {
width:100%;
height:100%;
display:none;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b5bdc8+0,828c95+36,28343b+100;Grey+Black+3D */
//background: rgb(181,189,200); /* Old browsers */

//background: -moz-radial-gradient(center, ellipse cover,  rgba(181,189,200,1) 0%, rgba(130,140,149,1) 36%, rgba(40,52,59,1) 100%); 
//background: -webkit-radial-gradient(center, ellipse cover,  rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%); 
//background: radial-gradient(ellipse at center,  rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%); 
//filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8', endColorstr='#28343b',GradientType=1 ); 


   background:url(
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAI0lEQVQYV2NkgIID13/9d9BkYwRxGUEcmASMBsuAAIpKogUBEMgTlv4WfscAAAAASUVORK5CYII=       
    ) repeat;
   
 }
 
 //button {
 /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f8ffe8+0,e3f5ab+40,b7df2d+100 */
//background: #f8ffe8; /* Old browsers */
//background: -moz-linear-gradient(-45deg,  #f8ffe8 0%, #e3f5ab 40%, #b7df2d 100%); /* FF3.6-15 */
//background: -webkit-linear-gradient(-45deg,  #f8ffe8 0%,#e3f5ab 40%,#b7df2d 100%); /* Chrome10-25,Safari5.1-6 */
//background: linear-gradient(135deg,  #f8ffe8 0%,#e3f5ab 40%,#b7df2d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
//filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8ffe8', endColorstr='#b7df2d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
//height:42px;
//margin:2px;
// }
 
 button {
	-moz-box-shadow:inset 0px -3px 7px 0px #29bbff;
	-webkit-box-shadow:inset 0px -3px 7px 0px #29bbff;
	box-shadow:inset 0px -3px 7px 0px #29bbff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #2dabf9), color-stop(1, #0688fa));
	background:-moz-linear-gradient(top, #2dabf9 5%, #0688fa 100%);
	background:-webkit-linear-gradient(top, #2dabf9 5%, #0688fa 100%);
	background:-o-linear-gradient(top, #2dabf9 5%, #0688fa 100%);
	background:-ms-linear-gradient(top, #2dabf9 5%, #0688fa 100%);
	background:linear-gradient(to bottom, #2dabf9 5%, #0688fa 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2dabf9', endColorstr='#0688fa',GradientType=0);
	background-color:#2dabf9;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #0b0e07;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	padding:4px 8px;
	text-decoration:none;
	text-shadow:0px 1px 0px #263666;
}
button.hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0688fa), color-stop(1, #2dabf9));
	background:-moz-linear-gradient(top, #0688fa 5%, #2dabf9 100%);
	background:-webkit-linear-gradient(top, #0688fa 5%, #2dabf9 100%);
	background:-o-linear-gradient(top, #0688fa 5%, #2dabf9 100%);
	background:-ms-linear-gradient(top, #0688fa 5%, #2dabf9 100%);
	background:linear-gradient(to bottom, #0688fa 5%, #2dabf9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0688fa', endColorstr='#2dabf9',GradientType=0);
	background-color:#0688fa;
}
button.active {
	position:relative;
	top:1px;
}
 
 .suggestbutt {
background:transparent;
height:auto;
border-width:1px;
border-style:solid;
border-color:#0000ff;
color:#0000ff;
 }
 
 
 #operations{
    
    
 }
     
 #bodytable {
 margin:0px;
width:100%;
 
 }
 
 
 #opbut {
    
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f9c667+0,f79621+100;Orange+3D+%234 */
background: #f9c667; /* Old browsers */
background: -moz-linear-gradient(-45deg, #f9c667 0%, #f79621 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #f9c667 0%,#f79621 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #f9c667 0%,#f79621 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9c667', endColorstr='#f79621',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
 
color:#000000;    
 }
 
 #heading {
font-family: Arial, Helvetica, sans-serif;
 background-color:rgba(0,0,0,0.25);
 color:#ffff00;
 //padding:1px;
 	text-shadow:1px 1px 1px #000000;
 }

 .headingcat {
 background-color:rgba(0,0,0,0.25);

 }


 #sitetitle {
font-family:"Courier New", Courier, monospace;
font-family: Arial,Helvetica Neue,Helvetica,sans-serif;  
 }
 
 #content {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffa5+0,fefcea+100 */
background: #ffffa5; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffa5 0%, #fefcea 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffa5 0%,#fefcea 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffa5 0%,#fefcea 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffa5', endColorstr='#fefcea',GradientType=0 ); /* IE6-9 */

background:rgba(0,0,0,0.25);//#eeeeee;
 
 border: 1px solid #444444;
 
 //border-left-width:2px;
 //border-right-width:2px;
 
 margin:0px;
 
 
 
 }
 
 #left {
    
 }
 
 #right {
    
 }

#article {
    
    line-height: 1; font-size: 16px; border: 1px solid #000; margin: 0; padding: 0; 
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAgCAIAAACgkq6HAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuOWwzfk4AAAAfSURBVDhPY3j74T9WNCqBgQZW4j8OMCqBAagm8f8/AFGh65erXDzbAAAAAElFTkSuQmCC);
    border-radius:4px;
    width:580px;
    height:500px;
 }


.txtarea {
        line-height: 1; font-size: 16px; border: 1px solid #000; margin: 0; padding: 0; 
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAgCAIAAACgkq6HAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuOWwzfk4AAAAfSURBVDhPY3j74T9WNCqBgQZW4j8OMCqBAagm8f8/AFGh65erXDzbAAAAAElFTkSuQmCC);
    border-radius:4px;
    width:400px;
}


#box {
     background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAgCAIAAACgkq6HAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuOWwzfk4AAAAfSURBVDhPY3j74T9WNCqBgQZW4j8OMCqBAagm8f8/AFGh65erXDzbAAAAAElFTkSuQmCC);
     width:680px;
    height:500px;

}
 
.articled {
    
    line-height: 1; font-size: 16px; border: 1px solid #000; margin: 0; padding: 0; 
    border-radius:4px;
     width:580px;
    height:500px;
    overflow:scroll;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAgCAIAAACgkq6HAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuOWwzfk4AAAAfSURBVDhPY3j74T9WNCqBgQZW4j8OMCqBAagm8f8/AFGh65erXDzbAAAAAElFTkSuQmCC);

 }
 
 #controlpanel {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,cccccc+100&0.3+0,0.3+100;Gren+3D */
background: -moz-linear-gradient(-45deg,  rgba(238,238,238,0.3) 0%, rgba(204,204,204,0.3) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(238,238,238,0.3) 0%,rgba(204,204,204,0.3) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(238,238,238,0.3) 0%,rgba(204,204,204,0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4deeeeee', endColorstr='#4dcccccc',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

 }
 
 #operations {
    
 }
 
 
 #about {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffff88+0,ffff88+100;Yellow+Flat+%231 */
background: rgb(255,255,220); /* Old browsers */

border-color:#000000;
border-style:solid;
border-width:1px;

 }
 
 
 #helpcontent {
 
 border-color:#000000;
border-style:solid;
border-width:0px;
border-left-width:1px;
padding:12px;
font-family: "Courier New", Courier, monospace;
font-size:85%;
 }
 

.node {
 
 text-decoration:none;color:#ffffff;font-size:15px;   
    
}


#synscrolltable {
   font-family: Arial, Helvetica, sans-serif;
   font-size:90%;
}