/* RESET */
html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input
{
    margin: 0;
    padding: 0;
}
h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, code, em, strong, th
{
    font-size: 1em;
    font-weight: normal;
    font-style: normal;
}
.gridviewAlternating
{
  background-color:#FAFAFA;  
}
.gridviewHeader
{
    background: gray;
    color: White;
    padding:20px;
}
/* This is for all the decent browsers - So they understand the hover effect */
input[type="submit"], input[type="button"], .frm_button
{
    padding: 6Px;
    cursor: pointer;
    background-position: bottom;
    background-repeat: repeat-x;
    background-color: #718385;
    border: 2px #333 solid;
    color: #fff;
}
input[type="submit"]:hover, input[type="button"]:hover
{
    border: 2px #000 solid;
}

input[type="text"], input[type="password"], select, textarea
{
    border: 1px #CCCCCC solid;
    background-color: #F8F8F8;
    padding: 5px;
}

input[type="checkbox"]
{
    padding: 5px;
}

input[type="text"]:hover, input[type="password"]:hover, textarea:hover, input[type="text"]:focus, input[type="password"]:focus, textarea:focus
{
    background-color: #FFFFE6;
}

option
{
    padding: 3px 6px;
}
select
{
    cursor: pointer;
}

fieldset, img
{
    border: none;
}
caption, th
{
    text-align: left;
}
table
{
    border-collapse: collapse;
    border-spacing: 0;
}

/* LAYOUT */
.clear
{
    clear: both;
}
.clearer
{
    clear: both;
    display: block;
    margin: 0;
    padding: 0;
    height: 0;
    line-height: 1px;
    font-size: 1px;
}

img.left
{
    float: left;
    margin: 2px 20px 16px 0;
}
img.right
{
    float: right;
    margin: 2px 0 16px 20px;
}
img.across
{
    margin: 2px 0 16px 0;
}
img.flushleft
{
    margin-left: -20px;
}
img.flushright
{
    margin-right: -20px;
}

#omniture
{
    position: absolute;
}
#container
{
    width: 980px;
    margin: 0 auto;
    position: relative;
}
#main
{
    width: 100%;
    position: relative;
}
#content
{
    padding: 18px 20px;
    position: relative;
    color: #333;
}
#breadcrumb
{
    clear: both;
    text-align: center;
    margin: 18px auto;
    clear: both;
    font-size: 10px;
    color: #686868;
}

/* GRID */
.column
{
    float: left;
}
.grid2col, .grid2cola, .grid2colb, .grid2colc, .grid2cold, .grid2cole, .grid2colf, .grid3col, .grid3cola, .grid4col, .grid5col, .grid6col
{
    width: 100%;
}

.grid2col .column
{
    width: 49%;
}
.grid2col .grid2col .column
{
    width: 47.8%;
}
.grid3col .grid2col .column
{
    width: 46%;
}
.grid4col .grid2col .column
{
    width: 45%;
}

.grid2cola .column.first
{
    width: 66%;
}
.grid2cola .column.last
{
    width: 32%;
}

.grid2colb .column.first
{
    width: 74.9%;
}
.grid2colb .column.last
{
    width: 23%;
}

.grid2colc .column.first
{
    width: 32%;
}
.grid2colc .column.last
{
    width: 66%;
}

.grid2cold .column.first
{
    width: 23%;
}
.grid2cold .column.last
{
    width: 74.9%;
}

.grid2cole .column.first
{
    width: 79%;
}
.grid2cole .column.last
{
    width: 19%;
}

.grid2colf .column.first
{
    width: 19%;
}
.grid2colf .column.last
{
    width: 79%;
}

.grid3col .column
{
    width: 32%;
    margin-left: 2%;
}
.grid2col .grid3col .column
{
    width: 31%;
}

.grid3cola .column
{
    width: 58%;
    margin-left: 2%;
}
.grid3cola .column.first, .grid3cola .column.last
{
    width: 19%;
}

.grid4col .column
{
    width: 23%;
    margin-left: 3%;
}

.grid5col .column
{
    width: 18.4%;
    margin-left: 2%;
}

