/*
 * $Qube: qdn.qubesoft.com/deploy/htdocs/qdn.css,v 1.6 2005/02/14 16:03:56 jamief Exp $
 */

body
{
    background-color: #9999aa;
    font-size: 0.83em;
}

body,
p,
table,
ul,
li,
img,
h1,
h2,
h3,
h4,
h5,
h6
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #333333;
    margin: 0;
    padding: 0;
    border: none;
}

li li 
{
    list-style-type: disc;
}

table
{
    margin: 0.5em auto;
}

td
{
    padding-right: 2em;
    border-bottom: solid 1px #cccccc;
}

th
{
    text-align: left;
    border-bottom: solid 1px #333333;
}

h1,
.headline,
.pageBody .section .header .title
{
    font-size: 150%; 
    font-weight: bold;
    margin: 0;
    padding: 0;
    color: Black;
    /* 0.5em at normal size */
    margin-bottom: 0.33333em;
}

h2,
.newsItemBox .headline,
.pageBody .section .section .header .title
{
    font-size: 133%;
    font-weight: normal;
    margin: 0;
    padding: 0;
    color: Black;
    /* 0.5em at normal size */
    margin-bottom: 0.375em;
}

.pageBody .groupHeader,
.pageBody .productHeader
{
    margin-bottom: 0.5em;
}

h3,
.pageBody .section .section .section .header .title
{
    font-size: 117%;
    margin: 0;
    padding: 0;
    color: Black;
    /* 0.5em at normal size */
    margin-bottom: 0.427em;
}

h4
{
    font-size: 100%;
    font-weight: normal;
    margin: 0;
    padding: 0;
    color: Black;
}

h5
{
    font-size: 85%;
    font-weight: normal;
    margin: 0;
    padding: 0;
    color: Black;
}

h6
{
    font-size: 75%;
    font-weight: bold;
    margin: 0;
    padding: 0;
    color: Black;
}

hr
{
    height: 0;
    border: none;
    border-bottom: solid 1px #333333;
}

/*
 * Styles for normal links.
 */
a:link
{
    color: #333333;
    text-decoration: underline;
}
a:visited
{
    color: #333333;
    text-decoration: underline;
} 
a:hover
{
    color: #336699;
    text-decoration: underline;
}

/*
 * Styles for detail links.
 */
.detail a:link,
a.detail:link
{
    color: #777777;
}
.detail a:visited,
a.detail:visited
{
    color: #777777;
} 
.detail a:hover,
a.detail:hover
{
    color: #336699;
}

.title
{
    font-style: italic;
}

.header .title
{
    font-style: normal;
}

/*
 * Styles for header links.
 */
