/*
   DJO-Andy Module Formatting
   --------------------------
*/

/*
   Journals Menu
   -------------
*/

#djo-journals 
{
  height: 30px;
}

/* level 1 */

#djo-journals ul
{
  list-style-type: none;
  list-style-position: outside;
  list-style-image: none;
  margin: 0px;
  padding: 0px;
}

#djo-journals ul li
{
  float: left;
  padding: 0px;
  margin: 0px;
  position: relative;
  height: 30px;
  width: 240px;
}

#djo-journals ul li a
{ 
  font-size: 16px;
  color: #999;
  display: block;
  height: 30px;
  padding: 0px;
  line-height: 30px;
  text-align: center;
  background: #a8bcbb url(../images/page_header/journal-inactive.png) 0% 0% no-repeat;
  text-decoration: none;
}

#djo-journals ul li.active a
{
  color: #21311B;
  background: #F0F0F0 url(../images/page_header/journal-active.png) 0% 0% no-repeat;
}

#djo-journals ul li#current a,
#djo-journals ul li a:hover
{
  color: #21311B;
  background: #F0F0F0 url(../images/page_header/journal-hover.png) 0% 0% no-repeat;
}

/* level 2 */

#djo-journals ul ul
{
  border: 0px none;
  display: none;
  font-size: 16px;
  left: 0px;
  position: absolute;
  top: 30px;
  width: 240px;
  padding: 0px;
  background: #F2FFEB url(../images/page_header/journal-drop-bottom.png) 0% 100% no-repeat;
}

#djo-journals ul ul li
{
  position: relative;
  display: block;
  padding: 0px;
  margin: 0px;
  border: 0px none;
  height: auto;
}

#djo-journals ul li ul a,
#djo-journals ul li#current ul a,
#djo-journals ul li.active ul a
{ 
  color: #999;
  border: 0px none;
  border: 1px solid #DDD;
  display: block;
  font-size: 16px;
  height: auto;
  line-height: 100%;
  margin: 0px;
  padding: 5px 0px;
  text-decoration: none;
  background: #F0F0F0 url(../images/page_header/journal-drop.png) 0% 0% repeat-y;
}

#djo-journals ul li.active ul li#current a
{  
  color: inherit;
  background: #F0F0F0 url(../images/page_header/journal-drop-current.png) 0% 0% repeat-y;
}

#djo-journals ul li ul a:hover,
#djo-journals ul li#current ul a:hover,
#djo-journals ul li.active ul li#current a:hover
{
  color: inherit;
  background: #F0F0F0 url(../images/page_header/journal-drop-current.png) 0% 0% repeat-y;
}

/*
   Main Menu (DJO Menu)
   --------------------
   
   The classes .hover and .parent-hover are added by js.
*/

/* all levels */

#djo-menu div.moduletable_mm span.separator span
{
  font-style: italic;
}

#djo-menu div.moduletable_mm a span,
#djo-menu div.moduletable_mm span
{
  color: #888;
}

#djo-menu div.moduletable_mm .hover span,
#djo-menu div.moduletable_mm a.current span,
#djo-menu div.moduletable_mm span.current span
{
  color: #21311B;
}

/* level 1 */

#djo-menu div.moduletable_mm ul
{
  list-style-type: none;
  list-style-position: outside;
  list-style-image: none;
  margin: 0px;
  padding: 0px;
}

#djo-menu div.moduletable_mm ul li
{
  border: 0px;
  float: left;
  margin: 0px;
  padding: 0px;
  position: relative;
}

#djo-menu div.moduletable_mm ul a,
#djo-menu div.moduletable_mm ul span.separator
{ 
  display: block;
  font-size: 14px;
  height: 30px;
  line-height: 30px;
  padding: 0px;
  text-decoration: none;
  width: auto !important;
  width: 1px;
  white-space: nowrap;
}

#djo-menu div.moduletable_mm ul a span,
#djo-menu div.moduletable_mm ul span.separator span
{ 
  border-right: 2px solid #DDD;
  display: block;
  padding: 0px 5px;
}

#djo-menu div.moduletable_mm ul a.parent span,
#djo-menu div.moduletable_mm ul span.parent span
{ 
  padding: 0px 20px 0px 5px;
  background: transparent url(../images/page_header/darrows.png) 100% 0px no-repeat;
}

#djo-menu div.moduletable_mm ul a.parent-hover span,
#djo-menu div.moduletable_mm ul span.parent-hover span
{ 
  background: transparent url(../images/page_header/darrows.png) 100% -30px no-repeat;
}

/* level 2 */

