body {
  margin: 0;
  padding: 0;
  width: 100%;
  background: #fff;
  font-family: verdana, geneva, arial, helvetica, sans-serif;
  font-size: 100%;
  line-height: 1.2em;
  color: #000;
  min-width: 930px;
}

p {
  margin: 1em 0;
}

label {
  font-weight: bold;
  margin-right: 2px;
}

a {
  color: #2D414D;
}

a:visited {
  color: #374F5D;
}

a:hover {
  color: #ee9944;
}



/* HEADER */
#header {
  clear: both;
  float: left;
  width: 100%;
  font-size: 0.8125em;
  background: url(image/SAgradient.gif) repeat-x bottom;
}

.library_header {
  height: 41px;
  width: 100%;
  background: #000
    url(image/library_header.png)
    no-repeat 10px 0;
  color: #fff;
}

.osulink,.librarylink {
  display: block;
  float: left;
  height: 35px;
  width: 230px;
}

.utility {
  float: right;
  margin: 9px 5px 0 0;
}

.utility a {
  color: #fff;
}

#banner {
  height: 110px;
  width: 820px;
  margin-left: 30px;
}

.no-nav #banner {
  margin-left: 30px;
}

.logo {
  margin: 0 0 35px 0px;
  border: 0;
}

.logo_image {
  margin: 8px 0 0 25px;
}

/* WRAPPING DIVS */
#wrap {
  position: relative;
  clear: both;
  float: left;
  width: 100%;
  overflow: hidden;
  font-size: 0.8125em;
  min-width: 930px;
  margin-bottom: 10px;
}

* html #wrap {
  background-attachment: fixed;
}

*+html #wrap {
  background-attachment: fixed;
}

.no-nav #wrap {
  min-width: 730px;
}


#main {
  float: left;
  width: 200%;
  margin-left: -200px; /* Width of right column */
  position: relative;
  right: 100%;
}

.no-sidebar #main {
  margin-left: 0;
}

#main-inner {
  float: left;
  width: 100%;
  margin-left: -50%;
  position: relative;
  left: 400px; /* Left column width + right column width */
}

.no-nav #main-inner,.no-sidebar  #main-inner {
  left: 200px;
}

.no-nav .no-sidebar #main-inner {
  left: 0;
}

/* CONTENT */
#content {
  float: left;
  width: 50%;
  position: relative;
  right: 200px; /* Width of left column */
  padding-bottom: 1em;
}

.no-nav #content {
  right: 0;
}

#content-inner {
  color: #110000;
  position: relative;
  left: 200%;
  overflow: hidden;
  margin: 0 10px 0 200px; /* Centre column side padding:
								Left padding = left column width + centre column left padding width
								Right padding = right column width + centre column right padding width */
}

.no-nav #content-inner {
 margin-top: 10px;
 margin-left: 30px;
 margin-right: 30px;
}



* html  #content-inner {
  width: 100% !important;
}

.locationbar {
  padding: 1px 0 5px 0px;
  font-size: .846em;
}

.no-nav .locationbar {
  padding-left: 0;
}

.gradBox,.borderBox {
  position: relative;
  margin: 10px 0 15px;
  padding: 15px 20px 5px;
  zoom: 1;
}

.gradBox {
  background: url(image/box.png) #fbfbfb repeat-x;
}

.borderBox {
  border: 1px solid #d1d1d1;
  background: #f5f5f5 url(image/box2.png) repeat-x;
}

.borderBox div {
  background-image: url(image/borderBox.png);
  margin: -1px;
}

.a,.b,.c,.d {
  background-image: url(image/gradBox.png);
  position: absolute;
  height: 20px;
  width: 20px;
}

.a {
  background-position: 20px 20px;
  left: 0;
  top: 0;
}

.b {
  background-position: 20px 0;
  left: 0;
  bottom: 0;
}

.c {
  background-position: 0 0;
  right: 0;
  bottom: 0;
}

.d {
  background-position: 0 20px;
  right: 0;
  top: 0;
}

