/**
 * BildUploadV4 Stylesheet
 */

/** Globals **/

BODY {
color: #333333;
background-color: #EFEFEF;
margin: 0;
padding: 0;
font-family: "Lucida Sans Unicode", Verdana, Helvetica, sans-serif;
font-size: 12px;
}

H1, H2, H3, P, FORM, UL {
margin: 0;
padding: 0;
}

A {
color: #333333;
text-decoration: none;
}

A:hover {
text-decoration: underline;
}

IMG, A IMG {
border: 0;
text-decoration: none;
}

FIELDSET {
border: 0;
border-top: 1px solid #99CC00;
margin: 0 0 5px 0;
padding: 5px 5px 0 10px;
}

LEGEND {
padding: 0 5px;
font-size: 13px;
color: #333333;
}

INPUT {
color: #333333;
font-family: "Lucida Sans Unicode", Verdana, Helvetica, sans-serif;
font-size: 12px;
}

INPUT, SELECT, TEXTAREA {
color: #1F2D38;
font: 12px  Arial, Verdana, Helvetica, Sans-serif;
font-weight: normal;
margin: 0;
}

SELECT {
color: #1F2D38;
background-color: #FFFFFF;
border: 1px solid #999999;
padding: 2px;
}

TEXTAREA {
padding: 3px;
}

LABEL {
cursor: pointer;
font-size: 12px;
}

UL {
margin: 0;
padding: 0;
}

PRE {
font-family: "Courier New", Courier, sans-serif;
font-size: 11px;
margin: 0;
padding: 0;
text-align: left;
}

/** Definitions **/
#Container {
width: 730px;
margin: 20px auto 0 auto;
}

#ContainerFluid {
margin: 20px;
}

#PageContainer {
background-color: #FCFCFC;
-moz-border-radius: 14px;
padding: 10px 20px 20px 20px;
}

#Header H1 SPAN {
font-size: 12px;
text-transform: lowercase;
}

#Header {
}

#Header H1 {
text-align: right;
font-weight: normal;
text-transform: uppercase;
font-size: 24px;
}

#GoogleAd {
text-align: center;
padding: 10px 0 10px 0;
}

#GooglePack {
position: absolute;
top: 0;
right: 0;
padding: 10px;
}

#Content {
border: 1px solid #99CC00;
border-top: 0;
padding: 10px;
z-index: 2;
background-color: #FFFFFF;
}

#Footer {
font-size: 11px;
text-align: right;
padding: 2px 5px;
}

#Footer A {
text-decoration: underline;
}

#Navigation UL {
border-bottom: 1px solid #99CC00;
margin: 10px 0px 0px 0px;
padding: 0;
z-index: 1;
}

#Navigation UL LI {
display: inline;
overflow: hidden;
list-style-type: none;
}

#Navigation UL LI A {
border: 1px solid #99CC00;
padding: 2px 5px 0px 5px;
margin: 0;
text-decoration: none;
background-color: #FFFFFF;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
font-size: 13px;
color: #555555;
}

#Navigation UL LI A.cup {
background-image: url(/theme/cup.png);
background-position: 5px center;
background-repeat: no-repeat;
padding-left: 24px;
}

#Navigation UL LI A.Active {
font-weight: bold;
border-bottom: 1px solid #FFFFFF;
color: #333333;
}

DIV.Clear {
clear: both;
}

#FieldActions {
text-align: center;
margin: 10px 0 0 0;
}

DIV.Field {
padding: 2px 0;
}

#UploadOptions P {
margin: 0 0 2px 0;
}

#DeadlineConfig, #DeleteConfig, #ResizeConfig {
padding: 0 0 0 20px;
}

#Finished H2 {
font-size: 12px;
font-weight: normal;
margin: 0 0 10px 0;
}

DIV.GalleryImage {
width: 120px;
height: 140px;
float: left;
background-image: url(gallery-bg.gif);
text-align: center;
font-size: 11px;
}

#Gallery DIV.GalleryImage {
margin: 6px;
}

DIV.GalleryImage DIV.GalleryImageImage {
width: 120px;
height: 130px;
background-position: center center;
background-repeat: no-repeat;
display: block;
}

DIV.GalleryImage A.GalleryImageImage {
width: 120px;
height: 122px;
display: block;
}

DIV.PageSelection {
font-size: 13px;
text-align: center;
margin: 0 0 5px 0;
padding: 0 0 2px 0;
border-bottom: 1px dashed #99CC00;
}

