section.bbebooks_metapad_top
{
width: 99%;
padding: 5px;
margin: 20px auto 0 auto;

background: #ffffff; /* Non-CSS 3 and IE<=9 */
}

section.metasection
{
background-color: #fff;
padding: 5px;
margin: 20px 0px 20px 0px;
width: 590px;
float: left;
text-align: left;
border-width: 0;
}

section.metasection h2
{
text-align: center;
}

section.metasection textarea#metata
{
width: 570px;
height: 600px;
border: 3px solid #cccccc;
padding: 5px;
font-family: Courier, sans-serif;
font-size: 12px;
}

section.metasection textarea:focus
{
border: 3px solid #B3B3B4;
box-shadow: 0px 0px 10px #cccccc;
-moz-box-shadow: 0px 0px 10px #cccccc;
-webkit-box-shadow: 0px 0px 10px #cccccc;
}

/*HTML Syntax highlights*/
section.metasection .htmltag {color: #0A178D;}
section.metasection .htmlattr {color: #C41223;}
section.metasection .htmlvalue {color: #520B6A;}
section.metasection .htmlcomment {color: #21870D;}

section.metasection div#XMLhighlightarea_output
{
margin: 1.0em 0 0 0;
max-height: 600px;
font-family: Courier, sans-serif;
font-size: 12px;
overflow-y: scroll;
border: 2px solid #cccccc;
}

section.metasection div#XMLhighlightarea_output div.htmlcomment
{
display: inline;
}

section.metasection div#XMLhighlightarea_output pre
{
white-space: pre;
}



section.buttonsection
{
width: 99%; 
padding: 5px;
margin: 20px 0 0 0;
background-color: #FFFFFF;
text-align: center;
border-bottom: 1px solid black;
}

section.buttonsection div
{
width: 220px;
float: left;
height: 375px;
}

section.buttonsection article
{
border: 1px dotted gray;
margin: 0.5em 0.25em 0 0.25em;
padding: 2px;
}

section.buttonsection h2
{
font-family: "Helvetica", monospace;
font-size: 12px;
font-variant: small-caps;
text-align: center;
}

section.buttonsection h3
{
font-family: "Helvetica", monospace;
font-size: 11px;
font-weight: bold;
text-align: left;
margin: 0;
}

section.buttonsection p
{
font-family: "Helvetica", monospace;
font-size: 11px;
text-align: left;
margin: 0.2em 0 0 0;
}




section.buttonsection input
{
font-family: "Helvetica", monospace;
font-size: 11px;
height: 15px;
width: 180px;
}

section.buttonsection textarea
{
width: 200px;
height: 50px;
font-family: "Helvetica", monospace;
font-size: 11px;
overflow-y: auto;
white-space: normal;
}



section.buttonsection select
{
font-family: "Helvetica", monospace;
font-size: 11px;
height: 18px;
width: 200px;
}

section.buttonsection input:focus
{
border: 2px solid #B3B3B4;
box-shadow: 0px 0px 4px #cccccc;
-moz-box-shadow: 0px 0px 4px #cccccc;
-webkit-box-shadow: 0px 0px 4px #cccccc;
}

section.buttonsection .b {font-weight: bold;}
section.buttonsection .u {text-decoration: underline;}
section.buttonsection .i {font-style: italic;}









/*Buttons*/
section.metasection button, section.buttonsection button, section.settingssection button
{
display: inline;

margin: 0;
padding: 2px;
width: 200px;
color: black;
border: 0;
font-family: Helvetica, monospace;
background: #8CC8FC; /* Non-CSS 3 and IE<=9 */
background-image: linear-gradient(bottom, rgb(74,164,242) 0%, rgb(199,224,245) 100%);
background-image: -o-linear-gradient(bottom, rgb(74,164,242) 0%, rgb(199,224,245) 100%);
background-image: -moz-linear-gradient(bottom, rgb(74,164,242) 0%, rgb(199,224,245) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(74,164,242) 0%, rgb(199,224,245) 100%);
background-image: -ms-linear-gradient(bottom, rgb(74,164,242) 0%, rgb(199,224,245) 100%);
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;

box-shadow: inset 0px 0px 2px #fff;
-moz-box-shadow: inset 0px 0px 2px #fff;
-webkit-box-shadow: inset 0px 0px 2px #fff;
text-transform: none;
text-decoration: none;
font-weight: normal;
font-size: 10px;
cursor: pointer;
}

section.metasection button, section.settingssection button
{
font-size: 13px;
font-weight: bold;
margin: 0 20px 0 0;
}

section.metasection button:hover, section.metasection button:focus, section.buttonsection button:hover, section.buttonsection button:focus, section.settingssection button:hover, section.settingssection button:focus
{
color: white;
background: #0B91F7; /* Non-CSS 3 and IE<=9 */
background-image: linear-gradient(bottom, rgb(6,119,205) 0%, rgb(175,220,254) 100%);
background-image: -o-linear-gradient(bottom, rgb(6,119,205) 0%, rgb(175,220,254) 100%);
background-image: -moz-linear-gradient(bottom, rgb(6,119,205) 0%, rgb(175,220,254) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(6,119,205) 0%, rgb(175,220,254) 100%);
background-image: -ms-linear-gradient(bottom, rgb(6,119,205) 0%, rgb(175,220,254) 100%);
}

section.metasection button:active, section.buttonsection button:active, section.settingssection button:active
{
color: #868788;
}