/******************************
 *  General
 ******************************/
body {
    margin: 0px;
    padding: 0px;
    font-size: 90%;
    line-height: 150%;
    /*background-image: url('/static/imgs/body_back.png');*/
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

.textCenter {
    text-align: center;
}

.red {
    color: #cc0000;
}

.big {
    font-size: 110%;
}

em, strong {
    text-decoration: none;
    font-style: normal;
}

img {
    border: 0px solid #ffffff;
}



/******************************
 *  Header
 ******************************/
div#header {
    width: 990px;
    margin: 0px auto 0px auto;
    padding: 0px 0px 30px 0px;
    border-bottom: 1px solid #909090;
    overflow: hidden;
}

div#header div#logo {
    float: left;
    width: 250px;
    padding-top: 35px;
}

div#header ul#header_navigation {
    float: right;
    margin: 0px 5px 0px 0px;
    padding: 3px 10px 3px 10px;
    list-style-type: none;
    background-color: #000090;
    width: 12em;

    border-radius: 0px 0px 5px 5px;
    box-shadow: 1px 1px 3px 1px #7f7f7f;
    behavior: url('http://www.myt-system.com/static/ie/PIE.htc');
}

div#header ul#header_navigation li {
    float: right;
    display: block;
    margin: 0px;
    padding: 0px;
    text-align: center;
    width: 6em;
}

div#header ul#header_navigation li a,
div#header ul#header_navigation li a:visited {
    color: #ffffff;
    font-size: 80%;
}

/******************************
 *  Body
 ******************************/
div#container {
    position: relative;
    z-index: 0;
    width: 990px;
    margin: 50px auto 40px auto;
    padding: 0px px 0px px;
    overflow: hidden;
}


div#content {
    float: right;
    width: 780px;
    margin: 0px 10px 10px 0px;
}

div#top_image {
    background: url(http://www.myt-system.com/static/imgs/pics/top_image.jpg);
    height: 300px;
    margin: 0px 0px 50px 0px;
    width: 775px;

    border-radius: 7px;
    box-shadow: 3px 3px 5px 0px #7f7f7f;
    behavior: url('http://www.myt-system.com/static/ie/PIE.htc');
}

div#content div.news {
    float: left;
    width: 380px;
    margin: 0px 0px 0px 5px;
}

div#content div.news div.title {
    color: #ea9b00;
    font-weight: bold;
    padding: 0px 0px 0px 0px;
    border-bottom: 3px solid #101050;
}

div#content div.news ul.list {
    margin: 3px 0px 0px 0px;
    padding: 0px;
}

div#content div.news ul.list li {
    list-style-type: none;
    margin: 0px 0px 6px 0px;
    padding: 0px 0px 6px 5px;
    border-bottom: 1px dotted #909090;
}

div#content div.news ul.list li div.date {
    font-size: 90%;
    color: #303030;
}

div#content div.news ul.list li div.description {
    padding: 0px 0px 0px 5px;
    font-size: 90%;
}

div#content div.AD {
    float: right;
    width: 380px;
    margin: 0px 5px 0px 0px;
    padding: 0px;
    text-align: center;
}

div#content div.AD.img {
    background: url(http://www.myt-system.com/static/imgs/pics/onepoint.jpg) no-repeat;
    height: 300px;
    width: 380px;

    border-radius: 7px;
    box-shadow: 3px 3px 5px 0px #7f7f7f;
    behavior: url('http://www.myt-system.com/static/ie/PIE.htc');
}

div#content div.breadcrumbs_list{
    padding: 3px 0px 3px 8px;
    border: 1px solid #dfdfdf;
    background-color: #fafafa;
    border-radius: 5px;
    behavior: url('http://www.myt-system.com/static/ie/PIE.htc');
}

div#content ul.subpage_list {
    margin: 0px 0px 30px 0px;
    padding: 0px;
    overflow: hidden;
}

