/* Minification failed. Returning unminified contents.
(377,1): run-time error CSS1019: Unexpected token, found '@import'
(377,9): run-time error CSS1019: Unexpected token, found 'url('colorBox.css')'
 */
/* http://meyerweb.com/eric/tools/css/reset/ *//* v1.0 | 20080212 */html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {	margin: 0;	padding: 0;	border: 0;	outline: 0;	font-size: 100%;	vertical-align: baseline;	background: transparent;}body {	line-height: 1;}ol, ul {	list-style: none;}blockquote, q {	quotes: none;}blockquote:before, blockquote:after,q:before, q:after {	content: '';	content: none;}/* remember to define focus styles! */:focus {	outline: 0;}/* remember to highlight inserts somehow! */ins {	text-decoration: none;}del {	text-decoration: line-through;}/* tables still need 'cellspacing="0"' in the markup */table {	border-collapse: collapse;	border-spacing: 0;}input, select { vertical-align:middle; }/*fonts.css from the YUI Library: developer.yahoo.com/yui/          Please refer to developer.yahoo.com/yui/fonts/ for font sizing percentagesThere are three custom edits: * remove arial, helvetica from explicit font stack * make the line-height relative and unit-less * remove the pre, code styles*/body { font:13px sans-serif; *font-size:small; *font:x-small; line-height:1.72; }table { font-size:inherit; font:100%; }/*select, input, textarea { font:99% sans-serif; }*/select, input, textarea { font:100% Arial; }/* normalize monospace sizing  * en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome */pre, code, kbd, samp { font-family: monospace, sans-serif; }
*, body {
    font-family: Arial;
    font-size: 12px;
}
body {
    height: 100%;
    text-align: center;
    background: url("../../_img/tm_bg_tile32.gif") repeat scroll 0 0 transparent;
    color: #333;
}

a:link {
    color: #06c;
}
a:visited {
    color: #06c;
}
a:active {
    color: #06c;
}
a:hover {
    color: #f00;
}
* { 
    outline: none; 
}
*::-moz-focus-inner { 
    border: none; 
}
form {
    margin: 0;
    padding: 0;
}

label {
    cursor: default;
}
pre {
    text-align: left;
}
.hidden {
    display: none;
}
.h2 {
    font-size: 24px;
}
.h3 {
    font-size: 20px;
}
.h4 {
    font-size: 16px;
}
.h5 {
    font-size: 14px;
}
.small {
    font-size: 12px;
}
.red {
    color: #f00;
}
.gray {
    color: #666;
}
.inline {
    display: inline-block;
}
.center {
    text-align: center;
}
.right {
    text-align: right;
}
.float-right {
    float: right;
}

.wrapper {
    position:absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 960px;
    min-height: 100%;
    height: auto;
    margin: 0 auto;
    text-align: left;
    padding: 0 4px 0 4px;
    background: url('../../_img/bg_main_1027.gif') repeat-y;
}


/*Loading image */
.loading_img
{
    display:inline-block;
    vertical-align:middle;
}