.grid6col .column
{
    width: 15%;
    margin-left: 2%;
}

.column.first, .column.last
{
    margin-left: 0 !important;
}
.column.last
{
    float: right !important;
}

p.last, ul.last, ol.last, li.last
{
    _width: auto !important;
    _float: none !important;
}

#container:after, #content:after, .grid2col:after, .grid2cola:after, .grid2colb:after, .grid2colc:after, .grid2cold:after, .grid2cole:after, .grid2colf:after, .grid3col:after, .grid3cola:after, .grid4col:after, .grid5col:after, .grid6col:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
#container, #content, .grid2col, .grid2cola, .grid2colb, .grid2colc, .grid2cold, .grid2cole, .grid2colf, .grid3col, .grid3cola, .grid4col, .grid5col, .grid6col
{
}

/* TYPE */
body
{
    font: 12px/18px "Verdana" , "Lucida Sans Unicode" , Arial, Verdana, sans-serif;
    background-color: #fff;
    color: #111;
}

a
{
    color: #08c;
}
a:link, a:visited, a:active
{
    text-decoration: underline;
    color: #08c;
}
a:hover
{
    text-decoration: underline;
}
a.more
{
    white-space: nowrap;
    padding-right: 10px;
}
a[rel="external"], a.external
{
    white-space: nowrap;
    padding-right: 15px;
}
strong, b
{
    font-weight: bold;
}
em, i
{
    font-style: italic;
}
sup
{
    padding-left: 1px;
    font-size: 10px !important;
    font-weight: normal !important;
    vertical-align: baseline;
    position: relative;
    bottom: 0.33em;
    color: #76797c;
    _position: static !important;
}
abbr
{
    border: 0;
}
.sosumi
{
    font-size: 10px !important;
    color: #76797c;
}

p
{
    margin-bottom: 18px;
}
h1
{
    font-weight: bold;
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 18px;
}
h2
{
    font-weight: bold;
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 18px;
}
h3
{
    font-weight: bold;
    font-size: 1em;
    line-height: 18px;
}
h4
{
    font-weight: bold;
    font-size: 10px;
    line-height: 18px;
}
p.intro
{
    font-weight: bold;
}
.more
{
    text-align: right;
}

ul
{
    margin-bottom: 18px;
    text-align: left;
    margin-right: 15px;
    margin-left: 25px;
    color: #222222;
    list-style-image: url('/images/bullet.gif');
}
ol
{
    margin-bottom: 18px;
    list-style: decimal;
    margin-left: 2.2em;
}
ul.square, ul.circle
{
    margin-left: 2em;
}
ul.square
{
    list-style: square outside;
}
ul.circle
{
    list-style: circle outside;
}
ul ul.circle, ul ul.square
{
    margin-top: 4px;
    margin-bottom: 5px;
}
ol.sosumi
{
    margin-left: 0;
    padding-left: 2em;
}

.comingSoon
{
    color: #8f8f8f;
}

.last
{
    margin-bottom: 0;
}
#main .sidebar
{
    font-size: 10px;
    line-height: 18px;
    color: #686868;
}
#main .callout
{
    font-size: 11px;
    line-height: 18px;
    margin-bottom: 18px;
}

/* PIPED LINKS */
.piped
{
    display: block;
}
.piped:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.piped li
{
    float: left;
    display: inline;
}
.piped a
{
    border-left: 1px solid #797c80;
    padding: 0 0 0 0.75em;
    margin-left: 0.75em;
}
.piped a.first
{
    border-left: 0 !important;
    padding-left: 0;
    margin-left: 0 !important;
}

/* PRETTY SEARCH */
.search-wrapper
{
    position: relative;
    width: 200px;
}
.search-wrapper input.prettysearch
{
    width: 171px;
    margin-left: 20px;
    margin-top: -1px;
    margin-right: -2px;
    margin-left: 10px;
}
.search-wrapper.empty .reset
{
    display: none;
}
label .prettyplaceholder
{
    display: block;
    overflow: hidden;
    text-indent: -9999px;
    height: 0;
    width: 0;
}

