@import url(luna_core.css);

/*
This file inherits from luna_core.css, so styles in this file will override
styles defined in it.  Changes to this file will NOT be overwritten during
upgrades.

Here's a quick tutorial on overriding styles.  Say you want to change the
background colour of the body.  Looking at luna_core.css, the colour is
defined in the rule:

    body {
      margin: 0px;
      padding: 0px;
      color: #33332e;
      background: #ffffff;
      font: normal 11px tahoma, geneva, verdana, sans-serif;
      text-align: center;
    }

To change the background colour of white (#ffffff) to gray (#dddddd), you would
add the following to this file:

    body {
      background: #dddddd;
    }

If you also wanted to change the font as well as the background, then you could
use:

    body {
      background: #dddddd;
      font: normal 12px times new roman;
    }

Also note that every template's body id is assigned the template name (without
the .html extension).  So if you want to change the h2 heading in the
category.html template, you can do this by:

    #category h2 { 
      color: red; 
      font-weight: bold; 
    }

To start you off, some sample overriding styles have been provided below.  Note
that you will have to uncomment the rules for them to work.
*/

/* Logo size and image source */
/*
#logo {
  width: 250px;
  height: 80px;
  background-image: url(images/logo.gif);
}
*/
/* If the height of your logo changes from the original, then you will probably
want to also change the vertical position of the login link */
/*
#loginbar a {
  margin-top: 25px;
}
*/

/* Show the left sidebar */
/*
#ocwrapper {
  border-left-width: 200px;
}
#leftsidebar {
  display: block;
}
#contentheader .error, #contentheader .message {
  margin: 0px 200px 0px 200px;
}
*/

/* Hide the right sidebar */
/*
#ocwrapper {
  border-right-width: 0px;
}
#rightsidebar {
  display: none;
}
#contentheader .error, #contentheader .message {
  margin: 0px;
}
*/

/* Change the right sidebar width.  Note that the sidebars have a 10px left or
right padding (left sidebar has a left padding and right sidebar has a right
padding), hence the 150px - 10px = 140px width */
/*
#ocwrapper {
  border-right-width: 150px;
}
#rightsidebar {
  margin-right: -150px;
  width: 140px;
}
#contentheader .error, #contentheader .message {
  margin: 0px 150px 0px 0px;
}
*/

/* Change width of document */
/*
#wrapper {
  width: 95%;
}
*/

/* Don't want the shadows? */
/*
.shadowtop, .shadowbottom, .shadowleft, .shadowright {
  background: none;
}
.shadowtopleft, .shadowtopright, .shadowbottomleft, .shadowbottomright {
  width: auto;
  height: auto;
  float: none;
  background: none;
}
*/

/* If you change the globals category_cols or home_category_cols, then you will
need to change the width of the columns themselves.  Note that IE sometimes has
problems if this value adds up to 100%, so keep the width a little under 100%.
For example, if you changed category_cols to 3, then this example would set
the width of the columns to 33% (99% total).  If you want to change the columns
on the home page as well, then remember to set a rule for "#home dl" as well. */
/*
#category dl {
  width: 33%;
}
*/
body, pre {
    color: #000;
    font: normal 12px arial, tahoma, geneva, verdana, sans-serif;
}
input.text, input.password, textarea {
    border: 2px inset #ccc;
}
.row.required {
  background: none;
}

.row .value input.text, .row .value input.password {
  width: 155px;
}
.row .value input.datetext {
    width: 100px;
}