div#content ul.subpage_list li {
    margin: 0px 7px 0px 7px;
    padding: 5px 7px 5px 7px;
    list-style-type: none;
    float: left;
    background-color: #fafafa;
    border: 1px solid #dfdfdf;
    border-radius: 4px;
    behavior: url('http://www.myt-system.com/static/ie/PIE.htc');
}

div#content h1 {
    margin: 20px 0px 30px 0px;
    padding: 10px 0px 5px 10px;
    font-size: 170%;
    line-height: 100%;
    font-weight: bold;
    border-bottom: 2px solid #bababa;
}

div#content table.corp_info {
    border-collapse: collapse;
    width: 80%;
    margin: 0px 0px 20px 20px;
}

div#content table.corp_info td {
    padding: 10px 5px 10px 10px;
    border: 1px solid #b0b0b0;
}

div#content table.corp_info td.name {
    width: 20%;
    background-color: #fafafa;
    text-align: center;
}

div#content div.personal {
    margin: 0px 0px 20px 10px;
}

div#content div.personal h2 {
    font-size: 100%;
    font-weight: bold;
    background-color: #fcfadf;
    padding: 3px 0px 3px 5px;
    border: 1px solid #909090;
}

div#content div.personal div.content {
    margin: 0px 0px 30px 15px;
}

div#content form#contact {
    width: 90%;
    padding: 0px 10px 0px 10px;
    margin: 0px auto 30px auto;
}

div#content form.std_form .common,
div#content form.pro_form .common,
div#content form.pro_form .pro {
    display: '';
}

div#content form.std_form .pro {
    display: none;
}

form#contact p.err_msg,
form#rfi p.err_msg {
    padding: 10px;
    border: 3px double #c03030;
    background-color: #fff5f5;
}

form#contact p.message,
form#rfi p.message {
    padding: 10px;
    border: 3px double #909090;
    background-color: #fafafa;
}

form#contact span.comment,
form#rfi span.comment {
    color: #2a2a2a;
}

form#contact input,
form#contact select,
form#rfi input,
form#rfi select {
    font-size: 110%;
}

form#contact table {
    border-collapse: collapse;
}

form#contact table td {
    padding: 20px 0px 20px 20px;
    border-top: 1px dashed #bfbfbf;
    border-bottom: 1px dashed #bfbfbf;
}

form#contact table td.name {
    width: 25%;
    padding: 0px;
    text-align: center;
}

form#contact table td.err input,
form#contact table td.err select,
form#rfi fieldset table td.err input,
form#rfi fieldset table td.err select {
    /*background-color: #ffcccc;*/
    border: 3px solid #c03030;
}

form#contact table td input.text {
    width: 90%;
}

form#contact table td textarea {
    width: 90%;
    height: 400px;
}

form#contact div.submit {
    margin-top: 30px;
}

form#contact div.submit input {
    font-size: 110%;
}

form#rfi fieldset {
    margin: 0px 0px 30px 0px;
    padding: 10px 20px 10px 20px;
}

form#rfi fieldset ul {
    margin: 0px;
    padding: 0px;
}

form#rfi fieldset ul li {
    list-style-type: none;
    margin: 7px 0px 7px 0px;
}

form#rfi fieldset table {
    width: 100%;
    border-collapse: collapse;
    border-bottom: 1px solid #ffffff;
}

form#rfi fieldset table tr td {
    padding: 20px 0px 20px 0px;
    border-bottom: 1px dotted #909090;
}

form#rfi fieldset table tr td.name {
    width: 30%;
    text-align: center;
}

form#rfi fieldset table tr td input.text {
    width: 90%;
}

form#rfi fieldset table tr td select {
    width: 30%;
}

form#rfi fieldset table tr td textarea {
    width: 90%;
    height: 150px;
}

div#content div.product_description {
}

div#content div.product_description p {
    margin-left: 15px;
}

div#content div.product_description h2 {
    border-left: 6px solid #101050;
    font-size: 115%;
    text-indent: 10px;
}

div#content div.product_description h3 {
    background: transparent url('http://www.myt-system.com/static/imgs/one_point/h3.gif') no-repeat center left;
    border-bottom: 3px solid #e0e0e0;
    font-size: 105%;
    margin: 30px 0px 0px 0px;
    padding: 3px 0px 3px 0px;
    text-indent: 15px;
}

