@media screen

{

    html

    {

        color: #000000;

        background: #FFFFFF;

    }

    body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, 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, optgroup

    {

        font-style: inherit;

        font-weight: inherit;

    }

    del, ins

    {

        text-decoration: none;

    }

    li

    {

        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;

        font-variant: normal;

    }

    sup

    {

        vertical-align: baseline;

    }

    sub

    {

        vertical-align: baseline;

    }

    .heading

    {

        font: normal 600 16px/1.0 Arial;

        padding-bottom: 15px;

    }

    .subtitle

    {

        font-size: 13px;

    }

    .small-subtitle

    {

        font-size: 13px;

    }

    legend

    {

        color: #000000;

    }

    input, button, textarea, select, optgroup, option

    {

        font-family: inherit;

        font-size: inherit;

        font-style: inherit;

        font-weight: inherit;

    }

    input, button, textarea, select

    {

        font-size: 100%;

    }

    html

    {

        background-color: #e5e5e5;

    }

    body

    {

        background: #e6e7e8 url(../images/page_bg.png) repeat-x 0 0;

        font: normal 13px/1.2 Verdana;

        color: #363534;

    }

    strong

    {

        font-weight: bold;

    }

    em

    {

        font-style: italic;

    }

    a

    {

        color: #00732f;

        text-decoration: none;

    }

    .header, .footer, .wrapper

    {

        min-width: 600px;

        max-width: 1500px;

        margin: 0 30px;

    }

    .wrapper

    {

        background: url(../images/bg_r.png) repeat-y 100% 0;

    }

    .wrapper .hd

    {

        padding-left: 216px;

        height: 15px;

        background: url(../images/page.png) no-repeat 0 0;

        overflow: hidden;

    }

    .offline .wrapper .hd

    {

        background: url(../images/page.png) no-repeat 0 -15px;

    }

    .wrapper .hd span

    {

        height: 15px;

        display: block;

        overflow: hidden;

        background: url(../images/page.png) no-repeat 100% -30px;

    }

    .wrapper .bd

    {

        background: url(../images/bg_l.png) repeat-y 0 0;

        position: relative;

    }

    .offline .wrapper .bd

    {

        background: url(../images/bg_l_blank.png) repeat-y 0 0;

    }

    .wrapper .ft

    {

        padding-left: 216px;

        height: 15px;

        background: url(../images/page.png) no-repeat 0 -75px;

        overflow: hidden;

    }

    .offline .wrapper .ft

    {

        background: url(../images/page.png) no-repeat 0 -90px;

    }

    .wrapper .ft span

    {

        height: 15px;

        display: block;

        background: url(../images/page.png) no-repeat 100% -60px;

        overflow: hidden;

    }

    .header, .footer

    {

        display: block;

        clear: both;

        overflow: hidden;

    }

    .header

    {

        height: 115px;

        position: relative;

    }

    .header .icon

    {

        position: absolute;

        top: 13px;

        left: 0;

    }

    .header .qtref

    {

        position: absolute;

        top: 28px;

        left: 88px;

        width: 302px;

        height: 22px;

    }

    .header .qtref span

    {

        display: block;

        width: 302px;

        height: 22px;

        text-indent: -999em;

        background: url(../images/sprites-combined.png) no-repeat -78px -235px;

    }

    .sidebar

    {

        float: left;

        margin-left: 5px;

        width: 200px;

        font-size: 11px;

    }

    .offline .sidebar, .offline .feedback, .offline .t_button

    {

        display: none;

    }

    .sidebar .searchlabel

    {

        padding: 0 0 2px 17px;

        font: normal bold 11px/1.2 Verdana;

    }

    .sidebar .search

    {

        padding: 0 15px 0 16px;

    }

    .sidebar .search form

    {

        background: url(../images/sprites-combined.png) no-repeat -6px -348px;

		height:21px;

		padding:2px 0 0 5px;

		width:167px;

    }

    .sidebar .search form input#pageType

    {

        width: 158px;

        height: 19px;

        padding: 0;

        border: none;

        outline: none;

        font: 13px/1.2 Verdana;

    }

    .sidebar .box

    {

        padding: 17px 15px 5px 16px;

    }

    .sidebar .box .first

    {

        background-image: none;

    }

    .sidebar .box h2

    {

        font: normal 18px/1.2 Arial;

        padding: 0;

        min-height: 32px;

    }

    .sidebar .box h2 span

    {

        overflow: hidden;

        display: inline-block;

    }

    .sidebar .box#lookup h2

    {

        background-image: none;

    }

    .sidebar #lookup.box h2 span

    {

        background: url(../images/sprites-combined.png) no-repeat -6px -311px;

        width: 27px;

        height: 35px;

        margin-right: 13px;

    }

    .sidebar .box#topics h2

    {

        background-image: none;

    }

    .sidebar #topics.box h2 span

    {

        background: url(../images/sprites-combined.png) no-repeat -94px -311px;

        width: 27px;

        height: 32px;

        margin-right: 13px;

    }

    .sidebar .box#examples h2

    {

        background-image: none;

    }

    .sidebar #examples.box h2 span

    {

        background: url(../images/sprites-combined.png) no-repeat -48px -311px;

        width: 30px;

        height: 31px;

        margin-right: 9px;

    }

    .sidebar .box .list

    {

        display: block;

    }

    .sidebar .box .live

    {

        display: none;

        height: 100px;

        overflow: auto;

    }

    .list li a:hover, .live li a:hover

    {

        text-decoration: underline;

    }

    .sidebar .box ul

    {

    }

    .sidebar .box ul li

    {

        padding-left: 12px;

        background: url(../images/bullet_gt.png) no-repeat 0 5px;

        margin-bottom: 15px;

    }

    .sidebar .bottombar

    {

        background: url(../images/box_bg.png) repeat-x 0 bottom;

    }

    .wrap

    {

        margin: 0 5px 0 208px;

        overflow: visible; 

    }

    .offline .wrap

    {

        margin: 0 5px 0 5px;

    }

    .wrap .toolbar

    {

        background-color: #fafafa;

        border-bottom: 1px solid #d1d1d1;

        height: 20px; 

        position: relative;

    }

    .wrap .toolbar .toolblock

    {

        position: absolute;

    }

    .wrap .toolbar .breadcrumb

    {

        font-size: 11px;

        line-height: 1;

        padding: 0 0 10px 21px;

        height: 10px;

    }

    .wrap .toolbar .toolbuttons

    {

        padding: 0 0 10px 21px;

        right: 5px;

        vertical-align: middle;

        overflow: hidden;

    }

    .wrap .toolbar .toolbuttons .active

    {

        color: #00732F;

    }

    .wrap .toolbar .toolbuttons ul

    {

        float: right;

    }

    .wrap .toolbar .toolbuttons li

    {

        float: left;

        text-indent: -10px;

        margin-top: -5px;

        margin-right: 15px;

        font-weight: bold;

        color: #B0ADAB;

    }

    .toolbuttons #print

    {

        border-left: 1px solid #c5c4c4;

        margin-top: 0;

        padding-left: 7px;

        text-indent: 0;

    }

    .toolbuttons #print a

    {

        width: 16px;

        height: 16px;

    }

    .toolbuttons #print a span

    {

        width: 16px;

        height: 16px;

        text-indent: -999em;

        display: block;

        overflow: hidden;

        background: url(../images/sprites-combined.png) no-repeat -137px -311px;

    }

    .toolbuttons #smallA

    {

        font-size: 10pt;

    }

    .toolbuttons #medA

    {

        font-size: 12pt;

    }

    .toolbuttons #bigA

    {

        font-size: 14pt;

        margin-right: 7px;

    }

    #smallA:hover, #medA:hover, #bigA:hover

    {

        color: #00732F;

    }

    .offline .wrap .breadcrumb

    {

    }

    .wrap .breadcrumb ul

    {

    }

    .wrap .breadcrumb ul li

    {

        float: left;

        background: url(../images/breadcrumb.png) no-repeat 0 3px;

        padding-left: 15px;

        margin-left: 15px;

        font-weight: bold;

    }

    .wrap .breadcrumb ul li.last

    {

        font-weight: normal;

    }

    .wrap .breadcrumb ul li a

    {

        color: #363534;

    }

    .wrap .breadcrumb ul li.first

    {

        background-image: none;

        padding-left: 0;

        margin-left: 0;

    }

    .wrap .content

    {

        padding: 30px;

    }

    .wrap .content li

    {

        padding-left: 12px;

        background: url(../images/bullet_sq.png) no-repeat 0 5px;

        font: normal 400 10pt/1 Verdana;

        color: #44a51c;

        margin-bottom: 10px; 

    }

    .content li:hover

    {

        text-decoration: underline;

    }

    .offline .wrap .content

    {

        padding-top: 15px;

    }

    .wrap .content h1

    {

        font: 600 18px/1.2 Arial;

    }

    .wrap .content h2

    {

        font: 600 16px/1.2 Arial;

    }

    .wrap .content h3

    {

        font: 600 14px/1.2 Arial;

    }

    .wrap .content p

    {

        line-height: 20px;

        padding: 10px 5px 10px 5px;

    }

    .wrap .content ul

    {

        padding-left: 25px;

    }

    a:hover

    {

        color: #4c0033;

        text-decoration: underline;

    }

    .content a:visited

    {

        color: #4c0033;

        text-decoration: none;

    }

    .footer

    {

        min-height: 100px;

        color: #797775;

        font: normal 9px/1 Verdana;

        text-align: center;

        padding-top: 40px;

        background-color: #E6E7E8;

        margin: 0;

    }

    .feedback

    {

        float: none;

        position: absolute;

        right: 15px;

        bottom: 10px;

        font: normal 8px/1 Verdana;

        color: #B0ADAB;

    }

    .feedback:hover

    {

        float: right;

        font: normal 8px/1 Verdana;

        color: #00732F;

        text-decoration: underline;

    }

    .header:after, .footer:after, .breadcrumb:after, .wrap .content:after, .group:after