body { 
	margin:0; padding:0; 
	color:black; background:white; 
	line-height:1.5em;
	font-size:100%;
	font-family:Verdana,Arial,Sans-Serif;
}

.red { color:red; font-weight:bold; }
.green { color:green; font-weight:bold; }
.yellow { color:#FFCC00; font-weight:bold; }
.blue { color:darkblue; font-weight:bold; }

#contents p { width:96%; padding:10px 2%; font-size:90%;}
p.none {margin:0; padding:0; background-color:#f3f3f3; text-align:center;}
p.credits { 
	text-align:center; 
	font-size:80%; 
	color:#666; 
}

/* beatify */
tt { font-family:monospace; color:darkred; }
a:link, a:visited { color: blue; }
a:hover { color:orange; text-decoration:none; }
a:active { color: green; }

#editmenu {
	font-size:80%;
	padding:1px; margin:0;
	background-color:#eee;
	border-bottom:solid 1px #999;
}

#editsubmenu {
	font-size:80%;
	padding:1px 0 1px 1px; margin:0;
	background-color:#fea;
	border-bottom:solid 1px #999;
}

#brief {
	margin:0; padding:10px 0 10px 2px;
	font-size:80%;
	background-color:white;
}

#cmd {
	float:right;
	display:block;
	padding:0 20px 0 0;
}

.tosave {
	font-size:130%; padding:1px;
	background-color:#5b8dd2; width:100px;
	color:white; border:solid 1px #5b8dd2;
}

.tosave:hover {
	background-color:lightyellow;
	color:black;
}

.saved {
	font-size:130%; padding:1px;
	background-color:white; width:100px;
	color:#999; border:solid 1px #ccc;
}

.saved:hover {
	background-color:white;
	color:#999;
}

#formatting {
	margin:0; padding:1px;
	/*border-top:solid 2px #67a7e4;*/
	background-color:#eee;
	font-size:80%;
	text-align:center;
}

#findreplace {
	display:none;
	font-size:80%;
	padding:1px; margin:0;
	background-color:#66CCFF;
	border-bottom:solid 1px #999;
	text-align:center;
}

#findreplace input {
	font-size:90%;
}

#chooselink {
	font-size:80%;
	padding:1px; margin:0;
	background-color:#CCCCCC;
	border-bottom:solid 1px #999;
}

#chooselink input, #chooselink select {
	font-size:90%;
}

#chooselink #medialist {
	background-color:white;
	max-height:100px; overflow:auto;
	/*max-width:800px;*/
}

#chooselink #medialist span {
	display:block;
	padding:3px 0;
	border-top:solid 1px #eee;
}

#chooselink #medialist span:hover {
	background-color:#FFFFCC;
}



#theform {
	padding:0; margin:0;
	padding-top:15px;
}

#saved, #logs {
	display:block;
	position:absolute; top:0; right:3px;
	background-color:#eee;
	padding:1px;
	font-size:95%;
}

#logs {
	z-index:3000;
}

#simbols {
	margin-top:10px;
	border-top:solid 2px #67a7e4;
	padding:5px 10%; background-color:#d6e9f8;
	font-size:110%;
	position:absolute; bottom:0; left:0;
}
#simbols a:link, #simbols a:visited { text-decoration:none; }
#simbols input { 
	font-size:90%; font-weight:normal;
}

#zoom {
	/*display:none;*/
	/*width:40px; height:40px;*/
	position:absolute; top:50px; right:20px;
	background-color:#fea; border:solid 1px orange;
	color:black; font-weight:bold;
	font-size:60px; padding:30px;
	max-width:80px; max-height:80px;
	z-index:10000;
}

/* TABLE */ 
#contents table {
        border-collapse: collapse;
        border-spacing: 0px;
        empty-cells: show;
	  	width:96%;
        margin:2%;
}

#contents table caption {
        color:darkred; font-weight:bold;
        font-size:95%; text-align:right;}

#contents th {
        padding: 0.2em;
        font-size: 90%;
        text-align: left;
        font-weight: bold;
        border: 1px solid #ccc;
        background-color: #eee;
}

#contents tr:hover { background-color:#FFFFCC; }

#contents td {
        padding: 0.2em;
        border: 1px solid #ccc;
	  	font-size:90%;
}

th.center, td.center { text-align:center; }
th.right, td.right { text-align:right; }
th.left, td.left { text-align:left; }


/* Forms */
form { display:inline; }
input,select{ font-size:1.3em; margin-bottom:2px;} 
textarea { 
	font-family:monospace,"Andale Mono","Courier New";
	font-size:105%; padding:10px 0 10px 10px; margin:0;
	max-width:1200px; min-width:400px;
	max-height:1200px; min-height:200px;
	width:800px; height:800px;
	border:solid 1px #aaa;
	border-right:solid 2px #333;
	border-bottom:solid 2px #333;
	line-height:1.2em;
}

/*input:hover { background-color:#FFFFCC; }*/

input#vim {
	width:96%; min-width:600px; font-family:monospace;
	font-size:92%; padding:2px; margin:0 2%;
	}

/* Contextual menu */

#rmenu {
	padding:3px;
	background-color:#eee;
	border-top: solid 1px #999;
	border-left: solid 1px #999;
	border-right: solid 2px #333;
	border-bottom: solid 2px #333;
}


#rmenu div.button {
	padding:2px 15px 2px 15px;
	color:#000;
}

#rmenu div.button:hover {
	background-color:#0066CC;
	color:white;
}

#rmenu hr {
	padding:0;
}