.row .value textarea {
    width: 350px; 
}
#profile .row .username {
    padding-top: 5px;
}
a, a:visited {
    color: #210dad;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
    color: #397ed9;
}
p {
    padding: 2px 0;
}
.row .value input.text {
    width: auto;
}
.row .value input.longtext {
    width: 250px;
}
#signup_form .row .value input.longtext, #profile .row .value input.longtext {
    width: 350px;
}
#signup_form .line, #profile .line {
    background: transparent url(images/ifac/folder_line.gif) left top repeat-y;
}
.row label.name {
    padding-top: 5px;
    text-align: right;
    width: 15%;
}
.formsubmit {
  text-align: left;
  padding-left: 130px; 
}
#wrapper {
    width: 100%;
}
#header {
    background: none;
}
#header .header {
    height: 100px;
    margin: 5px;
}
#header .mycart {
    margin: 42px 0px  0 0;
}
#header .mycart span {
    font-weight: bold;
    color: #fd6303;
}
#logo {
    background: none;
    width: 339px;
    height: 67px;
}
#logo .logo {
    float: left;
    width: 105px;
    height: 67px;
    background: transparent url(images/ifac/logo.gif) left top no-repeat;
    margin-top: 17px;
}
#logo .logo a, #logo .ifac a {
    width: 100%;
    height: 100%;
    outline: none;
}
#logo .ifac {
    float: left;
    width: 234px;
    height: 67px;
    background: transparent url(images/ifac/ifac.gif) left top no-repeat;
    margin-top: 17px;
}
#header .navbar {
    background: #397ed9;
}
#navbar {
    position: relative;
}
#navbar .mypaper {
    position: absolute;
    right: 5px;
    top: 5px;
    z-index: 100;
    font-weight: bold;
}

#header ul.topnav {
    margin: 0px;
    padding: 0px;
    float: right;
    list-style: none;
}
#header ul.topnav li {
    float: left;
    list-style: none;
    padding: 5px 10px;
}
#header ul.topnav a, #header ul.topnav a:visited {
    color: #fff;
    text-decoration: none;
}
#header ul.topnav a:hover {
    text-decoration: underline;
}
#loginbar {
    position: relative;
    float: right;
    padding-right: 100px;
    width: 250px;
    text-align: right;
}
#loginbar .login {
  margin-top: 15px;
}
#loginbar .elsevier {
  position: absolute;
  right: 0px;
  top: 0px;
}
#loginbar .row label.name {
    width: 50px;
    font-weight: bold;
    padding-top: 5px;
}
#loginbar .row input.text {
    width: 70px;
}
#loginbar .row .value {
    float: left;
    padding-left: 5px;
    text-align: left;
}
#loginbar a {
    margin: 0px;
    padding: 0px;
    display: inline;
    font-weight: normal;
    color: #2017b2;
}

ul.primarynav {
    background: transparent url(images/ifac/navbg.gif) left top repeat-x;
    border-bottom: 0px;
}
ul.primarynav li.search {
    padding-left: 25px;
}
ul.primarynav li {
    background: transparent url(images/ifac/betweennav.gif) bottom right no-repeat;
}
ul.primarynav a, ul.primarynav a:visited {
    color: #000;
    font-weight: bold;
    padding: 6px 20px 6px 20px;
}
ul.primarynav a:hover {
    background: #397ed9;
    color: #fff;
}

/* Search bar */
.searchbar {
    background: transparent url(images/ifac/content_header_bg.gif) left top repeat-x;
    padding: 10px 15px;
    margin-bottom: 1px;
}
.searchbar h1 {
    font-size: 12px;
    color: #fff;
    margin: 0px;
    padding: 0px;
}
.searchbar .row label {
  color: #fff;
  padding-left: 5px;
}
.searchbar .row label.name {
    text-align: right;
    color: #fff;
    width: 90px;
}
.searchbar .row .value input.longtext {
    width: 250px;
}
.searchbar .searchcolumn {
    float: left;
    margin-right: 20px;
}
.searchbar .row {
    padding: 2px 4px;
}
.row .value .searchbutton {
    vertical-align: bottom;
}
.searchhl-1, .searchhl-2, .searchhl-3, .searchhl-4, .searchhl-5 {
    background: none;
    color: #bd0000;
}
ul.searchnav {
    margin: 5px 0 0 0;
    padding: 0px;
}
ul.searchnav li {
    float: left;
    list-style: none;
    color: #fff;
    padding-left: 5px;
}
ul.searchnav li a, ul.searchnav li a:visited {
    padding: 2px 0;
    font-weight: bold;
    color: #fac05c;
    font-size: 12px;
}

