/*                                      */
/* For tooltip help (on many pages), links, and other            */
/* items on the available compounds and organic data input pages */

div.item             {border-style: none; width:80%; margin: 0.2em 0 0.2em 0;}

#ActEqnParas_aqu_div {border-style: none; width:80%; margin: 0.8em 0 0.2em 0;}


/* Available Compounds page:                                                      */
/* ------------------------                                                       */
/* div.container  - silver-bordered divs containing the numbered sections.        */
/*                - Organic Compounds Properties page: the silver-bordered div    */
/*                  containing the numbered sections.                             */
/*                                                                                */
/* div.container2 - non-bordered divs containing the Login/Registration and       */
/*                  Library Code sections.                                        */
/*                                                                                */
/* div.container3 - silver-bordered divs containing the selected compounds        */
/*                  (name, short name, remove and view/edit links)                */
/*                                                                                */
/* Organic Properties page:                                                       */
/* -----------------------                                                        */
/* div.container4 - silver-bordered divs containing the numbered sections, and    */
/*                  one of the the un-numbered ones (at the bottom of the page)   */
/*                  related to saving the data.                                   */
/*                                                                                */
/* div.container4a - silver-bordered divs containing the "Delete the compound.."  */
/*                  and "Return to the selection.." sections (at the bottom of    */
/*                  the page) related to saving the data.                         */
/*                                                                                */
/* div.container5 - silver-bordered divs, without numbers, that contain the       */
/*                  entry boxes for physical and thermodynamic properties.        */
/*                                                                                */
/* div.container6 - the non-bordered div containing the text boxes for each of    */
/*                  the inorganic aminium salts.                                  */
/*                                                                                */

div.container  {border-style: solid; border-width:2px; border-color:#D3D3D3; float:none; width:98%; 
                margin: 1.6em 0.6em 0.6em 0; padding:0.3em;}

div.container2 {border-style: solid; border-width:2px; border-color:#FDF5E6; float:none; width:98%; 
                margin:0.6em 0.6em 1.0em 0; padding-left:0.3em;}
                
div.container3 {border-style: solid; border-width:2px; border-color:#D3D3D3; float:none; width:98%; 
                margin:0.6em 0.6em 0.6em 0; padding:0.3em;}

div.container4  {border-style: solid; border-width:2px; border-color:#D3D3D3; float:none; width:98%; 
                 margin: 1.6em 0.6em 0.6em 0; padding:0.3em;}

div.container4a  {border-style: solid; border-width:2px; border-color:#D3D3D3; float:none; width:98%; 
                  margin: 0.6em 0.6em 0.6em 0; padding:0.3em;}

div.container5 {border-style: solid; border-width:2px; border-color:#D3D3D3; float:none; width:98%; 
                margin:0.6em 0.6em 0.6em 0; padding:0.3em;}

div.container6 {border-style: none;  float:none;  margin:0.3em 0em 0.7em 1.5em;}


/* the divs held within container{1-6} */

div.leftdiv   {border-style: none;  float:none;  width:88%;}
div.rightdiv  {border-style: none;  float:right; width:3em; position:relative;
               text-align:center;}
div.help      {font-size:small; padding:0.3em; border:1px solid; border-color:red;
               display:block; background-color:white;}               
div.links     {border-style: none; border-color:black; text-align: left; margin: 0px; float: right;
               width:30%;}

div.message, div.messagelow {visibility: hidden;
             padding: 0px;
             position: absolute;
             top: 0;
             right: 4em;           /* horizontal position, +ve moves left */
             width: 260px;         /* width */
             z-index: 100;
             color: #0000CC;
             background: #FFFFCC;
             border: 1px solid #000000;
             font-size: small;
             font-family: Verdana, Arial, Helvetica, sans-serif;
             text-align: left;
             text-decoration: none;}

div.message      {margin: -1em 0 0 0;}   /* vertical position +ve moves down */
div.messagelow   {margin: -6em 0 0 0;}   /* vertical position +ve moves down */

p.tooltip  {margin: 0.5em;}
p.equation {margin: 0.6em; padding-left: 0.4em;}

p.userdetails {color: #2F4F4F; margin:0em; padding:0em;}

span.mainName {color: #191970; font-weight: bold;}                 
span.names {color: #696969;}
span.bullet {color: black; font-weight: bold;}


/* links that show tooltip help and separate page help */
a.help_link:link    { font-weight: bolder; color: #0000FF; text-decoration: none}  /* blue */
a.help_link:visited { font-weight: bolder; color: #0000FF; text-decoration: none } /* blue */
a.help_link:hover   { color: #800080; text-decoration: none } /* purple */
a.help_link:active  { color: #800080; text-decoration: none } /* purple */

/* links that show tooltip help only */
a.help_nolink:link    { font-weight: bolder; color: #000000; text-decoration: none}  /* black */
a.help_nolink:visited { font-weight: bolder; color: #000000; text-decoration: none } /* black */
a.help_nolink:hover   { font-weight: bolder; color: #000000; text-decoration: none } /* black */
a.help_nolink:active  { font-weight: bolder; color: #000000; text-decoration: none } /* black */