* html .borderBox {
  background: #FBFBFB;
}

* html .gradBox {
  background: #f1f1f1;
}

* html .c,* html .d {
  right: -1px;
}

* html .gradBox .b,* html .gradBox .c {
  bottom: -1px;
}

#content h1,#content h2 {
  margin-top: 0;
  font-size: 1.4em;
  font-weight: 400;
  color: #ee9944;
  line-height: 1.4em;
}



#content h3 {
  color: #000;
  margin-bottom: 0px;
}

#content h4 {
  border-top: 1px dotted #EE9944;
  border-bottom: 1px dotted #EE9944;
  padding: 5px;
  margin: 15px 0 0;
  color: #000;
}

#content h5 {
  margin: 0;
  padding: 0;
}

/* homepage */
#searchHome label {
  display: block;
  float: left;
  margin-right: 10px;
}

#searchHome input {
  margin-top: 17px;
}

#searchHome label input {
  margin: 0;
  padding: 0;
}

#searchHome p {
  clear: both;
}

/* LEFT NAVIGATION */
#nav {
  float: right;
  width: 175px;
  /* Width of left column content (left column width minus left and right padding) */
  position: relative;
  right: 15px;
  /* Width of the left-had side padding on the left column */
}

.no-nav #nav {
  width: 0;
}

.search {
  font-size: .8125em;
  padding-top:5px;
}

.search #tequery {
  width: 70%;
  padding: 1px 0;
  margin: 0;
}



#nav .box {
  background: url(image/nav-bar.png) bottom no-repeat;
  font-size: .9em;
  margin: 10px 0 15px;
  padding: 0 0 13px;
  zoom: 1;
}

#nav h2 {
  margin: 0;
  padding: 6px 0 6px 30px;
  font-size: 1.2em;
  background: url(image/nav-bar.png);
}

#nav ul {
  padding: 5px 10px 1px;
  margin: 0;
  border: solid #d1d1d1;
  background: #fff;
  border-width: 0 1px;
}

#nav li {
  list-style: none;
  padding: 4px 0 0 19px;
  text-indent: -19px;
}

* html #nav li {
  padding: 10px 0 0 17px;
}

#nav li img {
  margin-right: 9px;
}

#nav li a {
  text-decoration: none;
  color: #000;
}

#nav li a:hover {
  text-decoration: underline;
}

/*Middle content*/
#middle{
  float: left;
  width: 75%;
  }

/* RIGHT SIDEBAR */
#sidebar {
  float: right;
  width: 150px;
  /* Width of right column content (right column width minus left and right padding) */
}

.no-nav #sidebar {
  margin-right: 0;
}


#sidebar ul {
  padding: 0 5px 5px 5px;
  margin: 0;
}

#sidebar h2 {
  font-size: 1.1em;
  line-height: 27px;
  color: #000;
  margin: .5em 0;
}

#sidebar h4 {
  font-size: 1.1em;
  line-height: 27px;
  color: #000;
  margin: .5em 0;
}

/* FOOTER */
#footer {
  font-size: .8125em;
  clear: both;
  float: left;
  width: 100%;
  border-top: 1px solid #d1d1d1;
}

#footer p {
  margin: 1em 0 1em 220px;
}

#footer .ada img {
  margin: 0 0 -7px;
  border: 0;
}



/*sidebar*/
#sidebar .search {
  background-color: #ee9944;
  padding: 5px;
}

.search input {
  font-weight: bolder;
  margin: 3px 0;
  padding: 2px 0px;
}

.search #tquery{
  width: 30%;
  }
  
  .search #tlocation {
  width: 55%;
}
  
.search label {
  font-size: smaller;
}

/* IE adds margin to sidebar search form */
* html #sidebar .search form{margin: 0 0 2px;}
*+html #sidebar .search form{margin: 0 0 2px;}
* html .search input {margin: 5px 0 -3px; padding: 2px;}
*+html .search input {margin: 5px 0 -3px; padding: 2px;}

.feeds {
  text-decoration: none;
  border: 0;
  text-align: right;
}

