/* cbc_upload.css */


/* head banner */
div#top {
height: 174px;
width: 625px;
background: url(/images/banner2.gif) top left no-repeat;
position: absolute;
top: 0;
left: 150px;
/*z-index: -1;/**/
}
div#top h1 {
display: none;
}

/* navigation stuff !!! new page */

div#nav {
position: absolute;
top: 0;
left: 0;
width: 150px;
/*z-index: -1;/**/
/*border: 1px solid blue;*/
}

div#nav div#navtop {
width: 150px;
height: 204px;
background: url(/images/banner1.gif) top left no-repeat;
}

div#nav div#navbottom {
width: 150px;
height: 91px;
background: url(/images/colbase.gif) top left no-repeat;
}

#nav ul, #nav li {
list-style: none;
margin: 0;
padding: 0;
}
/* the following couple of rulesets are the "Cover-up Method" of replacing text 
in links with images, as demonstrated on:
http://wellstyled.com/css-replace-text-by-image.html */
#nav a {
display: block;
position: relative;
width: 150px;
height: 36px;
text-align: center;
overflow: hidden;
}
#nav a span {
display: block;
cursor: pointer; /* fix buggy IE who doesn't show a 'hand' cursor over a block-span in a link */
position: absolute;
left:0; top:0;
z-index: 1;
width: 150px; height: 36px;
}
#nav li a#home span { background: url(/images/newhome.gif) top left no-repeat; }
#nav li a#contests span { background: url(/images/newcontests.gif) top left no-repeat; }
#nav li a#rules span { background: url(/images/newrules.gif) top left no-repeat; }
#nav li a#submit span { background: url(/images/newsubmit.gif) top left no-repeat; }
#nav li a#library span { background: url(/images/newlibrary.gif) top left no-repeat; }
#nav li a#forum span { background: url(/images/newforum.gif) top left no-repeat; }
#nav li a#staff span { background: url(/images/newstaff.gif) top left no-repeat; }


/* end of navigation stuff */

/* page layout */
body {
margin: 0;
padding: 0;
background: #e2e2e2;
color: #000;
}

div#content {/*
margin: 10px 10px 10px 70px;
border: 1px solid #999;
padding: 10px 10px 10px 100px;*/
padding: 10px;
margin-top: 174px; /* banner */
margin-left: 150px; /* navigation */
}

p#back {
/*background: #eee;*/
float: right;
margin: 0;
}
p#back a, #uploadnav a {
display: block;
background: #DDD;
font-weight: normal;
border: 2px outset #CCC;
padding: 2px;
}
#uploadnav a.warning {
color: #C00;
}
p#back a:hover, #uploadnav a:hover {
text-decoration: none;
border: 2px outset #CCC;
color: red;
}
p#back a:active, #uploadnav a:active {
border: 2px inset #CCC;
}
div#uploadnav {
float: right;
}

/* navigation links */
#uploadnav ul, #uploadnav li {
margin: 0;
padding: 0;
list-style: none;
}
#uploadnav ul li {
border: 1px solid #E2E2E2;
}

/* general styles */
h1 {
/*border: thin solid blue !important;*/
margin-top: 0;
margin-bottom: 1em;
/*font-size: 150%;*/
}
h2 {
font-size: 120%;
color: #852;
}

.msgbox {
background-position: 5px 10px !important;
border: 2px solid #666;
padding: 10px 32px;
/*width: 30em;*/
width: 50%;
margin: 1em 3em;
}

.msgbox h3 {
font-size: 100%;
font-weight: bold;
margin: 0;
}
.msgbox p {
margin: 0;
}

.error {
background: white url(images/error.png) no-repeat;
}

.warning {
background: white url(images/warning.png) no-repeat;
}

.info {
background: white url(images/info.png) no-repeat;
}

/* tables */
#content table, #content tr, #content th, #content td {
border: 1px solid #666;
border-collapse: collapse;
}
th, td {
vertical-align: top;
text-align: left;
font-size: 100%;
}
#content th, #content td {
padding: 2px 4px;
}
/* form markup */
form {
margin: 0;
/*border: 1px solid blue;*/
}

form div {
padding: 2px;
}

form label, form .label {
width: 10em;
/*display: block;*/
float: left;
font-size: 100%;
}
form.checks input {
float: left;
margin-right: .5em;
}
form.checks label {
padding-left: .5em;
float: none;
width: auto;
}
form.checks div.extraspace {
padding-top: 1em;
}

form label.cb {
float: none;
display: inline;
}

form span {
font-size: 85%;
color: #666;
}

form fieldset legend {
font-weight: bold;
}

/* footer */
#footer {
font-size: 75%;
color: #666;
text-align: center;
border-top: 2px solid #AAA;
margin-top: 30px;
}
#footer hr {
display: none;
}