*
{
    xfont-size: 100%;
}

.TODO 
{
    background-color: #ff7;
    padding: 2px;
    font-style: italic;
    color: Red;
}

form
{
    margin: 0;
    padding: 0;
}

#navigation
{
    display: none;
}

font
{
    background: yellow;
    color: red;
}
html, body
{
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

/* 
 * <I> and <B> are used as special symbol delimiters, so
 * we remove their legacy formatting
 */
i 
{
    font-style: normal;
}
b 
{
    font-weight: normal;
}

body
{
    background: #f4f4f4 url(images/browser-bg.png) repeat-x;
    font: 13px Verdana, Helvetica, Arial, sans-serif;
    color: #333;
    text-align: center;
}

h1, h2, h3, dt, th, thead td, legend
{
    font-family: sans-serif;
    font-family: "Franklin Gothic Medium" , "Arial Narrow" , Arial, sans-serif;
    font-family: "Arial Narrow" , Arial, sans-serif;
    font-weight: normal;
    color: #00115c;
}
h1, h2, h3, h4, h5, h6, dt, th, thead td, legend {
    color: #00115c;
}
h1, h2, h3, h4, h5, h6
{
    margin: 1em 0 .5em;
}

sup
{
    font-size: 60%;
}

hr.no-css
{
    display: none;
}

.form
{
    margin: 2em;
}
.form .field
{
    clear: both;
}
.form .field label
{
    font-weight: bold;
    font-size: 90%;
    float: left;
    width: 120px;
}
.form .field table 
{
    margin: 0 !important;
}
.form .field table label 
{
    font-weight: inherit;
    float: none;
    margin-left: .5em;
}


#layout
{
    background: #fcfcfc url(images/header-bg.jpg) no-repeat 00px -80px;
    width: 900px;
    xmin-height: 450px;
    margin: auto;
    text-align: left;
    border-left: 1px solid silver;
    border-right: 1px solid silver;
    position: relative;
}

.error
{
    color: red;
}
.success
{
    color: green;
}
.status
{
    font-weight: bold;
}


#layout a
{
    color: #336;
}
#layout a:hover
{
    color: yellow;
}

#header
{
    xheight: 110px;
    position: relative;
    background: url(images/header-bg.png);
}
#header *
{
    margin: 0;
}

#header ul
{
    list-style-type: none;
}


#logo
{
    float: left;
    margin: 10px;
    margin-bottom: 0;
}

h1
{
    padding-top: 10px;
}
h1 img
{
    display: block;
}

#tagline
{
    font-style: italic;
    color: gray;
    font-family: cursive;
    margin: 0;
}


/*
** Dashboard
*/
#dashboard
{
    xposition: absolute;
    float: right;
    text-align: right;
    xright: 0;
    xtop: 0;
    height: 80px;
    width: 265px;
    color: white;
    font-size: 8pt;
    background: url(images/finder-bg.png) no-repeat right top;
    xborder: 1px solid red;
    position: relative;
}
#dashboard .form 
{
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 12px;
}
#dashboard a 
{
    display: block;
    float: right;
    clear: right;
    color: White;
    text-decoration: none;
    line-height: 1.2em;
    line-height: 20px;
    xborder-bottom: 1px solid white;    
}
#dashboard a strong 
{
    font-weight: inherit;
}

/*
#dashboard * {
    font-size: 12px;
}
#dashboard .form
{
    padding: 0 3px;
    float: right;
    width: 150px;
}
#dashboard .form .field 
{
    margin: 1px 0;
}
#dashboard .form .field label
{
    width: auto;
    float: none;
}
#dashboard .form .field .value * 
{
    padding: 0;
}
#dashboard .subform * {
    font-size: 11px;
    height: 1.5em;
}
#dashboard .subform .field label 
{
    font-weight: normal;
}
#dashboard .subform img 
{
    height:auto;
    margin: 2px 20px;
    vertical-align: top;
}
*/

.bar, .dropmenu li
{
    clear: both;
    height: 28px;
    font-size: 14px;
    font-size: 12px;
    font-variant: small-caps;
    font-family: sans-serif;
    background: #172770 url(images/bar-bg.png) repeat-x;
    border-top: 1px solid white;
    border-bottom: 1px solid white;
    color: white;
}
.bar a, .dropmenu li a
{
    text-decoration: none;
    color: white !important;
}
.bar a:hover, .dropmenu li a:hover
{
    background: url(http://tools.vezea.net/image?background=white&opacity=0.2);
}

#header .bar .inner
{
    background: url(images/finder-bg.png) no-repeat right bottom;
    float: left;
    width: 100%;
}


.dropmenu, .dropmenu li, .dropmenu ul
{
    padding: 0 !important;
    margin: 0 !important;
    display: block;
}
.dropmenu, .dropmenu li ul
{
    list-style-type: none;
    background: #46538d url(images/dropmenu-bg.png);
    border: 1px solid white;
    border-top: 0;
    xfloat: left;
    text-align: left;
}
.dropmenu li
{
    background: #46538d;
    border-bottom: 0;
    position: relative;
    float: left;
    width: 100%;
    xborder: 1px solid red;
}
.dropmenu li a
{
    display: block;
    line-height: 28px;
    text-decoration: none;
    padding: 0 1em;
    xwidth: 100%;
    xwidth: 200px;
    color: inherit;
    color: white;
}

.dropmenu li ul
{
    position: absolute;
    left: 100%;
    top: -1px;
    display: none;
}
.dropmenu li ul li
{
    background: #6c76a4;
}
.dropmenu li ul a
{
    white-space: nowrap;
}

.dropmenu li:hover ul
{
    display: block;
}




#certifications
{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 180px;
    xfont-size: 10px;
    font-family: Arial, sans-serif;
    padding: 5px 10px;
    line-height: 1em;
}
#certifications .mems
{
    float: left;
}
#certifications .mems sub
{
    display: none;
}
#certifications .iso
{
    xfont-size: 9px;
    text-align: right;
}


/**
 * Main Menu
 */
#menu
{
    xposition: absolute;
    xleft: 0;
    xbottom: 0;
    float: left;
    xmargin-top: 80px;
    xborder: 1px solid lime;
}
#menu ul
{
    display: block;
    float: left;
    color: white;
    xborder: 1px solid red;
}
#menu li
{
    float: left;
}
#menu a
{
    display: block;
    float: left;
    line-height: 28px;
    text-decoration: none;
    padding: 0 1em;
    color: inherit;
    color: white;
    border-right: 1px solid white;
}
#menu *
{
    xdisplay: block;
    margin: 0;
}
#header .bar #print
{
    float: right;
}
#header .bar #print
{
    line-height: 28px;
    border-left: 1px solid white;
}
#menu li.first a, #header .bar #print a
{
    display: block;
    width: 29px;
    padding: 0;
    color: #172770 !important;
    font-size: 1px;
    overflow: hidden;
}
#menu li.first a
{
    background: url(images/home-link.png) no-repeat center center;
}
#header .bar #print a
{
    background: url(images/print-link.png) no-repeat center center;
}

/**
 * Search
 */
#search
{
    float: left;
    clear: none;
    line-height: 28px;
    padding: 0 1ex;
    xborder: 1px solid orange;
}
#search input[type="text"]
{
    padding: 0;
    xheight: 14px;
}
#search input[type="button"]
{
    border: 0;
    background: url(http://tools.vezea.net/image?background=transparent);
    color: white;
    font-size: inherit;
    font-family: inherit;
    font-variant: inherit;
}
/*
#search {
	 position: absolute;
	 right: 140px;
	 bottom: 28px;
}
#search input[type="button"] {
	color: black;
}
*/

#body
{
    position: relative;
    width: 100%;
    float: right;
    xpadding-bottom: 200px;
    background: url(images/side-bg.png) repeat-y left bottom;
    background: url(images/body-bg.png) repeat-y -700px top;
}

#main
{
    display: inline; /*IE6*/
    float: right;
    width: 600px;
    min-height: 300px;
    padding: 40px 50px 80px;
    xpadding: 60px 50px 80px;
}
#main p
{
    margin-top: 0 !important;
}


h3 a 
{
    text-decoration: none !important;
    color: inherit !important;
}


.applications #main
{
    padding-top: 80px;
}
.applications #banner 
{
    background: #ddd url(/images/banners/applications.jpg) no-repeat left center;
    height: 50px;
    position: absolute;
    right: 0;
    top: 0;
    width: 700px;
    opacity: 0.3;
    border-bottom: 1px solid gray;
}
.automotive.applications #banner 
{
    background-image: url(/images/banners/automotive.jpg);
}
.consumer.applications #banner 
{
    background-image: url(/images/banners/consumer.jpg);
}
.medical.applications #banner 
{
    background-image: url(/images/banners/medical.jpg);
}
.industrial.applications #banner 
{
    background-image: url(/images/banners/industrial.jpg);
}


#body h2, #body h3, #body legend
{
    margin: 0 0 10px;
    font-weight: normal;
    font-variant: small-caps;
    color: #508296;
}
#body h2
{
    font-size: 30px;
}
#main h2, #main h3
{
    background: url(images/heading-bg.png) no-repeat left bottom;
}
#main h3, #main legend
{
    margin-top: 1em;
    font-size: 18px;
    xfont-weight: bold;
    font-variant: normal;
}
#main h3 br 
{
    display: none;
}
#main h3 sub 
{
    font-size: .75em;
    padding-left: 1ex;
    font-style: italic;
    color: Gray;
}
#side h3, #right h3, #submenu h3
{
    font-size: 16px;
    margin: .5em 0;
    background: none;
    font-variant: small-caps;
}
#body h4
{
    font-size: 1.1em;
}

.text-image, .text-image img
{
    display: block;
    xborder: 1px solid;
}
.text-image
{
    height: 1em;
}

#center
{
    float: left;
    width: 500px;
    xbackground: url(images/side-bg.png) repeat-y 500px top;
}

#right
{
    xfloat: right;
    xwidth: 200px;
}


#side
{
    width: 200px;
    margin: 0 0 90px; /* for certification logos */
    display: inline; /*IE6*/
    float: left;
    font-size: 85%;
    xbackground: #f2f2f2;
}

#more
{
    padding: 10px;
}

#main ul, .side ul
{
    margin: .5em 1em;
    padding-left: .5em;
    list-style-image: url(images/list-bullet.png);
}
#main li, .side li
{
    margin: .25em 0;
}


#main table tbody th 
{
    text-align: left;
    font-weight: bold;
    font-family: Arial, Sans-Serif;
    font-size: .8em;
    padding-top: .1em;
    border: 1px solid #ccc;
    background: #eee;
    padding: 0 1ex;
    -moz-border-radius-topright: 1em;
    -moz-border-radius-bottomright: 1em;
}

.side
{
    font-size: 11px;
}
.side hr
{
    margin: .75em auto .5em;
    width: 50%;
    border: 0;
    background: silver;
    color: silver;
    height: 1px;
    xbackground: url(images/heading-bg.png) no-repeat left center;
}

#body dt
{
    xsfont-weight: bold;
    xfont-size: 90%;
    color: #444;
    font-variant: small-caps;
    xtext-transform: smallcaps;
    margin: .5em 0 .35em;
}
#body dd
{
    margin: 0 2em;
    color: black;
}

#body p, #body table
{
    margin: 0 0 .75em;
}
#body p
{
    line-height: 1.2sem;
}

.temp
{
    color: gray;
}





#industry-links
{
    position: relative;
    height: 160px;
    background: #848484;
    color: #848484;
}
#industry-links h2
{
    xfloat: left;
    width: 29px;
    height: 159px;
    overflow: hidden;
    font-size: 1px;
    color: inherit !important;
    xtext-indent: 10px;
    background: url(images/industries-heading-bold.png) no-repeat center center;
    border-right: 1px solid white;
    border-bottom: 1px solid white;
}
#industry-links *
{
    display: block;
    margin: 0;
}
#industry-links ul
{
    position: absolute;
    left: 30px;
    top: 0;
    xdisplay: none;
}
#industry-links a
{
    width: 165px;
    height: 39px;
    line-height: 39px;
    font-weight: bold;
    font-size: 13px;
    text-align: right;
    font-family: "Arial Black" , Arial, sans-serif;
    color: white;
    font-style: normal;
    background: url(images/industry-link-bg.png) no-repeat right center;
    text-decoration: none;
    xpadding-right: 15px;
    width: 178px;
    padding-right: 2px;
}
#industry-links a span
{
    display: block;
    height: 39px;
    background-repeat: no-repeat;
    background-position: right center;
    color: transparent;
    font-size: 0;
    text-align: left;
    text-indent: -1000px;
}
#industry-links li.automotive a span
{
    background-image: url(images/industry-links/automotive.png);
}
#industry-links li.medical a span
{
    background-image: url(images/industry-links/medical.png);
}
#industry-links li.consumer a span
{
    background-image: url(images/industry-links/consumer.png);
}
#industry-links li.industrial a span
{
    background-image: url(images/industry-links/industrial.png);
}
#industry-links li
{
    width: 170px;
    border-bottom: 1px solid white;
}
#industry-links a:hover
{
    background-image: url(images/industry-link-red-bg.png);
    color: white;
}
#industry-links a.active
{
    background-image: url(images/industry-link-active-bg.png);
    color: white;
}


#footer
{
    position: relative;
    clear: both;
    background: #172770 url(images/menu-bg.png) repeat-x;
    height: 30px;
    font-size: 13px;
    xfont-variant: small-caps;
    font-family: "Arial Narrow" , Arial, sans-serif;
    text-align: center;
}

#footer *
{
    font-variant: normal !important;
    line-height: 27px;
}

#copyright
{
    margin: 0 5px;
    color: white;
    float: left;
}

#elmos
{
    margin: 0;
    display: block;
    float: right;
    margin: 2px 5px;
}

#footer ul, #footer ul *
{
    display: inline;
}

.blockOverlay
{
}
.blockPage
{
    width: 30%;
    left: 35%;
    top: 40%;
    height: 20%;
    color: black;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1px;
    height: 1px;
    xborder: 1px dotted red;
}
.blockPage .wait, .blockPage .error, .blockPage .success, .blockPage .message
{
    display: block;
    border: 2px solid #600;
    border: 2px solid black;
    width: 220px;
    padding: 10px 0px;
    margin: auto auto;
    text-align: center;
    background-color: white;
    font-family: sans-serif;
    font-size: 10pt;
    position: relative;
    top: -10px;
    left: -110px;
}
.blockPage .photo
{
    display: block;
    border: 2px solid #600;
    border: 2px solid black;
    width: 640px;
    padding: 0;
    margin: auto auto;
    text-align: center;
    background-color: white;
    font-family: sans-serif;
    font-size: 10pt;
    position: relative;
    top: -240px;
    left: -320px;
}
.blockPage .photo button
{
    padding: 0 .5ex;
    width: 12ex;
    overflow: visible;
    position: absolute;
    right: 5px;
    bottom: 5px;
}
.blockPage .wait
{
    background-image: url(images/loader-bar.gif);
    background-repeat: no-repeat;
    padding: 20px 0 5px;
}
.blockPage .error
{
    color: #900;
    font-weight: bold;
}
.blockPage .success
{
    color: #090;
    font-weight: bold;
}
.blockPage .message
{
    xcolor: #900;
    xfont-weight: bold;
}

#main .float 
{
    float: right;
    margin: 0 0 1em 1em;
}
#main .left.float 
{
    float: left;
    margin: 0 1em 1em 0;
}


#main .inset
{
    float: right;
    margin: 0 0 1em 1em;
    margin: 1em 0 1em 1em;
    width: 160px;
    background: url(images/inset-heading-bg.png) no-repeat left top;
    background: url(images/inset-bg.png) no-repeat left top;
}
#main .inset-alt
{
    background-image: url(images/inset-alt-bg.png);
}
#main .inset h3
{
    height: 27px;
    color: white;
    text-align: center;
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-variant: normal;
    border: 0;
    font-size: 12px;
    line-height: 20px;
    margin: 0 !important;
    background: none;
    background: url(images/inset-head-bg.png) no-repeat right top;
}
#main .inset-alt h3
{
    background-image: url(images/inset-alt-head-bg.png);
}
#main .inset div
{
    background: url(images/inset-bg.png) no-repeat left bottom;
    background: url(images/inset-body-bg.png) no-repeat right bottom;
    padding: 0 10px 10px;
    font-size: 11px;
}
#main .inset-alt div
{
    background-image: url(images/inset-alt-body-bg.png);
}
#main .left.inset
{
    float: left;
    margin: 1em 1em 1em 0;
}




#submenu
{
    font-size: 11px;
    xborder: thin dotted;
}
#submenu ul
{
    margin: 0;
    list-style-type: none;
}
#submenu li
{
    margin: 2px 0;
    padding: 0;
}
#submenu .AspNet-Menu-Vertical > ul
{
    margin: 0 15px;
    padding: 0;
}
/*
#submenu .AspNet-Menu-Vertical > ul 
{
    margin: 0;
    padding: 0;    
    float: right;
    position: relative;
    background: #f0f0f0;
    border: 1px solid silver;
    xwidth: 150px;
    xleft: 2em;
    xtop: -1em;
    
    min-height: 150px;
    -moz-border-radius: 10px;
}
#submenu .AspNet-Menu-Vertical > ul > li > span
{
    display: block;
    margin: 5px 0;
    font-weight: bold;
    font-size: 110%;
    color: Black;
}
*/
/*
#submenu .AspNet-Menu-Vertical > ul > li > span
{
    border-bottom: 1px solid silver;
    text-align: center;
}
*/
#submenu ul ul ul
{
    margin-left: 10px;
    font-size: 90%;
}
#submenu a,
#submenu span 
{
    display: block;
    padding-left: 10px;
}
#submenu a
{
    font-weight: normal;
    text-decoration: none;
    color: gray;
    background: url(images/small-bullet.png) no-repeat left 0.4em;    
}
#submenu span
{
    background: url(images/small-bullet-orange.png) no-repeat left 0.4em;
}
#submenu a:hover
{
    color: Black;
    background-image: url(images/small-bullet-orange.png);
}



#body .features
{
    xdisplay: none;
}
#body .features h3
{
    font-variant: normal;
    color: White;
    background-image: url(images/feature-heading-bg.png);
    height: 30px;
    overflow: hidden;
    line-height: 30px;
    font-size: 12pt;
    font-weight: bold;
}
#body .features p
{
    margin: 0;
}
#body .features a
{
    color: White;
}





.AspNet-GridView table 
{
    border-collapse: collapse;
}
.AspNet-GridView thead th 
{
    border: 1px solid white;
}
.AspNet-GridView tbody td 
{
    margin: 1px;
    padding: 0 2px;
    border: 1px solid silver;
}
.AspNet-GridView thead th 
{
    background: #444;
    color: White;    
}
.AspNet-GridView thead .super th
{
    background: gray;
}

.series-chart 
{
    width: 100%;
}
.series-chart .model
{
    width: 100px;
}
.series-chart .pressure,
.series-chart .pressureType
{
    width: 25px;
    text-align: center;
}


.contact 
{
    clear: both;
}
.contact .address 
{
    float: left;
    margin-right: 2em !important;
}


font 
{
    display: none;
}


#pressure-converter 
{
}
#pressure-converter select 
{
    width: 10em;
    font-size: .9em;
}
#pressure-converter input 
{
    xborder: none;
    xborder-bottom: 1px solid gray;
}
#pressure-converter input,
#pressure-converter .result
{
    font-size: 1.3em;
}
#pressure-converter .to 
{
    line-height: .9em;
}
#pressure-converter .switcher
{
    position: absolute;
}


.ui-slider-handle strong
{
    position: absolute;
    font-size: 9px;
    left: 0;
    top: -20px;
}



img.server-control {
    opacity: 0.3;
    filter: alpha(opacity=30);
    border: 2px dashed;
}