.feed_links {
  text-decoration: none;
  border: 0;
}

.feeds img {
  width: 60px;
  border: 0;
  }

.admin {
  margin-bottom: 5px;
  position: relative;
}

.admin ul.side {
  
}

.admin ul.side li {
  margin: 2px 0 0 0;
  padding: 0px;
}

/* IE adds margin between admin tools in sidebar  */
* html .admin ul.side form{margin: 0;}
*+html .admin ul.side form{margin: 0;}

/* Home pages*/
.recent ul.side {
  margin: 0 5px 15px;
  padding: 5px 0;
  border-bottom: 1px dotted #EE9944;
}

ul.no-indent {
  margin: 0 5px 5px;
  padding: 5px 0;
}

.recent ul.side li {
  margin-bottom: 8px;
}

.recent {
  padding: 0px 5px;
}

.bar {
  
}

#content .sidebar p.side {
  margin: 0px;
}

ul.undeco {
  list-style-type: none;
}

.button_list li{
  margin-bottom: 1em;
  
 
  }
  
  .create_button{
   margin-bottom: 1em;
   text-align: center;
  }
/* community list pages*/

div.list-wrapper {
  margin: 25px 0 0;
}

div.list-wrapper a {
  text-decoration: none;
}

div.list-wrapper a:visted {
  text-decoration: none;
}

div.list-wrapper a:hover {
  text-decoration: underline;
}

.collapsable {
  margin-bottom: 10px;
  cursor: pointer;
  clear: both;
}

.non_collapsable {
  margin: 0 0 10px 18px;
}

.status {
  float: left;
  position: relative;
  margin: 5px 3px;
}

ul.community {
  margin: 0;
  padding: 0;
}

ul.subcomm {
  margin: 0;
  padding: 0 0 0 15px;
}

ul.collection {
  margin: 0;
  padding: 3px 0 0 18px;
}

li.community-link {
  font-weight: bold;
}

/* IE 6 and 7 add too much space between communities */
*+html li.community-link {margin: -7px 0 0;}
* html li.community-link {margin: -7px 0 0;}

li.collection-link {
  font-weight: normal;
  padding-bottom: 5px;
}

ul.subcomm li.collection-link {margin-left: 3px;}

.left_col {
  float: left;
  width: 49%;
  padding: 0px 0px 25px 5px;
  position: relative;
}

.right_col {
  float: right;
  width: 49%;
  padding: 0px 0px 25px;
  position: relative;
}

div.list-wrapper br {
  clear: both;
}


div.admin_button {
  display: inline;
  margin:Ê0 1em;
}

div.admin_button form {
  display: inline;
}

.bold_button {
  font-weight: bolder;
}

.image_upload {
  float: left;
  margin: 2px 10px 2px 0px;
  width: 35%;
}

.space {
  margin: 1em 0px;
}

.bottom_space {
  margin: 0 5% 0 0;
}


#data_list {
  clear: left;
  margin: 1em 2em;
}

#data_list label {
  width:23%;
  float: left;
  white-space:nowrap;
  }

#data_list ul {
  margin: 0 1em 1em 25%;
  padding: 0;
  list-style-type: none;
}

#publications {
}

#publications .itemList { 
  float: left;
  width: 50%;
  background: none;
  }
  
#publications .similarList {
  margin-left: 50%;
  border-left: 1px solid #D1D1D1;
  background: none;
  padding-left: 20px;
  }
  
#publications label{
  color: #000;
  display: block;
  }
  
#publications ul {
  margin: 0 0 10px;
  padding: 0;
  list-style-type: none;
}

.button {
  margin-top: 1em;
}

.space_button{
  margin-top: 2em;
  }
  .right_space {
  margin-right: 2em;
  }
  
form.delete{
		 display: inline;
		 left: 0px;
		 margin: 0px;
		 padding: 0px;
		}
		
input.button {
  margin: 0;
  font-weight: bolder;
}

.browse {
  margin: 0 0 2em;
}