h1 a:link,
h2 a:link,
h3 a:link,
h4 a:link,
h5 a:link,
h6 a:link,
.headline a:link,
.title a:link
{
    color: Black;
    text-decoration: none;
}
h1 a:visited,
h2 a:visited,
h3 a:visited,
h4 a:visited,
h5 a:visited,
h6 a:visited,
.headline a:visited,
.title a:visited
{
    color: Black;
    text-decoration: none;
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover,
.headline a:hover,
.title a:hover
{
    color: #336699;
    text-decoration: none;
}

.page
{
    position: absolute;
    width:100%;
}

.banner
{
    margin: 1em;
    position: relative;
    z-index: 1;
}

.banner h1
{
    /* Put the start of the block in the centre of the mandala. */
    margin-left: 156px;
    /* Line up with left of text in pageBody. */
    padding-left: 0;
    font-size: 250%;
    font-style: oblique;
}

.sidebar
{
    position: absolute;
    top: 0;
    left: 0;
    width: 143px;
    font-size: 75%;
    margin: 0 1em 2em 1.333333em;
    padding-top: 153px;
    z-index: 0;
}

.sidebar .logo img
{
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.sidebar a
{
    display: block;
    text-decoration: none;
}

.sidebar a:link
{
    text-decoration: none;
}

.sidebar a:visited
{
    text-decoration: none;
}

.sidebar a:hover
{
    background-color: #9999aa;
    color: White;
    text-decoration: none;
}

.sidebar .navbar,
.sidebar .quicklinks,
.sidebar .login
{
    background-color: #ddddee;
    padding: 1em;
    margin-bottom: 2em;
    border: solid 1px Black;
    border-top-width: 5px;
    border-bottom-width: 5px;
}

form
{
    display: inline;
    margin: 0;
    padding: 0;
}

.login input
{
    width: 100%;
    margin: 0;
    padding: 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 100%;
}

.login .button
{
    padding-left: 0;
    padding-right: 100%;
    text-align: left;
    font-size: 100%;
    width: 100%;
    cursor: pointer;
    border: none;
    background-color: Transparent;
    color: #333333;
}

.login .button:hover
{
    background-color: #9999aa;
    color: White;
    text-decoration: none;
}

.indent
{
    margin-left: 1em;
}

.pageBody
{
    margin: 1em;
}

.pageBody p
{
    margin-bottom: 0.5em;
}

.pageBody ul
{
    margin: 0 0 0.5em 2em;
}

.pageBody ul ul
{
    margin-bottom: 0;
}

.pageBody .contentBox
{
    margin-left: 78px;
    padding: 1em 1em 1em 78px;
    background-color: White;
    border: 1px solid Black;
    border-top: 2px solid Black;
    border-bottom: 2px solid Black;
}

.imageColumn
{
    float: left;
    height: 1%;
}

input.left
{
    margin-top: 1em;
    margin-left: 10em;
}

input.right
{
    float: right;
    margin-top: 1em;
    margin-right: 10em;
}

.contentWithScreenshotThumbnails,
.contentWithLogoThumbnails
{
    padding: 0;
    margin: 0;
}

.contentWithScreenshotThumbnails
{
    margin-left: 140px;
}

.contentWithLogoThumbnails
{
    margin-left: 80px;
}

.pageBody .content
{
    position: relative;
    z-index: 1;
    margin: 0;
    padding: 0;
}

.pageBody * * .content
{
    margin-left: 0;
    padding: 0;
    background-color: Transparent;
    border: none;
}

.pageBody .content:after,
.pageBody .section:after
{
    content: "";
    display: block;
    clear: both;
}

.pageBody .newsContent,
.pageBody .productsContent,
.pageBody .accountContent,
.pageBody .roadmapContent,
.pageBody .marketingContent
{
    position: relative;
    margin-left: 1em;
    margin-top: 0.5em;
    /* IE hack. */
    height: 1%;
}

.pageBody .accessSectionBox
{
    border: solid 1px #333333;
    padding: 0;
    margin: 0.5em 0;
}

.pageBody .accessSectionBox .public,
.pageBody .accessSectionBox .private
{
    font-size: 75%;
    padding-left: 1px;
    padding-bottom: 1px;
    margin-bottom: 0.5em;
    border-bottom: solid 1px #333333;
}

.pageBody .accessSectionBox .private
{
    color: #333333;
    background-color: #ddddee;
}

.pageBody .accessSectionBox .public
{
    color: White;
    background-color: #777777;
}

.pageBody .accessSectionBox .accessSection
{
    padding: 0 0.5em;
}

.pageBody .newsItemBox,
.pageBody .productBox
{
    float: left;
    /* Not 50% because IE sometimes gets it wrong. */
    width: 49.9999%;
}

.pageBody .rowSpacer
{
    clear: left;
}

.pageBody .columnSpacer
{
    float: left;
    /* Not 50% because IE sometimes gets it wrong. */
    width: 49.9999%;
    margin-bottom: 1em;
}

.pageBody .section,
.pageBody .content
{
    /* IE hack. */
    height: 1%;
}

.pageBody .user,
.pageBody .section,
.pageBody .section img
{
    margin-bottom: 0.5em;
}

img.screenshotThumbnail
{
    border: solid 1px #999999;
    display: block;
    width: 128px;
    height: 96px;
}

img.logoThumbnail
{
    display: block;
    width: 78px;
    height: 68px;
}

.pageBody .columnSpacer .underline
{
    border: none;
    border-bottom: solid 1px #333333;
    margin-left: 1em;
}

.pageBody .newsItem,
.pageBody .product
{
    margin: 0 0 0 1em;
    padding-bottom: 0.2em;
}

.pageBody .product .content
{
    background-image: url('images/honeycomb.png');
    background-repeat: no-repeat;
    background-position: 2em 0;
}

.pageBody .product img
{
    width: 78px;
    height: 68px;
    display: block;
    margin-left: 2em;
    margin-bottom: 0.5em;
    position: relative;
    left: 2px;
    top: 1px;
}

.important
{
    font-weight: bold;
}

.unimportant
{
    color: #777777;
}

.pageBody .date,
.detail,
a.detail
{
    color: #777777;
    font-size: 75%;
    /* 0.5em at normal size */
    margin-top: -0.666667em;
    margin-bottom: 0.666667em;
}

a.detail
{
    float: right;
    margin-top: -0.5em;
    margin-bottom: 0.5em;
}

p.detail
{
    margin: auto 0;
}

.pageBody .category
{
    background-color: #777777;
    color: White;
    font-size: 75%;
    padding-left: 1px;
    padding-bottom: 1px;
    /* IE hack: get the category to display for full news items. */
    height: 1%;
}

.pageBody .newsItem .access
{
    padding-right: 2px;
    float: right;
}

img.address
{
    display: block;
    margin: 0.5em auto 0 auto;
}

.height198px
{
    height:198px;
}

.top-99px
{
    top:-99px;
}

.margin-left237px
{
    margin-left:237px;
}

.root
{
    position:relative;
    /* IE hack to ensure inheritance from here */
    width:100%;
}

.containFloats
{
    /* IE hack to contain floats */
    height:1%;
}

/* Expand to contain floats the correct CSS way */
.containFloats:after
{
    content:'';
    clear:both;
    display:block;
    /* We need some height to ensure the block is expanded to include its
     * floats.
     */
    height:0.0334px;
}

/* Ensures the block is at least as high as this element's height
 * (which should be set through an additional class).
*/
.heightSpacer
{
    float:left;
    width:0px;
}

/* Part of the vertical centering; see also verticalCenterInner */
.verticalCenterOuter
{
    position:absolute;
    top:50%;
    left:0;
    height:100%;    /* Is this necessary? Could be an IE hack. */
}

/* Part of the vertical centering; see also verticalCenterOuter.
 * The element should be given an appropriate offset using an additional
 * class.
 */
.verticalCenterInner
{
    position:relative;
    margin:0;
}

.bigger50pct
{
    font-size:150%;
}

.bigger10pct
{
    font-size:110%;
}

/*
 * For development purposes only, to make temporary content obvious.
 */
.error
{
    color: Red;
    font-weight: bold;
}