/*  Misc classes and elements
-------------------------------------------------------------- */


/*  Clearing floats without extra markup
    Based on How To Clear Floats Without Structural Markup by PiE
    http://www.positioniseverything.net/easyclearing.html */
.clear, .container,
    .callout, .tabs, .tidbit, ul.label { display: inline-block; }
.clear:after, .container:after,
    .callout:after, .tabs:after, .tidbit:after, ul.label:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; 
}
/* Hides from IE-mac \*/
* html .clear, * html .container,
    * html .callout, * html .tabs, * html .tidbit,
    * html ul.label { height: 1%; }
.clear, .container,
    .callout, .tabs, .tidbit, ul.label { display: block; }
/* End hide from IE-mac */
/*  base.css
    * Base stylesheet

    Use the Em calculator to find relative font-sizes
    * www.riddle.pl/emcalc/
-------------------------------------------------------------- */



/*  Buttons */
.button {
    display:block;
    text-align:center;
    text-transform:lowercase;
    background:#ccc;
}
a.button {
    cursor:pointer;
    float:left;
    padding:0 0 0 1px;
    min-height:14px;
    line-height:14px;
    font-size:0.82em;
    background:0 0 no-repeat;
}
a.button span {
    display:block;
    padding:0 5px 0 4px;
    color:#fff;
    background:right -14px no-repeat;
}
a.button em { font-style:normal; }
a.button-pop, a.button-metal { font-size:0.92em; }
a.button-pop {
    margin:0 3px 0 0;
    padding:0 0 0 3px;
    min-height:21px;
    line-height:21px;
    background-position:0 -28px;
}
a.button-pop span {
    padding:0 17px 3px 12px;
    background-position:right -52px;
}
a.button-pop, a.button-pop span { color:#fff; }
a.button-metal {
    padding:0 0 0 5px;
    min-height:29px;
    line-height:29px;
    text-transform:capitalize;
    background-position:0 -76px;
}
a.button-metal span {
    padding:0 15px 0 10px;
    background-position:right -105px;
}
a.button-metal, a.button-metal span { color:#000; }
a.button-download {
    padding:0 0 0 138px;
    min-height:40px;
    line-height:40px;
    font-size:0.91em;
    text-transform:uppercase;
    text-decoration:none;
}
a.button-download span {
    padding:0 8px 0 0;
    color:#fff;
    background-position:right -40px;
}
a.button, a.button span { background-image:url('images/btn-actions.png'); }
/*  Note !important for .button-pop as we don't want image to switch for
    /forums when under a different portal */
a.button-pop, a.button-pop span,
a.button-metal, a.button-metal span { background-image:url('btn-actions.png') !important; }
a.button-download, a.button-download span {
    background-image:url('images/btn-downloads.png') !important;
}

/*  Boxes */
.box, .box-alt .box, .box-multi .box { background:#f7f7f7; }
.box-alt, .box-multi, .box-invert {
	background:#f7eed4;
}
.box ul.label, .box .stuff  {
    border-width:1px;
    border-style:solid;
}
.box ul.label {
    border-bottom:0;
    border-color:#bf6e07;
    margin:0;
    padding:0 4px 0 8px;
    min-height:1.92em;
    list-style:none;
    line-height:1.92em;
    font-size:0.92em;
    color:#fff;
    background:#213951 url('images/bkg-box-label.png') 0 0 repeat-x;
}
.box .label li.title { margin:0; }
.box .label li.title h2 {
    margin:0;
    font-size:1.0em;
    color:#fff;
}
.box .label li.title {
    float:left;
    font-weight:normal;
}
.box .label li {
    list-style:none;
    float:right;
    margin:3px 0 4px 4px;
}
.box .label li.rss a { text-transform:none; }
.box .label a.button,
.box .label li.title a { color:#fff; }
.box .stuff {
    border-top-width:0;
    border-color:#ccc;
    padding:10px;
    font-size:0.92em;
}.code { background: #f8f8f8; }
.code .c { color: #008800; font-style: italic } /* Comment */
.code .err { border: 1px solid #FF0000 } /* Error */
.code .k { color: #AA22FF; font-weight: bold } /* Keyword */
.code .o { color: #666666 } /* Operator */
.code .cm { color: #008800; font-style: italic } /* Comment.Multiline */
.code .cp { color: #008800 } /* Comment.Preproc */
.code .c1 { color: #008800; font-style: italic } /* Comment.Single */
.code .cs { color: #008800; font-weight: bold } /* Comment.Special */
.code .gd { color: #A00000 } /* Generic.Deleted */
.code .ge { font-style: italic } /* Generic.Emph */
.code .gr { color: #FF0000 } /* Generic.Error */
.code .gh { color: #000080; font-weight: bold } /* Generic.Heading */
.code .gi { color: #00A000 } /* Generic.Inserted */
.code .go { color: #808080 } /* Generic.Output */
.code .gp { color: #000080; font-weight: bold } /* Generic.Prompt */
.code .gs { font-weight: bold } /* Generic.Strong */
.code .gu { color: #800080; font-weight: bold } /* Generic.Subheading */
.code .gt { color: #0040D0 } /* Generic.Traceback */
.code .kc { color: #AA22FF; font-weight: bold } /* Keyword.Constant */
.code .kd { color: #AA22FF; font-weight: bold } /* Keyword.Declaration */
.code .kp { color: #AA22FF } /* Keyword.Pseudo */
.code .kr { color: #AA22FF; font-weight: bold } /* Keyword.Reserved */
.code .kt { color: #AA22FF; font-weight: bold } /* Keyword.Type */
.code .m { color: #666666 } /* Literal.Number */
.code .s { color: #BB4444 } /* Literal.String */
.code .na { color: #BB4444 } /* Name.Attribute */
.code .nb { color: #AA22FF } /* Name.Builtin */
.code .nc { color: #0000FF } /* Name.Class */
.code .no { color: #880000 } /* Name.Constant */
.code .nd { color: #AA22FF } /* Name.Decorator */
.code .ni { color: #999999; font-weight: bold } /* Name.Entity */
.code .ne { color: #D2413A; font-weight: bold } /* Name.Exception */
.code .nf { color: #00A000 } /* Name.Function */
.code .nl { color: #A0A000 } /* Name.Label */
.code .nn { color: #0000FF; font-weight: bold } /* Name.Namespace */
.code .nt { color: #008000; font-weight: bold } /* Name.Tag */
.code .nv { color: #B8860B } /* Name.Variable */
.code .ow { color: #AA22FF; font-weight: bold } /* Operator.Word */
.code .mf { color: #666666 } /* Literal.Number.Float */
.code .mh { color: #666666 } /* Literal.Number.Hex */
.code .mi { color: #666666 } /* Literal.Number.Integer */
.code .mo { color: #666666 } /* Literal.Number.Oct */
.code .sb { color: #BB4444 } /* Literal.String.Backtick */
.code .sc { color: #BB4444 } /* Literal.String.Char */
.code .sd { color: #BB4444; font-style: italic } /* Literal.String.Doc */
.code .s2 { color: #BB4444 } /* Literal.String.Double */
.code .se { color: #BB6622; font-weight: bold } /* Literal.String.Escape */
.code .sh { color: #BB4444 } /* Literal.String.Heredoc */
.code .si { color: #BB6688; font-weight: bold } /* Literal.String.Interpol */
.code .sx { color: #008000 } /* Literal.String.Other */
.code .sr { color: #BB6688 } /* Literal.String.Regex */
.code .s1 { color: #BB4444 } /* Literal.String.Single */
.code .ss { color: #B8860B } /* Literal.String.Symbol */
.code .bp { color: #AA22FF } /* Name.Builtin.Pseudo */
.code .vc { color: #B8860B } /* Name.Variable.Class */
.code .vg { color: #B8860B } /* Name.Variable.Global */
.code .vi { color: #B8860B } /* Name.Variable.Instance */
.code .il { color: #666666 } /* Literal.Number.Integer.Long */#kBox {
    position: absolute;
    z-index:10002;
    visibility:hidden;
}
#kBox ul.label 
{
    border:none;
}
#kBox_container {
    z-index:10005;
    position:relative;
    margin:0;
    border:solid 1px black;
}
#kBox_shadow {
    position:relative;
    padding:10px;
    z-index:10002;
    display:block;
    background:url('images/bkg-kbox-shadow.png');
}

#kBox_iframe {
    position: absolute;
    border: none;
    display: none;
    z-index:10001;
    /*top: 0px;*/
    /*left: 0px;*/
    /*background-color:#000;*/
    /*filter:alpha(opacity=0);*/
    /*-moz-opacity: 0.0;*/
    /*opacity: 0.0;*/
    /*margin: 0px;*/
    /*width: 100%;*/
    /*height: 100%;*/
}
#kBox_header {
    top:0;
    left:0;
    right:0;
    z-index:10006;
}
#kBox_overlay {
    display:none;
}
#kBox_load {
    position: absolute;
    display:none;
    height:100px;
    width:100px;
    z-index:10001;
}
.invisible {
    filter:alpha(opacity=0);
    opacity: 0;
}