/*********  rounded corners  *********/
.b1, .b2, .b3, .b4 {
    font-size: 1px;
    overflow: hidden;
    display: block;
}

.b1 {
    height: 1px;
    background: #fff;
    margin: 0 5px;
    width: 52px;
}

.b2 {
    height: 1px;
    background: #fff;
    border-right: 2px solid #fff;
    border-left: 2px solid #fff;
    margin: 0 3px;
    width: 52px;
}

.b3 {
    height: 1px;
    background: #fff;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    margin: 0 2px;
    width: 56px;
}

.b4 {
    height: 2px;
    background: #fff;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    margin: 0 1px;
    width: 58px;
}

.contentb {
    background: #fff;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    width: 60px;
    color: #000;
    font-weight: bold;
}

.contentb div {
    margin-left: 5px;
}

.bf1, .bf2, .bf3, .bf4 {
    font-size: 1px;
    overflow: hidden;
    display: block;
}

.bf1 {
    height: 1px;
    background: #fff;
    margin: 0 5px;
}

.bf2 {
    height: 1px;
    background: #001839;
    border-right: 2px solid #fff;
    border-left: 2px solid #fff;
    margin: 0 3px;
}

.bf3 {
    height: 1px;
    background: #001839;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    margin: 0 2px;
}

.bf4 {
    height: 2px;
    background: #001839;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    margin: 0 1px;
}

.contentbf {
    background: #001839;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    color: #fff;
    font-weight: bold;
}

.contentbf div {
    margin-left: 5px;
}

/*****************************/
/* font size comparisons
 
 Font Size 1, 7pt, 9px, .55em, x-small
 Font Size 2, .8em, 13px, .8em, small
 Font Size 3, 12pt, 16px, 1em, medium
 Font Size 4, 13.5pt, 18px, 1.1em, large
 Font Size 5, 1.75em, 24px, 1.5em, x-large
 Font Size 6, 24pt, 32px, 2em, xx-large
 
 */

#standardsAndTols{
	color:#000000;	
}
#spur2Dicon {
    background: url(/images/spur2Dicon.gif);
    background-repeat: no-repeat;
    height: 50px;
    background-position: center;
    background-position-y: center;
}

#spur3Dicon {
    background-Image: url(/images/spur3Dicon.gif);
    background-repeat: no-repeat;
    height: 50px;
    background-position: center;
    background-position-y: center;
    margin-bottom: 10px;
}

#qMark1, #qMark2, #qMark3 {
    background-Image: url(/images/qMark.gif);
    background-repeat: no-repeat;
    height: 72px;
    width: 72px;
    background-position: center;
}

#lockedImg {
    float: left;
    background-image: url(/images/locked.gif);
    height: 16px;
    width: 16px;
    background-repeat: no-repeat;
    background-position: center;
}

#betaBeta {
    width: 50px;
}

#beta {
    background-color: #cc0033;
    white-space: nowrap;
    padding: 0px 2px 0px 2px;
    color: #fff;
}

#betaSpan {
    white-space: nowrap;
}

#browserProblems {
    position: absolute;
    top: 5px;
    right: 5px;
    background-color: #333333;
    color: white;
    border: 2px solid white;
    padding: 3px;
    font: .7em "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif;
    font-weight: bold;
    width: 308px;
}

#lockedCursor {
    cursor: url('/images/locked.gif'), auto;
}

/* topcglogin is in r2main.css*/
.searchToolBar {
    margin-left: auto;
    margin-right: auto;
    /*width: 890px;*/
    /*width: 970px;*/
    width: 620px;
    background-color: #cc3333;
    border: 2px solid white;
    padding: 2px;
    white-space: nowrap;
}

.searchToolBar2 {
    margin-left: auto;
    margin-right: auto;
    /*width: 890px;*/
    /*width: 970px;*/
    width: 620px;
    background-color: #FFFF66;
    color: black;
    border: 2px solid white;
    padding: 2px;
    white-space: nowrap;
}

#partnoResults {
    position: relative;
    /*top: 550px;
     left: 30%;
     width: 650px;
     height: 120px;
     border: 2px solid white;
     background-color: #343c63;*/
    color: white;
    z-index: 2;
    text-align: center;
}

#partnoResultsTable {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    color: white;
    border-collapse: collapse;
    text-align: center;
}

.justPadding {
    padding: 2px 6px 2px 6px;
}

#quoteControlsIE {
    position: absolute;
    top: 50px;
    right: 50px;
    background-color: #343c63;
    color: white;
    z-index: 350;
    font-size: 12px;
}

#quoteControls {
    position: absolute;
    top: 450px;
    right: 150px;
    /*height: 576px;
     border: 2px solid white;*/
    background-color: #343c63;
    color: white;
    z-index: 350;
}

#quoteControlsDM {
    position: absolute;
    top: 50px;
    right: 630px;
    /*height: 576px;
     border: 2px solid white;*/
    background-color: #343c63;
    color: white;
    z-index: 350;
}

.quoteSelect {
    font-family: arial, helvetica, sans-serif;
    font-size: 10px;
    background-color: #9999FF;
    border-color: gray;
    border-style: inset;
    border-width: 2px;
    color: BLACK;
    /*HEIGHT: 22px;*/
}

#registerQuoteTable {
    position: absolute;
    top: 65px;
    left: 3px;
    border-collapse: collapse;
    width: 345px;
    padding: 4px;
    background-color: #cc3333;
    z-index: 155;
    padding: 5px;
}

.registerInput {
    width: 85px;
    font: 14px arial, helvetica, sans-serif;
    font-weight: bold;
    background-color: #9999FF;
    border-color: GRAY;
    border-style: inset;
    border-width: 2px;
    color: black;
}

.registerHandle {
    color: black;
    background-color: #cccccc;
    text-align: center;
    width: 100%;
    border: solid white;
    border-width: 1px 1px 0px 1px;
}

.registerCellLeft {
    text-align: center;
    padding: 6px 4px 6px 4px;
    color: white;
    font: 12px arial, helvetica, sans-serif;
    font-weight: bold;
    border: solid white;
    border-width: 0px 0px 0px 1px;
}

.registerCellRight {
    text-align: center;
    padding: 6px 4px 6px 4px;
    color: white;
    font: 12px arial, helvetica, sans-serif;
    font-weight: bold;
    border: solid white;
    border-width: 0px 1px 0px 0px;
}

.registerCellBoth {
    text-align: center;
    padding: 6px 4px 6px 4px;
    color: white;
    font: 12px arial, helvetica, sans-serif;
    font-weight: bold;
    border: solid white;
    border-width: 0px 1px 0px 1px;
}