/* Content */
#ocwrapper {
    border-right: 0px solid #e2e1eb;
    border-top: 5px solid #fc6202;
    background: #fff;
}
#rightsidebar, .shadowtop, .shadowbottom, .shadowtopleft,  .shadowtopright, .shadowbottomleft, .shadowbottomright {
    display: none;
    padding: 0;
}
.shadowright, .shadowleft {
    background: none;
}
#content {
  margin: 0px;
  padding: 10px;
}
#content .column {
    float: left;
    width: 33%;
}
#content h1 {
    font-size: 14px;
    padding: 5px;
}
#content h1.header {
    border-bottom: 1px solid #8b8b8b;
}
#content h1.header2 {
    background: #c4d9f4
}
#content h1.header3 {
    background: #ccc;
}
#content h1.header3 .seeall {
    float: right;
    font-weight: normal;
    font-size: 11px;
}
#content h2 {
    font-size: 12px;
    padding: 3px;
    margin: 0px;
}
#content ul {
    margin: 2px 0 2px 2px;
}
#home #content li p {
    padding: 0px;
    margin: 0px 0 5px 0;
    font-size: 11px;
}
.column .contentarchive {
    padding-right: 10px;
}
.column .contentcolumn {
  padding: 0 10px;
  text-align: justify;
}
.column .contentfeed {
    padding: 0 0 0 10px;
}


/* footer */
#footer {
    margin-top: 3px;
    padding: 10px 20px;
    border-top: 10px solid #397ed9;;
    background: none;
}
#footer .footer {
    float: right;
    background: transparent url(images/ifac/logo2.gif) top right no-repeat;
    width: 64px;
    height: 40px;
}
#footer .footer a {
    display: block;
    outline: none;
    width: 100%;
    height: 100%;
    text-indent: -9999px;
}
#footer .copyright {
    float: right;
    margin: 3px 10px 0 0;
}
#footer .copyright div {
    font-size: 10px;
    text-align: right;
}
#footer ul {
    list-style: none;
    margin: 0;
    padding: 0px;
}
#footer ul li {
    float: left;
    margin-left: 5px;
}

#contentheader {
  padding: 0;
  background: none;
  margin-bottom: 1px;
}
#contentheader .error, #contentheader .message {
    margin: 0px;
    text-align: left;
    border: 0px;
}

/* Detailed page */
#leftsidebox, #rightsidebox {
    float: left;
    position: relative;
}

#leftsidebox {
    width: 15%;
    background: #F3F3F3;
    border: 1px solid #ccc;
    margin: 0 10px 0 0;
}
#rightsidebox {
    width: 82%;
}
#home #leftsidebox {
  width: 20%;
  margin: 5px 20px 0 0;
  background: #fff;
}
#home #rightsidebox {
  width: 77%;
}
#leftsidebox h1 {
    margin: 0;
    padding: 8px 10px;
    font-size: 13px;
}
#leftsidebox .link .name {
    font-weight: bold;
    color: #000066;
    padding: 8px 10px 2px 10px;
}
#leftsidebox .link .pdf, #leftsidebox .link .text, #leftsidebox .link .zip {
    padding: 6px 0 8px 30px;
    vertical-align: middle;
    color: #000;
}
#leftsidebox .link .pdf {
    background: transparent url(images/ifac/pdf.gif) 10px 6px no-repeat;
}
#leftsidebox .link .text {
    background: transparent url(images/ifac/text.gif) 10px 6px no-repeat;
}
#leftsidebox .link .zip {
    background: transparent url(images/ifac/zip.gif) 10px 6px no-repeat;
}
#leftsidebox .link a, #leftsidebox .link a:visited {
    display: block;
    width: 100%;
    height: 100%;
    padding: 8px 0;
    text-decoration: none;
    font-weight: bold;
}
#leftsidebox .link a:hover {
    text-decoration: none;
    background: #CEDCEE;
}