#searchHome.browse{
  margin: 1em 0 3em;
  }
 
 #searchHome.date{
  margin: 1em 0 2em;
  } 
#searchHome.browse label{
  font-weight: normal;
  }
  
  #searchHome.jump label{
  font-weight: normal;
  border: solid #000;
  border-width: 1px 0;
  background: #FBFBFB;
  }
  
    #searchHome.date label{
  font-weight: normal;
  }
  
  
  .progress{
  margin: 1em 0;
  padding-bottom: .5em;
  }
.jump{
  padding-bottom: .5em;
  margin:0;
  }
  
  .jump a{
  text-decoration: none;
  }
  
  #pagination{
  margin:10px 0 0;
  padding: 0;
  }
  
  #pagination h4 {
  margin-top: 0;
  text-align: center;
  font-weight: normal;
  font-size: 1em;
  }
  
#pagination .previous{
  float: none;
  
  }
  
#pagination .browse_range{
  margin: 0 5em;
  display: inline;
  }
  
  #pagination .page_range{
  margin: 0 2px 0 0;
  display: inline;
  }
  
  
 #pagination .next{
   float: none;
  }
  .tip {
 margin-bottom: .5em;
  }
  
  #controls{
  margin: 2em 0;
  width: 90%;
  padding: 1em;
  border-bottom: 1px dotted #EE9944;
  border-top: 1px dotted #EE9944;
  clear: both;
  height: auto;
  }
  
  #controls .next{
  float: right;
  }
    #controls .upload{
 float: right;
  }
  #controls .previous{
  float: left;
  }
  #controls .save{
  padding: 0 45%;
  }
  
  #controls input{
  font-weight: bold;
  
  }
.image_wrap {
  float: left;
  margin: 0px 10px 1px 5px;
  width: 25%;
}

.miscTable input.table{
   width: 95%;
  }
  
 td.table_col{
   width: 50%;
  }
  
.miscTable input.button{
  wwidth: auto !important;
  font-weight: bolder;
  }
  
.miscTable textarea.table{
  width: 95%;
  height: 5em;
  }
  
.miscTable select.sized{
  width: 90%;
  }

  
th {
  font-weight: bold;
  text-align: left;
  position: relative;
  background: #d1d1d1 none !important;
  white-space: nowrap;
  padding:3px;
}

td {
  padding: 3px;
  }
  

.submitProgressButton {
  font-weight: bold;
}

.submitProgressButtonDone {
  color: black;
  font-weight: bold;
}

.submitProgressButtonCurrent {
  color: #EE9944;
   font-weight: bold;
}

.submitProgressButtonNotDone {
   color: grey;
   font-weight: bold;
}

.miscTable {
  width: 99%;
  border-collapse: collapse;
  margin: 10px 0;
  font-size: 1em;
}

.white_table {
  width: 95%;
  border-collapse: collapse;
  margin: 10px 0;
  font-size: 1em;
}


.medium_miscTable {
  margin-left: 15px;
  width: 55%;
  border-collapse: collapse;
  margin-bottom: 20px;
}

.medium_miscTable th {
   background: #fff none !important;
   white-space: nowrap;
   padding: 1em;
   vertical-align: top;
}

select.sized {
  width: 30%;
  }
.oddRowOddCol {
  background: #f3f3f3;
  border: 0;
}

.evenRowOddCol {
  background: #fff;
  border: 0;
}

.oddRowEvenCol {
  background: #f3f3f3;
  border: 0;
}

.evenRowEvenCol {
  background: #fff;
  border: 0;
}

.highlightRowOddCol {
  background: #ccccee;
}

.highlightRowEvenCol {
  background: #bbbbcc;
}


input.admin {
  width: 99%;
  font-weight: bold;
  margin: 3px 0px;
}

input {
  padding: 1px 0;
  font-weight: bold;
}

#tgroup_name {
  width: 25%;
  }

#edit_form textarea {
  width: 59%;
  height: 15em;
  margin-bottom: 1em;
  }
  
 #edit_form select {
 margin-bottom: 1em;
  width: 45%;
  }

 