.container{ background-color: #fff;}


/*only in  \DisplayTemplates\PC_SupportInformation.ascx(17):       <div class="bd wordwrap">*/
 .wordwrap
{
    word-wrap: break-word;
    word-break: break-all;
}  

 /*For link style in error resource file.*/
.support-link {color:#FF0000;text-decoration: underline} 


/*back to last page*/
.header .back_link {
    float: right;
    line-height: 80px;
    margin-right: 20px;
	border: 0; position:relative; top:-60px;
}


.errormsg .field-validation-error,
.errormsg_multiline .field-validation-error
{
    float:left;
    width:99%;  /*Wired behavior in Chrome,Safari, can't be changed!!*/
    display:inline-block;
    line-height:1.3em;

}
/* button [blue] */

.btn_blue {
    height: 45px;
    text-decoration: none;
    cursor: pointer;
    display: inline-block;
}
.btn_blue span {
    display: block;
    float: left;
    width: 19px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    color: #fff;
    font-size: 18px;
}
.btn_blue .l {
    background: url('../../_img/Btn_blue_L.png') left top no-repeat;
}
.btn_blue .r {
    background: url('../../_img/Btn_blue_R.png') right top no-repeat;
}
.btn_blue .c {
    padding: 0 5px;
    width: auto;
    background: transparent url('../../_img/Btn_blue_M.png') center top repeat-x;
}
.btn_blue .c img {
    line-height: 45px;
    margin-right: 10px;
    vertical-align: -3px;
}
.btn_blue:hover .l,
.btn_blue:hover .r,
.btn_blue:hover .c {
    background-position: 0 -45px;
}
.btn_blue:active .l,
.btn_blue:active .r,
.btn_blue:active .c,
.btn_blue.active .l,
.btn_blue.active .r,
.btn_blue.active .c {
    background-position: 0 -90px;
}
.btn_blue.disabled .l,
.btn_blue.disabled .r,
.btn_blue.disabled .c {
    background-position: 0 -135px;
}

/* button [normal] */

.btn {
    height: 31px;
    text-decoration: none;
    cursor: pointer;
    display: inline-block;
}
.btn span {
    display: block;
    float: left;
    width: 10px;
    height: 31px;
    line-height: 31px;
    font-size: 12px;
    text-align: center;
    color: #333;
}
.btn .l {
    background: url('../../_img/Btn_L.png') left top no-repeat;
}
.btn .r {
    background: url('../../_img/Btn_R.png') right top no-repeat;
}
.btn .c {
    padding: 0 25px;
    width: auto;
    background: transparent url('../../_img/Btn_M.png') center top repeat-x;
}
.btn.focus .l,
.btn.focus .r,
.btn.focus .c {
    background-position: 0 -93px;
}
.btn:hover .l,
.btn:hover .r,
.btn:hover .c {
    background-position: 0 -31px;
}
.btn:active .l,
.btn:active .r,
.btn:active .c,
.btn.active .l,
.btn.active .r,
.btn.active .c {
    background-position: 0 -62px;
}
.btn.disabled {
    opacity: 0.5;
}
.btn.disabled .l,
.btn.disabled .r,
.btn.disabled .c {
    background-position: 0 -124px;
    cursor: not-allowed;
}

/* button [big] */

.btn_big {
    height: 43px;
    text-decoration: none;
    cursor: pointer;
    display: inline-block;
}
.btn_big span {
    display: block;
    float: left;
    width: 20px;
    height: 43px;
    line-height: 43px;
    font-size: 18px;
    text-align: center;
    color: #333;
    font-weight: bold;
}
.btn_big .l {
    background: url('../../_img/Btn_B_L.png') left top no-repeat;
}
.btn_big .r {
    background: url('../../_img/Btn_B_R.png') right top no-repeat;
}
.btn_big .c {
    padding: 0 5px;
    width: auto;
    background: transparent url('../../_img/Btn_B_M.png') center top repeat-x;
}
.submit_button .btn_big {
    margin-top: -5px;
}
.btn_big.focus .l,
.btn_big.focus .r,
.btn_big.focus .c {
    background-position: 0 -129px;
}
.btn_big:hover .l,
.btn_big:hover .r,
.btn_big:hover .c {
    background-position: 0 -43px;
}
.btn_big:active .l,
.btn_big:active .r,
.btn_big:active .c,
.btn_big.active .l,
.btn_big.active .r,
.btn_big.active .c {
    background-position: 0 -86px;
}
.btn_big.disabled .l,
.btn_big.disabled .r,
.btn_big.disabled .c {
    background-position: 0 -172px;
    cursor: default;
}
@import url('colorBox.css');

/* Status Box */

.status-box {
    border: 1px solid #adadad;
    margin-top: 20px;
    background: url('../../_img/bg_status-box-header.png') 0 -1px repeat-x;
}
.status-box .hd {
    font-size: 12px;
    border-bottom: 1px solid #adadad;
    line-height: 30px;
    padding: 0 10px 0 10px;
    background: url('../../_img/bg_status-box-header.png') 0 -1px repeat-x;
     -moz-border-radius-topright: 5px; /* FF1+ */
      -moz-border-radius-topleft: 5px; /* FF1+ */
 -webkit-border-top-right-radius: 5px; /* Saf3-4 */
  -webkit-border-top-left-radius: 5px; /* Saf3-4 */
         border-top-right-radius: 5px; /* Opera 10.5, IE 9, Saf5, Chrome */
           border-top-top-radius: 5px; /* Opera 10.5, IE 9, Saf5, Chrome */
}
.status-box .icon-link {
    vertical-align: -5px;
    width: 18px;
    height: 18px;
    display: inline-block;
    background: url('../../_img/icons_CLP.gif') 0 50% no-repeat;
    text-decoration: none;
    *vertical-align: -3px;
}
.status-box .icon-link.icon-person-add {
    background-position: 0 0;
}
.status-box .icon-link.icon-person {
    background-position: 0 -18px;
}
.status-box .icon-link.icon-register-license {
    background-position: 0 -36px;
}
.status-box .icon-link.icon-register-license {
    padding-left: 3px;
}
.status-box .icon-link.icon-merge {
    background-position: 0 -72px;
}
.status-box .icon-link.icon-buy {
    background-position: 0 bottom;
}
.status-box .bd {
    margin: 10px 10px 0px 10px;
    /*min-height: 120px;*/
    padding-bottom: 40px;
}
.status-box .bd.fix {
    min-height: 60px;
}
.status-box .dl {
    margin-bottom: 8px;
    line-height: 1.5em;
}
.status-box .dl dt {
    float: left;
    width: 180px;
    font-weight: bold;
}
.status-box .dl dd {
    margin-left: 110px;
}
.status-box .dl .bar {
    width: 240px;
    height: 12px;
    border: 1px solid #525453;
    display: block;
}
.status-box .dl .used {
    height: 12px;
    width: 0%;
    display: block;
    background: url('../../_img/bg_bar_blue.gif') repeat-x;
}
.status-box .dl.valign-fix {
    padding-top: 20px;
    *padding-top: 22px;
}
.status-box .bd .open-console {
    margin-top: 5px;
    width: 150px;
    background: url('../../_img/icon_open_console.gif') 50% 0 no-repeat;
    text-align: center;
    padding-top: 40px;
    display: block;
    color: #000;
}
.status-box .bd .open-console:hover {
    color: #f00;
}
.status-box .ft {
    min-height: 30px;
    background: #f7f5f6;
    padding: 0 20px 0 5px;
    border-top: 1px solid #adadad;
    line-height: 30px;
}
.status-box .ft a {
    color: #000;
}
.status-box .ft a:hover {
    color: #f00;
}
.status-box .buy-menu-pop {
    display: inline;
}
.status-box .buy-menu-pop.position {
    position: relative;
}
.status-box .buy-menu {
    display: none;
    position: absolute;
    border: 1px solid #adadad;
    border-bottom: 0;
    top: 22px;
    background: #fff;
    right: -18px;
    width: 120px;
    *top: 24px;
}
.status-box .buy-menu li a, .status-box .buy-menu li {
    display: block;
    background: #fff;
    line-height: 20px;
    width: 100%;
    border-bottom: 1px solid #adadad;
    width: 120px;
}
.status-box .buy-menu li {
    padding: 0;
    border: none;
}
.status-box .buy-menu li a:hover {
    background: #cce0f5;
}

.status-box.others .expand {
    padding-left: 20px;
    cursor: pointer;
}
.status-box.others .expand .bg_icon {
    background: url('../../_img/icon_expndNcllps.gif') 0 0 no-repeat;
    width: 13px;
    height: 13px;
    display: block;
    margin: 8px 0 0 -20px;
    float: left;
}
.status-box.others .bd {
    padding: 0 10px 0 20px;
    line-height: 1.5em;
    margin-bottom: 0;
}
.status-box.others .bd .list-node {
    border-bottom: 1px dotted #616161;
    padding-bottom: 20px;
    margin: 0 0 5px 0;
}
.status-box.others .bd .list-node:last-child,
.status-box.others .bd .list-node.last {
    border-bottom: none;
}
.status-box.others.collapse {
    border-bottom: 0;
}
.status-box.others.collapse .expand .bg_icon {
    background-position: 0 -14px;
}
.status-box .color-box {
    margin-top: 0;
}

/* User Acconuts (some CSS used Status-Box) */

.status-box.accounts {
    /*margin-top: 10px;*/
}
.status-box.accounts .acc-tab {
    width: 100%;
    border-collapse: collapse;
    line-height: 28px;
}
.status-box.accounts .acc-tab thead td,
.status-box.accounts .acc-tab thead th {
    background-color: #e7effa;
    background-image: -moz-linear-gradient(top, #ffffff, #e7effa); /* FF3.6 */
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ffffff),color-stop(1, #e7effa)); /* Saf4+, Chrome */
    background-image: linear-gradient(top, #ffffff, #e7effa);
              filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#e7effa'); /* IE6�VIE9 */
}
.status-box.accounts .acc-tab thead td,
.status-box.accounts .acc-tab thead th {
    border: 1px solid #b7cae8;
    border-top: 0;
    padding-left: 5px;
}
.status-box.accounts .acc-tab tbody td,
.status-box.accounts .acc-tab tbody th {
    border: 1px solid #e6e6e6;
    padding-left: 5px;
}
/*
.status-box.accounts table.acc-tab th,
.status-box.accounts table.acc-tab td {
    border-right: 0;
    border-bottom: 0;
}
*/
.status-box.accounts table.acc-tab th {
    border-left: 0;
}
.status-box.accounts table.acc-tab tbody th,
.status-box.accounts table.acc-tab tbody td {
    border-left: 0;
}
.status-box.accounts table.acc-tab .adm th {
    border-right: 0;
}
.status-box.accounts table.acc-tab .unbdr-left {
    border-left: 0;
}

.status-box.accounts .acc-tab thead a {
    color: #000;
    font-weight: bold;
}
.status-box.accounts .acc-tab thead a:hover {
    color: #f00;
}
.status-box.accounts .acc-tab thead .buy-menu a {
    font-weight: normal;
    /*padding-right: 5px;*/
}
.status-box.accounts .acc-tab thead .buy-menu {
    left: -6px;
    text-align:center;
    width: 120px;
}
.status-box.accounts .acc-tab tbody tr:hover,
.status-box.accounts .acc-tab tbody tr:hover th,
.status-box.accounts .acc-tab tbody tr:hover td,
.status-box.accounts .acc-tab tbody .selected,
.status-box.accounts .acc-tab tbody .selected th,
.status-box.accounts .acc-tab tbody .selected td {
    background: #efefef;
}
.status-box.accounts .acc-tab .edit-email {
    color: #000;
}
.status-box.accounts .acc-tab .edit-email:hover {
    color: #f00;
    /*background: #fcc;*/
}
.status-box.accounts .bd {
    margin: 0;
    padding: 0;
    border-collapse: collapse;
}
.status-box.accounts .ft {
    background: #f9f9f9;
}
.status-box.accounts .ft.top {
    border-bottom: 1px solid #adadad;
    border-top: 0px;
}
.status-box.accounts .icon-link {
    vertical-align: -5px;
    width: auto;
    height: 18px;
    display: inline-block;
    background: #f9f9f9 url('../../_img/icons_CLP_tab.gif') 0 0 no-repeat;
    text-decoration: none;
    *vertical-align: -1px;
}
.status-box.accounts .icon-link a {
    padding-left: 18px;
    margin-top: -5px;
    display: inline-block;
    vertical-align: top;
}
.status-box.accounts .icon-link.disabled a {
    color: #666;
    cursor: default;
}
.status-box.accounts .icon-link.icon-acc-new {
    background-position: 0 0;
}
.status-box.accounts .icon-link.icon-acc-adm {
    background: #fff url('../../_img/icons_CLP_tab.gif') 0 -18px no-repeat;
}
.status-box.accounts .icon-link.icon-acc-resent.disabled,
.status-box.accounts .icon-link.icon-acc-delete.disabled {
    background-image: url('../../_img/icons_CLP_tab_off.gif');
}
.status-box.accounts .icon-link.icon-acc-resent {
    background-position: 0 -54px;
}
.status-box.accounts .icon-link.icon-acc-delete {
    background-position: 0 -72px;
}
.status-box.accounts .icon-link.icon-acc-chkbox {
    background: url('../../_img/icons_CLP.gif') 0px -54px no-repeat;
    width: 18px;
}
.status-box.accounts .icon-acc-status-inactive,
.status-box.accounts .icon-acc-status-ok {
    width: auto;
    height: 18px;
    display: inline-block;
    background: url('../../_img/icon_status.gif') 0px 0px no-repeat;
    padding-left: 20px;
    line-height: 18px;
    vertical-align: 0px;
}
.status-box.accounts .icon-link.icon-acc-status-inactive {
    background-position: 0 -17px;
}
.status-box.accounts .icon-link.icon-acc-status-ok {
    background-position: 0 1px;
}
/*
.status-box.accounts .icon-sort {
    background: url('../_img/icon_sort.png') 0 -7px no-repeat;
    display: inline-block;
    width: 7px;
    height: 7px;
    position: absolute;
    top: 4px;
    right: -10px;
}
*/
.status-box.accounts .icon-sort {
    background: url('../../_img/icon_sort.png') 0 -7px no-repeat;
    display: inline-block;
    width: 7px;
    height: 7px;
    cursor: pointer;
    vertical-align: middle;
}
.status-box.accounts .sort-link.desc .icon-sort {
    background-position: 0 0px;
}

/* Page Navigation */

.status-box.accounts .nav .icon-link {
    width: 18px;
    height: 18px;
    display: inline-block;
    background: url('../../_img/icon_paginations.gif') 0px 0px no-repeat;
    vertical-align: 0px;
    line-height: 18px;
    cursor: pointer;
}
.status-box.accounts .nav .icon-link.icon-nav-previous-end {
    background-position: 0 -228px;
}
.status-box.accounts .nav .icon-link.icon-nav-previous {
    background-position: 1px -77px;
}
.status-box.accounts .nav .icon-link.icon-nav-next {
    background-position: 0 1px;
}
.status-box.accounts .nav .icon-link.icon-nav-next-end {
    background-position: 0 -153px;
}
.status-box.accounts .nav .icon-link.icon-nav-previous-end:hover {
    background-position: 0 -247px;
}
.status-box.accounts .nav .icon-link.icon-nav-previous:hover {
    background-position: 0 -95px;
}
.status-box.accounts .nav .icon-link.icon-nav-next:hover {
    background-position: 0 -19px;
}
.status-box.accounts .nav .icon-link.icon-nav-next-end:hover {
    background-position: 0 -171px;
}
.status-box.accounts .nav .icon-link.icon-nav-previous-end.disabled {
    background-position: 0 -266px;
}
.status-box.accounts .nav .icon-link.icon-nav-previous.disabled {
    background-position: 0 -114px;
}
.status-box.accounts .nav .icon-link.icon-nav-next.disabled {
    background-position: 0 -38px;
}
.status-box.accounts .nav .icon-link.icon-nav-next-end.disabled {
    background-position: 0 -190px;
}


/*�ª�CLP & _css ���t���B �S���H�Ψ�a*/

.color-box .msg_icon
{
    background: url("../../_img/msg_ico/msg_ico_info.png") no-repeat;
    display: block;
    margin: -2px 0 0 -36px;
    width: 32px;
    height: 32px;
    float: left;
    border:solid 1px #aaa;
}

.color-box .text_forgetPassword {
    border: 0px solid #f00;
    margin-right: 4px;
}


.header {
    background: url("../../_img/bg_redline.gif") repeat-x scroll center bottom transparent;
    height: 63px;
}

    .header.trial {
        height: 70px;
        background: url('../../_img/Title_bg_trial.png') repeat-x;
        border: 0;
    }

    .header.tmp0004x {
        height: 94px;
        background: url('../../_img/20101209_01.png') 50% 0 no-repeat;
    }

    .header .logo p {
        float: left;
        padding-left: 30px;
    }

    .header .logo span {
        display: none;
    }

    .header .trend-micro-logo {
        height: 60px;
        width: 100%;
    }

    .header .product_logo {
        margin: 10px 0 0 0px;
        width: 300px;
        height: 60px;
        background: url('../../_img/product_logo.jpg') no-repeat;
    }

    .header .product_logo_unknow_error {
        margin: 0px 0 0 18px;
        width: 640px;
        height: 60px;
    }

    .header .clp_text {
        font-size: 28px;
        line-height: 80px;
        margin-left: 20px;
        color: #636363;
    }

    .header * {
        border: 0;
    }

.subtitle {
    margin: 14px 20px 25px 20px;
}

    .subtitle .bd_right {
        margin-left: 600px;
    }

    .subtitle .h3 {
        color: #064879;
        font-weight: normal;
        line-height: 34px;
        min-height: 34px;
    }

        .subtitle .h3 strong {
            font-size: 26px;
            font-weight: normal;
        }

    .subtitle .h4 {
        color: #064879;
        font-weight: normal;
    }

    .subtitle .h5 {
        font-weight: normal;
    }

    .subtitle .btn_comment {
        font-size: 11px;
        color: #636363;
        width: 140px;
        text-align: right;
        padding: 10px 0;
    }

    .subtitle.step {
        padding: 15px 35px 0px 35px;
        margin: 0px 20px;
    }

        .subtitle.step .tip {
            font-size: 11px;
        }

        .subtitle.step.icon1 {
            margin-top: 15px;
            margin-bottom: 45px;
            border-top: 0px solid #a3a3a3;
            background: url('../../_img/Bullet-1.png') 0 10px no-repeat;
        }

        .subtitle.step.icon2 {
            height: 50px;
            background: url('../../_img/Bullet-2.png') 0 10px no-repeat;
        }

        .subtitle.step.icon1 .regform {
            margin-top: 0px;
        }

            .subtitle.step.icon1 .regform dt {
                width: 482px;
                float: left;
            }

            .subtitle.step.icon1 .regform dd {
                margin-left: 504px;
            }

            .subtitle.step.icon1 .regform #serial {
                width: 482px;
            }

        .subtitle.step.icon1 .regformForJP {
            margin-top: 0px;
        }

            .subtitle.step.icon1 .regformForJP dt {
                float: left;
            }

            .subtitle.step.icon1 .regformForJP dd {
                float: left;
            }

            .subtitle.step.icon1 .regformForJP #serial {
                float: left;
            }

.icon_info {
    background: url('../../_img/icon_info.png') 0 0 no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: 0px;
    cursor: pointer;
}

.top_errmsg {
    width: 883px;
    min-height: 27px;
    margin: 0 0 18px 20px;
    color: #000;
    padding-left: 35px;
    line-height: 1.5em;
    padding-top: 5px;
}

    .top_errmsg.error {
        border: 1px solid #f99;
        background: #ffece8 url('../../_img/error_icon.png') 3px 4px no-repeat;
    }

    .top_errmsg.warning {
        border: 1px solid #e3c81f;
        background: #fff9d7 url('../../_img/warning_icon.png') 3px 4px no-repeat;
    }

    .top_errmsg.info {
        border: 1px solid #9fc6ed;
        background: #e5eff9 url('../../_img/info_icon.png') 3px 4px no-repeat;
    }

    .top_errmsg.ok {
        border: 1px solid #98cd99;
        background: #dff9de url('../../_img/ok_icon.png') 3px 4px no-repeat;
    }

    .top_errmsg p {
        margin-bottom: 5px;
    }

.container {
    border: 1px solid #a3a3a3;
    border-bottom: none;
    margin: 0px 20px 0px 20px;
    padding: 5px 5px 0 5px;
    position: relative;
}

.container_top {
    background: #fff url('../../_img/Frame-Top.png') 0 0 no-repeat;
    background-position: -20px 0px;
    position: absolute;
    height: 12px;
    top: -12px;
    left: 20px;
    width: 38px;
    border: 0px solid #f00;
}

    .container_top.left {
        left: 20px;
    }

    .container_top.center {
        left: 445px;
    }

    .container_top.right {
        right: 20px;
    }

.container .hd {
    padding-top: 10px;
    min-height: 70px;
    background: #dfdfdf;
    background-color: #dadada;
    background-image: -moz-linear-gradient(top, #dadada, #f2f2f2);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #dadada),color-stop(1, #f2f2f2));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#dadada', EndColorStr='#f2f2f2');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#dadada', EndColorStr='#f2f2f2')";
}

    .container .hd p {
        line-height: 20px;
        margin: 0 0 12px 15px;
    }

    .container .hd label {
        vertical-align: -2px;
    }

.container .h4 {
    background: #555;
    padding-left: 20px;
    margin: 0 0 0px 0;
    line-height: 25px;
    color: #fff;
    clear: both;
}

.container .gradient {
    background: url('../../_img/container_gradient.png') 0 0 repeat-x;
}

.container .bd.state {
    background: url('../../_img/State.png') 53% 65px no-repeat;
    height: 235px;
}

.container .bd.exclamation {
    background: url('../../_img/exclamation.png') 51% 65px no-repeat;
}

    .container .bd.exclamation .text {
        padding-top: 20px;
        font-size: 14px;
    }

.container .regtable {
    margin: 0;
    padding-top: 15px;
}

    .container .regtable .first_line {
        background: #dfdfdf;
    }

    .container .regtable dt {
        float: left;
        width: 415px;
        text-align: left;
        margin: 0 -1px -1px 15px;
        line-height: 30px;
        border: 1px solid #a3a3a3;
        padding-left: 15px;
    }

    .container .regtable dd {
        margin: 0 15px -1px 446px;
        padding-left: 15px;
        line-height: 30px;
        height: 30px;
        text-align: left;
        border: 1px solid #a3a3a3;
    }

.container .reginfo {
    margin: 0;
    padding-top: 15px;
    width: 100%;
}

    .container .reginfo th {
        width: 445px;
        text-align: right;
        padding-right: 12px;
        line-height: 20px;
    }

    .container .reginfo td {
        line-height: 20px;
        text-align: left;
    }

    .container .reginfo.fix1229 th {
        width: 0px;
    }

    .container .reginfo.fix1229 td {
        font-size: 14px;
        text-align: center;
    }

.container.noborder {
    border: none;
}



.regform {
    margin-bottom: 0px;
    padding-top: 20px;
    margin-left: 10px;
    min-height: 30px;
}

.hd .regform {
    margin-top: 0px;
}

.regform tr {
    height: 50px;
}

.regform th {
    width: 220px;
    text-align: right;
    padding-right: 6px;
    line-height: 24px;
    vertical-align: top;
}

.regform .required {
    color: #f00;
}

.regform input {
    height: 24px;
    border: 1px solid #a3a3a3;
    color: #000;
    padding-left: 5px;
    line-height: 24px;
}

    .regform input[type='text'],
    .regform input[type="password"] {
        width: 382px;
    }

        .regform input[type='text'].phoneAreaCode {
            width: 92px;
        }

        .regform input[type='text'].phoneNumber {
            width: 162px;
        }

        .regform input[type='text'].extension {
            margin-right: 0;
            width: 100px;
        }

.regform .tip,
span.watermark {
    font-size: 11px;
    color: #999;
    margin-bottom: 3px;
    float: left;
}

div.post-code, div.city, div.ContactPersonFirstName, div.ContactPersonLastName, div.PhoneAreaCode, div.PhoneNumber, div.PhoneExtension {
    border: solid 0px green;
    float: left;
    display: inline-block;
    margin: 0px;
    padding: 0px;
    height: 60px;
}

div.post-code, div.ContactPersonFirstName, div.PhoneAreaCode, div.PhoneNumber {
    margin-right: 14px;
}

div.post-code, div.ContactPersonFirstName {
    width: 178px;
}

div.city, div.ContactPersonLastName {
    width: 190px;
}

div.PhoneAreaCode {
    width: 92px;
}

div.PhoneNumber {
    width: 162px;
}

div.PhoneExtension {
    width: 90px;
}

.regform #first_name, .regform #postcode {
    width: 178px;
}

.regform #last_name, .regform #CompanyInfo_City {
    width: 190px;
    margin-right: 0;
}


.regform #postcode_2,
.regform #postcode_3 {
    width: 86px;
}

