@import url('zero.css');

body { background-color: #2f2f2f; }
body, table { font: 12px/1.4 Helvetica, Arial, sans-serif; color: black; }

h1,h2 { color: #ff7300; text-transform: uppercase; }

img { border: 0; }

a { color: #fff; text-decoration: underline; }
    a:hover { text-decoration: underline; }

table.list { margin-bottom: 2em; }
table.list td, table.list th { border-bottom: 1px solid #444; vertical-align: middle; padding-right: 15px; }
table.list td { color: #fff; line-height: 2; }
table.list th { color: #ff7300; text-transform: uppercase; line-height: 2; }

table tr.empty { background-color: #444; }
	table tr.empty td { text-align: center; }

input { margin-left: 0; }

p { margin-bottom: 1em; }

dt { font-weight: bold; }
dd { margin-bottom: 0.5em; }

.first { margin-top: 0 }

.cl { clear: left; }
.cr { clear: right; }
.cb { clear: both; }

#errorExplanation { margin-bottom: 1em; }
	#errorExplanation h2 { margin-bottom: 0.2em; font-weight: bold; }
	#errorExplanation ul { list-style: disc; list-style-position: inside; }

#container { width: 815px; margin: 0 auto; position: relative; }

#login-box { width: 814px; height: 439px; background: url(../images/login_image.jpg) no-repeat top left; padding: 100px 0 0 100px; }
	#login-box h2 { margin-bottom: 2em; }
	#login-box label { color: white; }

#logo { position: absolute; top: 40px; right: 0; width: 160px; height: 62px; text-indent: -5000px; background: url(../images/logo.jpg) no-repeat top left; }
#main { position: absolute; top: 150px; left: 0; width: 815px; }

#navigation { }
	#navigation li { line-height: 33px; padding-bottom: 2.5em; float: left; margin-right: 30px; padding-left: 30px; background-position: middle left; background-repeat: no-repeat; }
		#navigation li.account-switcher { background-image: url(../images/icons/view.gif); }
		#navigation li.upload-file { background-image: url(../images/icons/upload.gif); }
		#navigation li.view-new-uploads { background-image: url(../images/icons/view.gif); }
		#navigation li.create-account { background-image: url(../images/icons/view.gif); }

#footer { text-align: right; padding-right: 20px; }

/* Rounded boxes */
.box h2 { margin-bottom: 2em; }
.box { margin-bottom: 5px; color: #fff; }
.box .nw { width: 33px; height: 33px; padding: 0; margin: 0; }
.box .nw { background: url(../images/box-nw.gif) no-repeat top left; }
.box .ne { background: url(../images/box-ne.gif) repeat-x top right; }
.box .sw { background: url(../images/box-sw.gif) no-repeat top left; }
.box .se { background: url(../images/box-se.gif) repeat-x top right; }
.box .s { padding: 0 1px 0 1px; }
.box .s div { height: 98px; background: url(../images/box-shadow.gif) repeat-x top left; }
.box .inner {
	min-height: 400px;  
  border: 1px solid #545454; 
  padding: 8px 25px 20px 50px;
	border-top: 0; 
/*	border: 2px solid red;*/
	background: #151515 url(../images/box-background.gif) repeat-x top left; 
}
.box .inner div.wrapper { min-height: 250px; }

/* Forms */

form .fi { margin-bottom: 1em; }
	form .fi label,
	form .fi input { display: block; }
	form .fi input { background-color: #444; color: #fff; border: 1px solid #8c8c8c; font-size: 110%; }
.success, .progress {
    padding-left:22px;
}
.progress {
   background: url(../images/icons/spinner.gif) no-repeat;
}
.success {
   background: url(../images/icons/tick.png) no-repeat;
}