/*<editor-fold desc="indexes" defaultstate="collapsed">*/
#indexes{background-color: #222222;color: #dddddd;width: 116px;height: 480px;padding: 0;padding-right: 10px;display: inline-block;text-align: left;float: left;transition: 0.5s}
#indexes:hover{width: 256px;transition: 0.5s}
#indexes ul{list-style: none;margin:0 0 0 0;padding:10px 0 0 10px}
#indexes a{text-decoration: none;color: #808080}

#indexes div.chapt{position: relative;display:inline-block}
#indexes div.sect{display: none;background-color: transparent;color: #c0c0c0;padding:5px 5px}
#indexes div.sect>ul>li>a{color: #c0c0c0}
#indexes div.chapt:hover div.sect{display: inline}
#indexes div.sect>ul>li>a:hover,#indexes div.sect>ul>li>ul>li>a:hover{color: #008c8c}
#indexes div.sect>ul>li>ul>li>a{color: #f0f0f0}
#indexes a.active{font-weight:700;color:#fff}
/*</editor-fold >*/
div.house{width: auto;background-color: transparent;display: inline-block;border: 2px dashed #406060;max-height: 512px;margin: 2em auto;min-width:1096px}

#study,#chpt1,#chpt2,#chpt3,#chpt4,#chpt5,#chpt6,#chpt7,#chpt8,#chpt9,#chpt10,#chpt11{text-align: center}
main.guide{text-align:center}

div.page div.scrollbox {max-width: 952px;min-width: 952px;max-height:  448px; overflow: auto;visibility: hidden;box-shadow: 17px 0px 17px 0 #80a0a0;padding: 0}
div.page div.main,div.page div.scrollbox:hover {visibility: visible;transition: 3s}

div.page{color: #000;width: auto;height: 448px;overflow-y: auto;padding: 1em 0 1em 1em;background-color: #afafaf;display: inline-block;text-align: left;float: left;margin: 0}
div.page td.hallow{background-color:#c0c0c0;transition: 1s;color: #404040;border-bottom: 1px dotted #202020}
div.page td.hallow:hover{background-color: #acaeae;transition: 1s}
div.page td.lite{background-color: #494949;color: #c0c0c0;border-bottom:  1px solid #000000}
div.page td.c2r{border-bottom: 1px solid #606060;transition: 1s}
div.page td.c2r:hover{background-color: #999;transition: 1s;border-bottom:  1px dashed #fff}

div.page .space{background-color: #333333;width: 60px}
div.page .yangyin{background-color: #000000;color: #dddddd;border: 2px solid #000000}
div.page .dark{background-color: #101010; color: #c0c0c0;transition: 1s}
div.page .dark:hover{border-bottom: 1px dotted #204c4c;transition: 1s}
div.page h1{color: #4d4d4d;text-align: right;font-family: Old English Text MT}
div.page h2{background-color: #000000;color: #dddddd;padding-left: 1em}
div.page h3{border: 1px dashed #fff ;text-align: center}
div.page td{padding-left: 5px; padding-right: 5px}

#theory div.page{background-color: #303636}

/*----------------------------------------------------------------------------------------------------------------------CHARPTER ONE*/
#theory-ch01 div.page ul>li,#theory-ch02 div.page ul>li,#chpt10 div.page ul>li{color: #000}
 #theory-ch01 div.page ul>li>ul>li,#theory-ch02 div.page ul>li>ul>li,#chpt10 div.page ul>li>ul>li{background-color: #ccc;color: #333}
 #theory-ch01 div.page b,#theory-ch02 b{color: #ccc;font-weight: 700;background-color: #606060}
/*----------------------------------------------------------------------------------------------------------------------CHARPTER TWO*/
#chpt8 div.page thead, #theory-ch02 div.page thead{background-color: #222;color: #dddddd}
#theory-ch02 div.page Head{text-align: right;font-size: 18pt;padding-right: 1em}
#theory-ch02 div.page td.lite{background-color: #c0c0c0;color: #101010;border-bottom:1px solid #202020}
#theory-ch02 #CLI,#chpt10 div.plaintext ul>li{background-color: #999;color: #000;list-style: none;padding-left: 1em}
#theory-ch02 #CLI ul>li:hover {font-style: italic; color: #008c8c;background-color: #444} #theory-ch02 #CLI ul>li:hover div.cSheet{display: inline;font-style:normal}
#theory-ch02 #CLI div.cSheet{display: none;background-color: transparent;padding: 5px 5px}
#theory-ch02 #CLI table{padding-left: 1em;color: #aaaaaa}
#theory-ch02 #CLI div.lv2{padding-left: 3em;display: none}
#theory-ch02 #CLI thead{background-color: #404040;color: rgb(202,202,153)}
#theory-ch02 #CLI #inteface:hover #intefaceView{display:block}
#chpt10 div.plaintext dt, #theory-ch02 #CLI dt{background-color: #3a3a3a;color: #e0e0e0;cursor: pointer;text-align: left}
#chpt10 div.plaintext dd,#theory-ch02 #CLI dd{background-color: #444;color: #a0a0a0;text-align: right;padding-right: 1em}
#theory-ch02 #CLI dd.info{background-color: #444;color: #fff;text-align: left}
#theory-ch02 #CLI div.l2{display: none}
#theory-ch02 #CLI dd:hover div.l2{display: inline}
#theory-ch02 td.blur{width: 160px;background-color: #606060}
/*--------------------------------------------------------------------------------------------------------------------CHARPTER THREE*/
#theory-ch03 thead{background-color: #000000;color: #dddddd}
#theory-ch03 #encoding td{text-align: center;border: 1px dotted #000000}
/*Protocol Suites and Industry Standards*/
#theory-ch03 #industry{text-align: center}
#theory-ch03 #industry td{padding-left: 15px; padding-right: 15px}
#theory-ch03 #industry thead td{background-color: #333333;color: #c0c0c0;transition: 1s}
#theory-ch03 #industry thead td:hover{color: #ffffff;transition: 1s}
#theory-ch03 #industry td.APPLICATION{background-color: #a0a040;color: #e0e0e0;border-right: 1px dotted #dfdf7f;transition: 1s}
#theory-ch03 #industry td._APPLICATION{background-color: #a0a040;color: #e0e0e0;transition: 1s}
#theory-ch03 #industry td.APPLICATION:hover,#theory-ch03 #industry td._APPLICATION:hover{background-color: #909030;transition: 1s}
#theory-ch03 #industry td.TRANSPORT{background-color: #60a080;color: #e0e0e0;border-right: 1px dotted #9fdfbf;transition: 1s}
#theory-ch03 #industry td._TRANSPORT{background-color: #60a080;color: #e0e0e0;transition: 1s}
#theory-ch03 #industry td.TRANSPORT:hover,#theory-ch03 #industry td._TRANSPORT:hover{background-color: #509070;transition: 1s}
#theory-ch03 #industry td.INTERNET{background-color: #606080;color: #e0e0e0;border-right: 1px dotted #9f9fbf;transition: 1s}
#theory-ch03 #industry td._INTERNET{background-color: #606080;color: #e0e0e0;transition: 1s}
#theory-ch03 #industry td.INTERNET:hover,#theory-ch03 #industry td._INTERNET:hover{background-color: #505070;transition: 1s}
#theory-ch03 #industry td.NETWORK{background-color: #804060;color: #e0e0e0;border-right: 1px dotted #bf7f9f;transition: 1s}
#theory-ch03 #industry td._NETWORK{background-color: #804060;color: #e0e0e0;transition: 1s}
#theory-ch03 #industry td.NETWORK:hover,#theory-ch03 #industry td._NETWORK:hover{background-color: #703050;transition: 1s}
/*TCI/IP Protocol Suite*/
#theory-ch03 #TCP{text-align: right}
#theory-ch03 #TCP td{padding-left: 2px; padding-right: 2px;width: 23em;height: 1em;font-weight: 700}
#theory-ch03 #TCP tr.APPLICATION{background-color: #406080;color: #e0e0e0}
#theory-ch03 #TCP tr.TRANSPORT{background-color: #208040;color: #e0e0e0}
#theory-ch03 #TCP tr.INTERNET{background-color: #808070;color: #e0e0e0}
#theory-ch03 #TCP tr.NETWORK{background-color: #c08020;color: #e0e0e0}
#theory-ch03 #TCP td.Left{width: 11em}
#theory-ch03 #TCP table.inner{width: 60px;text-align: center;background-color: #505040;float: right;margin-left: 2px;margin-right: 2px}
#theory-ch03 #TCP #layer3 table.inner #ipS{font-size: 10pt}
#theory-ch03 #TCP #layer3 table.inner {width: 77px}
#theory-ch03 #TCP #layer1 table.inner {width: 80px}
#theory-ch03 div.scrollbox div.main #TCP #layer1 #arp{width: 50px;top: 10em; left: 22em;height: 25px;vertical-align: central}
#theory-ch03 #TCP table.inner td{height: 20px; background-color: #505040}
#theory-ch03 #TCP table.inner tbody>tr>td{background-color: #c0c0c0;color: #202020}
#theory-ch03 #TCP table.inner tbody>tr>td:hover{background-color: #eeeeee}
/*--------------------------------------------------------------------------------------------------------------------CHARTPER EIGHT*/
#theory-ch08 table.relation tbody td{border: 3px solid #ccc}
#theory-ch08 #addressClass strong.green{color: #0a0;font-weight: 100}
#theory-ch08 #addressClass strong.network{color: #4060D0;font-weight: 1002px}
#theory-ch08 #addressClass strong.host{color: #FF8D3C;font-weight: 100}
#theory-ch08 #addressClass tbody td{background-color: #ccc}
#theory-ch08 #noSystem{text-align: center;background-color: #ddd}
#theory-ch08 #noSystem td.topGlow{border-top: 3px solid #008c8c}
#theory-ch08 #noSystem td.leftGlow{border-left: 4px solid #008c8c}
#theory-ch08 #noSystem td.blGlow{border-left: 4px solid #008c8c;border-bottom: 4px solid #008c8c}
#theory-ch08 #noSystem td.innerBottom{border-left: 1px dashed #666;border-bottom: 4px solid #008c8c;color: #333}
#theory-ch08 #noSystem td.blGlow:hover{border-left: 4px solid #008c8c;border-bottom: 4px solid #008c8c;background-color: #FFF}
#theory-ch08 #noSystem td.innerBottom:hover{border-left: 1px dashed #666;border-bottom: 4px solid #008c8c;color: #333;background-color: #FFF}

#theory-ch08 #noSystem td.bottomGlow{background-color: #101010;color: #fff;border-bottom: 4px solid #008c8c}
#theory-ch08 #noSystem td.pageTheme{background-color: #afafaf}

#theory-ch08 #noSystem td.innerLeft{border-left: 1px dashed #666;border-bottom: 1px dashed #666;color: #333}
#theory-ch08 #noSystem td.innerEdge{border-left: 4px solid #008c8c;border-bottom: 1px dashed #666;color: #000}
#theory-ch08 #noSystem td.innerLeft:hover{border-left: 1px dashed #666;border-bottom: 1px dashed #666;color: #333;background-color: #FFF}
#theory-ch08 #noSystem td.innerEdge:hover{border-left: 4px solid #008c8c;border-bottom: 1px dashed #666;color: #000;background-color: #FFF}
#theory-ch08 #noSystem td.rightGlow{border-right: 3px solid #008c8c;background-color: #101010;color: #fff}
#theory-ch08 #noSystem td.tlGlow{border-top: 3px solid #008c8c;border-left: 3px solid #008c8c}
/*--------------------------------------------------------------------------------------------------------------------CHARPTER TEN*/
#theory-ch10 div.plaintext dd ul{text-align: left;padding-left: 0;margin-left: 0}
#theory-ch10 div.plaintext dd ul li ul li{list-style-type: circle;margin-left: 2em;}