/*

    Sergio Álvarez (xergio)
    mail@xergio.net
    http://xergio.net

    Licencia Creative Commons BY-SA
    <http://creativecommons.org/licenses/by-sa/2.0/>

*/

html { font-family: Tahoma; font-size: 9pt; background-color: #ffffff; }

#menu { border-bottom: 1px solid #e4e4e4; padding: 0 0 10px 0; }
#menu ul { float: right; margin: 0; padding: 0; }
#menu ul li { float: left; margin: 0 0 0 20px; }
.link { color: #0000ff; text-decoration: underline; cursor: pointer; }

.ok { color: green; }
.error { color: red; }

div#options { margin: 0 0 20px 0; }
h3.option { padding: 0; margin: 0; background-color: #f4f4f4; border-bottom: 1px solid #e4e4e4; }
h3.option label { display: block; padding: 3px 0; cursor: pointer; }
.phpnethelp { float: right; }
.phpnethelp a { display: block; width: 16px; height: 16px; background-image: url(./php.ico); }
.phpnethelp span { display: none; }
div.optarea { background-color: #fafafa; }
div.optmore { margin: 10px 10px 10px 20px; }
div.optmore p { padding: 0; margin: 0; }

#inputData { clear: both; border-bottom: 1px solid #e4e4e4; }
#inputData div { margin: 0 0 10px 0; }
#inputData h3 { margin: 10px 0; }
#rerp, #str { width: 49%; float: left; }
input#regexp, input#replace, textarea#text { width: 95%; font-family: 'Lucida console'; font-size: 10pt; padding: 5px; }

code { background-color: #f4f4f4; padding: 0 2px; }
pre { margin: 20px 10px; }
blockquote { margin: 10px; padding: 10px; background-color: #f4f4f4; }

#options .edt { width: 20px; }
ul li { list-style-type: none; padding: 0; margin: 0; }
ul { padding: 0; margin: 0; }

#results { clear: both; }

#wrapper { float:left; width:100%; }
#content { margin: 20px 0 0 0; }
#help { position: absolute; width: 400px; top: 40px; right: 0px; font-size: 7pt; background-color: #ffffff; padding: 0 10px 10px 0; }
#help ul li strong { float: left; width: 60px; text-align: right; padding-right: 10px; }


#share { position: absolute; width: 400px; top: 40px; right: 0px; background-color: #ffffff; }
#sharecontainer { margin: 10px; }
#sharecontainer div { margin: 10px 0 0 0; }


#footer { font-size: 7pt; clear: both; text-align: center; padding: 10px 0 5px 0; margin: 40px 0 0 0; border-top: 1px solid #e4e4e4; }



table, td, tr { border: 0; font-size: 9pt; }

.dBug_arrayHeader,
.dBug_objectHeader,
.dBug_resourceHeader,
.dBug_resourceCHeader,
.dBug_xmlHeader { font-weight:bold; }

/* array */
table.dBug_array { background-color: #ffffff; }
table.dBug_array td { background-color:#FFFFFF; padding: 5px 5px; border-bottom: 1px solid #F0F0F0; }
table.dBug_array td span { border-left: 1px solid #eaeaea; border-right: 1px solid #eaeaea; }
table.dBug_array td.dBug_arrayHeader { background-color:#F0F0F0; border-bottom: 1px solid #D5D5D5; }
table.dBug_array td.dBug_arrayKey { background-color:#D5D5D5; padding: 5px 10px; }

/* object */
table.dBug_object { background-color:#0000CC; }
table.dBug_object td { background-color:#FFFFFF; }
table.dBug_object td.dBug_objectHeader { background-color:#4444CC; }
table.dBug_object td.dBug_objectKey { background-color:#CCDDFF; }

/* resource */
table.dBug_resourceC { background-color:#884488; }
table.dBug_resourceC td { background-color:#FFFFFF; }
table.dBug_resourceC td.dBug_resourceCHeader { background-color:#AA66AA; }
table.dBug_resourceC td.dBug_resourceCKey { background-color:#FFDDFF; }

/* resource */
table.dBug_resource { background-color:#884488; }
table.dBug_resource td { background-color:#FFFFFF; }
table.dBug_resource td.dBug_resourceHeader { background-color:#AA66AA; }
table.dBug_resource td.dBug_resourceKey { background-color:#FFDDFF; }

/* xml */
table.dBug_xml { background-color:#888888; }
table.dBug_xml td { background-color:#FFFFFF; }
table.dBug_xml td.dBug_xmlHeader { background-color:#AAAAAA; }
table.dBug_xml td.dBug_xmlKey { background-color:#DDDDDD; }