.registerCellBottom {
    text-align: center;
    padding: 6px 4px 6px 4px;
    color: white;
    font: 12px arial, helvetica, sans-serif;
    font-weight: bold;
    border: solid white;
    border-width: 0px 1px 1px 1px;
}

.registerCellMiddle {
    text-align: center;
    padding: 6px 4px 6px 4px;
    color: white;
    font: 12px arial, helvetica, sans-serif;
    font-weight: bold;
}

#quoteBlockIframeDiv {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 353px;
    height: 350px;
    z-index: 1;
}

#quoteBlockIframe {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 350px;
    height: 445px;
    background-color: red;
    z-index: 3;
    border-collapse: collapse;
    filter: alpha( opacity = 2);

opacity:
    0.02;
}

#quoteTable {
    position: absolute;
    top: 0px;
    left: 0px;
    border-collapse: collapse;
    width: 350px;
    padding: 4px;
    background-color: #343c63;
    z-index: 51;
    padding: 5px;
    filter: alpha( opacity = 100);

-moz-opacity:
    1;

opacity:
    1;

font:
    12px

Arial, Helvetica, Geneva, sans-serif;
}

.partsearchbuttonQ {
    /*font: 16px  Arial, Helvetica, Geneva, sans-serif;
     font-weight: bold;
     background-color: #666666;
     vertical-align: middle;
     color: white;
     */
    font-weight: bold;
}

.partSearchButton {
    color: #FFFFFF;
    font: 12px "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif;
    font-weight: bold;
    background-color: #000000;
    padding: 0px 2px 0px 2px;
    border: 2px solid;
    border-top-color: #696;
    border-left-color: #696;
    border-right-color: #363;
    border-bottom-color: #363;
    cursor: pointer;
    background-repeat: no-repeat;
    width: 50px;
}

input.partSearchButton:hover {
    color: #666666;
}

#closeQuote {
    color: Yellow; /*#333399;*/
    text-align: right;
    vertical-align: middle;
    font: 12px Arial, Helvetica, Geneva, sans-serif;
    font-weight: bold;
    cursor: pointer;
}

#minQuote {
    color: Yellow; /*#333399;*/
    text-align: right;
    vertical-align: middle;
    font: 12px Arial, Helvetica, Geneva, sans-serif;
    font-weight: bold;
    cursor: pointer;
}

#quoteControlMax {
    position: absolute;
    top: 28px;
    right: 5px;
    vertical-align: middle;
    background-color: #0000CC; /*#cc0033;*/
    color: #ffffff;
    border-width: 2px 2px 2px 2px;
    border-style: solid;
    border-color: gray;
    padding: 5px;
    font-weight: bold;
    z-index: 201;
}

#quoteControlCol {
    background-color: #CCCC99;
}

#quoteControlRow {
    background-color: #CCCC99;
    height: 30px;
}

#quoteControlMaxLabel {
    vertical-align: middle;
    cursor: pointer;
}

#closeMsg {
    position: absolute;
    top: 20px;
    right: 10px;
    z-index: 55;
    width: 230px;
    background-color: #cc3333;
    color: white;
    border: 2px solid white;
    font: 12px Arial, Helvetica, Geneva, sans-serif;
    font-weight: bold;
    padding: 4px;
    text-align: left;
}

#closeCell {
    text-align: right;
    vertical-align: middle;
}

.quoteHandle {
    color: white;
    background-color: gray;
    text-align: center;
    width: 100%;
    cursor: move;
    border: solid white;
    border-width: 2px 2px 0px 0px;
}

#quoteControlTitle {
    border: solid white;
    border-width: 2px 0px 0px 2px;
}

.quoteHeaderRow {
    color: white;
    border: solid white;
    border-width: 0px 0px 1px 0px;
    text-align: center;
    white-space: nowrap;
}

.quoteInput {
    width: 80px;
    font: 12px arial, helvetica, sans-serif;
    background-color: #9999FF;
    border-color: GRAY;
    border-style: inset;
    border-width: 2px;
    color: BLACK;
}

.qtyInput {
    width: 110px;
    font: 12px arial, helvetica, sans-serif;
    background-color: #9999FF;
    border-color: GRAY;
    border-style: inset;
    border-width: 2px;
    color: BLACK;
}

.quoteFileInput {
    font: 12px arial, helvetica, sans-serif;
    background-color: #9999FF;
    border-color: GRAY;
    border-style: inset;
    border-width: 2px;
    color: BLACK;
}

.fileTextCell {
    text-align: center;
    font: 12px arial, helvetica, sans-serif;
    color: white;
    background-color: #cc3333;
    white-space: nowrap;
    border: solid white;
    border-width: 0px 0px 0px 2px;
}

#addRemoveHeader {
    text-align: center;
    border: solid white;
    border-width: 0px 0px 1px 0px;
    width: 56px;
    color: white;
}

#addFileHeader {
    text-align: center;
    border: solid white;
    border-width: 0px 0px 1px 2px;
    width: 56px;
    color: white;
}

#qtyCommentsHeader {
    text-align: center;
    border: solid white;
    border-width: 0px 2px 1px 0px;
    width: 190px;
    color: white;
}

.quotePartCellMiddle {
    text-align: center;
    padding: 6px 4px 6px 4px;
    color: white;
    font: 12px arial, helvetica, sans-serif;
    font-weight: bold;
}

.quotePartCellLeft {
    text-align: center;
    padding: 6px 4px 6px 4px;
    color: white;
    font: 12px arial, helvetica, sans-serif;
    font-weight: bold;
    border: solid white;
    border-width: 0px 0px 0px 2px;
}

.quotePartCellRight {
    text-align: center;
    padding: 6px 4px 6px 4px;
    color: white;
    font: 12px arial, helvetica, sans-serif;
    font-weight: bold;
    border: solid white;
    border-width: 0px 2px 0px 0px;
}

.quotePartCellBoth {
    text-align: center;
    padding: 6px 4px 6px 4px;
    color: white;
    font: 12px arial, helvetica, sans-serif;
    font-weight: bold;
    border: solid white;
    border-width: 0px 2px 0px 2px;
}

.quotePartCellBottom {
    text-align: center;
    padding: 6px 4px 6px 4px;
    color: white;
    font: 12px arial, helvetica, sans-serif;
    font-weight: bold;
    border: solid white;
    border-width: 0px 2px 2px 2px;
}

.quoteMsgCell {
    text-align: center;
    padding: 2px 2px 2px 2px;
    color: white;
    font: 12px arial, helvetica, sans-serif;
    font-weight: bold;
    border: solid white;
    border-width: 0px 0px 0px 2px;
}

.addFileCell {
    text-align: center;
    padding: 6px 4px 6px 4px;
    color: white;
    font: 12px arial, helvetica, sans-serif;
    font-weight: bold;
}