#djo-menu div.moduletable_mm ul ul
{
  position: absolute;
  top: 30px;
  left: 0px;
  width: 160px;
  background-color: #F0F0F0;
  display: none;
  border: 0px none;  
  line-height: 100%;
  list-style-type: none;
  list-style-position: outside;
  list-style-image: none;
}

#djo-menu div.moduletable_mm ul ul li
{
  border: 0px none;
  float: left;
  line-height: 30px;
  margin: 0px;
  padding: 0px;
  position: relative;
  width: 160px;
}

#djo-menu div.moduletable_mm ul ul a,
#djo-menu div.moduletable_mm ul ul span.separator
{ 
  border: 0px none;
  display: block;
  height: auto !important;
  height: 30px;
  margin: 0px;
  padding: 0px;
  text-decoration: none;
  width: 160px;
  line-height: 30px;
}

#djo-menu div.moduletable_mm ul ul a span,
#djo-menu div.moduletable_mm ul ul span.separator span
{
  display: block;
  padding: 0px 5px;
  border: 1px solid #DDD;
  margin: 0px;
  background-image: none;
  width: auto;
}

#djo-menu div.moduletable_mm ul ul a.parent span,
#djo-menu div.moduletable_mm ul ul span.parent span
{ 
  padding: 0px 5px;
  background: transparent url(../images/page_header/rarrow.png) 100% 50% no-repeat;
}

#djo-menu div.moduletable_mm ul ul a.parent-hover span,
#djo-menu div.moduletable_mm ul ul span.parent-hover span
{ 
  padding: 0px 5px;
  background: transparent url(../images/page_header/rarrow-active.png) 100% 50% no-repeat;
}

/* level 3 and on */

#djo-menu div.moduletable_mm ul ul ul
{
  position: absolute;
  top: 0px;
  left: 160px;
  width: 160px;
  background-color: #F0F0F0;
  display: none;
  border: 0px none;  
  line-height: 100%;
}

/*
   Breadcrumbs
   -----------
*/

#djo-toolbar div.moduletable_breadcrumbs
{
  color: #DDD;
  font-size: 14px;
}

#djo-toolbar div.moduletable_breadcrumbs span,
#djo-toolbar div.moduletable_breadcrumbs a
{
  float: left;
  height: 20px;
  border: 0px;
  line-height: 20px;
  padding-right: 20px;
  vertical-align: middle;
  text-decoration: none;
}

#djo-toolbar div.moduletable_breadcrumbs .crumb_0
{  
  background: #A0A0A0 url(../images/breadcrumbs.png) 100% -60px no-repeat;
  color: #D0D0D0;
}

#djo-toolbar div.moduletable_breadcrumbs .crumb_1
{  
  background: #C0C0C0 url(../images/breadcrumbs.png) 100% -40px no-repeat;
  color: #909090;
}

#djo-toolbar div.moduletable_breadcrumbs .bread_0
{  
  background: #A0A0A0 url(../images/breadcrumbs.png) 100% -20px no-repeat;
  color: #D0D0D0;
}

#djo-toolbar div.moduletable_breadcrumbs .bread_1
{  
  background: #C0C0C0 url(../images/breadcrumbs.png) 100% 0px no-repeat;
  color: #909090;
}

/*
  Login
*/

#djo-toolbar div.andy-login
{
    color: #E0E0E0;
}

#djo-toolbar div.andy-login .hasTip
{
    border-bottom: 1px dotted #E0E0E0;
}

#djo-toolbar div.andy-login a
{
    color: #FFF;
}

#djo-toolbar div.andy-login input
{
    background-color: #DDD;
    border: 0px;
    padding: 0px;
    margin: 0px;
    font-size: 0.9em;
}

#djo-toolbar div.andy-login div.greeting
{
    float: left;
    height: 20px;
    overflow: hidden;
    margin: 0px 6px 0px 0px;
    padding: 0px;
    border: 0px none;
    line-height: 20px;
}

#djo-toolbar div.andy-login div.action
{
    float: right;
    height: 20px;
    overflow: hidden;
    margin: 0px;
    padding: 0px 0px;
    border: 0px none;
    line-height: 20px;
    border-left: 1px solid #AAA;
}

#djo-toolbar div.andy-login div.action div
{
    border-left: 1px solid #888;
    padding: 0px 6px;
}

/*
   Search (Native)
   ---------------
*/

#djo-head div.moduletable_search
{
  position: absolute;
  right: 10px;
  top: 50px;
  margin: 0px;
  padding: 0px 0px;
  border: 0px;
}

#djo-head div.moduletable_search form,
#djo-head div.moduletable_search div
{
  border: 0px none;
  padding: 0px;
  margin: 0px;
}

#djo-head div.moduletable_search input
{
  border: 0px;
  border-top: 1px solid #DDD;
  border-bottom: 1px solid #DDD;
  color: #DDD;
  width: 120px;
  margin: 0px;
  padding: 0px;
  text-align: center;
}

