/* force vertical overflow while keeping horizontal overflow automatic */
html { height: 100%; margin-bottom: 1px; }
body { margin: 0px; background-color: #dddddd; color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; }

/* --- 8< --- ex green: 63c502 used for sure in the website --- >8 --- */

/* general styles for markup */
img { border: none; }
table { border: none; }
ul { margin: 0pt 0pt 0pt 4pt; }
form { margin: 0px; }
a:link    { color:#f64a00; background-color: inherit; }
a:hover   { color:#74e602; background-color: inherit; }
a:active  { color:#74e602; background-color: inherit; }
a:visited { color:#f64a00; background-color: inherit; }

/* general styles for classes */
.verdana { font-family: Verdana, Arial, Helvetica, sans-serif; }   /* alternate font */
.twb { width: 960px; color: #000940; }  /* table white background :| */
.implabel { font-weight: bold; }                                   /* important label */
.green-label {color: #f64a00; background-color: inherit; }
.green       {color: #f64a00; background-color: inherit; }
.red         {color: #912318; background-color: inherit; }
.required { color: #ff0000; background-color: inherit; font-weight: bold; }
.size0 {font-size: 18pt; }
.size1 {font-size: 15pt; }
.size2 {font-size: 12pt; }
.size3 {font-size: 10pt; }
.size4 {font-size:  9pt; }
.size5 {font-size:  8pt; }
.size6 {font-size:  7pt; }
a.a-bar:link    { color: #ffffff; background-color: inherit; text-decoration: none; }
a.a-bar:visited { color: #ffffff; background-color: inherit; text-decoration: none; }
a.a-bar:hover   { color: #ffffff; background-color: inherit; text-decoration: underline; }
.banner-img-separator { width: 2px; height: 18px; margin: 0px 15px; }

/* tabs on the homepage */
/* list is displayed horizontally */
#homepage .tabs { list-style: none; padding: 0; margin: 0; }
#homepage .tabs li { float: left; display: block; width: 120px; height: 40px; padding: 0; margin: 0 0 0 15px; }
/* a bears the .active-tab attribute and is used to set the background */
#homepage .tabs a { color: #000940; display: block; width: 120px; height: 40px; padding: 0; margin: 0; background: #dddddd url("/images/homepage-tab.png") top left no-repeat; text-decoration: none; }
/* p is used only to position text within the tab */
#homepage .tabs a p { text-align: center; padding: 4px 0 0 0; margin: 0; background: none; outline: 0; }
#homepage .tabs a.active-tab { color: inherit; background: #eeeeee url("/images/homepage-active-tab.png") top left no-repeat; font-weight: bold; }
#homepage .panel { display: none; }
#homepage .panel.active-tab-body { display: block; width: 650px; height: 400px; }

/* modal login window */
#modal_container { border: 1px solid #666; overflow: hidden; }

/* --- 8< ---  old stuff, might be unused  --- >8 --- */

/* unsure about this, looks useless */
#modal_overlay { color: inherit; background-color: #000000; }

/* this must be dumped once the manual is moved to the wiki */
#z-support-tabs ul.tabs { list-style:none; margin:0; padding:0; clear:both; height:20px; }
#z-support-tabs ul.tabs li { float:left; margin-right:5px; width:130px; text-align:center; }
#z-support-tabs ul.tabs li a { display:block; height:20px; padding:3px 3px 0 3px;
                               background-color:#cecece; color:#000940; text-decoration: none; }
#z-support-tabs ul.tabs li a:hover { background-color: inherit; color: #666666; }
#z-support-tabs ul.tabs li a.active { background-color: #000940; color: #63c502; }
#z-support-tabs div { clear:both; }
.border-td-20 {width:890px; height:20px;border:none;}
#import-wizard {width: 600px; margin-left: 40px;}
#import-wizard li {clear:both;margin-bottom: 10px}
#import-wizard .lightbox img {border: none; float: right; margin-left: 6px; margin-bottom: 10px; height: 150px;}