.bottomPartCell {
    text-align: center;
    padding: 6px 4px 6px 4px;
    color: white;
    border: solid white;
    border-width: 0px 0px 1px 0px;
}

.quoteFileCell {
    text-align: right;
    padding: 6px 0px 6px 0px;
    background-color: #cc3333;
    border: solid white;
    border-width: 0px 2px 0px 0px;
}

#registerQuote {
    cursor: pointer;
}

.quoteTextArea {
    font-family: arial, helvetica, sans-serif;
    background-color: #9999FF;
    border-color: gray;
    border-style: inset;
    border-width: 2px;
    color: BLACK;
    width: 250px;
}

#gearImagesTable {
    border-collapse: collapse;
}

#gearImages {
    border: solid gray;
    border-width: 2px 2px 2px 0px;
    width: 260px;
    height: 320px;
    vertical-align: top;
    background-color: #000066;
    text-align: center;
    padding: 0px;
}

#hideGearImages {
    font: 16px Arial, Helvetica, Geneva, sans-serif;
    font-weight: bold;
    color: white;
    background-color: #343C63;
    border: 2px solid gray;
    text-align: center;
    cursor: pointer;
    width: 8px;
    height: 320px;
}

#gearImagesHeader {
    font: 16px "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif;
    color: white;
}

#sBar {
    position: relative;
    z-index: 2;
}

#sBar2 {
    position: relative;
    z-index: 2;
}

#sBar3 {
    position: relative;
    z-index: 2;
}

.mainBar {
    margin-left: auto;
    margin-right: auto;
    /*width: 890px;*/
    /*width: 970px;*/
    /*  used with the 3d images     width: 1200px; */
    background-color: transparent;
    padding: 2px;
    white-space: nowrap;
}

.gearImageHolder3D {
    position: absolute;
    top: 225px;
    left: 0px;
    z-index: 4;
}

.gearImageHolder2D {
    position: absolute;
    top: 265px;
    right: 20px;
    z-index: 4;
}

#noViewer {
    position: absolute;
    top: 470px;
    left: 20px;
    background-color: #CC0000;
    border: 3px solid #ffffff;
    color: white;
    padding: 10px 10px 10px 10px;
    font: 1.25em "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif;
    font-weight: bold;
    white-space: nowrap;
    z-index: 3;
}

#closeNoViewer {
    cursor: pointer;
    position: absolute;
    bottom: 5px;
    right: 50%;
    font: 1.2em "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif;
    font-weight: bold;
    z-index: 13;
    color: #001839;
}

#downloadLink {
    cursor: pointer;
}

#downloadLinkWin {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 400;
    background: #001839;
    color: #ffffff;
    width: 500px;
    height: 250px;
    border: 2px solid #ffffff;
    text-align: center;
    padding: 10px;
}

#instHeader {
    /*margin-top: -20px;*/
}

#partSearchInstImg {
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 51;
}

#instImg1, #instImg2 {
    height: 28px;
}

#instIframe {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 648px; /*1000px;*/
    height: 540px; /*750px;*/
    z-index: 50;
    background-color: transparent;
}

#instLink {
    cursor: pointer;
    font-size: 16pt;
    font-family: arial, helvetica, sans-serif;
    color: white;
    font-weight: bold;
    text-decoration: underline;
}

#closeInst {
    cursor: pointer;
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 16pt;
    font-family: arial, helvetica, sans-serif;
    font-weight: bold;
    z-index: 52;
    color: white;
}

#partSearchInst {
    position: absolute;
    top: 5px;
    left: 25px;
    z-index: 51;
    border: 4px solid white;
    background-color: #3f5779;
    cursor: move;
    background: url(/images/partSearchInst.jpg);
    width: 650px;
    height: 561px;
}

.blueBackDown {
    background-color: #333333; /*#333399; #6666FF; #333366;*/
    color: white;
    border: solid gray;
    border-width: 2px 2px 2px 2px;
    padding: 2px 5px 0px 5px;
    font: bold .75em Arial, Helvetica, Geneva, sans-serif;
    margin-bottom: -10px;
}

.blueBackUp {
    background-color: #333333; /*#333399; #6666FF; #333366;*/
    color: white;
    border: solid gray;
    border-width: 2px 2px 2px 2px;
    padding: 2px 5px 2px 5px;
    font: bold .75em Arial, Helvetica, Geneva, sans-serif;
}

#displaySettings {
    border: 0px;
}

.statusBox {
    font-family: arial, helvetica, sans-serif;
    font-size: 12px;
    background-color: transparent;
    border-color: transparent;
    border-style: inset;
    border-width: 0px;
    color: WHITE;
    font-weight: bold;
    height: 20px;
    width: 30px;
}

.toothRange {
    position: absolute;
    border: solid white 2px;
    background-color: #333366;
    padding: 2px 5px 2px 5px;
    color: white;
    font: bold .75em Arial, Helvetica, Geneva, sans-serif;
}

.resultsTable {
    /* border: 1px solid gray; */
    color: white;
}

.blankRow {
    border: 0px;
    background-color: transparent;
    border-color: transparent;
}

.resultsTable td {
    border: 1px solid #ffffff;
    font-size: 16px;
    text-align: center;
    padding: 0px 10px 0px 10px;
}

.resultsTable th {
    border: 1px solid #ffffff;
    color: white;
    font-size: 16px;
    padding: 0px 10px 2px 10px;
}

.resultsTableCaption {
    font-weight: bold;
    color: white;
    white-space: nowrap;
    font: 2em "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif;
}

.headerRow {
    background-color: #cc3333;
    color: #ffffff;
    font-weight: normal;
    border: 2px solid #ffffff;
}

.headerTH {
    cursor: pointer;
    text-decoration: underline;
}

.allRows {
    background-color: #333333;
    color: white;
    /*cursor: pointer;
     */
}

.headerMsg {
    position: absolute;
    top: 450px;
    background-color: #cc3333;
    border: 2px solid #ffffff;
    color: white;
    padding: 4px;
    font-size: 14px;
    font-weight: bold;
    white-space: nowrap;
    z-index: 3;
}

.hpMsg {
    position: absolute;
    background-color: #9999FF;
    border: 3px solid #ffffff;
    color: white;
    padding: 14px;
    font-size: 14px;
    font-weight: bold;
    white-space: nowrap;
    padding: 1px;
    z-index: 3;
}

.hpHeader {
    color: #333333;
    font: 16px Arial, Helvetica, Geneva, sans-serif;
    font-weight: bold;
    text-align: center;
    border: 0px;
}

.hpCells {
    background-color: #999999;
    color: #333333;
    font-weight: bold;
    text-align: right;
    border: 1px solid #cccccc;
    padding: 4px 4px 4px 10px
}

.hpRows {
    background-color: #999999;
}

#close {
    cursor: pointer;
    color: blue;
}