#toolbar {
    background: #ccc;
    padding: 5px 10px 5px 20px;
}
#toolbar label.name {
    float: left;
    font-weight: bold;
}
#toolbar ul {
    float: left;
    margin: 0px;
    padding: 0px;
}
#toolbar ul li {
    float: left;
    list-style: none;
}
#toolbar a {
    padding: 0 10px;
    font-weight: bold;
}
#toolbar a.selected {
    color: #000;
}
#toolbar ul.inet {
    float: right;
}
#toolbar a.email {
    background: transparent url(images/ifac/email.gif) top left no-repeat;
    padding-left: 18px;
    font-weight: normal;
}
#toolbar a.printer {
    background: transparent url(images/ifac/printer.gif) top left no-repeat;
    padding-left: 18px;
    font-weight: normal;
}
#detailed .details {
    border: 1px solid #ccc;
    padding: 5px;
}
#detailed .details h5, #detailed .details h6 {
    margin: 2px 0;
    padding: 0px;
    font-weight: bold;
}
#detailed .details h5 {
    font-size: 12px;
}
#detailed .details h6 {
    font-size: 12px;
}

#detailed .topicheader {
    color: #FA6300;
    font-weight: bold;
}
#detailed .linkactions {
    float: right;
    margin: 0px;
}

.spacer {
    background: transparent url(images/ifac/row-separator.gif) repeat-x bottom left;
    height: 1px;
}

/* Browse page */
#filterbox {
    border: 1px solid #ccc;
    padding: 10px;
    margin-bottom: 5px;
}
#filterbox h1 {
    padding: 0px;
    margin: 0px;
}
#filterbox .alpha {
    background: transparent url(images/ifac/abc.gif) top left no-repeat;
    padding-left: 33px;
}
#filterbox .keywordtitle {
    background: transparent url(images/ifac/keyword.gif) left 4px no-repeat;
    padding-left: 25px;
}
#filterbox .chrono {
    background: transparent url(images/ifac/123.gif) left top no-repeat;
    padding-left: 25px;
}
#filterbox p {
    padding: 2px;
    margin: 0px;
}
.apply a {
    color: #FA6300;
    text-transform: uppercase;
}
.apply, .alpha_selected {
    border-bottom: 1px solid #ccc;
}
.alpha_selected a, .apply a {
    font-weight: bold;
    text-decoration: underline;
}
#home .ftable td {
    vertical-align: top;
}
#home .ftable td a {
    text-decoration: underline;
}
ul.foldernav {
    background: transparent url(images/ifac/folder_line.gif) top left repeat-y;
}
ul.foldernav li {
    background: url(images/ifac/folder_end.gif) left top no-repeat;
    padding: 1px 0 1px 16px;
}
.blank {
    width: 11px;
    padding: 0;
}
.line {
    background: transparent url(images/ifac/folder_line.gif) 5px top repeat-y;
    width: 11px;
    padding: 0px;
    vertical-align: top;
}
.cross {
    background: transparent url(images/ifac/folder_end.gif) left bottom repeat-y;
    width: 11px;
    height: 12px;
}
.expand {
    background: transparent url(images/ifac/folder_expend.gif) left bottom no-repeat;
    width: 11px;
    height: 12px;
}
.collapse {
    background: transparent url(images/ifac/folder_collapse.gif) left bottom no-repeat;
    width: 11px;
    height: 12px;
}
.expand a, .collapse a {
    text-indent: -9999px;
    display: block;
    width: 100%;
    height: 100%;
    outline: none;
}

.ftable {
    border: 0;
}
#home .ftable th {
    background: #c3d8f5;
}
.type {
    width: 80px;
    text-align: left;
}
th.feed, th.fav, th.alert,.feed, .fav, .alert {
    width: 40px;
    text-align: center;
}
.conference, th.conference {
    text-align: left;
}
.conference span.links {
    font-weight: bold;
}
.conference h5, .conference h6 {
    margin: 2px 0;
    padding: 0px;
    font-weight: bold;
}
.conference h5 {
    font-size: 12px;
}
.conference h6 {
    font-size: 11px;
}
.conference .viewdetails a:visited, .conference .viewdetails a {
    font-size: 10px;
    color: #397ed9;
}
.conference .viewdetails a:hover {
  color: #676767;
}