#edit_form input{
  margin: 0 1em 1em 0;
  width: 59%;
  padding: 3px 0;
}

#edit_form input.medium{
  margin-right: .5em;
  width: 30%;
  padding: 3px 0;
}



#submit_form textarea {
  width: 550px;
  height: 8em;
  margin-right: .5em;
  }
  
 #submit_form select {
  width: 550px;
  }

 
#submit_form input{
  margin-right: .5em;
  width: 550px;
  padding: 3px 0;
}

#submit_form input.medium{
  margin-right: .5em;
  width: 263px;
  padding: 3px 0;
}

#submit_form input.small{
  width: 100px !important;
  }

.small {
  width: auto !important;
  padding: 0 10px;
  margin-right: 10px;
  }
  
  select.big {
  width: 85%;
  }
  
.describe{
  margin: 0 1em;
}


.remove {margin:0;}
.more { margin: 0;}
 
 .more input{
  width: auto !important; 
 }
 
 .remove input{
 width: auto !important; 
 }
 
 
.submitFormLabel {
  display: block;
  font-weight: bolder;
  padding-bottom: .2em;
}

.group .metadataFieldLabel {
  width: 30%;
  margin-bottom: 2em;
  float:left;
  white-space: nowrap;
}

.group .metadataFieldValue {
  margin-left: 35%;
  margin-bottom: 2em;
  display: block;
}

td.metadataFieldLabel {
 font-weight: bold;
 vertical-align: top;
 width:25%;
}

td.metadataFieldValue {
  padding:5px;

}

.submitFormHelp {
  font-size: smaller;
  padding-bottom: 2em;
  width: 600px;
  clear: left;
  display: block;
}

.submitFormDateLabel {
  font-style: italic;
  font-size: smaller;
  font-weight: normal;
  float: left;
  padding-right: 171px;
}

  
  .group{
  margin: 15px 0;
  padding: 10px;
  border: 1px solid #d1d1d1;
  width:90%;
  }
  
 .group input{
  margin:1em 0;
  display: block;
 }
 
 .license{
 margin-left: 1em;
 }
 .grant{
 padding-bottom: 1em;
 }
 
 .not_grant{
 }
 
 .submitFormWarn{
 color: red;
 font-weight: bolder;
 display: block;
 clear: left;
 }
 
 .required {
   color: red;
 }
 
 .search_results{
 margin: 3em;
 }
 
 #login {
 padding: 0 1em;
 }
 
 .hide {
 display: none;
 }
 
 #login label{
 display: block;
 padding-bottom: .2em;
 }
 
 #login input {
 margin-bottom: 1em;
 width: 45%;
 }
 
 #login input.button {
  margin-top: 1em;
  display: block;
   width: auto !important;
 }
  #login input.small{
  width: auto !important;
  display: block;
  }
  
  #signin {
  width: 50%;
 padding: 0 2em;
 float: left;
 border-right: 1px dotted #EE9944;
 margin-right: 2em;
 }
 
 #signin label{
 display: block;
 padding-bottom: .2em;

 }
 
 #signin input {
 margin-bottom: 1em;
 width: 80%;
 }
 
 #signin input.button {
  margin-top: 2em;
 }
 
  #signin h3{
  padding-bottom: .5em;
  color: #000;
  }

#signin input.small{
  width: auto !important;
  display: block;
  }
  
 .forgot{
 }
 
 #newuser{
 }
 
#newuser h3{
  padding-bottom: .5em;
  }
 
.page_help{
  display: inline;
  padding-left: .5em;
  } 
  

.vocab{
  padding-right: 171px;
   display: inline;
  }
.controlledVocabularyLink{
  }

  ul.controlledvocabulary {
  list-style-type: none;
}

.controlledvocabulary ul  li ul {
  list-style-type: none;
  display: none;
}

input.controlledvocabulary {
  border: 0px;
}

img.controlledvocabulary {
  margin-right: 8px;
  margin-left: 11px;
}

.submitFormHelpControlledVocabularies {
  margin-right: 10px;
}