DIV.BottomSelection {
border-bottom: 0;
border-top: 1px dashed #99CC00;
margin: 5px 0 0 0;
padding: 2px 0 0 0;
}

DIV.PageSelection SPAN.Spacer {
padding: 0 150px;
}

DIV.PageSelection SPAN.Inactive {
color: #AAAAAA;
}

DIV.PageSelection A:Hover{
color: #99CC00;
text-decoration: none;
}


DIV.Upload {
margin: 0 0 10px 0;
padding: 0 0 10px 0;
border-bottom: 1px dashed #999999;
}

DIV.Upload2 {
margin: 0 0 10px 0;
padding: 0 0 10px 0;
border-bottom: 1px dashed #999999;
text-align: center;
}

DIV.UploadDescription {
margin: 0 0 0 130px;
}

#Finished DL, #Opinions DL {
margin: 0;
padding: 0;
}

#Finished DL DT, #Opinions DL DT {
float: left;
width: 120px;
position: relative;
}

#Finished DL DD, #Opinions DL DD{
margin: 0 0 7px 120px;
}

#Errors UL {
margin: 0 0 0 20px;
}

#Gallery H2, #Notes H2, #Opinions H2, #Terms H2, #Stats H2, #Logs H2 {
font-weight: normal;
padding: 0 0 2px 0;
border-bottom: 1px dashed #99CC00;
margin: 0 0 5px 0;
font-size: 13px;
}

#Notes UL, #Terms UL, #Stats UL {
margin: 0 0 0 20px;
}

#Notes UL LI, #Terms UL LI, #Stats UL LI {
line-height: 20px;
}

#Stats UL LI B {
font-size: 13px;
}

SPAN.ReportImage A {
color: #CC5555;
}

DIV.Opinion {
margin: 10px 0 10px 0px;
padding: 5px 10px;
}

DIV.Opinion H3 {
font-weight: normal;
padding: 0 0 2px 0;
margin: 0 0 5px 0;
font-size: 13px;
}

DIV.Seperator {
border-top: 1px dashed #CCC;
}

#NewOpinion {
display: none;
}

#OpinionsList INPUT {
margin: 5px 0 0 0;
}

#OpinionsList P.PCenter {
text-align: center;
margin: 0 0 5px 0;
}

#Terms P {
line-height: 20px;
}

#News {
height: 70px;
overflow: auto;
line-height: 16px;
font-size: 11px;
}

DT.red {
color: #FF0000;
}

DD.Maxposter A {
text-decoration: underline;
border: 1px solid #99CC00;
padding: 2px 5px;
-moz-border-radius: 6px;
}

#imageGrid {
position: relative;
}

#imageGrid div {
position: absolute;
overflow: hidden;
background-position: center;
background-color: #000;
background-repeat: no-repeat;
}

#imageGrid a.thumb {
display: block;
border: 1px solid #000;
height: 100%;
}

#imageGrid a.thumb:hover {
border: 1px solid #fff;
}

#imageGrid .box0 {
width: 192px;
height: 288px;
}
#imageGrid .box1 {
width: 128px;
height: 192px;
}
#imageGrid .box2 {
width: 128px;
height: 96px;
}
#imageGrid .box3 {
width: 64px;
height: 96px;
}

DIV.UploadedImage {
text-align: center;
}


/** Input Fields **/
INPUT.Button {
font: 12px Verdana, Helvetica, sans-serif;
border: 1px solid #CCCCCC;
-moz-border-radius: 6px;
padding: 2px;
background-color: #FFFFFF;
border: 1px solid #999999;
}

INPUT.Positive, INPUT.AddField, INPUT.Gallery, INPUT.Comment {
padding: 2px 2px 2px 19px;
background-repeat: no-repeat;
background-position: 2px center;
}

INPUT.Positive {
background-image: url(positive.png);
}

INPUT.AddField {
background-image: url(add.png);
}

INPUT.Gallery {
background-image: url(gallery.png);
}

INPUT.Comment {
background-image: url(comment.png);
}

INPUT.Text {
padding: 3px 5px;
border: 1px solid #999999;
}

INPUT.Lifetime {
width: 40px;
}

INPUT.HF {
width: 380px;
padding: 1px;
font-size: 11px;
cursor: pointer;
}

TEXTAREA.Textarea {
width: 500px;
height: 100px;
}

/** Misc **/
.nodisplay { display: none; }