* { margin:0; padding:0; }
input, select, textarea { color:#000080; z-index:3; }

div.border { border:1px solid #0080c0; }
div.docker { vertical-align:middle; display:table; }

.dlgClose:hover { background-color:#d8d8a0; }
.dlgTheme { float:left; margin-left:6px; font-size:14px; font-weight:bold; color:#ffffff; }
.dlgTitle { position:absolute; top:0px; width:100%; height:22px; background-color:#606060; }
.dlgClose { width:28px; height:17px; border:solid 1px #808080; font-family:Arial; font-size:11px; background-color:#808080; }
.dlgFrame { position:fixed; display:none; top:0px; left:0px; right:0px; bottom:0px; width:300px; height:200px; padding-top:22px; margin:auto; border:solid 1px #808080; z-index:1000; }

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance:none; margin:0; }

.layout, .tainer { border-collapse:collapse; border:none; z-index:0; }
.grider { border-collapse:collapse; border:none; background-color:#ffffff; z-index:0; }

.hidden { display:none; }
.mediate { vertical-align:middle; }

td.border { border:1px solid; z-index:1; }
td.celler { border:1px solid #b0b0b0; z-index:1; }
th.header { border:1px solid #b0b0b0; background-color:#c0c0c0; z-index:1; }
td.linker { color:#0000ff; border:1px solid #b0b0b0; text-decoration:underline; cursor:pointer; z-index:1; }

.layout>tbody>tr>td { border:none; padding:1px; padding-right:2px; z-index:1; }
.layout>tbody>tr>td.border { border:1px solid; padding-right:4px; }

.grider tr:nth-child(odd) { background-color:#fbfbfb; }
.grider tr:nth-child(even) { background-color:#ffffff; }

.grider tr.redRender { background-color:#ff8080; }
.grider tr.blueRender { background-color:#8080ff; }
.grider tr.greenRender { background-color:#80ff80; }

.icon10 { width:16px; height:16px; background-repeat:no-repeat; background-image:url("Resource/SmallIcon.png"); display:inline-block; vertical-align:middle; }

.icon11 { width:16px; height:20px; margin-bottom:4px; background-repeat:no-repeat; background-image:url("Resource/SmallIcon.png"); display:block; margin:auto; }
.icon21 { width:32px; height:40px; margin-bottom:8px; background-repeat:no-repeat; background-image:url("Resource/LargeIcon.png"); display:block; margin:auto; }
.icon31 { width:64px; height:80px; margin-bottom:16px; background-repeat:no-repeat; background-image:url("Resource/GreatIcon.png"); display:block; margin:auto; }

.icon12 { width:16px; height:16px; margin-right:4px; background-repeat:no-repeat; background-image:url("Resource/SmallIcon.png"); display:inline-block; vertical-align:middle; }
.icon22 { width:32px; height:32px; margin-right:8px; background-repeat:no-repeat; background-image:url("Resource/LargeIcon.png"); display:inline-block; vertical-align:middle; }
.icon32 { width:64px; height:64px; margin-right:16px; background-repeat:no-repeat; background-image:url("Resource/GreatIcon.png"); display:inline-block; vertical-align:middle; }

.nodeText { font-size:12px; border:none; background-color:transparent; color:#000000; margin-left:3px; text-decoration:none; }
.nodeFire { font-size:12px; border:1px solid #000000; background-color:#3399FF; color:#FFFFFF; margin-left:3px; text-decoration:none; }

.nodeText:hover { color:#3366cc; text-decoration:underline; }
.nodeFire:hover { color:#FFFFFF; text-decoration:underline; }

.tabPage { display:none; border:1px solid #0080c0; border-top:none; }
.tabMenu { display:block; list-style:none; height:25px; margin:0px; padding:0px; border-bottom:1px solid #0080c0; }
.tabMenu a { display:block; padding:0 12px; line-height:24px; text-decoration:none; color:#000000; vertical-align:middle; }
.tabMenu li { float:left; margin-right:5px; border:1px solid #0080c0; background-color:#c0e0e0; }
.tabMenu li.active { float:left; margin-right:5px; border:1px solid #0080c0; border-bottom:1px solid #ffffff; background-color:#e0f8f8; }