
html, body {
   font-family: arial;
   margin:0;
   padding:0;
   height:100%;
}

#wrapper {
   min-height:100%;
   position:relative;
}

#header {
	background-color: #4D7707;
	color: white;
	/*height: 90px;*/
    padding-left: 10px;
	margin: 0px auto;
	background: url(/images/bg03.jpg) repeat-x left top;
}

#navbar {
	background-color: white;
	color: black;
    border: thin solid black;
    border-top-style:none;
    border-right-style:none;
    border-bottom-style:solid;
    border-left-style:none;
}

#navbar a{
	color: black;
}


#workspace {
    background-color: white;
	position:relative;
    z-index: 0;
}


#overlay{
  background-color: #cccccc;
  border: solid thin black;
  padding : 5px;
}

#overlayFooter{
    font-size:80%;
}



#tutorialHeader{
    padding: 5px;
}

#tutorialMessage{
    padding-left: 20px;
    padding-right: 20px;
}

#tutorialFooter{
    padding: 5px;
    font-size:80%;
}

#tutorialSignupReminder{
    padding: 15px;
}



#footer {
   position:absolute;
   bottom:0;
   width:100%;
   height:30px;   /* Height of the footer */
   background-color: black;
   color: white;
}

#footer a{
	color: #C0C0C0;
}

img {
	border: none;
}

#formWrapper { 
    display: none;
}

.rightAligned {
    text-align:right;
}


#navbarLayoutTable {
    width: 100%;
}

#navbarLayoutTable a {
    text-decoration: none;
}

.outlined{
    outline: red solid thin;
}

.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}

#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}




.uploadButton a, .clearButton a {
display:block;
width:100px;
height:40px;
text-decoration: none;
margin-left:5px;
}

.uploadButton a {
background: url("/javascripts/yui-2.7.0/build/uploader/assets/uploadFileButton.png") 0 0 no-repeat;
}

.clearButton a {
background: url("/javascripts/yui-2.7.0/build/uploader/assets/clearListButton.png") 0 0 no-repeat;
}

.uploadButton a:visited, .clearButton a:visited {
background-position: 0 0;
}

.uploadButton a:hover, .clearButton a:hover {
background-position: 0 -40px;
}

.uploadButton a:active, .clearButton a:active {
background-position: 0 -80px;
}




