* {
    padding: 0;
    margin: 0;
    border: none;
    text-decoration: none;
}

body {
    font: normal 14px consolas, monospace, "courier new";
    background-color: #eeeeee;
    color: #aaaaaa;
}

a {
    color: #004488;
    font-weight: bold;
    text-shadow: 1px 1px 4px #aaaaff;
}

a:hover {
    color: #0066bb;
    text-shadow: 1px 1px 4px #6666ff;
}

a.style {
    color: #880044;
    text-shadow: 1px 1px 4px #ffaaaa;
}

a.style.selected {
    border-bottom: 2px solid #aa6688;
}

a.style:hover {
    color: #bb0066;
    text-shadow: 1px 1px 4px #ff6666;
}

h2 {
    padding: 2px;
}

strong {
    font-size: 15px;
}

pre {
    font: normal 14px consolas, monospace, "courier new";
    border-top: 1px solid #aaaaaa;
    border-bottom: 1px solid #aaaaaa;
    background-color: #ffffff;
    color: #000000;
    display: block;
}

pre.text {
    padding: 0.5em;
}

td {
    padding-right: 10px;
}

input, textarea, select, button, .error {
    font-family: consolas, monospace, "courier new";
    padding: 4px;
    border: 1px solid #bbbbbb;
    background-color: #ffffff;
    color: #000000;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 0 0 5px #aaaaaa;
    -webkit-box-shadow: 0 0 5px #aaaaaa;
    box-shadow: 0 0 5px #aaaaaa;
}

input, select, button {
    font-weight: bold;
}

input.author, input.title {
    width: 250px;
}

.author                 { color: #660000; }
input.author:hover      { color: #992222; }
.title                  { color: #006600; }
input.title:hover       { color: #229922; }
.description            { color: #000066; }
input.description:hover { color: #222299; }
.syntax                 { color: #666600; }
.created                { color: #660066; }
.length                 { color: #006666; }

select   { width: 220px; }
textarea { width: 100%;  }

textarea.code        { height: 500px; }
textarea.description { height: 60px;  }

button {
    min-width: 100px;
    border: 1px solid #666666;
    background-color: #aabbcc;
    color: #000000;
    font-weight: bold;
    padding: 2px 5px 2px 5px;
    font-size: 14px;
    text-shadow: 1px 1px 4px #444444;
}

button:hover {
    background-color: #99aabb;
    border: 1px solid #444444;
}

#content {
}


#content .error {
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    color: #aa4444;
}

#content .error .eMessage {
    color: #662222;
}

#content .copy {
    float: right;
    padding: 0 15px 20px 0;
    font-size: 13px;
}

#content .create {
    width: 92%;
    margin: 20px auto;
    padding: 4px;
}

#content .create .logo {
    text-align: center;
    color: #4488ee;
    text-shadow: 1px 1px 1px #000000;
    padding-bottom: 20px;
}

#content .view {
}

#content .view .header {
    color: #888888;
    padding: 15px 4px 20px 4px;
}

.require { color: #882222;    }
.right   { text-align: right; }

.shadow-red  { text-shadow: 1px 1px 4px #aa6666; }
.shadow-gray { text-shadow: 1px 1px 4px #aaaaaa; }