
#logozone {
    background: url("/gfx/bglogo.png") no-repeat scroll center center #383F43;
    clear: both;
    height: 100px;
    padding: 0 15px;
    width: 740px;
}
#sitelogo {
    height: 100px;
    width: 740px;
}
#title {
    background-image: url("/gfx/title.png");
    height: 100px;
    width: 740px;
}



#content a:link, #content a:visited {
    color: #0066CC;
    text-decoration: none;
}
#content a:hover {
    color: #114477;
    text-decoration: none;
}
#content small {
    color: #666666;
    font-size: 85%;
}
#content cite {
    color: #666666;
    font-family: "Hoefler Text",Georgia,"Times New Roman",Times,serif;
    font-style: italic;
    letter-spacing: 3px;
}
#content blockquote {
    background: url("/gfx/quote.png") no-repeat scroll left top #FFFFFF;
    border: 1px dotted #CCCCCC;
    color: #336699;
    font-family: "Hoefler Text",Georgia,"Times New Roman",Times,serif;
    font-size: 130%;
    padding: 10px 10px 5px 45px;
}
#content code {
    font-family: "Courier New",Courier,monospace;
    text-align: left;
}
#content pre {
    background-color: #EEEEEE;
    border: 1px solid #CCCCCC;
    color: #333333;
    line-height: 1em;
    margin: 1.5em 0;
    overflow: auto;
    padding: 10px 0 10px 10px;
    width: 500px;
}



#software {
    background: url("/gfx/headings/software.png") no-repeat scroll center center #4D5055;
}
#content p.intro {
    background-color: #EBEBEB;
    margin-bottom: 1em;
    padding: 10px;
}

#content h2 a:hover, #content h3 a:hover, #content h4 a:hover {
    text-decoration: none;
}
#articlehead {
    border-bottom: 1px solid #CCCCCC;
    margin-bottom: 1em;
    padding: 0 0 0.5em;
}


.hidden {
    display: none;
}
.item {
    clear: both;
    margin-bottom: 3em;
    margin-top: 3em;
}
.noline:link, .noline:visited, .noline:hover {
    text-decoration: none;
}
div.separator {
    background: url("/gfx/separator.png") no-repeat scroll center center #FFFFFF;
    height: 16px;
    margin: 2em auto;
}
.left {
    float: left;
    margin: 0 10px 5px 0;
}
.right {
    float: right;
    margin: 0 0 5px 10px;
}
.draggable {
    cursor: move;
}
#lbOverlay {
    background-color: #000000;
    cursor: pointer;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
}
#lbCenter, #lbBottomContainer {
    background-color: #FFFFFF;
    overflow: hidden;
    position: absolute;
}
.lbLoading {
    background: url("/gfx/lb/loading.gif") no-repeat scroll center center #FFFFFF;
}
#lbImage {
    background-repeat: no-repeat;
    border: 10px solid #FFFFFF;
    left: 0;
    position: absolute;
    top: 0;
}
#lbPrevLink, #lbNextLink {
    display: block;
    outline: medium none;
    position: absolute;
    top: 0;
    width: 50%;
}
#lbPrevLink {
    left: 0;
}
#lbPrevLink:hover {
    background: url(../img/prev.gif) no-repeat scroll 0 15% transparent;
}
#lbNextLink {
    right: 0;
}
#lbNextLink:hover {
    background: 
	url(../img/next.gif) no-repeat scroll 100% 15% transparent;
}
#lbBottom {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #FFFFFF;
    border-image: none;
    border-right: 10px solid #FFFFFF;
    border-style: none solid solid;
    border-width: 10px;
    color: #666666;
    font-family: Verdana,Arial,Geneva,Helvetica,sans-serif;
    font-size: 10px;
    line-height: 1.4em;
    text-align: left;
}
#lbCloseLink {
    background: url(../img/closelabel.gif) no-repeat scroll center center transparent;
    display: block;
    float: right;
    height: 22px;
    margin: 5px 0;
    outline: medium none;
    width: 66px;
}
#lbCaption, #lbNumber {
    margin-right: 71px;
}
#lbCaption {
    font-weight: bold;
}