.arrowbutton {
    background: url(images/ifac/arrow_button.gif) left top no-repeat;
    width: 16px;
    height: 15px;
    border: 0px;
    margin-top: 4px;
}
.keyword {
    color: #bd0000;
}
.linklisting p.linkactions a, p.linkactions a {
    padding: default;
    border: none;
    font-size: 12px;
}
.linklisting p.linkactions a:hover, p.linkactions a:hover {
    background: none;
}
.linklisting p.linkactions a.cart, p.linkactions a.cart {
    background: url(images/ifac/cart.gif) left top no-repeat;
    padding: 2px 0 0 24px;
}
.linklisting p.linkactions a.cart-empty, p.linkactions a.cart-empty {
    background: url(images/ifac/cart-empty.gif) left top no-repeat;
    padding: 2px 0 0 24px;
}

#home .paging {
    float: right;
}
#validate_form #content, #login #content, #login_email #content, #signup_form #content {
  margin: 0 10px;
}
#content h2 {
  margin: 10px 0 0 0;
  padding: 0px;
}
.crumb {
  font-size: 11px;
  margin-bottom: 10px;
}
.toolbar {
  margin: 20px 0 5px 0;
  padding-bottom: 5px;
}
.toolbar h5 {
  color: #000087;
  margin: 0px;
  padding: 0px;
  font-size: 15px;
  font-weight: bold;
}
.toolbar p {
  margin: 0px;
  padding: 5px 0;
}
#cart .toolbar p {
    float: right;
}
#category .paging {
  margin-top: 4px;
}
.toolbar .paging {
    float: right;
}

/* tables */
.ftable {
  font-size: 12px;
}
.ftable td {
    vertical-align: top;
}
#category td, #search_results td {
  border-bottom: 1px solid #e3e1e1;
}
.ftable th {
  background: #c3d8f5;
  text-transform: uppercase;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.ftable .time {
    width: 140px;
}
.ftable .acronym, .ftable .date {
  width: 140px;
}
.ftable td.acronym, .ftable td.date, .ftable td.time {
  color: #5d5bab;
}
.ftable th.author {
  color: #0e0aa7;
}
.ftable td.author {
    color: #0b0879;
}
.ftable .author  {
    width: 220px;
}
.ftable .date {
    width: 80px;
}
.ftable .actions {
  width: 20px;
  text-align: right;
}
.viewoptions {
  padding: 0px;
  margin: 4px 0px 2px 5px;
  font-size: 11px;
}
.viewoptions span {
  color: #bd0000;
  padding-left: 5px;
}
.viewoptions a, .viewoptions a:visited {
  color: #397ed9;
}
.viewoptions a:hover {
  color: #676767;
}
.viewoptions a:active {
  color: #397ed9;
}
.selected div {
  margin: 0 10px 4px 10px;
}
.selected span {
    font-weight: bold;
}
.ftable .left {
    border-left: 1px solid #fff;
}
.ftable .right {
    border-right: 1px solid #fff;
}
.ftable .top {
    border-top: 1px solid #fff;
}
.selected .bottomrow {
    border-bottom: 1px solid #e3e1e1;
    background: #e5ebf4;
}
.selected .bottomleft {
    border-left: 1px solid #e3e1e1;
}
.selected .bottomright {
    border-right: 1px solid #e3e1e1;
}
.selected .left {
    border-left: 1px solid #e3e1e1;
}
.selected .right {
    border-right: 1px solid #e3e1e1;
}
.selected .top {
    border-top: 1px solid #e3e1e1;
    background: #e5ebf4;
}
.selected a.title {
  font-weight: bold;
}
.submit { 
  border: 1px solid #fff;
  background: #0b0879;
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  padding: 2px 10px;
}
.button {
    background: #0b0879;
    padding: 2px 10px;
    font-weight: bold;
    font-size: 11px;
    color: #fff;
}
.rss {
    background: transparent url(images/ifac/rss.gif) top left no-repeat;
    width: 20px;
    height: 20px;
    margin: 0 auto;
}
.rss a {
    display: block;
    width: 100%
    height: 100%;
    text-indent: -9999px;
    outline: none;
}

/* Signup form */
#signup_form .row .keywords, #profile .row .keywords {
  margin-left: 120px;
}
#disp_keywords {
  margin: 5px 0 0 0;
}
.actions {
  margin-top: 2px;
  font-size: 10px;
}
#keyword-tree {
  margin-top: 5px;
}