.regform .multiple {
    margin-right: 2px;
}

.regform .noborder {
    border: none;
}

.regform .select {
    line-height: 24px;
    height: 24px;
    border: 1px solid #a3a3a3;
    color: #000;
    width: 390px;
}

    .regform .select .option {
        line-height: 24px;
        height: 24px;
        border: 0px solid #a3a3a3;
        color: #636363;
    }

.regform .fix_table_top {
    height: 20px;
}

.regform .errormsg {
    color: #f00;
    border: 0px solid #aaa;
    padding: 1px 0px 4px 5px;
    margin-bottom: 4px;
    width: 220px;
    vertical-align: top;
    font-size: 11px;
    line-height: 1.3em;
}

.regform .errormsg_multiline {
    /*the css style only for multipline error msg*/
    color: #f00;
    border: 0px solid #f00;
    padding-left: 5px;
    width: 270px;
    vertical-align: top;
    font-size: 11px;
}

.regform .detail {
    min-height: 60px;
    border: 1px solid #a3a3a3;
    padding: 5px;
    background: #fff;
}

.regform .email_tip {
    margin-top: 25px;
    padding: 3px 0;
    border-top: 1px dotted #808080;
    font-size: 11px;
}

.regform .errorrow input[type='text'],
.regform .errorrow input[type='password'] {
    border: 1px solid #f00;
}

