.unverified {
 border: 1px solid red;
 padding: 0px 10px 0px 55px;
 margin-bottom: 20px;
 background: #fcc url('warning.png') no-repeat 10px center;
}

.unverified p, .core p {
 margin: 10px 0px;
}

.core {
 border: 1px solid blue;
 padding: 0px 10px 0px 55px;
 background: #ccf url('info.png') no-repeat 10px center;
 margin-bottom: 20px;
}

.notext {
 font-style: italic;
}

.index_left {
 margin-right: 370px;
}

.index_right {
 float: right;
 width: 350px;
}

.index_right h2 {
 margin: 0px;
}

.popular {
 border-collapse: collapse;
 margin: 10px auto;
}

.popular th {
 font-size: x-large;
 padding: 10px;
}

.popular td div {
 margin-bottom: 10px;
}

.popular td {
 padding: 10px;
}

.popular td p {
 margin: 0px;
}

.popular tr.odd * {
 background-color: #ccc;
}

.popular tr * {
 font-size: small;
 font-size: large;
 text-align: center;
}

.sidelined {
 margin-right: 280px;
}

.sidebar {
 float: right;
 width: 260px;
}

.sidebar .screenshot {
 margin: 5px 0px;
}

.sidebar table {
 width: 100%;
}

.sidebar table th {
 font-size: small;
 text-transform: uppercase;
 font-weight: normal;
 text-align: right;
 padding-right: 5px;
 width: 30%;
}

.sidebar table td a {
 color: black;
}

.sidebar table td img {
 margin-right: 2px;
 vertical-align: middle;
}

.sidebar table td.rating {
 font-size: small;
}

.sidebar_box h3 {
 background-color: #cF5F00;
 text-align: center;
 color: white;
 font-size: small;
 margin: 10px 0px 0px 0px;
}

.sidelined h3 {
 border-bottom: 1px solid #cf5f00;
 border-left: 1px solid #cf5f00;
 border-right: 1px solid #ff9f00;
 border-top: 1px solid #ff9f00;

 background-color: #ffedda;
 font-variant: small-caps;
 padding: 3px 5px;
 font-size: small;
 color: #cf5f00;
}

.sidelined .inner {
 margin: 0px 10px;
}

.sidebar_box .sidebar_inner {
 background-color: #ffedda;
 border-bottom: 1px solid #cf5f00;
 padding: 2px;
}

.sidebar_box .sidebar_inner.p p {
 margin: 0px;
 padding: 5px 10px; 
 font-size: small;
}

.sidebar .sidebar_box:first-child h3 {
 margin-top: 0px;
}

.install {
 display: block;
 margin: 0px 0px 5px 0px;
}

.install a, .install span {
 color: black;
 font-size: x-small;
 text-decoration: none;
}

.install a:hover {
 text-decoration: underline;
}

.dialog_close {
 position: absolute;
 top: 175px;
 font-size: 14px;
 padding: 4px 10px;
 right: 240px;
 z-index: 51;
 background-color: #ffedda;
 border: 2px solid #cF5F00;
 border-bottom: 0px;
 cursor: pointer;
}

.dialog {
 border: 2px solid #cF5F00;
 background-color: white;
 position: absolute;
 top: 200px;
 left: 200px;
 right: 200px;
 z-index: 50;
 padding: 10px;
}

.dialog h2:first-child {
 margin-top: 0px;
}

.dialog hr {
 display: block; 
 visibility: visible;
 background-color: #ccc;
 border: 0px;
 height: 1px;
}

.dialog th {
 text-align: right;
 font-weight: normal;
 text-transform: uppercase;
 font-size: small;
 padding-right: 10px;
}

.dialog_bg {
 position: fixed;
 top: 0px;
 left: 0px;
 width: 100%;
 height: 100%;

 z-index: 49;
 background-color: black;
 opacity: 0.8;
}

table.form {
 margin-bottom: 10px;
}

table.form th {
 width: 150px;
 text-align: right;
 text-transform: uppercase;
 font-weight: normal;
 font-size: small;
 padding-right: 10px;
}

label {
 vertical-align: bottom;
}

span.tag {
 font-size: 0.55em;
 padding: 0.1em 0.2em;
 border: 1px solid black;
 vertical-align: middle;
 margin-left: 10px;
 color: white;
 font-weight: normal;
 cursor: help;
}

span.tag + span.tag {
 margin-left: 0px;
}

span.tag.author {
 background-color: #cf5f00;
}

span.tag.developer {
 background-color: #cf0000;
}

span.tag.helper {
 background-color: #00cf00;
}

#mediasources {
 width: 100%;
}

#mediasources img {
 height: 1em;
}

.changelog_text {
 font-family: monospace; 
}

table.otherversions td, table.otherversions th {
 padding: 5px 20px;
}

table.otherversions tr.head th {
 text-align: left;
}
