/* Defines text and buttons on the right side of the window */


p.info_text1, p.info_text2 {
    font-family: "Arial", sans-serif;
    margin-left: -18px;
    text-align: center;
    margin-bottom: 0.5em;
 }

p.info_text1 {
    font-size: 8pt;
    color: #7e7e7e;
    margin-top: 1em;
    }

 p.info_text2 {
    font-size: 9pt;
    font-weight: bold;
    line-height: 5pt;
    margin-top: 0;
    }
    
 p.info_text1 > a {
   display: block; 
   color: #7e7e7e;
   text-decoration: none;  }    
   
p.info_text2 > a {
   display: block; 
   color: black;
   text-decoration: none;  }  

/*
Button code - originally written by Brett McNamara, largely re-written by Will Martin

To use:

<div class="button">
	<a href="target.html" id="install"></a>
	<p><a href="target.html">Install</a></p>
</div>

To do a different button, change the id of the first a tag to one of the ones defined below, 
and change the label text to match.
*/

/* Make the cursor a pointer while over the button */
.button { cursor: pointer; }

/* Define the width and height of the button graphic.  Also, tell the button label not to inherit those settings. */
.button a {
	position: absolute;
	margin-left:auto;
	margin-right:auto;
	width: 48px;
	height: 48px;
  font-size: 0.9em;
  color: black;
  font-weight: normal;
}
.button p a { position:static; font-weight: normal; }
.button:hover p a { position:static; font-weight: normal; }

/* Define the position and color of the label text */
.button p {
	padding-top:50px;
	padding-bottom:10px;
	white-space: nowrap;
	color: #777;
}

/*
When hovering over the button, move the button graphic up 48px to its hover state.
Also, change the color of the link text, and if they mouse over the link itself, make 
sure it doesn't change from its current state.
*/
.button:hover a { background-position: 0px -48px; }
.button:hover p a { color: #7E7E7E; }
.button:hover p a:hover { color: #7E7E7E; text-decoration: none; }

/* Define the button background images */
#install { background-image : url("../img/install.png"); }
#site { background-image : url("../img/site.png"); }
#resources { background-image : url("../img/resources.png"); }
#doc { background-image : url("../img/doc.png"); }
#demo { background-image : url("../img/demo.png"); }
#plugin { background-image : url("../img/plugin.png"); }