/*****************************************************************************\
* POF-Atlas
******************************************************************************
* 10.10.2005  J.Tremmel  New styles for less table-heavy layout
* 24.10.2005  J.Tremmel  first release
* 27.10.2005  J.Tremmel  Changed left-floated navigation to a more IE-safe
*                        positioned layout, added footer for disclaimer,
*                        imprint/impressum links
* 25.11.2005  J.Tremmel  Added styles for glossary
* 14.12.2005  J.Tremmel  Added styles for glossary "start letters"
\*****************************************************************************/

body, table, td, th {
  font:11px/1.45 Verdana, Arial, sans-serif;
}
body  {
  margin:0; padding:0; color:#004992;
  background:#FFF url(/atlas/images/banner_dots.gif) 1px 0  repeat-x;
}
table { }
table.tst td      { border:1px dashed #0F0 !important; }
table.tst th      { border:1px dashed #00F !important; }
table.tst input   { border:1px dashed #F00 !important; }

img { border:none; }
p    { margin:1em 0; padding:0; }
h1   { font-size:2em; margin:0 0 .68em 0; }
h2   { font-size:1.5em; margin:1em 0 .68em 0; }
h3   { font-size:1.2em; margin:.68em 0; }
form { margin:0; padding:0; }


a:link    { text-decoration:none; color:#005EBB; }
a:active  { text-decoration:none; color:#004992; }
a:visited { text-decoration:none; color:#003468; } /* #002549 */
a:focus,
a:hover   { text-decoration:underline; color:#000; }



/**
* Make links in a few special cases more subdued:
* (navigation/menu, article downloads, inside tables)
*/
#nav a:link,
#nav a:active,
#nav a:visited,
#downloads a:link,
#downloads a:active,
#downloads a:visited,
table a:link,
table a:active,
table a:visited { text-decoration:none; color:#004992; }

#nav a:focus,
#nav a:hover,
#downloads a:focus,
#downloads a:hover,
table a:focus,
table a:hover   { text-decoration:underline; color:#000;  }


input.text,
select,
textarea     { border-width:1px; border-color:#004992; }
input.button { line-height:1.2;
               border-width:1px; border-color:#CDE2F5;
               background:#CDE2F5 url(../images/bluefade_vert.jpg) 0 -16px;
              }

a.go {
  padding-left:14px;
  background:url(../images/arrow_right.gif) no-repeat 0 2px;
  font-weight:bold;
}
a.go:link,
a.go:active,
a.go:visited { text-decoration:none; color:#004992; }
a.go:hover   { text-decoration:underline; background-position:2px 2px; }

#wrapper {
  background:url(/atlas/images/banner_top.png) 0 0 no-repeat;
  padding-top:152px;
}


/******************************
* Navigation
*/
#nav {
  position:absolute; top:154px; left:0;
  width:176px; background:#FFF;
  margin:0; padding:0 0 0 1.45em;
}


#nav ul  { list-style:none; margin:0; padding:0; font-weight:bold; }
#nav li  { display:block; margin:0 0 .9em;  }

#nav img { margin:0 0 .45em 0; } /* language selection */
#nav #supporters     { margin:8em 0 0 0; }
#nav #supporters img { display:block; margin:1em 0 1em -1em; }


#nav li a          { display:block; }
#nav li a:link,
#nav li a:active,
#nav li a:visited  { color:#78A8D4; }
#nav li a:focus,
#nav li a:hover    { color:#004992; }

#nav li.active a:link,
#nav li.active a:active,
#nav li.active a:visited,
#nav li.active a:focus,
#nav li.active a:hover  { text-decoration:none; color:#004992;  }

/******************************
* Content
*/
#content {
  padding:2em 1em 3em 200px;
  width:52em;
}

/******************************
* Footer
*/
#footer {
  padding:.5em 1em .5em 200px; margin:0;
  background:#FFF url(/atlas/images/banner_dots.gif) 1px 0  repeat-x;
}
#footer ul  {
  width:52em; /* just as #content */
  list-style:none; margin:0; padding:0;
  font-weight:normal; text-align:right;
}
#footer li   { font-size:.9em; display:inline; margin:0; padding:0 .5em; }
#footer li a { padding-left:14px; background:url(../images/arrow_right.gif) no-repeat 0 1px; }
#footer li a:link,   
#footer li a:active  { text-decoration:none; color:#005EBB; }
#footer li a:visited { text-decoration:none; color:#004992; }
#footer li a:focus,
#footer li a:hover   { text-decoration:underline;
                       background-position:2px 1px; color:#004992; }

/******************************
* Miscellaneous
*/

/* "edit company" tables */
table.edit_company    {  }

table.edit_company th { width:18em; text-align:left;
                        padding:.5em  0 .5em .5em; vertical-align:top; }
table.edit_company td { background:#FFF; }
table.edit_company input.text,
table.edit_company textarea,
table.edit_company select#country { width:28em; }
table.edit_company td label,
table.edit_company td input.checkbox { vertical-align:middle; line-height:1.5; }
select#country option.odd { background:#E5EAF8; }
table.edit_company tr { background:#FFF url(../images/bluefade.jpg) top left no-repeat; }
table.edit_company td#previewLogo { text-align:center; }
table.edit_company td#previewLogo div {
  text-align:left; margin:0; padding:0 .5em;
  background:#FFF url(../images/bluefade.jpg) top left no-repeat;
}

/* "edit product category" tables */
table.edit_product    {   }
table.edit_product tr { background:#FFF url(../images/bluefade.jpg) 0 0 no-repeat;}
table.edit_product th { text-align:left; }
table.edit_product td { }
table.edit_product input.text,
table.edit_product textarea   { width:30em; }
table.edit_product select     { width:100%; }


/**
* Company Downloads and Product Downloads admin
*/
table.dl_admin                  { margin-top:.5em; padding:0;
                                  border-spacing:0; border-collapse:collapse; border:0;  }
table.dl_admin th               { text-align:left; vertical-align:top; width:8em; }
table.dl_admin th.main,
table.dl_admin th.category      { width:18em; padding:.5em;
                                  line-height:1.3; font-weight:bold;  }
table.dl_admin th.category span { white-space:nowrap; }
table.dl_admin input.checkbox,
table.dl_admin label            { vertical-align:middle; line-height:1.5; }
table.dl_admin                  { background:#FFF url(../images/bluefade.jpg) 0 0 no-repeat;
                                  border:1px solid #C9D9F2; border-width:1px 0 0 1px;}
/**
* Companies Listing (main and search pages)
*/
table.companies            { border-spacing:0; border-collapse:collapse;
                              border:0; padding:0; margin:0; width:100%; }
table.companies td         { padding:2em; }

table.companies td.logo    { width:100px; padding-left:0; padding-right:0;  }
table.companies td.actions { width:8em; padding-left:0; padding-right:0; }
table.companies td.logo a  { text-decoration:none; }

/* parked company entries: */
table.companies tr.parked           { color:#78A8D4; background:#EFF6FC; }
table.companies tr.parked img       { opacity:.5; filter:alpha(opacity=50) }
table.companies tr.parked a:link,
table.companies tr.parked a:visited { color:#78A8D4; }


/*
* Page Navigation Links
*/
div.pagenav        { text-align:center; }
div.pagenav a,
div.pagenav strong { padding:0 .2em; }
div.pagenav a img  { width:10px; height:10px; position:relative; top:1px;  }
div.pagenav a.prev:hover img { left:-1px;  }
div.pagenav a.next:hover img { left:1px;  }

/**
* Company/Product search
*/
div#searchbox {
   padding:.5em;
   background:#FFF url(../images/bluefade.jpg) 0 0 no-repeat;
}
div#searchbox td,
div#searchbox th                { font-weight:normal; text-align:left; vertical-align:middle; }
div#searchbox p                 { margin:0; }
div#searchbox select#product_id { width:100%; }
div#searchbox select#country    { width:16em;}
div#searchbox select#zipcode    { width:6em; }
div#searchbox div.actions       { width:8em; }
/*
div#searchbox input.button      {

padding:2px 0 2px 12px; margin:0; border:none; border-width:0;
  background:#FFF url(../images/arrow_right.gif) no-repeat 0 4px;
  background-color:transparent;
  font-weight:bold; font-size:1em; color:#004992;
  text-transform:uppercase; text-indent:0;

}
*/

/**
* Logo on top of company details pages
*/
#companylogo         { margin:0 0 2em; text-align:center; }
#companylogo a:hover { text-decoration:none; }
#companylogo img     {}


/**
* Company Details (including Downloads and Product Downloads)
*/
table.details               { width:100%; }
table.details th,
table.details td            { color:#004992; text-align:left;
                              font-weight:normal; line-height:1.4; padding:.4em .5em; }
table.details th            { color:#78A8D4; vertical-align:top; }
table.details tr.topcat,
table.details tr.topcat th  { color:#004992;
                              background:#E0EEF9 url(../images/bluefade_vert.jpg) 0 -80px;
                              font-weight:bold; vertical-align:middle; }


table.details tr.topcat th  {  }
table.details tr.subcat th  {  }

table.details tr          { background:#E0EEF9; }
table.details tr th       { background:#EFF6FC; }
table.details tr.even     { background:#EDF5FB; }
table.details tr.even th  { background:#F7FAFD; }

table.details ul          { margin:0; padding:0; list-style:none; line-height:1.5;}
table.details li          { display:block; margin:.2em 0 0 ; padding:0; }
table.details img         { vertical-align:middle; }

table.details th  { width:25%; }
table.details td  { width:auto; }

/* modificator for detail tables (contact info for "impressum", ...) */
table.contact    { margin:1em 3em; }
table.contact th,
table.contact td { padding:.2em .3em; }

table.products tr.subcat th { width:20%; }
table.products tr.topcat th.catplusdl { width:25%; } /* avoid some column width rendering issuses */

/** download-icons as background images: */
ul.downloads    {
  margin:0; padding:0;
  list-style:none; line-height:1.5;
}
ul.downloads li {
  display:block; margin:.2em 0 0; padding:0 0 0 20px;
  background-position:left; background-repeat:no-repeat;
}
ul.downloads li img   { display:none; }
ul.downloads li.pdf   { background-image:url(../images/pdf.gif); }
ul.downloads li.gif,
ul.downloads li.png   { background-image:url(../images/gif_png.gif); }
ul.downloads li.jpeg,
ul.downloads li.jpg   { background-image:url(../images/jpg.gif); }
/** **/

a.nextPage { display:block; text-align:right; margin-left:50%; }
a.prevPage { display:block; text-align:left; width:50%; float:left; }

/**
* Generic downloads page (articles)
*/
#downloads            { line-height:1.28; margin:1em 0 3em; padding:0 0 0 1.64em ; }
#downloads li         { margin:1.45em 0 1em;  }
#downloads .dl_descr  { display:block; margin:.5em 0;
                        font-size:.9em; color:#005EBB; }
#downloads a.pdf      { padding:2px 0 1px 20px; background:url(../images/pdf.gif) no-repeat left; }
div.descr             { margin:1em 0; }
#dl_pageNav           { text-align:center; position:relative; font-weight:bold; }
#dl_pageNav a.prevPage,
#dl_pageNav a.nextPage { width:20em; margin:0; position:absolute; top:0; font-weight:normal; }
#dl_pageNav a.prevPage { left:0;  }
#dl_pageNav a.nextPage { right:0; }



span.descr,
span.navid    { font-size:.8em; color:#5E8AC7; }

span.filesize { font-size:.8em; color:#5E8AC7; white-space:nowrap; }
.error        { background:#FFF url(../images/caution.gif) no-repeat right;
                border-style:solid; border-color:#C00 #F00 #F00 #C00;  }


/**
* Glossary
*/
div.glossary a,
div.glossary a:link,
div.glossary a:visited,
div.glossary a:hover,
div.glossary a:active  { text-decoration:underline; } 

ul#glossaryNav         { margin:0; padding:0; }
ul#glossaryNav li      { display:inline; margin:0 .5em 0 0; padding:0;  }
ul#glossaryNav a       {}
ul#glossaryNav .na     {}
div.glossaryItem              { margin-top:1.5em;}
div.glossaryItem h2           { display:inline; }
div.glossaryItem .altlang     { display:inline; font-size:.833em; padding-left:.5em; }
div.glossaryItem .gcontent    { margin-top:.5em; line-height:1.5; }
div.glossaryItem .clearFloats { clear:both; font-size:1px; visibility:hidden; overflow:hidden; }
div.glossaryItem .na          { color:#A00; } /* "not available" */

div.glossaryItem a.external   { 
  padding-right:20px; 
  background:url(/atlas/images/external_link.gif) no-repeat bottom right; 
}
* html div.glossaryItem a.external { 
  display:inline-block; /* workaround for IE trouble with background position */ 
}
/* single letter for signaling "a new section starts here": */
div.glossaryItem div.startLetter {
  color:#004992; border-bottom:1px solid #606395; 
  font-weight:bold; font-size:1.82em; line-height:1;
  background:#FFF url(/atlas/images/banner_dots.gif);
  margin:.5em  0; 
}


img.floatedRight { float:right; margin:.5em 0 .5em 1em; }
img.floatedLeft  { float:left; margin:.5em 1em .5em 0; }
img.below        { display:block; margin:.5em auto; }

/**
* Miscellaneous
*/

option.lvl1   { margin-top:.5em; color:#000; background:#E5EAF8; }
option.lvl2   { padding-left:2em; color:#224; }

.failed       { color:#C00; }
.success      { color:#0C0; }

.admin a.go:link,
.admin a.go:active,
.admin a.go:visited { color:#6A91CB; }

/**
* simple dialogs for admin interface
*/
div.dialog              { width:60%; margin:2em auto; padding:.5em 1em .5em 4em;
                          border:1px solid #78A8D4; border-width:2px 1px;
                          background:url(../images/question.gif) no-repeat .8em 50%;}
div.dialog p.dquestion  { margin:0 0 .5em; }
div.dialog p.dactions   { margin:0; }
div.dialog p.dactions a { display:block; }

div.errormsg    { width:60%; margin:2em auto; padding:.5em 1em .5em 4em;
                  color:#C00; background:url(../images/caution.gif) no-repeat .8em 50%;
                  border:1px solid #F00; border-width:2px 1px; }
div.errormsg p  { margin:0; padding:0; line-height:1.3; }


/* hide main headline on specific pages (still present for screen readers, though) */
#all_companies  h1,
#search_results h1,
#company_details h1 { width:40em; overflow:hidden; position:absolute; left:-200em; }



/**
* Internet Explorer workarounds:
*/
* html #nav li a { height:1%; }   /* holly-hack; get floats to behave more like defined in standard  */
* html table.details tr.topcat th { width:100%; } /* make sure <th>s spanning multiple columns use available width */

/**
* Styles for printout
*/
@media print  {
  body                { margin:0; padding:0;  }
  div#wrapper         { background:none; padding:0; }
  #all_companies  h1,
  #search_results h1,
  #company_details h1 { width:auto; overflow:visible; position:static; left:0; }

  a#skipLink,
  div#nav       { display:none; }
  div#searchbox { display:none; }
  div#content   { padding:2em 1em 3em 1em; width:auto; }
  div#footer    { display:none; }
}