/* -----------------------------------------------
    Default CSS
    Version: CVS $Id: default.css,v 1.7 2008/05/09 13:08:42 niklas Exp $
    * is for IE6/7 quirks mode
    _ is for IE6 quirks mode
    Pixel / 13 = "em"
    "em" x 0.9759 = "IE em"
----------------------------------------------- */


/* -----------------------------------------------
    GLOBAL RESET START
----------------------------------------------- */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, table, th, td
{
    margin: 0;
    padding: 0;
}

table
{
    border-collapse: collapse;
    border-spacing: 0;
}

fieldset, img
{
    border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var
{
    font-style: normal;
    font-weight: normal;
}

ol, ul
{
    list-style: none;
}

caption, th
{
    text-align: left;
}

h1, h2, h3, h4, h5, h6
{
    font-size: 100%;
    font-weight: normal;
}

q:before, q:after
{
    content: '';
}

abbr, acronym
{
    border: 0;
}

/* -----------------------------------------------
    GLOBAL RESET STOP
----------------------------------------------- */


/* -----------------------------------------------
    FONTS START
----------------------------------------------- */

/* -----------------------------------------------
    font-size: 77% for setting 10px
    font-size: 85% for setting 11px
    font-size: 93% for setting 12px
    font-size: 100% for setting 13px
    font-size: 108% for setting 14px
    font-size: 116% for setting 15px
    font-size: 123.1% for setting 16px
    font-size: 131% for setting 17px
    font-size: 138.5% for setting 18px
    font-size: 146.5% for setting 19px
    font-size: 153.9% for setting 20px
    font-size: 161.6% for setting 21px
    font-size: 167% for setting 22px
    font-size: 174% for setting 23px
    font-size: 182% for setting 24px
    font-size: 189% for setting 25px
    font-size: 197% for setting 26px
----------------------------------------------- */

body
{
    font: 13px/1.22 arial, helvetica, clean, sans-serif;
    *font-size: small;
    *font: x-small;
}

table, textarea
{
    font-size: inherit;
    font: 100%;
}

pre, code, kbd, samp, tt
{
    font-family: monospace;
    *font-size: 108%;
    line-height: 99%;
}

/* -----------------------------------------------
    FONTS STOP
----------------------------------------------- */


/* -----------------------------------------------
    BASE HTML ELEMENTS START
----------------------------------------------- */

h1
/* Renders 18px */
{
    font-size: 138.5%;
}

h2
/* Renders 16px */
{
    font-size: 123.1%;
}

h3
/* Renders 14px */
{
    font-size: 108%;
}

h1, h2, h3
{
    margin: 1em 0;
}

h1, h2, h3, h4, h5, h6, strong, th
{
    font-weight: bold;
}

abbr, acronym
{
    border-bottom: 1px dotted #333;
    cursor: help;
}

em
{
    font-style: italic;
}

blockquote, ul, ol, dl
{
    margin: 1em;
}

blockquote
{
    background: url('../img/blockquote.gif') top left no-repeat;
    padding-left: 2.2em;
}

ol, ul, dl
{
    margin-left: 2em;
}

ol li
{
    list-style: decimal outside;
}

ul li
{
    list-style: disc outside;
}

dl dd
{
    margin-left: 1em;
}

tr
{
    vertical-align: top;
}

th, td
{
    vertical-align: top;
    text-align: left;
    border: 0;
}

caption
{
    margin-bottom: 0.5em;
}

p, fieldset
{
    margin-bottom: 1em;
}

a, a:visited, a:active, a:hover
{
    text-decoration: underline;
}

a img, a:hover img
{
    text-decoration: none;
}

/* -----------------------------------------------
    BASE HTML ELEMENTS STOP
----------------------------------------------- */


/* -----------------------------------------------
    PAGE GRIDS START
----------------------------------------------- */

body
{
    text-align: center;
}

#ft
{
    clear: both;
}

#doc,
#doc2,
#doc3,
#doc4,
.yui-t1,
.yui-t2,
.yui-t3,
.yui-t4,
.yui-t5,
.yui-t6,
.yui-t7
{
    margin: auto;
    text-align: left;
    width: 57.69em;
    *width: 56.301em;
    min-width: 750px;
}

#doc2
{
    width: 73.074em;
    *width: 71.313em;
}

#doc3
{
    margin: auto 10px;
    width: auto;
}

#doc4
{
    width: 74.923em;
    *width: 73.117em;
}

.yui-b
{
    position: relative;
}

.yui-b
{
    _position: static;
}

#yui-main .yui-b
{
    position: static;
}

#yui-main
{
    width: 100%;
}

.yui-t1 #yui-main,
.yui-t2 #yui-main,
.yui-t3 #yui-main
{
    float: right;
    margin-left: -25em;
}

.yui-t4 #yui-main,
.yui-t5 #yui-main,
.yui-t6 #yui-main
{
    float: left;
    margin-right: -25em;
}

.yui-t1 .yui-b
{
    float: left;
    width: 12.3207em;
    *width: 12.0106em;
}

.yui-t1 #yui-main .yui-b
{
    margin-left: 13.3207em;
    *margin-left: 13.0106em;
}

.yui-t2 .yui-b
{
    float: left;
    width: 13.8456em;
    *width: 13.512em;
}

.yui-t2 #yui-main .yui-b
{
    margin-left: 14.8456em;
    *margin-left: 14.512em;
}

.yui-t3 .yui-b
{
    float: left;
    width: 23.0759em;
    *width: 22.52em;
}

.yui-t3 #yui-main .yui-b
{
    margin-left: 24.0759em;
    *margin-left: 23.52em;
}

.yui-t4 .yui-b
{
    float: right;
    width: 13.8456em;
    *width: 13.512em;
}

.yui-t4 #yui-main .yui-b
{
    margin-right: 14.8456em;
    *margin-right: 14.512em;
}

.yui-t5 .yui-b
{
    float: right;
    width: 18.4608em;
    *width: 18.016em;
}

.yui-t5 #yui-main .yui-b
{
    margin-right: 19.4608em;
    *margin-right: 19.016em;
}

.yui-t6 .yui-b
{
    float: right;
    width: 23.0759em;
    *width: 22.52em;
}

.yui-t6 #yui-main .yui-b
{
    margin-right: 24.0759em;
    *margin-right: 23.52em;
}

.yui-t7 #yui-main .yui-b
{
    display: block;
    margin: 0 0 1em 0;
}

#yui-main .yui-b
{
    float: none;
    width: auto;
}

.yui-g .yui-gb .yui-u,
.yui-gb .yui-g,
.yui-gb .yui-gb,
.yui-gb .yui-gc,
.yui-gb .yui-gd,
.yui-gb .yui-ge,
.yui-gb .yui-gf,
.yui-gb .yui-u,
.yui-gc .yui-u,
.yui-gc .yui-g,
.yui-gd .yui-u
{
    float: left;
    margin-left: 2%;
    width: 32%;
}

.yui-gb .yui-gb .yui-u,
.yui-gb .yui-gc .yui-u
{
    *margin-left: 1.8%;
    _margin-left: 4%;
}

.yui-g .yui-gb .yui-u
{
    _margin-left: 0.8%;
}

.yui-gb .yui-u
{
    float: right;
}

.yui-gb div.first
{
    margin-left: 0;
    float: left;
}

.yui-g .yui-gb div.first,
.yui-gb .yui-gb div.first
{
    *margin-right: 0;
    *width: 32%;
    _width: 31.7%;
}

.yui-gb .yui-gc div.first,
.yui-gb .yui-gd div.first
{
    *margin-right: 0;
}

.yui-gb .yui-gd .yui-u
{
    *width: 66%;
    _width: 61.2%;
}

.yui-gb .yui-gd div.first
{
    *width: 31%;
    _width: 29.5%;
}

.yui-g .yui-gc .yui-u,
.yui-gb .yui-gc .yui-u
{
    width: 32%;
    _float: right;
    margin-right: 0;
    _margin-left: 0;
}

.yui-gb .yui-gc div.first
{
    width: 66%;
    *float: left;
    *margin-left: 0;
}

.yui-gb .yui-ge .yui-u,
.yui-gb .yui-gf .yui-u
{
    margin: 0;
}

.yui-g .yui-u,
.yui-g .yui-g,
.yui-g .yui-gb,
.yui-g .yui-gc,
.yui-g .yui-gd,
.yui-g .yui-ge,
.yui-g .yui-gf,
.yui-gc .yui-u,
.yui-gd .yui-g,
.yui-g .yui-gc .yui-u,
.yui-ge .yui-u,
.yui-ge .yui-g,
.yui-gf .yui-g,
.yui-gf .yui-u
{
    float: right;
}

.yui-g .yui-gc div.first,
.yui-g .yui-ge div.first,
.yui-g div.first,
.yui-gc div.first,
.yui-gc div.first div.first,
.yui-gd div.first,
.yui-ge div.first,
.yui-gf div.first
{
    float: left;
}

.yui-g .yui-g .yui-u,
.yui-gb .yui-g .yui-u,
.yui-gc .yui-g .yui-u,
.yui-gd .yui-g .yui-u,
.yui-ge .yui-g .yui-u,
.yui-gf .yui-g .yui-u
{
    width: 49%;
    *width: 48.1%;
    *margin-left: 0;
}

.yui-g .yui-g div.first
{
    *margin: 0;
}

.yui-gb .yui-g div.first
{
    *margin-right: 4%;
    _margin-right: 1.3%;
}

.yui-gb .yui-gb .yui-u
{
    _margin-left: 0.7%;
}

.yui-gb .yui-g div.first,
.yui-gb .yui-gb div.first
{
    *margin-left: 0;
}

.yui-gc .yui-g .yui-u,
.yui-gd .yui-g .yui-u
{
    *width: 48.1%;
    *margin-left: 0;
}

.yui-g .yui-u,
.yui-g .yui-g,
.yui-g .yui-gb,
.yui-g .yui-gc,
.yui-g .yui-gd,
.yui-g .yui-ge,
.yui-g .yui-gf
{
    width: 49.1%;
}

.yui-g .yui-gb div.first,
.yui-gb div.first,
.yui-gc div.first,
.yui-gd div.first
{
    margin-left: 0;
}

.yui-g .yui-gc div.first,
.yui-gc div.first,
.yui-gd .yui-g,
.yui-gd .yui-u
{
    width: 66%;
}

.yui-gd div.first,
.yui-gb .yui-gd div.first
{
    width: 32%;
}

.yui-g .yui-gd div.first
{
    _width:29.9%;
}

.yui-ge .yui-u,
.yui-ge .yui-g,
.yui-gf div.first
{
    width: 24%;
}

.yui-gb .yui-ge div.yui-u,
.yui-gb .yui-gf div.yui-u
{
    float: right;
}

.yui-gb .yui-ge div.first,
.yui-gb .yui-gf div.first
{
    float: left;
}

.yui-ge div.first,
.yui-gf .yui-g,
.yui-gf .yui-u
{
    width: 74.2%;
}

.yui-gb .yui-ge .yui-u,
.yui-gb .yui-gf div.first
{
    *width: 24%;
    _width: 20%;
}

.yui-gb .yui-ge div.first,
.yui-gb .yui-gf .yui-u
{
    *width: 73.5%;
    _width: 65.5%;
}

#bd:after,
.yui-g:after,
.yui-gb:after,
.yui-gc:after,
.yui-gd:after,
.yui-ge:after,
.yui-gf:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#bd,.yui-g,
.yui-gb,
.yui-gc,
.yui-gd,
.yui-ge,
.yui-gf
{
    zoom: 1;
}

.yui-gb .yui-u
{
    float: left;
}

/* -----------------------------------------------
    PAGE GRIDS STOP
----------------------------------------------- */


/* -----------------------------------------------
    COLORS START
----------------------------------------------- */

.bgWhite
{
    background-color: #FFF;
    color: #333;
}

.bgBlack
{
    background-color: #000;
    color: #FFF;
}

.bgBlackFuzzy
{
    background-color: #333;
    color: #FFF;
}

.bgBlackLight
{
    background-color: #999;
    color: #FFF;
}

.bgBlackUltraLight
{
    background-color: #CCC;
    color: #FFF;
}

.bgGray
{
    background-color: #666;
    color: #FFF;
}

.bgGrayFuzzy
{
    background-color: #858585;
    color: #FFF;
}

.bgGrayMedium
{
    background-color: #A3A3A3;
    color: #FFF;
}

.bgGrayLight
{
    background-color: #C2C2C2;
    color: #000;
}

.bgGrayUltraLight
{
    background-color: #E0E0E0;
    color: #000;
}

/* -----------------------------------------------
    COLORS STOP
----------------------------------------------- */


/* -----------------------------------------------
    UTIL START
----------------------------------------------- */

.clear
{
    clear: both;
}

.floatLeft
{
    float: left;
}

.floatRight
{
    float: right;
}

.center
{
    text-align: center;
}

.left
{
    text-align: left;
}

.right
{
    text-align: right;
}

.middle
{
    vertical-align: middle;
}

.bottom
{
    vertical-align: bottom;
}

.capitalize
{
    text-transform: capitalize;
}

.uppercase
{
    text-transform: uppercase;
}

.lowercase
{
    text-transform: lowercase;
}

.nowrap
{
    white-space: nowrap;
}

.bold
{
    font-weight: bold;
}

.block
{
    display: block! important;
}

.hide
{
    display: none! important;
}

.hidden
{
    visibility: hidden;
}

.transp
{
    width: 1px;
    height: 1px;
}

.widthAuto
{
    width: auto;
}

.widthH
{
    width: 100%;
}

.widthTight
{
    width: 1%;
}

.heightAuto
{
    height: auto;
}

.heightTight
{
    height: 1%;
}

.marginSmallTop
{
    margin-top: 5px;
}

.marginSmallRight
{
    margin-right: 5px;
}

.marginSmallBottom
{
    margin-bottom: 5px;
}

.marginSmallLeft
{
    margin-left: 5px;
}

.marginTop
{
    margin-top: 10px;
}

.marginRight
{
    margin-right: 10px;
}

.marginBottom
{
    margin-bottom: 10px;
}

.marginLeft
{
    margin-left: 10px;
}

.marginWideTop
{
    margin-top: 20px;
}

.marginWideRight
{
    margin-right: 20px;
}

.marginWideBottom
{
    margin-bottom: 20px;
}

.marginWideLeft
{
    margin-left: 20px;
}

.paddingSmallTop
{
    padding-top: 5px;
}

.paddingSmallRight
{
    padding-right: 5px;
}

.paddingSmallBottom
{
    padding-bottom: 5px;
}

.paddingSmallLeft
{
    padding-left: 5px;
}

.paddingTop
{
    padding-top: 10px;
}

.paddingRight
{
    padding-right: 10px;
}

.paddingBottom
{
    padding-bottom: 10px;
}

.paddingLeft
{
    padding-left: 10px;
}

.paddingWideTop
{
    padding-top: 20px;
}

.paddingWideRight
{
    padding-right: 20px;
}

.paddingWideBottom
{
    padding-bottom: 20px;
}

.paddingWideLeft
{
    padding-left: 20px;
}

/* -----------------------------------------------
    UTIL STOP
----------------------------------------------- */