/*    CSS Element Structure
---------------------------------------------------
    Css Reset
    Body
    Headings
    Paragraphs
    Images
    Links
    Lists
    Tables
    Forms
    Other Elements & Global Classes
---------------------------------------------------
    Notes:
    Preferred property declaration order:
        selector    {
            position
            top right bottom left
            float
            clear
            width
            height
            margin
            padding
            background
            border
            color
            font
            text-align/transform/indent
            overflow
            z-index
        }

    Shorthand propoerties & order:
        margin: top right bottom left;
        background: color image repeat attachment position(x y);
        border: width style color;
        font: style variant weight size/line-height family;
        list: type position image;
---------------------------------------------------    */
/*    CSS Reset
---------------------------------------------------    */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; background: transparent; }
body { line-height:1; }
ol, ul { list-style:none; }
blockquote, q {	quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { }
:focus { outline:0; }
ins { text-decoration:none; }
del { text-decoration:line-through; }
table { /*border-collapse:collapse; border-spacing:0;*/ }





/*    Body
---------------------------------------------------    */
body    {
    background:#FFF;
    color: #666;
    font: normal 12px/1.5 Arial, sans-serif;
}

/*    Headings
---------------------------------------------------    */
h1    {
    margin: 10px 0 10px 0;
    color: #333;
    font-size: 30px;
    font-weight:normal;
}
h2    {
    margin: 10px 0 5px;
    color: #333;
    font-size: 20px;
    font-weight:normal;
}
h3    {
    margin: 20px 0 0;
    color: #333;
    font-size: 15px;
}
h4    {
    margin: 20px 0 0;
    color: #333;
    font-size: 14px;
}
h5    {
    margin: 15px 0 5px;
    color: #333;
    font-size: 13px;
}
h6    {
    margin: 15px 0 5px;
    color: #333;
    font-size: 12px;
}

/*    Paragraphs
---------------------------------------------------    */
p    {
    margin: 5px 0 10px;
}

/*    Images
---------------------------------------------------    */
img    {
    display: block;
    border: none;
}
img.inlineImg    {
    display: inline;
}

/*    Links
---------------------------------------------------    */
a:link, a:visited    {
    color: #006bb6;
    text-decoration:none;
}
a:active, a:hover    {
    color: #006bb6;
}

/*    Lists
---------------------------------------------------    */
ul    {
    margin: 10px 0;
    padding: 0 0 0 25px;
    list-style: disc outside;
}
    ul li    {
        margin: 0 0 5px;
    }

    ul ul    {
        list-style: circle outside;
    }

    ul ul ul    {
        list-style: square outside;
    }
ul.menuList    {
    margin: 0;
    padding: 0;
    list-style: none;
}
    ul.menuList li    {
        margin: 0;
    }

ol    {
    margin: 10px 0;
    padding: 0 0 0 25px;
    list-style: decimal outside;
}
    ol li    {
        margin: 0 0 5px;
    }

    ol ol    {
        list-style: lower-roman outside;
    }

    ol ol ol    {
        list-style: lower-alpha outside;
    }
dl    {}
    dl dt    {}
    dl dd    {}
    dl.horizontalList    {
        margin: 10px 0;
        overflow: hidden;
    }
    dl.horizontalList dt, dl.horizontalList dd    {
        float: left;
        margin: 0;
        padding: 5px 0;
        border-bottom: 1px dotted #ccc;
        font-weight: normal;
    }
    dl.horizontalList dt    {
        width: 30%;
    }
    dl.horizontalList dd    {
        width: 70%;
    }

/*    Tables
    Basic table structure:
        table
            thead (optional)
            tfoot (optional)
            tbody (required)

    **    Tables can contain multiple tbody elements.
---------------------------------------------------    */
table    {
    width: 100%;
    margin: 5px 0 20px;
    border: none;
    /*border-collapse: collapse;*/
}
table th    {
    padding: 3px 5px;
    /*border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;*/
    text-align: left;
}
table td    {
    padding: 5px;
}
table tfoot td    {
    padding: 10px 5px;
    border-top: 1px solid #ddd;
    color: #777;
    font-size: 11px;
}
table.zebra tr.stripe td    {
    background: #eaeaef;
}

/*    Forms
---------------------------------------------------    */
fieldset    {
    border: none;
}
    fieldset fieldset    {
        margin: 10px 0;
        padding: 10px 20px;
        border: 1px solid #ddd;
    }
.required span    {
    padding-right: 5px;
    color: #a00;
    font-weight: bold;
}
p.required    {
    margin: 0 0 5px;
    padding: 0 0 0 38%;
    font-weight: bold;
}
label    {
    color: #555;
}
    label.required    {
        color: #000;
        font-weight: bold;
    }
input.textInput    {
    border-top: 1px solid #a8a8a8;
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e0e0e0;
    border-left: 1px solid #b7b7b7;
}
textarea    {
    border-top: 1px solid #a8a8a8;
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e0e0e0;
    border-left: 1px solid #b7b7b7;
}
input.buttonSubmit    {
    background: #7ad;
    border-top: 1px solid #9cf;
    border-right: 1px solid #48a;
    border-bottom: 1px solid #379;
    border-left: 1px solid #8be;
    color: #fff;
    cursor: pointer;
}
input.buttonReset    {
    margin-left: 5px;
    background: #eee;
    border-top: 1px solid #e5e5e5;
    border-right: 1px solid #bcbcbc;
    border-bottom: 1px solid #adadad;
    border-left: 1px solid #ececec;
    color: #666;
    cursor: pointer;
}
.errorMessage    {
    width: 75%;
    margin: 10px 0;
    padding: 5px 10px;
    background: #f6e5e5;
    border: 1px solid #a00;
    font-size: 11px;
}
    .errorMessage p    {
        margin: 0;
        color: #a00;
        font-weight: bold;
    }

/*    Column layout w/ label left of element    */
fieldset.columns div    {
    clear: both;
    height: auto !important;
    height: 1%;
    padding: 5px 0;
    overflow: hidden;
}
    fieldset.columns div.errorMessage    {
        margin: 10px auto;
        padding: 5px 10px;

    }
    fieldset.columns label    {
        float: left;
        width: 35%;
        margin: 0 20px 0 0;
        text-align: right;
    }
    fieldset.columns input.textInput, fieldset.columns textarea    {}

    /*    Group of elements such as radio buttons or checkboxes    */
    fieldset.columns fieldset.formGroup    {}
    fieldset.columns fieldset.formGroup label    {
        margin: 0;
    }
    fieldset.columns fieldset.formGroup div    {
        clear: none;
        float: right;
        width: 62%;
        padding: 0;
    }
    fieldset.columns fieldset.formGroup div label    {
        float: none;
        width: auto;
        margin: 0;
        color: #000;
        text-align: left;
        vertical-align: baseline;
    }
    fieldset.columns div.formControls    {
        text-align: center;
    }

/*    Stacked layout w/ label above element    */
fieldset.stacked p.required    {
    padding: 0 0 5px;
    text-align: left;
}
fieldset.stacked div    {
    padding: 5px 0 10px;
}
    fieldset.stacked div.errorMessage    {
        padding: 5px 10px;

    }
    fieldset.stacked label    {
        display: block;
        margin: 0 0 3px;
    }
    fieldset.stacked input.textInput, fieldset.stacked textarea    {}
    fieldset.stacked fieldset.formGroup    {}
    fieldset.stacked fieldset.formGroup div    {
        padding: 0;
    }
        fieldset.stacked fieldset.formGroup div label    {
            display: inline;
            margin: 0;
            vertical-align: baseline;
        }

/*    Other Elements & Global Classes
---------------------------------------------------    */
blockquote    {}
    blockquote p    {}

hr    {
    display:none;
    border:0;
}
.skipLink, .hide    {
    display: none;
}
.clear    {
    clear: both;
}

.superscript { vertical-align:super; font-size:50%; }
.capitalized { text-transform:capitalize; }

#content div.inner #mainwrap hr { display:block; width:100%; height:1px; clear:both; margin:20px 10px 20px 0; border-top:1px solid #e5e5e5; }

/* Quotation blocks, full width and half width */
#content div.inner #mainwrap .bqHalfWidthFloat { float:right; width:287px; margin:15px; }
#content div.inner #mainwrap .bqHalfWidthHolder { /*float:right; width:287px; margin:15px;*/ min-height:102px; position:relative; }
#content div.inner #mainwrap .bqHalfWidthTop { width:287px; background:url('http://apps.avid.com/kb/img/blockquote_top.gif') top no-repeat; height:3px; }
#content div.inner #mainwrap .bqHalfWidthFloat .quotemark { background:url('http://apps.avid.com/kb/img/quotemarks_start.png') top left no-repeat; width:25px; height:21px; position:absolute; left:20px; top:20px; }
#content div.inner #mainwrap blockquote.bqHalfWidth { width:217px; padding:15px 15px 35px 55px; background:url('http://apps.avid.com/kb/img/blockquote_base.gif') bottom; font-size:1.4em; font-style:italic; font-weight:bold; min-height:99px; }
#content div.inner #mainwrap blockquote.bqHalfWidth .name { font-style:normal; font-size:0.7em; font-weight:bold;  padding-top:15px; font-weight:normal; position:absolute; z-index:3;  }
#content div.inner #mainwrap .bqHalfWidth .name { position:absolute; left:55px; bottom:1px; }

#content div.inner #mainwrap .bqFullWidthFloat { /*float:right; width:590px; margin:15px;*/ }
#content div.inner #mainwrap .bqFullWidthHolder { /*float:right; width:287px; margin:15px;*/ width:590px; margin:15px; min-height:102px; position:relative; }
#content div.inner #mainwrap .bqFullWidthTop { width:590px; background:url('http://apps.avid.com/kb/img/blockquote_wide_top.gif') top no-repeat; height:3px; }
#content div.inner #mainwrap .bqFullWidthHolder .quotemark { background:url('http://apps.avid.com/kb/img/quotemarks_start.png') top left no-repeat; width:25px; height:21px; position:absolute; left:180px; top:20px; }
#content div.inner #mainwrap blockquote.bqFullWidth { width:360px; padding:15px 15px 35px 215px; background:url('http://apps.avid.com/kb/img/blockquote_wide_base.gif') bottom; font-size:1.4em; font-style:italic; font-weight:bold; min-height:120px; }

#content div.inner #mainwrap blockquote.bqFullWidth img { position:absolute; left:20px; top:20px; }
#content div.inner #mainwrap blockquote.bqFullWidth .name { font-style:normal; font-size:0.7em; font-weight:bold;  padding-top:15px; font-weight:normal; position:absolute; z-index:3;  }
#content div.inner #mainwrap .bqFullWidth .name { position:absolute; left:55px; bottom:1px; }

/* Full Width Gray Box */

#content div.inner #mainwrap .grayBoxFullWidthHolder { /*float:right; width:287px; margin:15px;*/ width:590px; margin:15px; min-height:102px; position:relative; }
#content div.inner #mainwrap .grayBoxFullWidthTop { width:590px; background:url('http://apps.avid.com/kb/img/mainwrap_fullwidthbox_top.gif') top no-repeat; height:30px; }
#content div.inner #mainwrap .grayBoxFullWidthTop h3 { color:#FFFFFF; padding:5px 0 0 15px; }
#content div.inner #mainwrap .grayBoxFullWidth { width:560px; padding:15px 15px 15px 15px; background:url('http://apps.avid.com/kb/img/mainwrap_fullwidthbox_base.gif') bottom; min-height:120px; }

/* */

#content div.inner #mainwrap .productGroupedLeft { width:675px; margin-top:-20px; margin-left:-30px; float:left;}
#content div.inner #mainwrap .productGroupedLeft img { float:left; }
#content div.inner #mainwrap .productGroupedLeft .text { float:right; width:320px; margin:20px 30px 0 10px }

#content div.inner #mainwrap .productGroupedRight { width:675px; margin-top:-20px; margin-left:-30px; float:left;}
#content div.inner #mainwrap .productGroupedRight img { float:right; margin-right:-1px; }
#content div.inner #mainwrap .productGroupedRight .text { float:left; width:320px; margin:20px 30px 0 30px }