/* GLOBALHEADER */
#globalheader
{
    width: 982px;
    height: 38px;
    margin: 18px auto;
    position: relative;
    z-index: 2;
}
#globalheader #globalnav
{
    margin: 0;
    padding: 0;
}
#globalheader #globalnav li
{
    display: inline;
}
#globalheader #globalnav li a
{
    float: left;
    width: 117px;
    height: 0;
    padding-top: 38px;
    overflow: hidden;
}
#globalheader #globalnav li a, #globalheader #globalsearch
{
    background-image: url(/images/globalnavbg.gif);
    background-repeat: no-repeat;
}

/* BUTTONS */
#globalheader #globalnav li#gn-none a
{
    background-position: 0 0;
}
#globalheader #globalnav li#gn-home a
{
    background-position: -117px 0;
}
#globalheader #globalnav li#gn-search a
{
    background-position: -234px 0;
}
#globalheader #globalnav li#gn-forum a
{
    background-position: -351px 0;
}
#globalheader #globalnav li#gn-software a
{
    background-position: -468px 0;
}
#globalheader #globalnav li#gn-research a
{
    background-position: -585px 0;
}
#globalheader #globalnav li#gn-support a
{
    background-position: -702px 0;
}

/* OVER STATES */
#globalheader #globalnav li#gn-none a:hover
{
    background-position: 0 -38px;
}
#globalheader #globalnav li#gn-home a:hover
{
    background-position: -117px -38px;
}
#globalheader #globalnav li#gn-search a:hover
{
    background-position: -234px -38px;
}
#globalheader #globalnav li#gn-forum a:hover
{
    background-position: -351px -38px;
}
#globalheader #globalnav li#gn-software a:hover
{
    background-position: -468px -38px;
}
#globalheader #globalnav li#gn-research a:hover
{
    background-position: -585px -38px;
}
#globalheader #globalnav li#gn-support a:hover
{
    background-position: -702px -38px;
}

/* PRESSED STATES */
#globalheader #globalnav li#gn-none a:active
{
    background-position: 0 -76px;
}
#globalheader #globalnav li#gn-home a:active
{
    background-position: -117px -76px;
}
#globalheader #globalnav li#gn-search a:active
{
    background-position: -234px -76px;
}
#globalheader #globalnav li#gn-forum a:active
{
    background-position: -351px -76px;
}
#globalheader #globalnav li#gn-software a:active
{
    background-position: -468px -76px;
}
#globalheader #globalnav li#gn-research a:active
{
    background-position: -585px -76px;
}
#globalheader #globalnav li#gn-support a:active
{
    background-position: -702px -76px;
}

/* ON STATES */
#globalheader.home #globalnav li#gn-none a:hover
{
    background-position: 0 0;
    cursor: default;
}
#globalheader.store #globalnav li#gn-home a
{
    background-position: -117px -114px !important;
}
#globalheader.mac #globalnav li#gn-search a
{
    background-position: -234px -114px !important;
}
#globalheader.ipoditunes #globalnav li#gn-forum a
{
    background-position: -351px -114px !important;
}
#globalheader.iphone #globalnav li#gn-software a
{
    background-position: -468px -114px !important;
}
#globalheader.downloads #globalnav li#gn-research a
{
    background-position: -585px -114px !important;
}
#globalheader.support #globalnav li#gn-support a
{
    background-position: -702px -114px !important;
}

