/* main */
html { height: 100%; }
body { height: 100%; margin: 0px; padding: 0px; color: #000000; background: #ffffff; }
body, p, td, th, div, li { font-family: Tahoma, Verdana, sans-serif; font-size: 11px; }
pre { font-family: "Courier New", Courier, monospace; font-size: 12px; }
a { color: #000; background: none; }
p { text-align: justify; }
img.noborder { border-style: none; }

/* top template */
table.h100p { border-style: none; height: 100%; }
td.template-top { height: 220px; }
table.template-top { height: 220px; border-style: none; background: url(tmpl/bg_01.gif) repeat-x right top; }
td.template-top-left { height: 220px; background: url(images/l_bg_01.jpg) no-repeat left bottom; }
table.template-top-left  { height: 220px; border-style: none; background: url(tmpl/bg_02.gif) repeat-x right top; }
td.logo { width: 280px; }
div.logo-l0 { width: 220px; height: 100px; margin: 29px 0px 0px 24px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/logo.png'); }
div.logo-l1 { width: 220px; height: 100px; margin: 29px 0px 0px 24px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/logo.png'); }
div.logo-l2 { width: 220px; height: 100px; margin: 29px 0px 0px 24px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/logo.png'); }
div.logo-l3 { width: 220px; height: 100px; margin: 29px 0px 0px 24px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../../images/logo.png'); }
img.opacity { filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); border-style: none; }
div.site-descr { color: #ffffff; background: none; font-family: Tahoma, Verdana, sans-serif; text-align: left; margin: 26px 0px 0px 24px; line-height: 16px; white-space: nowrap; }
p.site-descr { color: #ffffff; background: none; font-family: Tahoma, Verdana, sans-serif; text-align: left; margin: 26px 0px 0px 24px; line-height: 16px; width: 290px; }
td.slogan { text-align: center; padding: 80px 10px 0px 10px; /*background: url(images/r_bg_02.jpg) no-repeat right top;*/ }
div.slogan-l0 { height: 50px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='tmpl/slogan_01.png'); }
div.slogan-l1 { height: 50px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../tmpl/slogan_01.png'); }
div.slogan-l2 { height: 50px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../tmpl/slogan_01.png'); }
div.slogan-l3 { height: 50px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../../tmpl/slogan_01.png'); }
td.homelink { width: 320px; background: url(images/r_bg_01.jpg) no-repeat right top; padding-top: 8px; text-align: right; vertical-align: top; white-space: nowrap; }
div.homelink { width: 320px; }
span.homelink { width: 20px; }

/* top menu */
td.menu-height { height: 36px; }
table.menu-height { height: 36px; border-style: none; }
td.menu-button-width { width: 20%; }
td.menu-button-top { height: 3px; background: #A0A4A7 url(tmpl/menu_bg_01.gif) no-repeat center top; }
.menu-button td { background: url(tmpl/menu_bg_03.gif) repeat-x left top; }
.menu-button a { color: #ffffff; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; text-decoration: none; text-transform: uppercase; display: block; width: 100%; height: 33px; background: url(tmpl/menu_bg_03.gif) repeat-x left top; text-align: center; padding: 10px -10px; }
.menu-button a:hover { background: url(tmpl/menu_bg_03a.gif) repeat-x left top; }
td.menu-button-div { width: 1px; height: 33px; color: #ffffff; background-color: #ffffff; }

/* left grey bar */
td.left-menu { width: 239px; background: url(tmpl/left_bg.gif) repeat-y left top; }
table.left-menu { height: 100%; width: 239px; border-style: none; }
td.left-menu-top { height: 16px; }
div.h12 { height: 12px; }
td.left-menu-shadow { width: 28px; background: #ffffff url(tmpl/left_shadow.gif) no-repeat left top; vertical-align: bottom; }

/* left menu */
div.lmenu0 { margin-left:  0px; margin-top: 6px; margin-right: 3px; }
div.lmenu1 { margin-left:  9px; margin-top: 6px; margin-right: 3px; }
div.lmenu2 { margin-left: 18px; margin-top: 6px; margin-right: 3px; }
div.lmenu3 { margin-left: 27px; margin-top: 6px; margin-right: 3px; }
div.lmenu4 { margin-left: 36px; margin-top: 6px; margin-right: 3px; }
div.lmenu5 { margin-left: 45px; margin-top: 6px; margin-right: 3px; }
a.lmenu { color: #545454; background: none; }
a.lmenu-curr { color: #545454; background: none; text-decoration: none; }
div.golivetalk { margin-left:  9px; margin-top: 0px; }

/* page content and footer */
table.content-main { height: 100%; border-style: none; padding-top: 16px; }
td.content-main { width: 100%; vertical-align: top; }
td.content-right-border { width: 16px; }
div.content-right-border { width: 16px; }
td.content-bottom { height: 65px; background: url(tmpl/bottom_bg.gif) repeat-x left top; }
.footerlink { color: #6cb6da; background: none; text-decoration: none; font-size: 12px; }
img.vr {  margin-left: 8px; margin-right: 8px; vertical-align: -40%; }
div.webotdel { color: #6cb6da; background: none; text-align: left; font-size: 9px; width: 150px; }
img.webotdel { float: left; border-style: none; }

/* common elements */
h1 { color: #134783; background: #f0f0f0 url(tmpl/vr_blue.gif) no-repeat left top;  font-size: 14px; padding-bottom: 0px; margin-bottom: 0px; padding-left: 12px; line-height: 26px; width: 99%; }
h2 { color: #134783; background: none; font-size: 13px; padding-bottom: 0px; margin-bottom: 0px; }
h3 { color: #000; background: none; font-size: 12px; padding-bottom: 0px; margin-bottom: 0px; }
ul { list-style-type: square; list-style-image: url(tmpl/square.gif); }
li { padding-bottom: 3pt; }
.red { color: #ff0000; background: none; }
img.icon { border-style: none; margin: 2px 6px 0px 0px; }
img.illust { border-style: none; margin: 15px 0px 6px 18px; }
tr.grey { background: #e9e9e9; vertical-align: top; }
tr.white { background: #ffffff; vertical-align: top; }
.required { color: #ff0000; background: none; }

/* first page */
td.manuf-left { width: 12px; }
td.manuf-column { width: 105px; }
td.manuf-middle { width: 15px; }
h1.production { margin: 0px; padding: 0px 0px 12px 0px; font-size: 12px; line-height: 18px; background: none; text-align: center; }
h1.news { margin-top: 12px; }
div.hr { background: #ffffff url(tmpl/hr_gray.gif) repeat-x left top; height: 1px; width: 100%; margin-bottom: 6px; }
table.hilight { border-style: none; margin-top: 12px; }
td.hilight-col1 { width: 33%; }
td.hilight-col2 { width: 33%; }
td.hilight-col3 { width: 34%; }
td.hilight-bluebar { width: 12px; }
td.hilight-comment { text-align:justify; }

/* production lists */
div.map1	{ font-family: Arial, Tahoma, Verdana, sans-serif; font-size: 14px; font-weight: bold; margin-top: 15px; color: #134783; line-height: 24px; width: 100%; background: #ffffff url(tmpl/left_bg_01.gif) no-repeat left top; padding-left: 8px;}
div.map2	{ margin-left: 20px; margin-top: 6px; }
h2.map1		{ font-size: 13px; font-weight: bold; margin-top: 12px; color: #134783; line-height: 24px; width: 100%; background: #ffffff url(tmpl/left_bg_01.gif) no-repeat left top; padding-left: 8px;}
p.map2		{ margin: 6px 0px 0px 20px; }
a.map 		{ color: #000000; background: none; text-decoration: none; }
a:hover.map   { text-decoration: underline; }
div.ul-none   { font-size: 10px; padding-left: 12px; }
ul.ott        { margin-top: 6px; }
div.ott	{ padding-left: 15px; }
li.map		{ padding-bottom: 6pt; }

ul.vacancy { margin-top: 3px; margin-bottom: 6px; }
.lightblue { background: #c5eaff; }
p.tech-pdf { margin-bottom: 12px; }
table.modem { background: #f4f4f8; width: 650px; } 
table.modem td { font-family: "Courier New", Courier, monospace; font-size: 12px; }