*
{
    font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
}

/* the gears animated gif, can be replaced by anything else */
.waitlogo
{
    BACKGROUND-POSITION: center bottom;
    background-repeat: no-repeat;
    BACKGROUND-IMAGE: url('http://psv5.cadregister.com/stylesheets/STD2/shared/img/wait_mov.gif');
    WIDTH: 238px;
    HEIGHT: 75px
}

/* Header */
.pageHeader {
    background-color: #286028;
    border-bottom: 0px solid #FFFFFF;
    height: 49px;
    background-image: url('http://ps.cadregister.com/images/CadTechnology.gif');
    background-repeat: no-repeat;
    background-position: left;
    display: block;
    /*if header should not be displayed use -> display: none; else use display: block;*/

}
/* End Header */

/* Breadcrump */
.breadcrumb
{
    background-color: #F7F7C6;
    color: #FFFFFF;
    text-align: left;
    font-size: 10pt;
    font-weight: bold;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 10px;
    padding-top: 10px;
    display: none;
    
    /*if breadcrumb should not be displayed use -> display: none; else use display: block;*/

}
/* End Breadcrump */

/* box around buttons on the top for CAD options and Favorites */
.topButtonsBox
{
    background-color: #FFFFFF;
    height: 27px;
    text-align: right;
    vertical-align: middle;
    margin-top: 5px;
    width: 98%;
}
/* box around buttons on the top  */

/* Action Button Box Download, Insert and eMail*/

.actionButtonBox
{
    border-collapse: collapse;
    background-color: #FFFFFF;
    color: #000000;
    font-size: 9pt;
    font-weight: normal;
    margin-bottom: 4px;
    margin-left: 4px;
    margin-right: 4px;
    margin-top: 4px;
    text-decoration: none;
    text-align: center;
    width: 98%;
}
.actionButtonBox .header
{
    background-color: #F7F7C6;
    color: #000000;
    font-size: 10pt;
    font-weight: bold;
    vertical-align: middle;
    border-width: 1px;
    border-style: solid;
    border-color: #666666;
    vertical-align: middle;
    padding-bottom: 2px;
    padding-top: 2px;
}
.actionButtonBox td
{
    border-width: 1px;
    border-style: solid;
    border-color: #999999;
    font-size: 9pt;
    padding-bottom: 4px;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 2px;
    text-align: center;
    vertical-align: middle;
}

/* End Action Button Box */

/* resultBox with viewer, viewchange and BOM */
.resultBox
{
    background-color: #FFFFFF;
    color: #000000;
    font-size: 9pt;
    font-weight: normal;
    margin: 0;
    padding: 0 px;
    text-decoration: none;
    text-align: center;
    width: 98%;
    vertical-align: top;
}

.resultBox td
{
    vertical-align: top;
}
/* End resultBox with viewer, viewchange and BOM */

/* box around viewer */
.viewerBox
{
    border: #F7F7C6 4px solid;
    height: 260px;
    width: 420px;
}
/* End box around viewer  */

/* viewer */
.viewer
{
    vertical-align: middle;
    text-align: center;
    height: 260px;
    width: 420px;
}
/* End viewer  */

/* View Change boxes*/
.viewChange
{
    background-color: #FFFFFF;
    color: #000000;
    font-size: 9pt;
    font-weight: normal;
    margin-bottom: 4px;
    margin-left: 4px;
    margin-right: 4px;
    margin-top: 4px;
    text-decoration: none;
    text-align: center;
    vertical-align: top;
    width: 98%;
}

.viewChange .viewBox
{
    background-color: #FFFFFF;
    border: 2px solid #286028;
    font-size: 9pt;
    margin: 0;
    padding: 2px;
    right: 0;
    position: relative;
    text-align: center;
    vertical-align: top;
}
/* End View Change boxes*/

/* BOM Box */

