/*
 * top-level software stylesheet
 */

html, body 
{
   margin: 0;
   padding: 0;
}
html
{
   position: relative;
}
body
{
   font-family: Helvetica, Verdana, sans-serif;
   font-size: small;
   line-height: 1.3;
   background: rgb( 241, 241, 241 );
}
q
{
   quotes: "\201C" "\201D";
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
 * masthead
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

#masthead
{
   background: black url( images/MRSoft.jpg ) 90% 0 no-repeat;
   height: 186px;
}
#masthead h1
{
   margin: 0;
   padding: 0;
   text-indent: -5000px;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
 * tabs
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

#tabs h2
{
   height: 0;
   overflow: hidden;
   text-indent: -5000px;
   padding: 0;
   margin: 0;
}
#tabs ul
{
   background: black;
   list-style-type: none;
   padding: 0;
   margin: 0;
   position: absolute;
   top: 186px;
   left: 0;
   right: 0;
}
#tabs ul:after
{
   content: "";
   visibility: hidden;
   clear: both;
   height: 0;
   display: block;
}
#tabs li /* full tab area, bottom visible */
{
   float: left;
   height: 2em;
   background-color: black;
   border: 1px solid black;
   border-width: 1px 0;
   width: 20%;
   margin: 0;
   padding: 0;
}
#tabs li strong /* top half of tab */
{
   display: block;
   height: 50%;
   background: #2d2d2d url( images/tab-top.png ) 0 70% repeat-x;
}
#tabs li strong a /* link text centered on tab */
{
   display: block;
   line-height: 1em;
   padding: 0.4em 1em;
   text-decoration: none;
   text-align: center;
   color: white;
   font: small bold "Lucida Grande", Verdana, Helvetica, sans-serif;
   white-space: nowrap;
}

#tabs li.active /* active bottom half of tab */
{
   background: #303030 url( images/tab-bot-on.png ) 0 100% repeat-x;
   text-shadow: #111 0px 1px 0px;
}

#tabs li.active strong /* active top half of tab */
{
   background-color: #616161;
   background-image: url( images/tab-top-on.png );
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
 * sidebar
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

#sidebar
{
   width: 202px;
   margin: 4em 0 0 20px;
   padding: 0 9px 15px 9px;
   background: rgb( 21, 52, 183 ) url( images/sb-bot.jpg ) 0 100% no-repeat;
   position: absolute;
   top: 186px; /* use top margin in ems to push down rest of way */
}
#sidebar h2
{
   margin: 0 -9px;
   padding: 0;
   height: 80px;
   text-indent: -5000px;
   /* image url is set by app-specific CSS, so specify none here */
   background: rgb( 21, 52, 183 ) none 0 0 no-repeat;
}
#sidebar ul
{
   width: 200px;
   border: 1px solid;
   border-color: #66c #bbf #bbf #66c;
   padding: 0;
   margin: 0;
   background: white; /* shouldn't show up, but does in IE6/Win */
}
#sidebar li
{
   list-style: none;
   height: 40px;
   width: 200px;
   text-indent: 46px;
   /* image url is set by app-specific CSS, so specify none here */
   background: white none 100% 100% no-repeat;
   padding: 0;
   margin: 0;
}
#sidebar li.active
{
   background-color: rgb( 4, 34, 230 );
}
#sidebar li a
{
   display: block;
   text-decoration: none;
   color: black;
   font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
   font-size: small;
   line-height: 34px;
   white-space: nowrap;
}
#sidebar li.active a
{
   color: white;
}
#sidebar li.active a:hover
{
   cursor: default;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
 * content area
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

#content
{
   margin: 4em 30px 0 40px;
}

h2 
{
   font: bold 18px "Lucida Grande", Helvetica, Verdana, sans-serif;
}
h3 
{
   font: bold 14px "Lucida Grande", Helvetica, Verdana, sans-serif;
}
h4 
{
   font: oblique normal 14px Helvetica, Verdana, sans-serif;
}
h4 i
{
   font-style: normal;
}

.spaced li
{
   padding-top: 0.5em;
}
.spaced li:first-child
{
   padding-top: 0;
}

b.uie 
{
   font-weight: normal;
   font-family: "Lucida Grande", Helvetica, sans-serif;
}

h3.banner
{
   background-color: rgb( 21, 52, 183 );
   color: white;
   padding: 0.5em 1em;
   margin-right: -2em;
}

#badge
{
   float: right;
}

p.deprecate
{
   margin: 0 0 1em 0;
   border: 1px solid #999;
   background-color: #ddd;
   padding: 1em;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
 * news
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

#content .odd,
#content .even
{
   padding: 0.75em 1em;
   background-color: rgb( 170, 181, 229 );
   margin-bottom: 0.5em;
}
#content .even
{
   background-color: rgb( 221, 221, 221 );
}
#content h3.blogTitle
{
   margin-top: 0;
   margin-bottom: 0;
}
#content p.blogDate
{
   margin-top: 0;
   margin-right: 1em;
   text-align: right;
   font: normal 12px Copperplate, "Arial Black", Helvetica, sans-serif;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
 * FAQ
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.faq h3.banner
{
   margin-top: 2em;
}
.faq h4
{
   border-bottom: 1px solid rgb( 94, 113, 197 );
   padding-bottom: 5px;
   margin-right: -2em;
}
.faq h4:target
{
   color: rgb( 21, 52, 183 );
}
.faq #toc a:link, #toc a:visited 
{
   color: black;
   text-decoration: none;
}
.faq #toc a:hover
{
   text-decoration: underline;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
 * inline download link
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

#download
{
   position: relative; /* establish containing block */
   height: 30px;
   background: url( images/DownloadButton.jpg ) 0 100% no-repeat;
}
#download a
{
   position: absolute;
   top: 0;
   left: 0;
   display: block;
   height: 30px;
   width: 96px;
   text-indent: -5000px;
}
#download b.linkDesc
{
   position: absolute;
   top: 6px;
   left: 102px;
   display: block;
   font: normal 13px/18px "Lucida Grande", Helvetica, Verdana, sans-serif;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
 * release note version table
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

table#versions
{
   margin-top: 1em;
   width: 100%;
   border-collapse: collapse;
   border: 1px solid #ddd;
   border-color: #ddd #bbb #bbb #ddd;
}
#versions caption
{
   caption-side: bottom;
   font-size: 90%;
   text-align: right;
   color: #666;
   margin: 0;
   padding-top: 0.5em;
}
#versions thead tr
{
   background: white url( images/th.gif ) 0 50% repeat-x;
}
#versions tbody tr
{
   /* the alternating color; the other row is white and is
      overridden in the HTML for quick toggling */
   background-color: rgb( 237, 243, 254 );
}
#versions th
{
   padding: 0.75em 0 0.5em 0;
   border-bottom: 1px solid #bbb;
   font-weight: normal;
}
#versions td.vnum, #versions th.vnum
{
   width: 15%;
   text-align: center;
   border-right: 1px solid #aaa;
}
#versions th.vnotes
{
   text-align: left;
   padding-left: 0.75em;
}
#versions td.vnotes
{
   padding: 10px 15px 10px 5px;
}
#versions td.vnotes ul
{
   padding-left: 30px;
   margin-left: 0;
}
#versions td em.date 
{
   font: normal 12px Copperplate, "Arial Black", Helvetica, sans-serif;
}

#bugList
{
   list-style-type: none;
   padding-left: 0;
   margin: 0 5em 0 1em;
}
#bugList li
{
   background: transparent url( images/bugs.jpg ) 0 0 no-repeat;
   padding: 0 0 0 25px;
   margin-bottom: 15px;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
 * product page
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.app
{
   clear: left;
   height: 151px;
   background: white
               url( images/frame-imedia.jpg ) 0 0 no-repeat;
   padding: 0;
   margin: 30px 20px 30px 0;
}
#SSHChain
{
   background-image: url( images/frame-sshchain.jpg );
}
#SuspiciousPackage
{
   background-image: url( images/frame-suspicious.jpg );
}
.frame
{
   margin: 0;
   padding: 0;
   background: transparent
               url( images/frame-right.jpg ) 100% 0 no-repeat;
   height: 151px;
}
.summary
{
   margin: 0 18px 0 186px;
   padding-right: 1em;
   border-top: 11px solid rgb( 21, 52, 183 );
   border-bottom: 11px solid rgb( 21, 52, 183 );
   height: 129px;
}
.app a:link, .app a:visited
{
   display: block;
   text-decoration: none;
   font-size: 130%;
   font-weight: bold;
   padding: 0.5em 0;
   color: rgb( 13, 33, 116 );
}
.app a:hover
{
   text-decoration: underline;
}
.app p
{
   color: black;
   font-style: normal;
   margin: 0;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
 * footer area
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

#legal
{
   position: fixed;
   bottom: 0;
   left: 0;
   right: 0;
   padding-top: 1em;
   background-color: transparent;
}
#legal p
{
   font-size: smaller;
   margin: 0;
   border-top: 3px double #999;
   background-color: #ddd;
   padding: 0.5em 0 0.5em 1em;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
 * browser-specific hacks
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

#tabs li 
{
   /* IE5/Mac can't deal with 100% when scroll bars exist */
   width: 19.5%;
   /* BEGIN Hide from IE5/Mac \*/
   width: 20%;
   /* END Hide from IE5/Mac */
}
* html #tabs li
{
   /* IE6/Win can't deal with 100% total either */
   width: 19.9%;
}
* html #tabs li strong a 
{
   /* IE6/Win doesn't seem to allow small line-height to push text
      outside of its containing box */
   line-height: 1em;
   padding-bottom: 0;
}
* html #sidebar
{
   /* IE6/Win margin-doubling bug is miraculously fixed by this */
   display: inline;
}
* html .app
{
   /* IE6/Win wants to squash these against the toolbar otherwise */
   margin-top: 50px;
   margin-bottom: 0;
}
#legal
{
   /* for IE5/Mac and IE6/Win, each of which handles fixed
      positioning in its own strange way */
   margin-top: 5em;
   position: static;
   bottom: auto;
}
body > #legal
{
   /* BEGIN Hide from IE5/Mac \*/
   position: fixed;
   bottom: 0;
   margin-top: 0;
   /* END Hide from IE5/Mac */
}