/* multiple columns on one page */
#profile #content .column {
    float: left;
    width: 48.0%;
    margin: 0px 10px;
}
#content .coldetail {
    margin: 5px 0 10px 0;
}
#content .coldetail label.name {
    color: #fc6202;
    font-size: 11px;
    font-weight: bold;
}
#content .column th {
    text-transform: none;
}
#content h3 {
  margin: 5px 0px 5px 0px;
  padding: 5px 0px 0px 0px;
  border-bottom: 1px dotted #bbbfa1;
  color: #000;
  font-size: 14px;
}
#content .column .more {
    padding: 0;
    font-size: 11px;
    text-align: right;
}
#content .coldetail span {
    padding-left: 100px;
}

/*----------*\
|* Calendar *|
\*----------*/
#calendar {
  position: absolute;
  width: 241px;
  background-color: #FFFFFF;
  border-top: 1px solid #DCDCDC;
  border-left: 1px solid #DCDCDC;
  border-right: 1px solid #717171;
  border-bottom: 1px solid #717171;
  z-index: 200px;
}
#calendar .header {
  background-color: #383741;
  border-bottom: 1px solid #717171;
  padding: 1px 2px;
  color: #FFF;
}
#calendar .header span {
  padding: 0 3px;
}
#calendar .header span, #calendar .header img {
  vertical-align: middle;
  font-weight: bold;
}
#calendar table {
  margin: 1px auto 0 auto;
  border-top: 1px solid #FFF;
  border-collapse: collapse;
}
#calendar td {
  width: 26px;
  padding: 2px;
  font-size: 10px;
  cursor: pointer;
}
#calendar td.title {
  background-color: #CCC;
  font-weight: bold;
  cursor: auto;
}
#calendar td.borderbottom {
  border-bottom: 1px solid #717171;
}
#calendar td.borderright {
  border-right: 1px solid #717171;
}
#calendar td.selected {
  color: #FFFFFF;
  background-color: #737180;
  cursor: pointer;
}
#calendar td.sunday {
  color: #FF0000;
}
#calendar td.saturday {
  color: #008000;
}
#calendar td.disabled {
  color: #CCCCCC;
}
#calendar td.mousedown {
  color: #FFFFFF;
  background-color: #737180;
}
#calendar td.strike {
  cursor: auto;
}
#calendar .today {
  position: relative;
  font-size: 9px;
  font-weight: bold;
  width: 100%;
  color: #FFF;
  text-align: center;
  padding-bottom: 2px;
  background-color: #383741;
}

.calendar {
  margin: 10px 5px;
}
.calendar table {
  border: 1px solid #ccc;
  border-collapse: collapse;
}
.calendar th {
  font-size: 12px;
  width: 50px;
  border: 0px;
  border-right: 1px solid #ccc;
  background: #494f4f;
  color: #fff;
}
.calendar td {
  height: 50px;
  border: 0px;
  padding: 0px;
  margin: 0px;
  font-size: 11px;
  line-height: 11px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  color: #c6c5cb;
  text-align: center;
}
.calendar td a {
  text-decoration: none;
  display: block;
  padding: 19px;
  text-align: center;
  color : #000;
}
.calendar .upcoming {
  background: #5d945d;
  color: #ab0303;
}
.calendar .past {
  background: #d0dcd0;
}
.calendar .sunday {
  color: #bd0900;
}
.calendar .saturday {
  color: #034d03;
}
.calendar .today {
  background: #7aa2f4;
}
.calendar div.header {
  background: #494f4f;
  width: 366px;
  padding: 2px;
  color: #BD0000;
  font-weight: bold;
  padding-bottom: 4px;
}
.calendar div.header span.year {
  float: right;
}
.calendar div.header label, .calendar div.header img {
  vertical-align: middle;
}
.calendar .note {
  float: left;
  font-style: normal;
  font-weight: normal;
  font-size: 11px;
  margin: 15px 20px 2px 0px;
}
.calendar .note div {
  float: left;
  width: 20px;
  text-align: center;
  border: 1px solid #ccc;
}
.calendar .note span {
  vertical-align: middle;
  padding-left: 5px;
  font-style: italic;
  font-size: 10px;
  font-weight: bold;
}
.ftable tr.bgover td {
  background: #F3F3F3;
}