div#content div.product_description table.datasheet {
    border-collapse: collapse;
    margin: 20px auto 20px auto;
    width: 98%;
    font-size: 85%;
}

div#content div.product_description table.datasheet th ,
div#content div.product_description table.datasheet td {
    border: 1px solid #909090;
    padding: 6px;
    width: 27%;
}

div#content div.product_description table.datasheet th {
    background-color: #fafafa;
}

div#content div.product_description table.datasheet th.name ,
div#content div.product_description table.datasheet td.name {
    background-color: #fafafa;
    text-align: center;
    width: 19%;
}

div#content div.product_description table.datasheet ul {
    margin: 0px;
    padding: 0px;
}

div#content div.product_description table.datasheet ul li {
    list-style-type: none;
    margin: 10px 0px 10px 0px;
}

div#content div.product_description ul.pic_list_hr {
    margin: 40px 0px 40px 0px;
    overflow: hidden;
    padding: 0px;
}

div#content div.product_description ul.pic_list_hr li {
    float: left;
    list-style-type: none;
    text-align: center;
}

div#content .pic_frame {
    border: 1px solid #e0e0e0;
    box-shadow: 3px 3px 5px 0px #7f7f7f;
    behavior: url('http://www.myt-system.com/static/ie/PIE.htc');
}

div#content div.serverusers {
    padding-left: 10px;
}

div#content div.serverusers table.login {
    width: 300px;
    margin: 10px auto 10px auto;
}

div#content div.serverusers h2 {
    border-left: 5px solid #101050;
    font-size: 115%;
    text-indent: 15px;
}

div#content div.serverusers h3 {
    font-size: 105%;
    text-decoration: underline;
    text-indent: 10px;
}

div#content div.serverusers h4 {
    font-size: 100%;
    text-indent: 13px;
}

div#content div.serverusers p ,
div#content div.serverusers ul ,
div#content div.serverusers ol {
    margin-left: 15px;
}

div#content div.serverusers ul li ,
div#content div.serverusers ol li {
    margin-bottom: 5px;
}

div#content div.serverusers table.datasheet {
    margin-left: 15px;
    border-collapse: collapse;
}

div#content div.serverusers table.datasheet th {
    background-color: #fafafa;
    border: 1px solid #eaeaea;
    padding: 5px;
}

div#content div.serverusers table.datasheet td {
    border: 1px solid #eaeaea;
    padding: 5px;
}

div#content div.serverusers table.datasheet td.name {
    background-color: #fcfcfc;
    text-align: center;
    width: 100px;
}

/******************************
 *  Contents Navigation
 ******************************/
div#contents_navigation {
    float: left;
    width: 180px;
    margin: 0px;
    padding: 0px;
}

div#contents_navigation div.category {
    margin: 0px 0px 40px 0px;
    padding: 0px;
}

div#contents_navigation div.category div.title {
    padding: 5px;
    text-align: center;
    font-weight: bold;
    letter-spacing: 1px;
    border-bottom: 3px solid #101050;
    background-image: url('http://www.myt-system.com/static/imgs/navi/title_back.png');
    
    border-radius: 5px 5px 0px 0px;
    behavior: url('http://www.myt-system.com/static/ie/PIE.htc');
}

div#contents_navigation div.category ul.links {
    margin: 0px;
    padding: 0px;
}

div#contents_navigation div.category ul.links li {
    margin: 0px 0px -1px 0px;
    padding: 7px 0px 7px 0px;
    border-bottom: 1px dotted #909090;
    text-align: center;
    list-style-type: none;
}


/******************************
 *  Footer
 ******************************/
div#footer {
    margin: 0px auto 0px auto;
}

div#footer #copyright {
    width: 990px;
    margin: 10px auto 0px auto;
    padding: 5px 0px 5px 0px;
    font-size: 80%;
    text-align: center;
    border-top: 1px dashed #909090;
}