#HPiframeForIE {
    position: absolute;
    background-color: transparent;
    z-index: 2;
}

#cadIframe {
    position: absolute;
    top: 23px;
    left: 0px;
    z-index: 5;
    width: 689px;
    height: 545px;
    border: 2px solid white;
    background-color: transparent;
}

#cadClose {
    position: absolute;
    top: 2px;
    right: 5px;
    z-index: 6;
    cursor: pointer;
}

#cadIframeBox {
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 250;
    width: 695px;
    height: 575px;
    background-color: #343C63;
    border: 3px solid white;
}

#cadHandle {
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 10;
    background-color: gray;
    width: 100%;
    height: 22px;
    border-width: 0px 0px 2px 0px;
    border-color: silver;
    border-style: ridge;
    cursor: move;
}

.fsForIE {
    padding: 10px;
}

.fs {
}

#cadView {
    position: absolute;
    bottom: 14px;
    left: 120px;
    z-index: 12;
}

#view3D {
    cursor: pointer;
    text-decoration: underline;
}

#view2D {
    cursor: pointer;
    text-decoration: underline;
}

#cadIframeForIE {
    position: absolute;
    top: -2px;
    left: -2px;
    width: 691px;
    height: 540px;
    background-color: #343C63;
    z-index: 1;
}

#handleText {
    cursor: move;
}

#downloadControls {
    position: absolute;
    top: 35px;
    right: 10px;
    width: 250px;
    z-index: 20;
    /*border: 2px solid white;*/
}

#downloadProb {
    cursor: pointer;
    text-decoration: underline;
}

#cadHandleIE {
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 10;
    background-color: gray;
    width: 100%;
    height: 23px;
    border-width: 0px 0px 2px 0px;
    border-color: silver;
    border-style: ridge;
    cursor: move;
}

.hpLink {
    cursor: pointer;
    text-decoration: underline;
}

.cadLink {
    cursor: pointer;
    text-align: center;
    text-decoration: underline;
    background-color: #343C63;
}

.cadLinkD {
    cursor: pointer;
    background-color: #666666;
    color: #999999;
}

#cadLinkDisabled {
    position: absolute;
    background-color: #343C63;
    border: 3px solid #ffffff;
    color: white;
    padding: 10px 10px 10px 10px;
    font: .7em "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif;
    font-weight: bold;
    white-space: nowrap;
    z-index: 3;
}

#hpHoverMsg {
    /*text-decoration: underline;*/
    font-weight: bold;
}

#iframeForIE {
    position: absolute;
    z-index: 1;
}

#cadChoice {
    position: absolute;
    z-index: 499;
    top: 765px;
    left: 190px;
    background-color: #FFFF66;
    border: 2px solid gray;
    color: black;
    font-weight: bold;
}

.cellRightBoarderRight {
    text-align: right;
    border: solid gray;
    border-width: 0px 2px 0px 0px;
    white-space: nowrap;
}

.cellBoarderRight {
    border: solid gray;
    border-width: 0px 2px 0px 0px;
    white-space: nowrap;
}

.cellBoarderRightCG {
    border: solid gray;
    border-width: 0px 2px 0px 0px;
    padding: 2px 12px 2px 12px;
    text-align: center;
    white-space: nowrap;
    vertical-align: top;
}

.cellRightBoarderBottom {
    text-align: right;
    border: solid gray;
    border-width: 0px 0px 2px 0px;
    white-space: nowrap;
}

.cellBoarderBottom {
    border: solid gray;
    border-width: 0px 0px 2px 0px;
    white-space: nowrap;
}

.cellRightBoarderTop {
    text-align: right;
    border: solid gray;
    border-width: 2px 0px 0px 0px;
    white-space: nowrap;
}

.cellBoarderTop {
    border: solid gray;
    border-width: 2px 0px 0px 0px;
    white-space: nowrap;
    vertical-align: top;
    text-align: center;
}

.cellBoarderTopOptions {
    border: solid gray;
    border-width: 2px 0px 0px 0px;
    vertical-align: top;
    padding: 0px;
    margin: -10px;
    padding-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
    /*white-space: nowrap;
     vertical-align: top;
     text-align: center;
     padding-left: 10px;
     */
    background-color: #C0C0C0; /*#003399;*/
}

#tabcell {
    border: 2px solid black;
}

.cellLeft {
    text-align: left;
    white-space: nowrap;
}

.cellCenter {
    text-align: center;
    padding: 2px 12px 2px 12px;
    white-space: nowrap;
    vertical-align: top;
}

.cellCenterTop {
    text-align: center;
    border: solid gray;
    border-width: 2px 0px 0px 0px;
    padding: 2px 12px 2px 12px;
    white-space: nowrap;
}

.cellCenterTopCG {
    text-align: center;
    border: solid gray;
    border-width: 2px 0px 0px 0px;
    padding: 2px 12px 2px 12px;
    white-space: nowrap;
}

.cellCenterRightCG {
    border: solid gray;
    border-width: 0px 2px 0px 0px;
    padding: 2px 12px 2px 12px;
    text-align: center;
    white-space: nowrap;
}

.cellBorderBottom {
    border: solid gray;
    border-width: 0px 0px 2px 0px;
    text-align: center;
    white-space: nowrap;
}

.cellBorderBottomLJ {
    border: solid gray;
    border-width: 0px 0px 2px 0px;
    text-align: left;
    white-space: nowrap;
}

.cellBorderTop {
    border: solid gray;
    border-width: 2px 0px 0px 0px;
    white-space: nowrap;
}

.cellBorderTopRight {
    border-top: 2px solid gray;
    border-right: 2px solid gray;
    border-left: 0px;
    border-bottom: 0px;
    text-align: center;
    padding: 2px 12px 2px 12px;
    white-space: nowrap;
    vertical-align: top;
}

#cadTimeCell {
    background-color: #cc0033;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
}

#cadTimer {
    color: #fff;
    background-color: #cc0033;
    padding: 1px 3px 1px 3px;
}

#cadChoiceTable {
    border-collapse: collapse;
    color: black;
}

#closeCadChoice {
    cursor: pointer;
}

.blackRow {
    background-color: black;
}

.grayRow {
    background-color: gray;
}

.redRow {
    background-color: #CCCC99;
}

#cadChoiceLoading {
    color: red;
}

#cadChoiceMeterDiv {
    color: black;
    font: .7em "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif;
}

#headerTable {
    text-align: center;
}

.gear3Dcell {
    width: 250px;
    height: 150px;
    text-align: center;
}

#gtImage {
}

#gtImageAB {
}

.leftList {
    text-align: left;
}

.scrollable {
    overflow: auto;
}

#ieDownloadCell {
    background-color: #33FF99; /*#00CC66;*/
    text-align: center;
}