.row label.name {
    width: 120px;
    text-align: left;
}
.row .description {
  background: #e2e1eb;
  padding: 2px;
  font-size: 11px;
  margin-bottom: 5px;
  font-style: italic;
}

/* Recursive search box */
#recursive_box {
    position: absolute;
    background: transparent url(images/ifac/content_header_bg.gif) left top repeat-x;
    border: 1px outset #fc6202;
    top: -6px;
    padding: 0 5px;
    color: #fff;
    font-weight: bold;
}
#recursive_box input {
    vertical-align: middle;
}

/* Home page */
#home ul.nav {
  margin: 0;
  list-style: none;
}
#home ul.nav li {
  padding: 1px 0 1px 8px;
  background:  url(images/ifac/bullet-orange.gif) left 6px no-repeat;
  text-align: justify;
}
#home ul.nav h5 {
  margin: 0px;
  padding: 0px;
  color: #0b0879;
  font-size: 12px;
  font-weight: normal;
}
#email-form {
  padding: 0px;
  width: 450px;
  text-align: left;
  border: 1px outset #a4a4a4;
  color: #2a272a;
}
#email-form .form-content {
  padding: 10px;
  background: #ccc;
}
#email-form label.name {
  width: 90px;
  padding-top: 3px;
}
#email-form textarea, #email-form .longtext {
  width: 320px;
}
#email-form textarea {
  height: 100px;
}
#email-form .buttons {
  text-align: center;
  margin-top: 10px;
}
#email-form .error {
  color: #bd0000;
  padding: 2px;
}
#email-form .error {
  color: #bd0000;
  padding: 2px;
}
#email-form h1 {
  margin: 0px;
  padding: 7px;
  background: #463f32;
  font-size: 11px;
  color: #fff;
}
#email-form h1 a {
  float: right;
  color: #fff;
}

/* generic modal dialog style */
.modal-dialog {
  display: none;

  position: fixed;
  right: 2px;
  top: 229px;

/* ie6 - doesn't support fixed positioning */
  _position: absolute;
  _top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}
.jqmOverlay {
  background-color: #ddd;
}
/* ie6 - prevent ActiveX bleed-through (<select> elements, etc) */
* iframe.jqm {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: expression(this.parentNode.offsetWidth + 'px');
  height: expression(this.parentNode.offsetHeight + 'px');
}

/* generic 280px modal dialog */
.modal-dialog-280px {
  margin-left: -140px;
  width: 280px;
}
.modal-dialog-280px .modal-content {
  padding: 20px 22px 1px 18px;
  background: url(../images/modal-280px-bg.gif) top left no-repeat;
  width: 240px; /* ie6/7 - background in area of top padding not showing up */
}
.modal-dialog-280px .modal-bottom {
  background: url(../images/modal-280px-bottom.gif) top left no-repeat;
  height: 15px;
  font-size: 1px; /* ie6 */
}
.modal-dialog button.jqmClose {
  width: 17px;
  height: 17px;
  position: absolute;
  top: 10px;
  right: 10px;
  background: url(../images/close-yellow.gif) top left no-repeat;
}
.modal-dialog h4 {
  margin: 0 0 0.5em 0;
  font-size: 15px;
}
.modal-dialog button {
  margin: 0;
  padding: 0;
  border: 0;
  text-indent: -9999px;
  cursor: pointer;
}