/* GLOBAL SEARCH */
#globalsearch
{
    width: 163px;
    height: 38px;
    position: absolute;
    top: 0;
    right: 0;
    background-position: 100% 0;
    background-repeat: no-repeat;
}
#globalsearch.active
{
    background-position: 100% -38px;
}
#globalsearch .search-wrapper
{
    position: relative;
    width: 140px;
    margin-top: 9px;
    margin-left: 11px;
}
#globalsearch .search-wrapper .left
{
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 19px;
}
#globalsearch .search-wrapper .right
{
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 10px;
    height: 19px;
}
#globalsearch .search-wrapper.empty.blurred input
{
    color: #7E7E7E;
}
#globalsearch .search-wrapper .reset
{
    position: absolute;
    width: 11px;
    height: 11px;
    overflow: hidden;
    z-index: 1;
    right: 4px;
    top: 4px;
    display: block;
    cursor: pointer;
    _cursor: hand;
}
#globalsearch .search-wrapper.empty .reset
{
    display: none;
}
#globalsearch .search-wrapper input.g-prettysearch
{
    position: absolute;
    width: 110px;
    top: 0;
    right: 10px;
    border: 0px;
    margin: 0;
    padding: 3px 0 0 0;
    font: 11px "Lucida Grande" , Arial, sans-serif;
}
#globalsearch label .prettyplaceholder
{
    display: block;
    overflow: hidden;
    text-indent: -9999px;
    height: 0;
    width: 0;
}

input[type=search].not-round
{
    background-image: none;
    -webkit-border-radius: 10px;
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    height: 20px;
}
#globalsearch input[type=search].not-round
{
    background: #fff;
    width: 133px;
}



/*--- Global Footer (legacy) ---*/
#globalfooter .gf-buy
{
    float: left;
    width: 60%;
    margin: 18px 0 9px;
}
#globalfooter .gf-links
{
    float: right;
    margin: 18px 0 9px;
}
#globalfooter .gf-links a
{
    padding: 0 10px;
    white-space: nowrap;
}
#globalfooter .gf-links a.last
{
    padding-right: 0;
    _float: none !important;
    width: auto !important;
}

/*--- Global Footer ---*/
#globalfooter
{
    width: 980px;
    color: #888;
    font-size: 10px;
    margin: 18px auto;
    padding-bottom: 36px;
    text-align: left !important;
}
#globalfooter a
{
    color: #08c;
}
#globalfooter p
{
    margin-bottom: 1em;
}
#globalfooter p.gf-buy
{
    float: left;
    width: 60%;
    margin: 18px 0 9px 3px;
}
#globalfooter ul.piped a
{
    padding: 0 0 0 1.5em;
    margin-left: 1.5em;
    border-left: 1px solid #d0d0d0;
}
#globalfooter .gf-links
{
    float: right;
    margin: 18px 3px 9px 0;
}
#globalfooter .gf-sosumi
{
    clear: both;
    width: 100%;
    border-top: 1px solid #ddd;
    padding-top: 9px;
}
#globalfooter .gf-sosumi a
{
    padding: 0 10px;
}
#globalfooter .gf-sosumi p
{
    float: left;
    margin-left: 3px;
}
#globalfooter form
{
    margin: 18px 10px;
}
#globalfooter .search-wrapper
{
    margin: 0 auto;
}
#globalfooter .search-wrapper input.prettysearch
{
    margin-left: 10px;
}

.table td
{
    border: solid 1px silver;
    padding: 10px;
    margin: 0 auto;
}

/* holiday promos */
#promofooter #promos li.holiday
{
    background: #e3f4fd;
}
#promofooter #promos li.holiday h4, #promofooter #promos li.holiday p
{
    z-index: 5;
    position: relative;
}
#promofooter #promos li.holiday a.image
{
    z-index: 4;
}

#Advertisement
{
    margin: 60px auto 50px;
    text-align: center;
    font-size: 10px;
    color: #6e6e6e;
    margin-top: 180px;
}

/* PRINT */
@media print
{
    body, #main, #content
    {
        color: #000 !important;
    }
    a, a:link, a:visited
    {
        color: #000 !important;
        text-decoration: none !important;
    }
    #tabs, #globalheader, #globalfooter, #directorynav, .noprint, .hide
    {
        display: none !important;
    }
    #main a.pdf, #main a.html, #main a.qt, #main a.ical, #main a.dl, #main a.dmg, #main a.zip, #main a.keynote, #main a.audio
    {
        padding-left: 0 !important;
        background-image: none !important;
    }
}

/* iPhone */
@media screen and (max-device-width: 480px)
{
    html
    {
        -webkit-text-size-adjust: none;
    }
}

/* Mobile / PDA */