.regform .errorinput {
    border: 1px solid #f00;
}

.regform_ft.noborder {
    border: none;
    margin-top: 0;
}

.submit_button {
    border-top: 1px dotted #555;
    margin: 0px 10px;
    padding: 15px 0 0 5px;
    height: 45px;
}

    .submit_button .btn {
        margin-right: 17px;
        cursor: default;
    }

.logon {
    min-height: 300px;
}

    .logon .hd {
        margin: 35px 0 35px 0;
        padding-left: 30px;
    }

    .logon .h2 {
        font-weight: normal;
    }

        .logon .h2 span {
            font-size: 12px;
        }

    .logon .regform {
        margin-top: 10px;
    }

        .logon .regform th,
        .logon .regform td {
            text-align: left;
            width: 300px;
            padding: 0;
            padding-right: 10px;
            vertical-align: top;
        }

        .logon .regform td {
            margin-left: 322px;
            width: auto;
        }

        .logon .regform p {
            line-height: 22px;
            height: 22px;
        }

        .logon .regform #logon_acconut,
        .logon .regform #logon_password {
            width: 300px;
        }

    .logon .side {
        width: 325px;
        float: left;
    }

    .logon .content {
        margin-left: 345px;
    }

    .logon .bd {
        padding: 20px 30px 20px 30px;
        border-top: 1px solid #ccc;
    }

        .logon .bd .h4 {
            min-height: 30px;
            line-height: 30px;
            background: url('../../_img/logon_header-body-bk.gif') 0 0 repeat-x;
            position: relative;
            padding-left: 20px;
            color: #666;
            margin-bottom: 15px;
        }

            .logon .bd .h4 .left {
                background: #fff url('../../_img/logon_header-left-bk.gif') left 0 no-repeat;
                width: 7px;
                height: 30px;
                display: block;
                position: absolute;
                top: 1px;
                left: 0;
            }

            .logon .bd .h4 .right {
                background: #fff url('../../_img/logon_header-right-bk.gif') right 0 no-repeat;
                width: 7px;
                height: 30px;
                position: absolute;
                top: 0;
                right: 0;
            }

        .logon .bd .resources td {
            width: 50%;
            padding-right: 10px;
        }

        .logon .bd .resources img {
            margin: 0 10px;
            float: left;
        }

        .logon .bd .resources .desc {
            min-height: 55px;
        }

    .logon .product_logo {
        background: url('../../_img/product_banner.gif') 0 0 no-repeat;
        width: 500px;
    }

    .logon .error_desc {
        margin-top: 10px;
    }