.BOMBox
{
    border-collapse: collapse;
    background-color: #FFFFFF;
    color: #000000;
    font-size: 9pt;
    font-weight: normal;
    margin-bottom: 4px;
    margin-left: 4px;
    margin-right: 4px;
    margin-top: 4px;
    text-decoration: none;
    text-align: center;
    vertical-align: top;
    width: 98%;
}
.BOMBox .header
{
    background-color: #F7F7C6;
    color: #000000;
    font-size: 10pt;
    font-weight: bold;
    vertical-align: middle;
    border-width: 1px;
    border-style: solid;
    border-color: #666666;
    vertical-align: middle;
    padding-bottom: 2px;
    padding-top: 2px;
}
.BOMBox td
{
    border-width: 1px;
    border-style: solid;
    border-color: #999999;
    font-size: 9pt;
    padding-bottom: 4px;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 2px;
    text-align: center;
    vertical-align: middle;
}

/* End BOM Box */

/* horizontal divider left/right*/
.divider
{
    background-color: #286028;
    border-left: 4px solid #286028;
    border-right: 4px solid #286028;
    width: 0px;
}
/* End Divider */

/* Container of everything below the header*/
.content
{
    background-color: #FFFFFF;
    vertical-align: top;
    margin: 0px;
    padding: 0px;
    text-align: left;
    width: 100%;
}

.content .title
{
    background-color: #FFFFFF;
    color: #000000;
    font-size: 12pt;
    font-weight: bold;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    margin-top: 10px;
    text-decoration: none;
    text-align: center;
    width: 98%;
}

/* Sub Title for example "Select view" and "BOM"*/
.content .subtitle
{
    background-color: #FFFFFF;
    border-top: 1px solid #000000;
    color: #000000;
    font-size: 10pt;
    font-weight: bold;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    margin-top: 10px;
    text-decoration: none;
    text-align: left;
    width: 98%;
}

/* End Container */

/* Buttons*/
.bbox
{
    border-bottom: 1px solid #999999;
    color: #00008b;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    margin-bottom: 5px;
    margin-top: 5px;
}

.button
{
    color: #FFFFFF;
    background-color: #286028;
    border: #286028 2px outset;
    font-size: 8pt;
    font-weight: bold;
    padding-bottom: 1px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 1px;
    margin: 4px;
    white-space: nowrap;
    vertical-align: middle;
}

.button:link, .button:visited, .button:active
{
    color: #FFFFFF;
    background-position: 50% bottom;
    background-image: none; /*url(button.gif);*/
    background-repeat: repeat-x;
    text-decoration: none;
    white-space: nowrap;
}

.button:hover
{
    color: #000000;
    background-color: #F7F7C6;
    border: #F7F7C6 2px outset;
    background-image: none;  
    text-decoration: none;
    white-space: nowrap;
}

/* End Buttons */

/* Footer */
.pageFooter {
    background-color: #286028;
    color: #FFFFFF;
    vertical-align: middle;
    text-align: center;
    width: 100%;
}
/* End Footer */


/* Settings Box for Option-Settings, Layertable and eMail dialog*/

.settingsBox
{
    border-collapse: collapse;
    background-color: #FFFFFF;
    color: #000000;
    font-size: 9pt;
    font-weight: normal;
    text-decoration: none;
    text-align: left;
    vertical-align: top;
    /*height: 120px;*/
    width: 100%;
}
.settingsBox .header
{
    background-color: #F7F7C6;
    color: #000000;
    font-size: 10pt;
    font-weight: bold;
    vertical-align: middle;
    border-width: 0px;
    border-style: solid;
    border-color: #666666;
    vertical-align: middle;
    padding-bottom: 2px;
    padding-top: 2px;
}
.settingsBox td
{
    border-width: 1px;
    border-style: solid;
    border-color: #999999;
    font-size: 9pt;
    padding-bottom: 4px;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 2px;
    vertical-align: middle;
}

/* End Settings Box */
 /*  ================================================================  */
 /* NEW STYLES - 3.0 UPDATE - Add at the bottom of every Style Sheet  */
 
/*  Results per page text only  */

.resultsperpagetext{

            font-family : Arial, Helvetica, sans-serif;
            font-size : 8pt;
            text-decoration:none;
            color:#ffffff;

}

 /*  Print, Email, links section */

.printemailtext {

            font-family : Arial, Helvetica, sans-serif;
            font-size : 9pt;
            text-decoration:none;
            color:#000000;

}

.printemailtext:link {

            font-family : Arial, Helvetica, sans-serif;
            font-size : 9pt;
            text-decoration:underline;
            color:#0000ff;

}