#opaqBack {
    background-color: #000;
    opacity: 0.75; /* Safari, Opera */
    -moz-opacity: 0.75; /* FireFox */
    filter: alpha( opacity = 75); /* IE */
z-index:
    20;

height:
    100%;

width:
    100%;

background-repeat:repeat;

position:fixed;

_position:absolute;

_top:
    expression(eval(

document.body.scrollTop));

top:
    0px;

left:
    0px;
}

#opaqBackCG {
    background-color: #000;
    opacity: 0.75; /* Safari, Opera */
    -moz-opacity: 0.75; /* FireFox */
    filter: alpha( opacity = 75); /* IE */
z-index:
    201;

height:
    100%;

width:
    100%;

background-repeat:repeat;

position:fixed;

_position:absolute;

_top:
    expression(eval(

document.body.scrollTop));

top:
    0px;

left:
    0px;
}

/*///////////////////////////custom gear layout*/
#customGearDiv {
    position: absolute;
    top: 140px;
    left: 100px;
    background-color: #FFFF66;
    border: 2px solid gray;
    z-index: 200;
    /*filter: alpha( opacity = 40 );
     
     -moz-opacity:
     .4;
     
     opacity:
     .4;*/
}

#startCustom {
    z-index: 4;
}

#cgCover {
    position: absolute;
    top: 25px;
    left: 210px;
    width: 898px;
    height: 615px;
    background-color: black;
    color: white;
    border: 2px solid green;
    z-index: 224;
    text-align: center;
    vertical-align: middle;
    font: 36px "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif;
}

#coverIframe {
    background-color: transparent;
    width: 898px;
    height: 253px;
    filter: alpha( opacity = 0);

opacity:
    0.0;

z-index:
    224;

cursor:not-allowed;
}

#cgBottomCell{
	background-color: #FFFF66;
}

#coverIframe2 {
    background-color: transparent;
    width: 898px;
    height: 300px;
    filter: alpha( opacity = 0);

opacity:
    0.0;

cursor:not-allowed;
}

#codeYellow {
    background-color: #FFFF66;
}

#clearCGcover {
    position: absolute;
    top: 25px;
    left: 210px;
    width: 975px;
    height: 250px;
    background-color: transparent;
    color: white;
    z-index: 225;
    text-align: center;
    vertical-align: middle;
    font: 36px "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif;
    border: none;
    cursor: url('/images/locked.gif'), auto;
}

#clearCGcover2 {
    position: absolute;
    top: 335px;
    left: 210px;
    width: 975px;
    height: 300px;
    background-color: transparent;
    color: white;
    z-index: 225;
    text-align: center;
    vertical-align: middle;
    font: 36px "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif;
    border: none;
    cursor: url('/images/locked.gif'), auto;
}

#createCustom {
    cursor: pointer;
}

#cgHeader {
    position: absolute;
    top: 0px;
    left: 0px;
    border: solid gray;
    border-width: 0px 0px 2px 0px;
}

.cgItemLabel {
    color: #0000FF;
    font-weight: bold;
    padding: 1px 3px 2px 3px;
}

#cgHeaderCell, #cgHeaderCell2 {
    background-color: #669966; /*#CCCC66;  #9999cc; #6666CC; #003399; */
    color: #ffffff;
    padding: 6px;
    font-weight: bold;
    vertical-align: middle;
}

#teethCol {
    width: 125px;
}

#closeCG, #closeCGlabel {
    position: absolute;
    top: 2px;
    right: 2px;
    cursor: pointer;
}

#cgMinimize {
    position: absolute;
    top: 2px;
    right: 60px;
    cursor: pointer;
}

#cgHelp {
    position: absolute;
    top: 1px;
    right: 138px;
    cursor: pointer;
    /*color: #000000;*/
}

#cgHelp2 {
    cursor: pointer;
    color: #000000;
    font-weight: bold;
}

#cgHelp3 {
    position: absolute;
    top: 1px;
    right: 252px;
    cursor: pointer;
    color: #000000;
}

#cgHelp3selected {
    cursor: help;
}

.helpIcon {
    /*border: 2px solid #999999;*/
}

#cgMedia, #ieDownloadDiv {
    position: absolute;
    top: 200px;
    left: 200px;
    border: solid #000000;
    border-width: 2px 20px 20px 20px;
    z-index: 210;
    background-color: #000000;
}

#cgMediaHeader, #ieMediaHeader {
    background-color: silver;
    width: 400px;
    border-color: white;
    border-width: 0px 0px 2px 0px;
}

#cgMediaClose, #ieMediaClose {
    position: absolute;
    right: 2px;
    top: 1px;
    color: white;
    font-weight: bold;
    cursor: pointer;
}

#cgKeywayInst {
    background-color: #FFFF66;
    white-space: nowrap;
}

#cgMinimized {
    position: fixed;
    _position: absolute;
    _top: expression(eval( document.body.scrollTop));

top:
    250px;

left:
    5px;

width:
    170px;

border:
    2px

solid gray;

background-color:
    white;
}

#cgMaximize {
    cursor: pointer;
}

#cgPartnoCell {
    padding: 5px;
    text-align: center;
    vertical-align: middle;
    background-color: #CCCC99;
    font-size: 14px;
    /*width: 140px;*/
}

#lockInfo {
    position: absolute;
    background-color: #99CCFF; /*#db7093;*/
    border: 2px solid #ffffff;
    font-weight: bold;
    padding: 2px;
    color: #000000;
}

#cgPartnoCell input[class = removeButton] {
    color: #FFFFFF;
    font: 10px "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif;
    font-weight: bold;
    background-color: #708090;
    padding: 0px 2px 0px 2px;
    border: 1px solid #dddddd;
    /*border-top-color: #696;
    border-left-color: #696;
    border-right-color: #363;
    border-bottom-color: #363;*/
    cursor: pointer;
    background-repeat: no-repeat;
}

/*#cgDP{
 position: absolute;
 top: 26px;
 left: 130px;
 height: 100%;
 padding: 5px;
 text-align: center;
 vertical-align: top;
 }*/
#twoDcell1 {
    background-color: red;
}

#customGearTable {
    padding: 5px;
    border-collapse: collapse;
}

.customGearCells {
    padding: 14px;
    text-align: center;
}

#cgDescCell, #cgDescCell2 {
    border: solid gray;
    border-width: 2px 0px 0px 0px;
    padding: 4px;
    text-align: right;
}
#cgDescCell2{
	text-align:center !important;
}

.cgText {
    width: 40px;
}



input.cgGearSpec {
    width: 40px;
    border: 1px solid gray;
}

#cgUseStdKwy, cgGearSpec, cgUseStdSS {
    background-color: #FAFAC0 !important;
    border-width: 0px;
}

