@media screen{
body {background:#cde1eb url( "../images/layout/background.png" ) left top repeat-x;color:#7f7fb0;font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;line-height:1.2;font-size:70%;margin:10px 0;padding:10px 0;text-align:center}
html {overflow: scroll}

a:link, a:active, a:visited {color:#5a5a93;text-decoration:underline}
a:hover {text-decoration:none}

h1,h2,h3,h4,h5,h6,p,table,fieldset,image {text-align:left;margin:0;padding:0}
h1 {font-size:160%;font-weight:normal;}
h2 {color:#008fde;font-size:130%}
h3 {color:#000;font-size:120%;}
h4 {color:#5a5a93;font-size:110%}
h5 {font-size:105%}
h6 {font-size:100%;}
td{padding:5px 5px}
img{border:0}
img.print{display:none}

/*master*/
#master {width:899px;text-align:left;margin:auto}
#masterBg{background:#fff url(../images/layout/master-bg.gif) 50% 100% no-repeat;padding-bottom:12px}
#masterin {float:left;width:712px}
#content {float:left;width:487px;background:url(../images/layout/content-shadow.gif) 0 100% no-repeat;padding-bottom:25px}
#right {background-color:#fff;float:right;width:187px;padding-bottom:15px}
#left {background-color:#fff;float:left;width:225px;padding-bottom:15px}

/*menuTop*/
ul#topMenu{list-style:none;margin:0;padding:0;display:block;height:50px;margin-left:280px}
ul#topMenu li {background:url(../images/next/bull-menu-top.png) 0 50% no-repeat;float:left;line-height:50px;height:50px;padding:0 15px 0 10px}
ul#topMenu li a{color:#bdbdd4;display:block;float:left;text-decoration:none}
ul#topMenu li a.active{color:#fff;font-weight:bold}

/*header*/

.logo {position:relative;display:block;width:225px;overflow:hidden}
.index{height:155px}
.next{height:81px}
.logoImg, .imgIndex span, .imgNext span{position:absolute;display:block;top:0;left:0;width:225px;z-index:2}
a.imgIndex span{background:#002c62 url(../images/layout/logo-index.png)  0 0 no-repeat;height:155px;width:225px;font-size:9px;}
a:hover.imgIndex span{background:#002c62 url(../images/layout/logo-index.png)  0 -155px no-repeat}
a.imgNext span{background:#002c62 url(../images/layout/logo-next.png) 0 0 no-repeat;height:81px;width:225px;font-size:9px;}
a:hover.imgNext span{background:#002c62 url(../images/layout/logo-next.png)  0 -81px no-repeat}
.imgNext{}
.flash{width:487px}
.infoIndex, .infoIndexEn{background:#00bfff url(../images/layout/info-index.png) 0 0 no-repeat;position:relative;width:187px}
.infoIndexEn{background:#00bfff url(../images/layout/info-index-en.png) 0 0 no-repeat;}
.infoNext, .infoNextEn{background:#00bfff url(../images/layout/info-next.png) 0 0 no-repeat;position:relative;width:187px}
.infoNextEn{background:#00bfff url(../images/layout/info-next-en.png) 0 0 no-repeat;}
.infoTitle{position:absolute;bottom:51px;right:45px;font-size:140%;}
.infoNumber{position:absolute;bottom:0px;left:54px;}
.software{background:url(../images/layout/header-soft.gif) 0 0 no-repeat}

/*title*/
.title, .titleLeft, .titleRight{font-size:150%;border-bottom:1px solid #d8dae6;height:40px;line-height:40px;padding-left:15px}
.titleLeft, .titleRight{font-size:120%;}
.titleLeft a{text-decoration:none;color:#7F7FB0;}
.titleLeft a:hover{color:#000099;text-decoration:underline;}
.colorLeft, .colorRight{background-color:#f0f3f6;font-weight:bold;}
.colorContent{color:#008fde;background-color:#d9e5ed;}

/*content*/
#content .flashRef{margin-top:10px;padding-bottom:7px;}
#content .contentShape{background:#f0f3f6 url(../images/layout/content-shape-bott.gif) 0 100% no-repeat;padding:0 0 8px 0;}
#content .shapeTitle{background:#f0f3f6 url(../images/layout/shapeTitle.gif) 0 0 no-repeat;padding:9px 20px 12px 15px;border-bottom:none;width:452px;margin:0}

#content ul{list-style:none;margin:5px 25px;padding:0}
#content ul li{background:url(../images/next/bull-shape.gif) 0 6px no-repeat;padding-left:10px}
#content h2,#content h3,#content h4{margin:8px 15px;}
#content p{line-height:1.3em;padding:8px 15px 3px 15px;}
#content strong{color:#5a5a93}
#content p.navigation{padding:0 0 15px 0}

#content .product{margin:5px 15px}
#content .product h3{padding:12px 0 0 0;margin:5px 15px}
#content .product img{margin-right:15px}

#content .bullet{background:url(../images/next/bull-shape.gif) 0 50% no-repeat;padding-left:10px}
#content .border{border-bottom:1px solid #d8dae6;margin:10px 15px}

/*news*/
#content .contentNews, #content .contentDetailNews{padding:5px 15px;}
#content .contentNews p{padding:4px 0;}
#content .contentNews h3{padding:0;margin:0;}
#content .dateNews{color:#008fde;}
#content h3.titleNews a{font-size:110%;padding:0;margin:0color:#5a5a93}
#content .contentDetailNews .textNews{font-weight:bold;}
#content .contentDetailNews p{padding:4px 0;}

.pages_div{text-align:center;margin:10px;}
.pages_div a { border: 1px solid #003399; background: #6699CC; color: #FFF;font-size: 11px; padding: 1px 5px; text-decoration: none; font-weight: bold; }
.pages_div span { border: 1px solid #5A5A93; background: #D9E5ED; color: #5A5A93;font-size: 11px; padding: 1px 5px; text-decoration: none; font-weight: bold; }



/*left*/
ul#menuLeft{list-style:none;margin:0;padding:0}
ul#menuLeft ul{list-style:none;margin:0 0 10px 0;padding:0}
ul#menuLeft li{border-bottom:1px solid #d8dae6}
ul#menuLeft li li{border:none;padding-left:10px}
ul#menuLeft li a {color:#000;font-weight:bold;font-size:120%;display:block;height:35px;line-height:35px;padding-left:15px;text-decoration:none}
ul#menuLeft li li a {background:url(../images/next/bull-blue.png) 5px 12px no-repeat;color:#7b88a1;font-weight:normal;font-size:110%;display:block;line-height:25px;height:25px;text-decoration:none}
ul#menuLeft li li a.active {font-weight:bold;color:#333;}
ul#menuLeft li a:hover{color:#000099;text-decoration:underline}
ul#menuLeft li li a:hover{color:#000;text-decoration:none}

/*right*/
p.partners{padding:15px;text-align:center;border-bottom:1px solid #d8dae6}

/*footer*/
#footer {background:#f1f3f6 url(../images/layout/footer.png) 0 0 no-repeat;height:56px;line-height:56px;clear:both;overflow:hidden;width:899px}
#footerShadow{background:url(../images/layout/footer-shadow.png) 0 0 no-repeat;height:30px;margin-bottom:15px}
.created{float:right;margin:10px 15px;height:21px;line-height:21px}

/*footer menu*/
ul#footerMenu{list-style:none;margin:0 250px;padding:0;display:block}
ul#footerMenu li {background:url(../images/next/bull-menu-top.png) 0 50% no-repeat;float:left;padding:0 15px 0 10px}
ul#footerMenu li a{display:block;float:left;text-decoration:none}
ul#footerMenu li a:hover{text-decoration:underline}
ul#footerMenu li a.active{color:#008fde;font-weight:bold}
ul#footerMenu li a.active:hover{text-decoration:none}

/* others */
.tar {text-align:right}
.tac {text-align:center}
.tal {text-align:left}
.fl  {float:left}
.fr {float:right}
.mb10{margin-bottom:10px}
.pt20{padding-top:20px}
.pb10{padding-bottom:10px}
.clear{clear:both}
.small{font-size:90%}
.vertic-padd{padding:0 5px}
.input{width:100px;border:1px #666600 solid;padding:2px 0}
.skryta {position:absolute;top:-5000px}
}
@media print{
body{font-family:"Times New Roman CE",Georgia,"Times New Roman",Times,serif;color:#000;}
div{padding:0;margin:0;}
#left,#right,#footer,#footerShadow,.index,.next,#topMenu,.skryta{display:none}
img{border:none;margin:.5em;}
fieldset{border:none;border-bottom:1px solid #333;margin:0;padding:0 0 .5em 0;}
h1,h2,h3,h4{margin:0}
h1{font-size:180%;padding-top:0;margin-bottom:.5em;border-bottom:1px solid #000;}
h2,h3{padding:.2em 0 0 0;margin:0;}
h2{font-size:140%;}
h3{font-size:120%;}
p{margin-top:.2em;padding:0;}
a{text-decoration:underline;}
table{width:100%; text-align:center;}
th,td{text-align:center;}
td,th{border:1px solid #000;}
}