.printemailtext:visited {

            font-family : Arial, Helvetica, sans-serif;
            font-size : 9pt;
            text-decoration:underline;
            color:#0000ff;

}

.printemailtext:hover {

            font-family : Arial, Helvetica, sans-serif;
            font-size : 9pt;
            text-decoration:none;
            color:#0000ff;

}

/*NEW 07-2006  /* Part Number Configurator Start */

#configurator {

            font-size : 9pt;
            padding: 0 0 0 0;
            margin: 10px 0px 16px 0px;
            width: 100%;
            -moz-box-sizing:border-box;
            box-sizing:border-box;

}

#configurator td {

            border : 1px solid #333333;
            padding: 3px 3px 3px 3px;
            margin: 0 0 0 0;
            -moz-box-sizing:border-box;
            box-sizing:border-box;

}

#configurator .quantity {

            background-color: #FFFFFF;
            font-weight: bold;
            padding: 4px 8px 4px 8px;
            margin: 0 0 0 0;
            text-align: left;
            vertical-align: middle;
            width: 70%;
            -moz-box-sizing:border-box;
            box-sizing:border-box;

}

#configurator .price {

            background-color: #F3F3F3;
            color: #F00;
            font-weight: bold;
            padding: 4px 8px 4px 8px;
            margin: 0 0 0 0;
            text-align: left;
            vertical-align: middle;
            width: 30%;
            -moz-box-sizing:border-box;
            box-sizing:border-box;

}

/* Part Number Configurator End*/


 /* END NEW STYLES - 3.0 UPDATE  */

#legacy-cad-tabs ul
{
list-style: none;
margin: 0 0 -1px 0;
overflow: hidden;
padding: 0;
}

#legacy-cad-tabs ul li
{
 float:left;
margin-right: 5px;
}

#legacy-cad-tabs ul li a
{
 background: #e6e6e6;
font-weight: normal;
color: #555555;
border-bottom-color: #fff;
text-decoration:none;
}

#legacy-drawingunitselector
{
padding: 5px 0 0 0;
position: relative;
text-align: right;
float: none;
clear: both;
width: 96%;
color: #333333;
}

.cad-disabled
{
    opacity: 0.2;
}

.cad-disabled #lnkOptions:hover
{
    color:#009530;
}

.cad-disabled .button_fci:hover
{
    color: #1c1c1c;
    background-color: #ededed;
}

.legacy-cad-selected
{
    background: none repeat scroll 0% 0% transparent ! important;
    border-bottom-color: #FFF ! important;
}

.legacy-span-text
{
border: 1px solid #aaa;
background: #e6e6e6;
color: #1c1c1c;
padding: .4em 1em;
display: block;
line-height: normal;
font-size: 8pt;
font-weight: bold;
}

div#legacy-drawingunitselector input
{
margin: 0 0 0 5px;
position: relative;
top: 3px;
width:12px;
}

nav#legacy-cad-tabs
{
margin: 0 auto;
}

section#legacy-cad-model
{
float: left;
width: 96%;
margin: 10px 2%;
margin-bottom:0;
}

section#legacy-cad-model > article
{
border: 1px solid #aaa;
margin: 0 auto;
max-width: 595px;
overflow: hidden;
padding: 5px 0 5px 0;
text-align: center;
}

section#legacy-cad-model > article section figure
{
margin: 0 auto;
padding: 0;
position: relative;
}

section#legacy-CAD-table-tabs section#legacy-cad-model > article
{
border: 1px solid #aaa;
margin: 0 auto;
max-width: 595px;
overflow: hidden;
padding: 5px 0 5px 0;
text-align: center;
}

.SVGZoomControls
{
   font-size:1.3em;
   position:absolute;
   bottom:0;
   left:10px;
   border:none;
}

.SVGZoomControls i
{
   cursor:pointer;
}

section#legacy-CAD-table-tabs section#legacy-cad-model > article section figure div#cadviewer,section#legacy-CAD-table-tabs section#legacy-cad-model > article section figure div#cadviewer div#WebGLViewer_container,section#legacy-CAD-table-tabs section#legacy-cad-model > article section figure div#cadviewer > div > table
{
   margin: 0 auto;
}

.li-cad-disabled
{
   pointer-events:none;
     opacity:0.6;
}