select.cgGearSpec {
    border: 1px solid gray;
}

/*#setscrewPosDiv {
    position: absolute;
    top: 328px;
    left: 720px;
    width: 460px;
}*/
#setscrewPosDiv {
    position: relative;
    top: 1px;
    left: 522px;
    width: 460px;
}

#setscrewPos {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 200;
}

#cgSSimages {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 201;
}

#cgSSimages2, #cgss1, #cgss2, #cgss3, #cgss4, #cgss5, #cgss6, #cgss7, #cgss8 {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 202;
}

#cgsss1, #cgsss2, #cgsss3, #cgsss4, #cgsss5, #cgsss6, #cgsss7, #cgsss8 {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 201;
}

#cgsss1 {
    background: url(/images/ssSpace1.gif);
}

#ssInst {
    position: absolute;
    top: 360px;
    left: 515px;
}

#ssInstP {
    /*background-color: #FFFF99;*/
}

#ssControls {
    position: relative;
    top: 10px;
    left: 2px;
    text-align: center;
    width: 233px;
    float: left;
}

#allCGparts {
    height: 300px;
    width: 190px;
    border: 1px solid black;
    padding: 3px;
    background-color: #C0C0C0; /*#999999; #666666;*/
}

#allCGparts ul {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: right;
}

#allCGparts input[type = button] {
    /*color: #FFFFFF;
     font: 10px "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif;
     font-weight: bold;
     background-color: #708090;
     padding: 0px 2px 0px 2px;
     border: 1px solid;
     border-top-color: #696;
     border-left-color: #696;
     border-right-color: #363;
     border-bottom-color: #363;
     cursor: pointer;
     background-repeat: no-repeat;*/
}

.subLabel {
    cursor: pointer;
    color: black; /*#FFFF66;*/
    font-weight: bold;
}

.cgListPart {
    font-family: arial, helvetica, sans-serif;
    color: BLACK;
    font-weight: bold;
}

.partLabelLI {
    /*color:red;*/
}

#cgUserPartsList label[class = partLabelLI] {
    color: #999999;
}

#cgUserPartsLista label[class = partLabelLI] {
    color: #999999;
    cursor: pointer;
}

.errorLabel {
    color: #cc0033;
    font-weight: bold;
    cursor: pointer;
}

.removeButton {
    color: #FFFFFF;
    font: 10px "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif;
    font-weight: bold;
    background-color: #708090;
    padding: 0px 2px 0px 2px;
    border: 1px solid #dddddd;
    /*border-top-color: #696;
    border-left-color: #696;
    border-right-color: #363;
    border-bottom-color: #363;*/
    cursor: pointer;
    background-repeat: no-repeat;
}

.viewBtnSelected {
    color: #0000FF;
    font-family: monospace;
    font-size: smaller;
    margin-top: 5px;
    font-weight: bold;
    background-color: #FFFF66; /*#708090;*/
    padding: 0px;
    border: none;
    width: 100%;
    vertical-align: middle;
}

.viewBtn {
    color: #ffffFF;
    font-family: monospace;
    font-size: smaller;
    margin-top: 5px;
    font-weight: bold;
    background-color: #0000FF;/*#669966;*/
    padding: 0px;
    border: 1px solid #dddddd;
    /*border-top-color: #fff;
    border-left-color: #fff;
    border-right-color: #fff;
    border-bottom-color: #fff;*/
    cursor: pointer;
    width: 100%;
    vertical-align: middle;
}

.cgButton {
    color: #FFFFFF;
    font: 12px "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif;
    font-weight: bold;
    background-color: #708090;
    padding: 0px 2px 0px 2px;
    border: 1px solid #dddddd;
    /*border-top-color: #696;
    border-left-color: #696;
    border-right-color: #363;
    border-bottom-color: #363;*/
    cursor: pointer;
    background-repeat: no-repeat;
}

.cgSaveButton {
    color: #FFFFFF;
    font: 12px "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif;
    font-weight: bold;
    background-color: #708090;
    cursor: pointer;
    background-repeat: no-repeat;
}

input.cgButton:hover {
    color: #000000;
}

button.cgButton:hover {
    color: #000000;
}

#removeButton {
    /*color: #FFFFFF;
     font: 10px "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif;
     font-weight: bold;
     background-color: #708090;
     padding: 0px 2px 0px 2px;
     border: 1px solid;
     border-top-color: #696;
     border-left-color: #696;
     border-right-color: #363;
     border-bottom-color: #363;
     cursor: pointer;
     background-repeat: no-repeat;*/
}

.cgListItem {
    padding: 2px 4px 2px 2px !important;
    /*border-color: gray !important;
    border-width: 0px 0px 1px 0px !important;
    border-style: solid !important;*/
	border: 1px solid #fff;
    font-size: 14px;
}

.cgLgListItem {
    padding: 2px 4px 2px 2px !important;
    border-color: gray !important;
    border-width: 0px 0px 1px 0px !important;
    border-style: solid !important;
    font-size: 14px;
}

/*
   #keyPositionDiv {
    position: absolute;
    top: 338px;
    left: 520px;
    z-index: 201;
    background-color: green;
    height: 275px;
    text-align: left;
    padding: 8px 8px 2px 8px;
}
*/
#keyPositionDiv {
    position: relative;
    top: 10px;
    left: 250px;
    z-index: 201;
    background-color: transparent;
    height: 275px;
    width: 600px;
    text-align: left;
    padding: 8px 8px 2px 8px;
}

#kwyControls {
    position: relative;
    top: 10px;
    left: 2px;
    text-align: center;
    width: 233px;
    float: left;
}

#keyPosLabel {
    text-align: center;
}

#keywayImageDiv {
    position: relative;
    width: 145px;
    height: 160px;
    text-align: center;
}

#keywaysImg {
    position: absolute;
    top: 20px;
    left: 1px;
    z-index: 202;
}

#dKey {
    position: absolute;
    top: 60px;
    left: 27px;
}

#cgKeyNum, #cgSSnum, #cgHubStyle, #cgCBnum {
    background-color: #FFFF66 !important;
    color: black;
    border: 0px solid #FFFF66;
    width: 40px;
    text-align: center;
}
#cgKeyNum, #cgSSnum{
	background-color: #FAFAC0 !important;
}
#connector{
	background-color:#FFFF66;
}

#cgCurrentPart, #cgCurrentPart2 {
    color: #000000;
    font-weight: bold;
}

#opacDiv {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 199;
    background-color: black;
    filter: alpha( opacity = 40);

-moz-opacity:
    .4;

opacity:
    .4;
}

#cgkeyON1, #cgkeyON2, #cgkeyON3, #cgkeyON4, #cgkeyON5, #cgkeyON6, #cgkeyON7, #cgkeyON8 {
    position: absolute;
    top: 20px;
    left: 1px;
    z-index: 201;
}

