/**  SFIAB-Common.css
  Common Visual Styles for SFIAB and SOIAB Applications
*/


body {
  font-family: "helvetica", Arial, Verdana, sans-serif;
  font-size: 80%;
  color: #333;
}


div#page {
  font-size: 1em;
  line-height: 1.3em;
}

/* Upper section components */
div#header-login,
div#header-conferences {
  padding: 10px;
}

form#conference-select select {
  width: 200px;
  margin: 10px;
}



/* default menu styles  */
ul.sfiab-menu li {
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
}

ul.sfiab-menu li a {
  text-decoration: none;
}


ul.conferencenav {

}

ul.conferencenav li {
}

ul.primarynav {

}

ul.primarynav li a {
  font-size: 130%;
}

ul.secondarynav li a {
  font-size: 110%;
}

ul.primarynav li.selected a,
ul.secondarynav li.selected a
 {
  color: #000;
  font-weight: bold;
}

span.menu-label {
  font-size: 110%;  
  color: #999;
  font-weight: bold;
  margin: 10px;
  padding: 0px 0px 0px 10px;
}

#topic-menu ul li {
  line-height: 1.4em;
  padding-bottom: 8px;
}


#topic-menu ul li.selected {
  font-weight: bold;
}


span.reg-option-table table {
  width: 100%;
}

div#header-title {
  padding: 10px;
}

div.link-icon {
  padding: 4px;
}

div#topic-title {
  padding: 10px;
}

/* work area forms  */

form.registration-setup-form div.item {
  padding: 10px 10px 15px 10px;
  border-bottom: 1px solid #ddd;
}

div.button-bar {
  display: block;
  float: right;
  padding: 4px;
}

table.work-area {
  width: 100%;
}
 
table.work-area td {
  padding: 2px;
}

table.work-area th { 
  text-align: left;
}

table.work-area td input {
  margin-bottom: 6px;
} 
 
table.item-table th,
table.item-table td {
  border-bottom: 1px solid #ccc;
} 

table.item-table td a {
 /* text-decoration: none;  /* Keep this underlined for now */
}
 
span.popup-button {
  padding: 0px;
  margin: 0px;
}
 
span.popup-button a {
  display: block;
  height: 30px;
  border: 1px solid #888;
  padding: 8px 16px 0px 16px;
  text-decoration: none;
}


div.assignment-selector-form {
  display: block;
  padding: 10px;
}

div.assignment-selector-form form select {
  width: 200px;
}

div.assignment-selector-form form input {
  width: 80px;
}