﻿body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    font-family: Verdana;
    font-size: 10pt;
    background: url('../image/big_bg.png') repeat-x;
    height: 446px;
    color:black;
}
img {
    border:none;
}
p, ul, li {
    list-style: none;
    padding: 0;
    margin: 0;
}
a {
    color:#0087A9;
    font-style:italic;
    text-decoration:underline;
} 
input[type="text"],input[type="password"],textarea
{
    border:1px solid #999; 
}
input.err{
    background-color:#ff0000;
}
.Caption{
    font-weight:bold;
}
.redText {
    color:red;
}
.divFields {
    border: 1px solid #666;
}
.tbFields {
    width:100%;
    border: 0px solid #aaa;
    border-collapse: collapse;
    background-color:#FFFFFF; 
}
.tbFields td
{ 
    padding:6px 4px;
}
.float_L {
    float:left;
}
.float_R {
    float:right;
}
.L_mag {
    margin-left: 30px;
}

.L_mag2 {
    margin-left: 10px;
}

.R_mag {
    margin-right: 108px;
    *margin-right: 105px;
    margin-right: 105px\9;
}

.clear {
    clear: both;
}

.t_pad {
    padding-top: 20px;
    margin: 0 20px;
}

.t_pad2 {
    padding-top: 50px;
}

.t_mag {
    margin-top: 20px;
    margin: 0 20px;
}
input[type="button"] {
    cursor:pointer;
}
input[readonly] {
    background-color:#F0F0F0;
}


/*................................................header....................................................*/
.header {
    background-color: #13171a;
    height: 32px;
    width: 100%;
    z-index: 111;
    position: relative;
    line-height: 30px;
    min-width: 960px;
}



/*................................................content.................................................*/
.content {
    height: 100%;
    margin: 0 auto;
    background-color: white;
    /*min-height: 620px;*/
    width: 960px;
    padding-top: 20px;
    padding-left:0;
    padding-right:0;
    padding-bottom:32px;
    box-shadow: 0 0 20px #b4b4b4;
    -moz-box-shadow: 0 0 20px #b4b4b4;
    -ms-box-shadow: 0 0 20px #b4b4b4;
    -o-box-shadow: 0 0 20px #b4b4b4;
    -webkit-box-shadow: 0 0 20px #b4b4b4;
}

.bg {
    background: url('../image/bg.png') no-repeat;
    height: 620px;
    position: relative;
    bottom: 0;
}

.logo {
    background: url('../image/D-Link-logo.png') no-repeat;
    height: 37px;
    width: 125px;
    display: block;
    float: left;
}

.ming {
    float: right;
    font-size: 2em;
    color: #0087a9;
    font-weight:bold;
    text-align:center;
}

.wel_p {
    margin: 10px 40px;
}

.wel_p2 {
    margin: 60px 40px 10px 40px;
    clear: both;
}

.fosy {
    font-style: italic;
    font-size: 11pt;
}

.p_wrap {
    word-wrap: break-word;
    overflow: hidden;
}

.p_wrap p {
    padding: 5px 0;
}

/*.................................table..........................................*/
.tb {
    border-collapse: collapse; 
    margin: 0 auto;
    margin-top: 10px;
}

.f_c {
    color: #0087a9;
    font-size: 11pt; 
}

.tb tr {
    line-height: 36px;
}

.tb td.tt input {
    border: none;
    width: 160px;
    padding: 6px 0 6px 2px;
    box-shadow: 0 1px 3px #44464d;
    -moz-box-shadow: 0 1px 3px #44464d;
    -ms-box-shadow: 0 1px 3px #44464d;
    -o-box-shadow: 0 1px 3px #44464d;
    -webkit-box-shadow: 0 1px 3px #44464d;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.tb td.tt input:hover, 
.tb td.tt input:focus {
    background: #eaf1f3;
}
.menu {
    width: 960px;
    margin: 0 auto; 
    position:relative;
    border-collapse: collapse;
}

.menu td { 
    color: white;
    padding: 0px;
}

.menu td a {
    color: white;
    text-decoration: none;
}

.menu td a:hover {
    color: #0087a9;
} 
span.Test { 
    font-weight:bold;
    color:red;
}

/*....................buttom.......................*/
.bottom {
    background: #0087a9;
    padding: 8px 0;
    margin-top: 10px;
    color: white;
    width: 160px;
    border: none;
    font-family: Verdana;
    font-size: 11pt;
    box-shadow: 0 1px 3px #44464d;
    -moz-box-shadow: 0 1px 3px #44464d;
    -ms-box-shadow: 0 1px 3px #44464d;
    -o-box-shadow: 0 1px 3px #44464d;
    -webkit-box-shadow: 0 1px 3px #44464d;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.button {
    background: #0087a9;
    padding: 8px;
    margin-top: 10px;
    color: white; 
    border: none;
    font-family: Verdana;
    font-size: 11pt;
    box-shadow: 0 1px 3px #44464d;
    -moz-box-shadow: 0 1px 3px #44464d;
    -ms-box-shadow: 0 1px 3px #44464d;
    -o-box-shadow: 0 1px 3px #44464d;
    -webkit-box-shadow: 0 1px 3px #44464d;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
}


.buut{
    border-style: none;
    border-color: inherit;
    border-width: medium;
    background-position: 0% 0%;
    font-family: Verdana;
    font-size: 11pt;
    color: white;
    padding: 6px 10px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 0 2px 2px #06495c;
    -moz-box-shadow: 0 2px 2px #06495c;
    -o-box-shadow: 0 2px 2px #06495c;
    -ms-box-shadow: 0 2px 2px #06495c;
    -webkit-box-shadow: 0 2px 2px #06495c;
    background-color: #38acb9;
    background-image: -o-linear-gradient(#38acb9,#056c7d );
    }
 

.spbut {
    display: block;
    float: right;
    position: relative;
    top: -50px;
    right: 40px;
}

/*..................................................footer..................................................*/
.footer {
    position:fixed;
    bottom:0;
    background-color: black;
    height: 32px;
    width: 100%;
    line-height: 32px;
}

.P_color {
    color: #9e9e9e;
    float: left;
    margin-left: 23%;
}

.footer a {
    color: #9e9e9e;
    text-decoration: none;
}

.footer a:hover {
    color: #0087a9;
}
/*..................................................DataTable..................................................*/
.tbDataTable {
    width:100%;
    border: 1px solid #7E99B3;
    border-collapse: collapse;
    background-color:#efeff7;
}
.tbDataTable th
{
    background-color:#cee3f7;
    border-bottom: 1px solid #808080;
    padding:4px;
}
.tbDataTable td
{
    border-bottom: 1px solid #808080;
    padding:4px;
    background-color:#FFFFFF;
}
.pager {
    font-size:0.8em;
    padding:10px;
} 
a.current {
    color:red;
    font-weight:bold;
}
a.disabled {
    color:gray;
    text-decoration:none;
}
input[type="button"][disabled] { 
    background-color:#999; 
}