#keywayGearDiv {
    position: absolute;
    z-index: 201;
    top: 85px;
    left: 195px;
}

#keywayGearPos {
    position: absolute;
    z-index: 202;
    top: 20px;
    left: 10px;
}

#cgkeyOFF1, #cgkeyOFF2, #cgkeyOFF3, #cgkeyOFF4, #cgkeyOFF5, #cgkeyOFF6, #cgkeyOFF7, #cgkeyOFF8 {
    position: absolute;
    z-index: 203;
    top: 20px;
    left: 10px;
}

#saveCloseKwy {
    position: absolute;
    top: 4px;
    left: 77%;
    cursor: pointer;
}

#errorMsg {
    position: absolute;
    top: 10px;
    left: 10px;
    border: 2px solid black;
    background-color: #cc0033;
    color: white;
    font: 12px "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif;
    font-weight: bold;
    z-index: 203;
    padding: 3px;
}

#cgWarnings {
    position: absolute;
    border: 2px solid black;
    background-color: #009900;
    color: white;
    font: 12px "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif;
    font-weight: bold;
    /*font: .7em "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif;*/
    z-index: 203;
    padding: 3px;
}

#greenDesc {
    background-color: #009900; /*#33CC33;*/
    border: 2px inset gray;
}

#redDesc {
    background-color: #cc0033; /*#ff0000;/* /*#FF6666;*/
    border: 2px inset gray;
}

.customCadPrompt {
    position: absolute;
    top: 250px;
    left: 250px;
    z-index: 400;
    background-color: #cc0033;
    color: white;
    border: 3px solid black;
    padding: 10px;
    font-weight: bold;
    /*text-align: left;*/
}

#removePrompt {
    z-index: 900;
}

#customChoice {
    z-index: 3;
}

#customCadPrompt #promptElements, #emailPrivacy, #removeElements, #changePartnoElements {
    width: 415px;
    text-align: center;
    color: white;
    z-index: 300;
}

.removePromptButton {
    color: #FFFFFF;
    font: 12px "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif;
    font-weight: bold;
    background-color: #000000;
    padding: 0px 2px 0px 2px;
    border: 2px solid;
    border-top-color: #696;
    border-left-color: #696;
    border-right-color: #363;
    border-bottom-color: #363;
    cursor: pointer;
    background-repeat: no-repeat;
    width: 50px;
}

input.removePromptButton:hover {
    color: #666666;
}

#savePartEmailLabel {
    /*color: #000000;
     background-color: #FFFF66;*/
    color: #ffffff;
    background-color: #000000;
    border: 2px solid gray;
    padding: 3px; /*0px 2px 0px 2px;*/
    font-size: .75em;
    font-weight: normal;
}

#savePartEmailBtn1 {
    width: 140px;
}

#cgNewPartBtn {
    width: 140px;
}

#savePartEmailDiv {
    position: absolute;
    background-color: #CC00CC; /*#669966;*/
    border: 2px solid #000000;
    z-index: 501;
    padding: 10px;
}

.leftImg {
    float: left;
}

#colorCodes {
    text-align: right;
}

#cgLogin {
    position: absolute;
    right: 5px;
    top: 5px;
    border: 2px solid white;
    background-color: #cc3333;
    color: white;
    font-weight: bold;
    white-space: nowrap;
    text-align: center;
    padding: 0px 0px 15px 0px;
    z-index: 351;
    width: 330px;
}

#loginLabel {
    font-weight: bold;
}

.partLink {
    color: #ffffff;
    cursor: pointer;
    text-decoration: underline;
}

.med666666 {
    color: #666666;
    font-size: .85em;
}

.med333333 {
    color: #333333;
    font-size: .85em;
}

#messages {
    position: absolute;
    color: #ffffff;
    background-color: #666666;
    border: 2px solid #ffffff;
    padding: 8px;
    z-index: 900;
}

#userPartData {
    text-align: center;
}

#usersParts {
    text-align: left;
    height: 200px;
    border-width: 2px 0px 2px 0px;
    border-color: white;
    border-style: solid;
    background-color: #001839;
}

#ulParts {
    border: 2px solid white;
}

#userPartsHeader {
    padding: 0px 8px 2px 2px;
    background-color: gray;
    text-align: right;
    color: white;
    border-color: white;
    border-style: solid;
    border-width: 0px 0px 2px 0px;
    cursor: move;
}

#myPartsWrapper {
    position: absolute;
    top: 5px;
    left: 450px;
    width: 325px;
    background-color: #6699CC; /*#ff9900;*/
    color: #ffffff;
    padding: 1px 10px 1px 10px;
    z-index: 400;
    border: 2px solid #ffffff;
}

#myParts {
    width: 310px;
    height: 400px;
    border: 2px solid #ffffff;
    background-color: #001839;
}

#myPartsArrowDown {
    position: absolute;
    right: 5px;
    top: 5px;
}

#keepMyPartsOpen {
    position: absolute;
    top: 2px;
    right: 35px;
}

#myPartsArrowUp {
    position: absolute;
    right: 5px;
    bottom: 5px;
}

#userPartsClose {
    cursor: pointer;
    z-index: 351;
}

#ieWarning {
    position: absolute;
    top: 20px;
    left: 150px;
    background-color: #cc0033;
    border: 2px solid white;
    text-align: center;
    z-index: 300;
    width: 650px;
    height: 558px;
    background: url(/images/ieDownloadPrompt.jpg);
}

#ieWarningImg {
    background: url(/images/ieDownloadPrompt.jpg);
    width: 650px;
    height: 558px;
}

#ieWarningClose {
    text-align: right;
    color: #ffffff;
    background-color: gray;
    border-width: 0px 0px 2px 0px;
    border-color: #ffffff;
    border-style: solid;
}

#ieWarningCloseLabel {
    cursor: pointer;
    font-weight: bold;
}

.keySpriteHolder {
    position: absolute;
    top: 5px;
    left: 5px;
    background-color: #FAFAC0; /*#6666FF;*/
    background-repeat: no-repeat;
    z-index: 3;
}

.keySpriteImage {
    background-color: #FAFAC0; /*#6666FF;*/
    background-image: url(/images/gearForKeyways-10.gif);
    background-repeat: no-repeat;
}

.keyTooth {
    background-position: 0 0px;
    width: 269px;
    height: 270px;
}

.keySpace {
    background-position: 0 -270px;
    width: 269px;
    height: 270px;
}

.keyAny {
    background-position: 0 -547px;
    width: 269px;
    height: 270px;
}

#key1cover, #key1 {
    position: absolute;
    left: 121px;
    top: 61px;
    width: 29px;
    height: 28px;
    cursor: pointer;
}

