/* Cascading Style Sheet for site arde.com - 02 Apr 2007 */
/* ******************  default body  *************** */

body {
   background-color: white;
 /*  background: url(/Images/bg.jpg); */
   color: black;
   font-family: "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
}

/* Links */
a:link { text-decoration:underline; background: none; color: blue; }
a:visited { text-decoration:underline; background: none; color: #309; }
a:active { text-decoration:underline; background: none; color: red; }

a.nonrect:link { text-decoration:underline; background: none; }

a.extern:link { text-decoration:underline; background: #bce; color: #025; } /* was: #afc1db */
a.extern:visited { text-decoration:underline; background: #edf4ff; color: #404; } /* was: #636 */

/* Provide for special handling of "off-screen" nav links: */
a.offscr { display: block; height: auto; width: 100%; } /* DWEDWE to highlight behind all of the "button" */
a.offscr:link { text-decoration:underline; background: #edf4ff; color: black }
a.offscr:visited { text-decoration:underline; background: #edf4ff; color: #309 }
a.offscr { text-decoration:underline; }

a.nroffscr:link { text-decoration:underline; background: #edf4ff; color: black }
a.nroffscr:visited { text-decoration:underline; background: #edf4ff; color: #309 }
a.nroffscr { text-decoration:underline; }

/* define the hover color we use so we can show it if needed: */
.hover { background: #cce0ff; color: black; }

@media screen { /* hide from IE3 */
a[href]:hover { background: #cce0ff; color: black; } /* Default hover is like "onscr" colors */
a.nonrect[href]:hover { background: none; border: none; color: black; } /* hover here would look wierd */
a.nroffscr[href]:hover { background: #edf4ff; border: none; } /* hover here would look wierd */
/* Kludge to make MSIE work since it doesn't support attribute selectors,
   so it doesn't recognise the standard "a[href]:hover" construct, sigh! */
a:href:hover { background: #cce0ff; color: black; }
a:href:hover, a:hover { background: #cce0ff; color: black; }
a.nonrect:href:hover { background: none; border: none; color: black; } /* hover here would look wierd */
a.nroffscr:href:hover { background: #edf4ff; border: none; } /* hover here would look wierd */
/* Kludge to make MSIE work since it doesn't support attribute selectors,
   so it doesn't recognise the standard "a[href]:hover" construct, sigh! */
}

/* Setting so there is no hover display for image links
   (otherwise it looks funny on non-rectangular images) */
@media screen { /* hide from IE3 */
a[href]:hover IMG {
   background: none;
/*   border: none; */
   border: 2px solid #8ab9ff;
 }
a.nonrect[href]:hover IMG {
   background: none; /* hover background here would look wierd */
   border: 2px outset black; /* was: #309 */
 }
a.nroffscr[href]:hover IMG {
   background: #cce0ff; /* hover background here would look wierd */
   border: 2px solid #cce0ff; /* was: #309 */
 }
/* Kludges to make MSIE work since it doesn't support attribute selectors,
   so it doesn't recognise the standard "a[href]:hover" construct, sigh! */
a:href:hover IMG, a:hover IMG {
   background: none; /* hover background here would look wierd */
   border: 2px solid #8ab9ff;
 }
a.nonrect:href:hover IMG, a.nonrect:hover IMG {
   background: none; /* hover here would look wierd */
   border: 2px solid #8ab9ff;
/*   color; none;
   border: none; */
 }
a.nroffscr:href:hover IMG, a.nroffscr:hover IMG {
   background: #cce0ff; /* hover background here would look wierd */
   border: 2px solid #cce0ff; /* was: #309 */
 }
}

/* Other elements */

pre, code, tt {
/*   font-family: "Bitstream Vers Sans Mono", monospace; */
   font-family: monospace;
}

img {
   vertical-align: middle;
}
img.photo {
   vertical-align: middle;
   border: 2px solid black;
}
img.nonrect {
   vertical-align: middle;
/*   border: 2px dotted #cce0ff; *//* "transparent" will not work on MSIE, yet! :-( */
   border: 2px dotted white; /* "transparent" will not work on MSIE, yet! :-( */
}
img.nroffscr {
   vertical-align: middle;
   border: 2px dotted #edf4ff; /* "transparent" will not work on MSIE, yet! :-( */
}
p.nonrect {
   margin-left: auto; /* These 2 center the table, but not on MSIE, see .msiekludge <grr> */
   margin-right: auto;
}

/* MSIE is broken and does not honor standard ways of centering a table
   So to do so, fool it by putting a table into a "<div>" of the following class: */
.msiekludge {
   text-align: center;
}
/* Then, some notes say that in the _real_ table def, set the text-align back to
   "left" or defaulted cells will be centered, not left aligned,
   but this does not seem to work, so just make certain that all cells set
   their own text-align as is desired ... sheesh, what a mess! */

table {
   table-layout: auto;
   margin-left: auto; /* These 2 center the table, but not on MSIE, see .msiekludge <grr> */
   margin-right: auto;
   border-style: none; /* Drop the box around a standard table */
}

/* Used on certain script error pages: */
body.errorpg {
   background: none;
   background-color: #ffccff; /* Light magenta */
   color: #5e1b0f;            /* Dark Red */
   font-family: sans-serif;
}

/* Body styles used with ARDEpet application: */
body.master, body.mirror {
   background-color: white;
   color: black;
   font-family: "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
}
body.testsrvr {
   background-color: #ff0;    /* yellow */
   color: black;
   font-family: "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
}
body.othersrvr {
   background-color: red;
   color: black;
   font-family: "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
}

/* **********  "Private" client-only page definitions  ********* */
body.client {
   background: none;
/*   background-color: #cce0ff; */ /* light, but too bright */
/*   background-color: #bce; */ /* dark */
/*   background-color: #dbeaff; */ /* light */
   background-color: #edf5ff; /* very light */
   text-align: left;
   color: black;
   font-family: "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
}
/* Special treatments for client-only links: */
a.client:link { text-decoration:underline; background: #dbeaff; color: #444444; }
a.client:visited { text-decoration:underline; background: none; color: #444444; }
a.client[href]:hover { background: #444444; color: white }
a.client:href:hover, a.client:hover { background: #444444; color: white } /* The MSIE kludge */
a.cliextern:link { text-decoration:underline; background: #bce; color: #002454; }
a.cliextern:visited { text-decoration:underline; background: none; color: #025; }
a.cliextern[href]:hover { background: #444444; color: white }
a.cliextern:href:hover, a.cliextern:hover { background: #444444; color: white } /* The MSIE kludge */
/* hover bg on non-rectangular images would look wierd */
a.clinorect[href]:hover { background: none; border: none; }
a.clinorect:href:hover, a.clinorect:hover { background: none; border: none; }
a.clinorect[href]:hover IMG { background: none; border: 2px solid #edf5ff; }
/* Kludge to make MSIE work since it doesn't support attribute selectors,
   so it doesn't recognise the standard "a[href]:hover" construct, sigh! */
a.clinorect:href:hover IMG, a.clinorect:hover IMG { background: none; border: 2px solid #dbeaff; }

/* define the link colors we use so we can show them if needed: */
.clilink { text-decoration:underline; background: #dbeaff; color: #444444; }
.clivisited { text-decoration:underline; background: none; color: #444444; }

/* **********  "Private" page definitions  ********* */
body.private {
   background: none;
   background-color: #eeeeee;
   text-align: left;
   color: black;
   font-family: "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
}
img.prvnorect {
   vertical-align: middle;
   border: 2px dotted #ffffff; /* "transparent" will not work on MSIE, yet! :-( */
}
/* Special treatments for private links: */
a.private:link { text-decoration:underline; background: #eeeeee; color: #444444; }
a.private:visited { text-decoration:underline; background: none; color: #444444; }
a.private[href]:hover { background: #444444; color: white }
a.private:href:hover, a.private:hover { background: #444444; color: white } /* The MSIE kludge */
a.prvextern:link { text-decoration:underline; background: #bce; color: #002454; }
a.prvextern:visited { text-decoration:underline; background: none; color: #025; }
a.prvextern[href]:hover { background: #444444; color: white }
a.prvextern:href:hover, a.prvextern:hover { background: #444444; color: white } /* The MSIE kludge */
/* hover bg on non-rectangular images would look wierd */
a.prvnorect[href]:hover { background: none; border: none; }
a.prvnorect:href:hover, a.prvnorect:hover { background: none; border: none; }
a.prvnorect[href]:hover IMG { background: none; border: 2px solid #eeeeee; }
/* Kludge to make MSIE work since it doesn't support attribute selectors,
   so it doesn't recognise the standard "a[href]:hover" construct, sigh! */
a.prvnorect:href:hover IMG, a.prvnorect:hover IMG { background: none; border: 2px solid #eeeeee; }

/* define the link colors we use so we can show them if needed: */
.prvlink { text-decoration:underline; background: #eeeeee; color: #444444; }
.prvvisited { text-decoration:underline; background: none; color: #444444; }

/* Used for private metrics pages */
body.metrics {
   background-color: #ffffff;
/*   background: url(/Images/bg.jpg); */
   text-align: left;
   color: black;
   font-family: "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
}

/* Used on contract and other official pages: */
body.contract {
   background: none;
   background-color: white;
   text-align: left;
   color: black;
   font-family: "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
}
/* For small things (like expiration messages) in the contract: */
.contractexp {
   text-align: center;
   color: black;
   font-size: 70%;
   line-height: 1.1;
   font-family: Arial, Helvetica, sans-serif;
}

/* These are classes which may be applied to multiple tags: */

.brdr {
   border-style: solid; /* Add the box around the table or block */
   border-width: 1px;
   border-color: #004aba;
}

/* border to be used around each real page content: */
.tblbrdr {
   width: 99%;
   padding: 5px;
   border-style: inset; /* Add the box around the table or block */
   border-width: 1px;
   border-color: #8ab9ff;
/*   border-color: #630; */
}

.center {
   text-align: center;
}

.left {
   text-align: left;
}

.right {
   text-align: right;
}

.margin {
   margin-left: 5%;
}

.indent {
   text-indent: 2em;
}

.undent {
   margin-left: 2em;
   text-indent: -2em;
}

.clearall {
   clear: both;
}

.strong {
   font-weight: bolder;
}

/* More Specials: */

/* Domain name table */
.domain, tr.domain td, tr.domrenew td, tr.domnoconf td, tr.domretire td, tr.domnotus td, tr.domnoresp td {
   text-align: center;
   border: 1px solid black;
}
.domain {
   background-color: #fff;
}
tr.domain td {
   background-color: #cf9;
}
tr.domrenew td {
   font-weight: bold;
}
tr.domnoconf td {
   text-decoration: underline;
}
tr.domretire td {
   font-style: italic;
   background-color: #fcc;
}
tr.domnotus td {
   background-color: #ccc;
}
tr.domnoresp td {
   font-weight: bold;
   text-decoration: line-through;
   background-color: #ccc;
   color: #903;
}
.ownerhndl {
   font-size: 70%;
   color: #052;
}
.primehndl {
   font-size: 70%;
   color: #962;
}
.adminhndl {
   font-size: 70%;
   color: #138;
}

/* Page title (Hx, etc.) formats: */
.pgttl {
   text-align: center;
}

/* Title on an error page */
.errttl {
   text-align: center;
   background-color: #ff0000;
}

/* Page "Updated" info line: */
.updated {
   text-align: center;
   font-size: 70%;
}

/* Explanitory info: */
.explain {
   font-size: 80%;
}
.explaintiny {
   font-size: 60%;
}

/* Critical info: */
.critical {
   font-weight: bold;
   font-size: 90%;
}

/* Required info: */
.required {
   font-weight: bold;
   font-size: 70%;
   color: red;
}

/* Form action elements: */
.formele {
   text-align: center;
   vertical-align: middle;
   padding: 0;
   margin: 1px;
}

/* Form action button: */
input {
   font-family: "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
}

.inputbtn {
   background-color:  #edf4ff;
   text-align: center;
   font-weight: bold;
   line-height: 1.2;

   margin: 3px 3px 3px 3px;
   padding: 3px;
   border-top: 3px outset #edf4ff;
   border-right: 3px outset #cce0ff;
   border-bottom: 3px outset #cce0ff;
   border-left: 3px outset #edf4ff;
}

/* Fake form action button: */
.fakebtn {
   background-color:  #edf4ff;
   text-align: center;
   font-weight: bold;
   line-height: 1.2;

   margin: 3px 3px 3px 3px;
   padding: 3px;
   border-top: 3px outset #edf4ff;
   border-right: 3px outset #cce0ff;
   border-bottom: 3px outset #cce0ff;
   border-left: 3px outset #edf4ff;
}

/* Reference Caption Picture Selection block: */
.rcsblock
{
   background: #cce0ff; /* Light blue */
   color: black;
   text-align: center;
}

/* Top navigation block: */
.navblock
{
   background: #cce0ff; /* Light blue */
   color: white;
   text-align: center;
}

td.onscr
{
   width: 12%;
   text-align: center;
   vertical-align: middle;
/*   font-size: 80%; */
   font-size: 50%;
   font-weight: bolder;
   background-color: #cce0ff;
   color: black;

   margin: 2px 2px 2px 2px;
   padding: 2px;

/* Add the box around the table or block */
   border-top: 3px outset #8ab9ff;
   border-right: 3px outset #8ab9ff;
   border-bottom: 3px outset #8ab9ff;
   border-left: 3px outset #8ab9ff;
}

button.offscr, input.offscr, td.offscr
{
   width: 12%;
   text-align: center;
   vertical-align: middle;
   font-size: 50%;
   font-weight: bolder;
   background-color:  #edf4ff;
   color: black;

   margin: 2px 2px 2px 2px;
   padding: 2px;

/* Add the box around the table or block */
   border-top: 3px outset #edf4ff;
   border-right: 3px outset #cce0ff;
   border-bottom: 3px outset #cce0ff;
   border-left: 3px outset #edf4ff;
}

/* Add special navigation hover styles; be sure background is appropriate */
@media screen { /* hide from IE3 */
button.offscr:hover, input.offscr:hover, a.offscr[href]:hover { background: #cce0ff; color: black }
/* Kludge to make MSIE work since it doesn't support attribute selectors,
   so it doesn't recognise the standard "a[href]:hover" construct, sigh! */
button.offscr:hover, input.offscr:hover, a.offscr:href:hover { background: #cce0ff; color: black }
/* was a.offscr:href:hover { background: red; color: #ffd9d9 } */
}