.submit_button .btn_big {
    margin-top: -5px;
}

.submit_button .backDashboard {
    float: none;
}

/*for refactor*/
.logon.forget_form,
.logon.reset {
    margin: 0;
    padding: 35px 30px 35px 30px;
}

.reset.regform table tr {
    height: 40px;
}

    .reset.regform table tr.have-tip {
        height: 50px;
    }

.reset.regform .tip {
    margin-top: -3px;
    display: block;
}

#button_set {
    margin: 20px 0 10px 0;
}

.input_caption {
    display: block;
    margin: 0 0 5px;
}

.regform table tr td {
    vertical-align: top;
}

.description {
    padding: 10px 0 30px;
}

.description-captcha {
    padding: 15px 0 6px 0;
}

.refresh {
    display: block;
    margin: 1px 0 0;
}

.captcha {
    margin: 0 0 30px;
}

#captcha_content {
    margin: 0 10px 0 0;
    border: 1px solid #ccc;
}

.forget_form #user_name {
    width: 475px;
    margin: 0 5px 0 0;
}

.forget_form #captcha {
    width: 242px;
    margin: 0 5px 0 0;
}

#sent_emailaddress {
    margin: 0 0 20px;
}

#loading_icon {
    background: url('../../_img/loading_24.gif') 0 0 no-repeat;
    display: inline-block;
    height: 24px;
    width: 24px;
}