#key1cover {
    background: url(/images/gearForKeyways-10.gif) -121px -829px no-repeat;
    z-index: 400;
}

#key1 {
    z-index: 300;
}

#key2cover, #key2 {
    position: absolute;
    left: 73px;
    top: 73px;
    width: 40px;
    height: 41px;
    cursor: pointer;
}

#key2cover {
    background: url(/images/gearForKeyways-10.gif) -73px -841px no-repeat;
    z-index: 400;
}

#key2 {
    z-index: 300;
}

#key3cover, #key3 {
    position: absolute;
    left: 61px;
    top: 121px;
    width: 28px;
    height: 29px;
    cursor: pointer;
}

#key3cover {
    background: url(/images/gearForKeyways-10.gif) -61px -889px no-repeat;
    z-index: 400;
}

#key3 {
    z-index: 300;
}

#key4cover, #key4 {
    position: absolute;
    left: 73px;
    top: 158px;
    width: 40px;
    height: 40px;
    cursor: pointer;
}

#key4cover {
    background: url(/images/gearForKeyways-10.gif) -73px -926px no-repeat;
    z-index: 400;
}

#key4 {
    z-index: 300;
}

#key5cover, #key5 {
    position: absolute;
    left: 120px;
    top: 182px;
    width: 31px;
    height: 28px;
    cursor: pointer;
}

#key5cover {
    background: url(/images/gearForKeyways-10.gif) -120px -950px no-repeat;
    z-index: 400;
}

#key5 {
    z-index: 300;
}

#key6cover, #key6 {
    position: absolute;
    left: 158px;
    top: 157px;
    width: 41px;
    height: 41px;
    cursor: pointer;
}

#key6cover {
    background: url(/images/gearForKeyways-10.gif) -158px -925px no-repeat;
    z-index: 400;
}

#key6 {
    z-index: 300;
}

#key7cover, #key7 {
    position: absolute;
    left: 182px;
    top: 121px;
    width: 28px;
    height: 28px;
    cursor: pointer;
}

#key7cover {
    background: url(/images/gearForKeyways-10.gif) -182px -889px no-repeat;
    z-index: 400;
}

#key7 {
    z-index: 300;
}

#key8cover, #key8 {
    position: absolute;
    left: 159px;
    top: 73px;
    width: 39px;
    height: 40px;
    cursor: pointer;
}

#key8cover {
    background: url(/images/gearForKeyways-10.gif) -159px -841px no-repeat;
    z-index: 400;
}

#key8 {
    z-index: 300;
}

.keyMsg {
    padding: 10px;
    color: #000;
    font: .8em "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif;
    font-weight: bold;
    /*background-color: #FFFF66; /*#6666FF;*/
}

#i {
    position: absolute;
    top: 100px;
    left: 400px;
    z-index: 1;
}

#keyMsg {
    position: absolute;
    z-index: 3;
    top: 5px;
    left: 290px
}

#blue {
    color: #0000ff;
}

#gs {
    position: absolute;
    top: 600px;
    left: 10px;
    background-color: #cc0033;
}

/*//////////////////////////////////////////rounded corners///////////////////////////////////////////////////*/
/*/to use it like a word bubble use a <span> with an id of "bubbleP" and an <em> with an id of "bubblePem" */
/*/example:
 <div class="corners">
 <b class="xb1"></b>
 <b class="xb2"></b>
 <b class="xb3"></b>
 <b class="xb4"></b>
 <b class="xb5"></b>
 <b class="xb6"></b>
 <b class="xb7"></b>
 <div class="cornerContent">
 <p>THIS IS THE content<BR />jUST TESTING TO SEE IF IT WORKS</p>
 </div>
 <b class="xb7"></b>
 <b class="xb6"></b>
 <b class="xb5"></b>
 <b class="xb4"></b>
 <b class="xb3"></b>
 <b class="xb2"></b>
 <b class="xb1"></b>
 <em id="bubblePem"></em>  <<<<----- to use more than one remove the id and change all bubbleP and bubblePem to just <span> and <em>
 <span id="bubbleP"></span>
 </div>
 */
#container {
    background: #001839;
    width: 600px;
    margin: 15px;
    padding: 20px;
}

.corners h1, .corners h2, .corners p {
    margin: 0 10px;
    letter-spacing: 1px;
}

.corners h1 {
    font-size: 2.5em;
    color: #fc0;
}

.corners h2 {
    font-size: 2em;
    color: #234;
    border: 0;
}

.corners p {
    padding-bottom: 0.5em;
    color: #eee;
}

.corners h2 {
    padding-top: 0.5em;
    padding-left: 10px;
}

.corners {
    background: transparent;
    margin: 1em;
}

.corners #bubblePem {
    display: block;
    width: 0;
    height: 0;
    color: #d8d8ee;
    overflow: hidden;
    border-top: 12px solid #fff;
    border-left: 12px dotted transparent;
    border-right: 12px dotted transparent;
    margin-left: 50px;
}

/* hack for IE5.5 */ * html .corners #bubblePem {
    width: 24px;
    height: 12px;
    w\idth:0;



 hei\ght:0;
}

.corners #bubbleP {
    display: block;
    width: 0;
    height: 0;
    color: #fff;
    overflow: hidden;
    border-top: 10px solid #CC0033;
    border-left: 10px dotted transparent;
    border-right: 10px dotted transparent;
    margin-left: 52px;
    margin-top: -15px;
}

* html .corners #bubbleP {
    width: 20px;
    height: 10px;
    w\idth:0;


 hei\ght:0;
}

.xb1, .xb2, .xb3, .xb4, .xb5, .xb6, .xb7 {
    display: block;
    overflow: hidden;
    font-size: 0;
}

.xb1, .xb2, .xb3, .xb4, .xb5, .xb6 {
    height: 1px;
}

.xb4, .xb5, .xb6, .xb7 {
    background: #ccc;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}

.xb1 {
    margin: 0 8px;
    background: #fff;
}

.xb2 {
    margin: 0 6px;
    background: #fff;
}

.xb3 {
    margin: 0 4px;
    background: #fff;
}

.xb4 {
    margin: 0 3px;
    background: #CC0033;
    border-width: 0 5px;
}

.xb5 {
    margin: 0 2px;
    background: #CC0033;
    border-width: 0 4px;
}

.xb6 {
    margin: 0 2px;
    background: #CC0033;
    border-width: 0 3px;
}

.xb7 {
    margin: 0 1px;
    background: #CC0033;
    border-width: 0 3px;
    height: 2px;
}

.cornerContent {
    display: block;
    background: #CC0033;
    border: 3px solid #fff;
    border-width: 0 3px;
    font-weight: bold;
}
/*////////////////////////////////////////////////end of corner styling////////////////////////////////*/