/*
   Search (Dig)
   ------------
*/

div#dig_search_module table,
div#dig_search_module table tr,
div#dig_search_module table td
{
    vertical-align: center;
    padding: 0px;
    margin: 0px;
    border: 0px;
}

div#dig_search_module a
{
    padding: 0px;
    margin: 0px;
    border: 1px solid #CCC;
    display: block;
}

div#dig_search_module a:hover
{
    border-right: 1px solid #AAA;
    border-bottom: 1px solid #AAA;
}

div#dig_search_module a img
{
    width: 18px;
    height: 18px;
    float: left;
}

div#dig_search_module input
{
    display: block;
    border: 0px;
    padding: 0px;
    height: 18px;
    margin: 0px;
    border-top: 1px solid #DDD;
    border-left: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
}

div#dig_search_module input.inactive
{
    color: #999;
}

/*
   The OTC Bar
   -----------
*/

#djo-user3 #otc-pane h3
{
  text-align: left;
  font-size: 100%;
  text-decoration: none;
  font-weight: normal;
  padding: 0px 5px 0px 5px;
  cursor: pointer;
  margin: 0px;
  color: #888;
  border: 0px none;
  border-bottom: 1px dashed #DDD;
}

#djo-user3 #otc-pane h3.jpane-toggler-down
{  
  cursor: default;
}

#djo-user3 #otc-pane h3 span
{
  display: block;
  margin: 0px;
  border: 0px;
  padding: 0px 12px 0px 0px;
  background: white url(../images/icons/mono/plus12.png) 100% 50% no-repeat;
}

#djo-user3 #otc-pane h3.jpane-toggler-down span
{  
  background: white url(../images/icons/mono/minus12.png) 100% 50% no-repeat;
}

#djo-user3 #otc-pane div.jpane-slider
{
  
}

/*
   Text Resize Buttons
   -------------------
*/

#djo-toolbar .change-text-size a
{
  float: right;
  width: 20px;
  height: 20px;
  background: #C0C0C0 url(../images/zoom.png) 0px 0px no-repeat;
}

#djo-toolbar .change-text-size a.reset
{
  background: #C0C0C0 url(../images/zoom.png) -20px 0px no-repeat;
}

#djo-toolbar .change-text-size a.increase
{
  background: #C0C0C0 url(../images/zoom.png) -40px 0px no-repeat;
}

#djo-toolbar .change-text-size a span
{
  display: none;
}

/*
   OTC - Progress Box
   ------------------
*/

#djo-otc-stats
{
  padding: 5px;
}

#djo-otc-stats h5
{
  font-weight: normal;
  font-size: 1em;
  color: #AAA;
}

/*
   OTC - Moderate Box
   ------------------
*/

#djo-moderate-box
{
  padding: 10px;
}

/*
   OTC - Error Box
   ---------------
*/

#djo-otc-error-box
{
  padding: 10px;
}

/*
  DJO Highlights
  --------------
*/

#djo-highlights .journal-highlight
{
    background-color: #FEE;
    height: 300px;
    position: relative;
    overflow: hidden;
    text-decoration: none;
}

#djo-highlights .journal-highlight strong
{
    display: block;
    background-color: #DDD;
    position: absolute;
    top: 0;
    left: 0;
    border: 0 none;
    padding: 10px;
    width: 200px;
}

#djo-highlights .journal-highlight span
{
    display: block;
    background-color: #DDD;
    position: absolute;
    bottom: 0;
    right: 0;
    border: 0 none;
    padding: 10px;
    width: 200px;
}

#djo-highlights .hw
{
    background: #FFF url(../images/highlight-hw.jpg) 0% 0% no-repeat;
}

#djo-highlights .hwa
{
    background: #FFF url(../images/highlight-hwa.jpg) 0% 0% no-repeat;
}

#djo-highlights .hwn
{
    background: #FFF url(../images/highlight-hwn.jpg) 0% 0% no-repeat;
}

#djo-highlights .ayr
{
    background: #FFF url(../images/highlight-ayr.jpg) 0% 0% no-repeat;
}

#djo-highlights .search-highlight
{
    background-color: #FFF;
    border-top: 5px solid #DDD;
    border-bottom: 5px solid #DDD;
}

#djo-highlights .search-highlight span
{
    display: block;
    padding: 5px 5px 5px 25px;
    background: transparent url(../images/search.png) 5px 50% no-repeat;
}

#djo-highlights .search-highlight strong
{
    float: right;
    color: #BBB;
    text-decoration: none;
}

#djo-highlights .search-highlight:hover strong
{
    color: #F66;
    text-decoration: none;
}