.loading_icon {
    /*background: url('../_img/loading_24.gif') 0 0 no-repeat; */
    display: inline-block;
    height: 24px;
    width: 24px;
}

.Captch {
    height: 44px;
    width: 114px;
    padding-right: 14px;
}

.inputmask {
    z-index: 9999;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: transparent;
}

#serial2 {
    font-size: 15px;
    font-weight: bolder;
}

.red {
    color: #FF0000 !important;
}

.title_align {
    vertical-align: middle;
    padding-right: 10px;
}

.bold {
    font-weight: bold !important;
    font-size: 15px !important;
}

.header-logon {
    background: url("../../_img/bg_logon.png") repeat-x scroll 0 0 transparent;
    height: 30px;
    line-height: 28px;
    padding-right: 25px;
    text-align: right;
}



/*setpassword-FTE*/
.regform .sep {
    border-top: dotted 1px #555;
    padding-top: 8px;
}

.regform TR {
    height: 40px;
    padding-bottom: 6px;
}

.regform TH {
    vertical-align: top;
    line-height: 1.22em;
}

.panel {
    padding: 0px;
    display: inline-block;
    margin: 0px;
    width: 178px;
    float: left;
}

.panel_last_name {
    padding: 0px;
    display: inline-block;
    float: right;
}

.panel input {
    width: 100%;
}

.panel_last_name {
    margin: 0px;
    width: 170px;
}

    .panel_last_name input#last_name {
        margin: 0px;
        width: 162px;
    }

    .panel_last_name .tip {
        margin: 0px;
        width: 100%;
    }

.regform_ft {
    margin: 16px 10px 0px;
    padding: 18px;
    background-color: #eee;
    line-height: 1.3em;
    border-top: 1px dotted #555;
    vertical-align: middle;
}

    .regform_ft input {
        margin: 0px;
        padding: 0px;
        float: left;
        vertical-align: top;
        line-height: 1.3em;
    }

.regform input#Key {
    width: 300px;
}

/*forget password*/
.forget_form #account_name {
    width: 370px;
}

#NameOrEmail_select {
    width: 319px;
}

.regform TH.AC_RK_label {
    width: auto;
    padding: 6px 5px 0px;
}

.agree-eula {
    width: 820px;
    padding: 0px;
    margin: 0px;
    padding-left: 4px;
    line-height: 1.3em;
    display: inline-block;
    padding-top: 3px;
}



/*From L10N*/
.regform .tip {
    font-size: 11px;
}

/* Color-Box */
.color-box {
    padding: 6px 0 6px 42px;  
    margin-bottom: 10px;
    margin-top: 20px;
    /*position: relative;*/
    min-height: 50px;
	line-height: 1.5em;
}
.color-box .bg_icon {
    background: url('../../_img/icon_status_big_32x32.png') no-repeat;
    display: block;
    margin: -2px 0 0 -36px;
    width: 32px;
    height: 32px;
    float: left;
}
.color-box.error {
    border: 1px solid #f99;
    background: #ffece8;
}
.color-box.error .bg_icon {
    background-position: 0 0;
}
.color-box.warning {
    border: 1px solid #e3c81f;
    background: #fff9d7;
}
.color-box.warning .bg_icon {
    background-position: 0 -62px;
}
.color-box.info {
    border: 1px solid #9fc6ed;
    background: #e5eff9;
}
.color-box.info .bg_icon {
    background-position: 0 -128px;
}
.color-box.ok {
    border: 1px solid #98cd99;
    background: #dff9de;
    /*font-weight: bold;*/
}
.color-box.ok .bg_icon {
    background-position: 0 -192px;
}
.color-box.ok .text {
    padding-top: 6px;
}
.color-box.ok .text:last-child {
	margin-bottom: 6px;
}
.color-box.small-icon {
    padding: 8px 0 0 33px;
    min-height: 25px;
}
.color-box.small-icon .bg_icon {
    width: 23px;
    height: 23px;
    margin: -4px 0 0 -28px;
}
.color-box.small-icon.warning .bg_icon {
    background: url('../../_img/warning_icon.png') 0 0 no-repeat;
}
.color-box.small-icon.ok .bg_icon {
    background: url('../../_img/ok_icon.png') 0 0 no-repeat;
}
.color-box.small-icon.error .bg_icon {
    background: url('../../_img/error_icon.png') 0 0 no-repeat;
}
.color-box.small-icon.info .bg_icon {
    background: url('../../_img/info_icon.png') 0 0 no-repeat;
}
.color-box.small-icon.ok .text {
    padding-top: 0px;
}
.color-box .note {
    color: #f00;
}
.color-box .close {
    background: #f9f9f9 url('../../_img/icon_mssg_close.png') 50% 50% no-repeat;
    position: relative;
    float: right;
    right: 5px;
    top: -2px;
    width: 12px;
    height: 12px;
    cursor: pointer;
    display: block;
}
.color-box .text {
    border: 0px solid #f00;
    text-align:left;
    /*margin-right: 30%;*/
}
.color-box .button {
    margin: 8px 6% 0 0;
}
