/*------------------------------------------------------------------
    IMPORT FONTS
-------------------------------------------------------------------*/

/*@import url('https://fonts.googleapis.com/css?family=Quicksand:300,400,500,700');*/
@import url(https://www.ic-myhost.com/theme/202407-deepblue/css/font.css);

/*------------------------------------------------------------------
    IMPORT FILES
-------------------------------------------------------------------*/

@import url(https://www.ic-myhost.com/theme/202407-deepblue/css/animate.css);
@import url(https://www.ic-myhost.com/theme/202407-deepblue/css/animate.min.css);
@import url(https://www.ic-myhost.com/theme/202407-deepblue/css/bootstrap-touch-slider.css);
@import url(https://www.ic-myhost.com/theme/202407-deepblue/css/flaticon.css);
@import url(https://www.ic-myhost.com/theme/202407-deepblue/css/timeline.min.css);
@import url(https://www.ic-myhost.com/theme/202407-deepblue/css/prettyPhoto.css);
@import url(https://www.ic-myhost.com/theme/202407-deepblue/css/owl.carousel.css);
@import url(https://www.ic-myhost.com/theme/202407-deepblue/css/font-awesome.min.css);

/*------------------------------------------------------------------
    SKELETON
-------------------------------------------------------------------*/

body {
    color: #333333;
    font-size: 18px;
    font-family: 'Quicksand', 'Prompt', sans-serif;
    line-height: 1.80857;
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; BACKGROUND-COLOR: #ffffff;
} 

a {
    color: #1f1f1f;
    text-decoration: none !important;
    outline: none !important;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    letter-spacing: 0;
    font-weight: normal;
    position: relative;
    padding: 0 0 10px 0;
    font-weight: normal;
    line-height: 120% !important;
    color: #1f1f1f;
    margin: 0
}

h1 {
    font-size: 24px
}

h2 {
    font-size: 22px
}

h3 {
    font-size: 18px
}

h4 {
    font-size: 16px
}

h5 {
    font-size: 14px
}

h6 {
    font-size: 13px
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: #212121;
    text-decoration: none!important;
    opacity: 1
}
P {
	FONT-SIZE: 14px; COLOR: #002e5b; font-family: 'Quicksand', 'Prompt', sans-serif;
}
TD {
	FONT-SIZE: 14px; COLOR: #002e5b; font-family: 'Quicksand', 'Prompt', sans-serif;
}

a {
    color: #4888d4; /*#0056b3;*/ 
    text-decoration: none;
    outline: none;
}
A:hover {
	COLOR: #ff9900; TEXT-DECORATION: underline
}
.inputtextreq{
	FONT-SIZE: 14px;  font-family: 'Quicksand', 'Prompt', sans-serif;
}
.bgHead {
	BACKGROUND-COLOR: #ffffff
}
.bgMenuBack {
	BACKGROUND-IMAGE: url(../img/bg_bg_top.gif); BACKGROUND-REPEAT: repeat-x; BACKGROUND-COLOR: #f2f2f2
}
.bgCornerTop {
	 BACKGROUND-REPEAT: repeat-y; BACKGROUND-COLOR: #ffffff
}
.bgMenuCorner {
	BACKGROUND-IMAGE: url(../img/bg_corner_bot.gif); BACKGROUND-REPEAT: no-repeat
}
.bgFooter {
	 BACKGROUND-REPEAT: repeat-x; BACKGROUND-COLOR: #f2f2f2
}
.bgCopyright {
	FONT-SIZE: 14px; COLOR: #00478c; BACKGROUND-COLOR: #b5bfca
}
.panelTitle {
	PADDING-LEFT: 14px; FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #002e5b; font-family: 'Quicksand', 'Prompt', sans-serif;
}
TH {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #333333; BORDER-BOTTOM: #0a4e91 1px solid; font-family: 'Quicksand', 'Prompt', sans-serif; BACKGROUND-COLOR: #a4c3e3
} 
.printTitle,.printTitle td{ 
	FONT-WEIGHT: bold; FONT-SIZE: 16px; font-family: 'Quicksand', 'Prompt', sans-serif;
}
.printTopic,.printTopic td{ 
	FONT-WEIGHT: bold; FONT-SIZE: 14px; font-family: 'Quicksand', 'Prompt', sans-serif;
}
.basicTitle {
	FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: #002e5b; font-family: 'Quicksand', 'Prompt', sans-serif;
}
.hatyaiTitle{
	FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: #002e5b; BORDER-BOTTOM: #0a4e91 1px solid; font-family: 'Quicksand', 'Prompt', sans-serif; BACKGROUND-COLOR: #fdd466;  
} 
.basicTitle {
	FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: #002e5b; font-family: 'Quicksand', 'Prompt', sans-serif;
}
.smallTitle {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #002e5b; font-family: 'Quicksand', 'Prompt', sans-serif;
}
.medium {
	FONT-SIZE: 12px; COLOR: #002e5b; font-family: 'Quicksand', 'Prompt', sans-serif;
}
.small {
	FONT-SIZE: 11px; /* COLOR: #002e5b;*/ font-family: 'Quicksand', 'Prompt', sans-serif;
} 
.smallred {
	FONT-SIZE: 10px; COLOR: #ff0000; font-family: 'Quicksand', 'Prompt', sans-serif;
}   
.greysmall {
	FONT-SIZE: 11px; COLOR: #cccccc; font-family: 'Quicksand', 'Prompt', sans-serif;
}  
.smallwhite {
	FONT-SIZE: 10px; COLOR: #FFFFFF; font-family: 'Quicksand', 'Prompt', sans-serif;
	padding-top:0px; padding-bottom:0px; margin-bottom:0px; margin-top:0px;
} 
a.smallwhite:link      {TEXT-DECORATION: none	 ;  color: #ffffff}
a.smallwhite:visited   { TEXT-DECORATION: none	 ;  color: #ffffff}
a.smallwhite:active { TEXT-DECORATION: none	 ;  color: #ffffff}
a.smallwhite:hover     {TEXT-DECORATION: 	underline; color: #ffffff}

span.darkblue {TEXT-DECORATION: none	 ;  color: #002e5b} 


a.skysmall:link      {FONT-SIZE: 11px;TEXT-DECORATION: none	 ;  color: #38aafe}
a.skysmall:visited   {FONT-SIZE: 11px; TEXT-DECORATION: none	 ;  color: #38aafe}
a.skysmall:active { FONT-SIZE: 11px;TEXT-DECORATION: none	 ;  color: #38aafe}
a.skysmall:hover     {FONT-SIZE: 11px;TEXT-DECORATION: 	underline; color: #38aafe}


a.sky:link      {TEXT-DECORATION: none	 ;  color: #38aafe}
a.sky:visited   { TEXT-DECORATION: none	 ;  color: #38aafe}
a.sky:active { TEXT-DECORATION: none	 ;  color: #38aafe}
a.sky:hover     {TEXT-DECORATION: 	underline; color: #38aafe}
 

.smallgrey {
	FONT-SIZE: 11px; COLOR: #999999; font-family: 'Quicksand', 'Prompt', sans-serif;
}
.smallest {
	FONT-SIZE: 6px;  font-family: 'Quicksand', 'Prompt', sans-serif;
}
.smallestblack {
	FONT-SIZE: 6px; COLOR: #000000; font-family: 'Quicksand', 'Prompt', sans-serif;
}
.smallestorange {
	FONT-SIZE: 6px; COLOR: #ff6600; font-family: 'Quicksand', 'Prompt', sans-serif;
}
.smallestgrey {
	FONT-SIZE: 6px; COLOR: #999999; font-family: 'Quicksand', 'Prompt', sans-serif;
}
.smallestwhite {
	FONT-SIZE: 6px; COLOR: #ffffff; font-family: 'Quicksand', 'Prompt', sans-serif;
}
.sectionLink {
	PADDING-LEFT: 81px; FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #002e5b
}
A.sectionLink {
	PADDING-LEFT: 81px; FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #002e5b
}
A.sectionLink:hover {
	COLOR: #29c029; TEXT-DECORATION: underline
}
.bg {
	BACKGROUND-COLOR: #f2f2f2
}
.bgNav {
	BACKGROUND-POSITION: 50% top;  BACKGROUND-REPEAT: no-repeat
}
.nav {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #00478c
}
A.nav {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #00478c
}
A.nav:hover {
	COLOR: #ffffff; TEXT-DECORATION: none
}
INPUT {
	FONT-WEIGHT: normal; FONT-SIZE: 14px; BORDER-LEFT-COLOR: #aaaaaa; BACKGROUND: #ffffff; BORDER-BOTTOM-COLOR: #aaaaaa; COLOR: #333333; BORDER-TOP-COLOR: #aaaaaa; font-family: 'Quicksand', 'Prompt', sans-serif; BORDER-RIGHT-COLOR: #aaaaaa
}
TEXTAREA {
	FONT-WEIGHT: normal; FONT-SIZE: 14px; BORDER-LEFT-COLOR: #aaaaaa; BACKGROUND: #ffffff; BORDER-BOTTOM-COLOR: #aaaaaa; COLOR: #333333; BORDER-TOP-COLOR: #aaaaaa; font-family: 'Quicksand', 'Prompt', sans-serif; BORDER-RIGHT-COLOR: #aaaaaa
}
SELECT {
	FONT-WEIGHT: normal; FONT-SIZE: 14px; BORDER-LEFT-COLOR: #aaaaaa; BACKGROUND: #ffffff; BORDER-BOTTOM-COLOR: #aaaaaa; COLOR: #333333; BORDER-TOP-COLOR: #aaaaaa; font-family: 'Quicksand', 'Prompt', sans-serif; BORDER-RIGHT-COLOR: #aaaaaa
}
INPUT.button {
	FONT-SIZE: 14px; COLOR: #333333; font-family: 'Quicksand', 'Prompt', sans-serif; BACKGROUND-COLOR: #e2e2e2
}
INPUT.mainButton {
	FONT-WEIGHT: bold; CURSOR: hand; BACKGROUND-COLOR: #e2e2e2; text-align:center;
}
.mainButton {
	FONT-WEIGHT: bold; BACKGROUND-COLOR: #e2e2e2; text-align:center;
}
INPUT.liteButton {
	FONT-WEIGHT: normal; CURSOR: hand; BACKGROUND-COLOR: #e2e2e2
}
.hilight {
	COLOR: #990000
}
.altcolor1 {
	BACKGROUND-COLOR: #ffffff
}
.altcolor2 {
	BACKGROUND-COLOR: #eaeaea
}
A.altLink {
	COLOR: #555555; TEXT-DECORATION: none
}
A.altLink:hover {
	COLOR: #000000; TEXT-DECORATION: underline
}
.hdash {
	BACKGROUND-POSITION: center 50%;  BACKGROUND-REPEAT: repeat-x
}
.altcolor3 {
	BACKGROUND-COLOR: #e1e7ec
}
.hdash2 {
	BACKGROUND-POSITION: center 50%;  BACKGROUND-REPEAT: repeat-x; BACKGROUND-COLOR: #ffffff
}
.sectionLink {
	LINE-HEIGHT: 20px
}
INPUT {
	BORDER-RIGHT: #c1cbd6 1px solid; BORDER-TOP: #c1cbd6 1px solid; BORDER-LEFT: #c1cbd6 1px solid; BORDER-BOTTOM: #c1cbd6 1px solid
}
TEXTAREA {
	BORDER-RIGHT: #c1cbd6 1px solid; BORDER-TOP: #c1cbd6 1px solid; BORDER-LEFT: #c1cbd6 1px solid; BORDER-BOTTOM: #c1cbd6 1px solid
}
SELECT {
	BORDER-RIGHT: #c1cbd6 1px solid; BORDER-TOP: #c1cbd6 1px solid; BORDER-LEFT: #c1cbd6 1px solid; BORDER-BOTTOM: #c1cbd6 1px solid
}
INPUT {
	TEXT-INDENT: 2px
}
INPUT.button {
	BORDER-RIGHT: #b4b4b4 1px solid; BORDER-TOP: #b4b4b4 1px solid; BORDER-LEFT: #b4b4b4 1px solid; BORDER-BOTTOM: #b4b4b4 1px solid
}
.sectionLink {
	BACKGROUND-POSITION: 75px 50%;  BACKGROUND-REPEAT: no-repeat
}
.orange {
	COLOR: #ff6600; TEXT-DECORATION: none
} 
.white{
	color: #ffffff;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
}
a.white:link      {TEXT-DECORATION: none	 ;  color: #ffffff;}
a.white:visited   { TEXT-DECORATION: none	 ;  color: #ffffff;}
a.white:active { TEXT-DECORATION: none	 ;  color: #ffffff;}
a.white:hover     {TEXT-DECORATION: 	underline; color: #ffffff;}


.left_menu{   color: 	#ffffff;   }
a.left_menu:link      {TEXT-DECORATION: none	 ;  color: #ffffff}
a.left_menu:visited   { TEXT-DECORATION: none	 ;  color: #ffffff}
a.left_menu:active { TEXT-DECORATION: none	 ;  color: #ffffff}
a.left_menu:hover     {TEXT-DECORATION: 	underline; color: #ffffff}

.black{   color: 	#000000;   }
a.black:link      {TEXT-DECORATION: none	 ;  color: #000000}
a.black:visited   { TEXT-DECORATION: none	 ;  color: #000000}
a.black:active { TEXT-DECORATION: none	 ;  color: #000000}
a.black:hover     {TEXT-DECORATION: 	underline; color: #000000}

.blackMiddle{   FONT-SIZE: 10px; color: 	#000000;   }
a.blackMiddle:link      {TEXT-DECORATION: none	 ;  color: #000000}
a.blackMiddle:visited   { TEXT-DECORATION: none	 ;  color: #000000}
a.blackMiddle:active { TEXT-DECORATION: none	 ;  color: #000000}
a.blackMiddle:hover     {TEXT-DECORATION: 	underline; color: #000000}


.blackSmall{   FONT-SIZE: 8px; color: 	#000000;   }
a.blackSmall:link      {TEXT-DECORATION: none	 ;  color: #000000}
a.blackSmall:visited   { TEXT-DECORATION: none	 ;  color: #000000}
a.blackSmall:active { TEXT-DECORATION: none	 ;  color: #000000}
a.blackSmall:hover     {TEXT-DECORATION: 	underline; color: #000000}

.brown{   font-size:   10px;   color: 	#CC6600;   }
a.brown:link      {TEXT-DECORATION: none	 ;  color: #CC6600}
a.brown:visited   { TEXT-DECORATION: none	 ;  color: #CC6600}
a.brown:active { TEXT-DECORATION: none	 ;  color: #CC6600}
a.brown:hover     {TEXT-DECORATION: 	underline; color: #CC6600}

.darkgrey{      color: 	#666666;   }
a.darkgrey:link      {TEXT-DECORATION: none	 ;  color: #666666}
a.darkgrey:visited   { TEXT-DECORATION: none	 ;  color: #666666}
a.darkgrey:active { TEXT-DECORATION: none	 ;  color: #666666}
a.darkgrey:hover     {TEXT-DECORATION: 	underline; color: #666666}

.greyexpire{     color: 	#999999;    } 
.grey, .grey td, .grey table,.grey p,.grey strong,td .grey{     color: 	#999999;    }
a.grey:link      {   TEXT-DECORATION: none	 ;  color: #999999}
a.grey:visited   {     TEXT-DECORATION: none	 ;  color: #999999}
a.grey:active {     TEXT-DECORATION: none	 ;  color: #999999}
a.grey:hover     {    TEXT-DECORATION: 	underline; color: #999999}
 
.darkgreen{      color: 	#009900;   }
a.darkgreen:link      {TEXT-DECORATION: none	 ;  color: #009900}
a.darkgreen:visited   { TEXT-DECORATION: none	 ;  color: #009900}
a.darkgreen:active { TEXT-DECORATION: none	 ;  color: #009900}
a.darkgreen:hover     {TEXT-DECORATION: 	underline; color: #009900}

.green{      color: 	#00FF06;   }
a.green:link      {TEXT-DECORATION: none	 ;  color: #00FF06}
a.green:visited   { TEXT-DECORATION: none	 ;  color: #00FF06}
a.green:active { TEXT-DECORATION: none	 ;  color: #00FF06}
a.green:hover     {TEXT-DECORATION: 	underline; color: #00FF06}

.darkblue{      color: 	#0012a6;   }
a.darkblue:link      {TEXT-DECORATION: none	 ;  color: #0012a6}
a.darkblue:visited   { TEXT-DECORATION: none	 ;  color: #0012a6}
a.darkblue:active { TEXT-DECORATION: none	 ;  color: #0012a6}
a.darkblue:hover     {TEXT-DECORATION: 	underline; color: #0012a6}

.menu{
COLOR: #0267CD; TEXT-DECORATION: none
}
A.menu:hover {
	COLOR: #0267CD; TEXT-DECORATION: none
}
.thaipara {	 TEXT-DECORATION: none	}
.red {
	COLOR: #ff0000; TEXT-DECORATION: none
}

.Red {
	COLOR: #ff0000; TEXT-DECORATION: none
}

.darkblue{
	COLOR: #002e5b; TEXT-DECORATION: none
} 
pre{
	overflow:auto;
    font-family:Menlo,Monaco,Consolas,"Courier New",monospace;
	font-size : 1em;
	border:1px solid #999;
	page-break-inside:avoid;
	display:block;padding:9.5px;margin:0 0 10px;
	font-size:13px;line-height:1.42857143;color:#333;word-break:break-all;
	word-wrap:break-word;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px
}
pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0
} 

.dns{ background-image:url(../img/dns_bg.gif); background-repeat:no-repeat; width:15px; height:15px; display:inline;  vertical-align:middle; padding-top:0px; padding-bottom:0px; margin-bottom:0px; margin-top:0px; color:#002e5b; FONT-SIZE: 11px;font-family: 'Quicksand', 'Prompt', sans-serif; } 
.hdd1TB {
	background-image:url(../img/hdd1TB_bg.png); background-repeat:no-repeat; background-position:top; width:15px; height:20px; display:inline;  vertical-align:bottom; padding-top:0px; padding-bottom:0px; margin-bottom:0px; margin-top:0px;line-height:20px;
	FONT-SIZE: 11px; COLOR: #002e5b; font-family: 'Quicksand', 'Prompt', sans-serif;
} 
.php53{ background-image:url(../images/php53.png); background-repeat:no-repeat; width:28px; height:15px; display:inline;  vertical-align:bottom; padding-top:0px; padding-bottom:0px; margin-bottom:0px; margin-top:0px; color:#FFF; 
	}
 
table .tableline {
  border-collapse: collapse;
}
.tableline tr { 
  border: solid;
  border-width: 1px 0;
}	


.pagination {
	MARGIN-TOP: 5px;  WIDTH: auto; HEIGHT: 1%; TEXT-ALIGN: center;
}
.pagination SPAN.page-sep {
	DISPLAY: none
}
LI.pagination {
	MARGIN-TOP: 0px
}
.pagination STRONG {
	FONT-WEIGHT: normal
}
.pagination B {
	FONT-WEIGHT: normal
}

.pagination SPAN STRONG {
	BORDER-RIGHT: #ff8600 1px solid; PADDING: 5px 5px 5px 5px; BORDER-TOP: #ff8600 1px solid; FONT-WEIGHT: normal; FONT-SIZE: 0.9em; MARGIN: 0px 5px; BORDER-LEFT: #ff8600 1px solid; COLOR: #FFFFFF; BORDER-BOTTOM: #ff8600 1px solid; BACKGROUND-COLOR: #ff8600
}
.pagination SPAN A {
	BORDER-RIGHT: #ff8600 1px solid; PADDING: 5px 5px 5px 5px; BORDER-TOP: #ff8600 1px solid; FONT-WEIGHT: normal; FONT-SIZE: 0.9em; MARGIN: 0px 5px; BORDER-LEFT: #ff8600 1px solid; COLOR: #3C3C3C; L BORDER-BOTTOM: #ff8600 1px solid; BACKGROUND-COLOR: #ffd08a; TEXT-DECORATION: none
}
.pagination SPAN A:link {
	BORDER-RIGHT: #ff8600 1px solid; PADDING: 5px 5px 5px 5px; BORDER-TOP: #ff8600 1px solid; FONT-WEIGHT: normal; FONT-SIZE: 0.9em; MARGIN: 0px 5px; BORDER-LEFT: #ff8600 1px solid; COLOR: #3C3C3C;  BORDER-BOTTOM: #ff8600 1px solid; BACKGROUND-COLOR: #ffd08a; TEXT-DECORATION: none
}
.pagination SPAN A:visited {
	BORDER-RIGHT: #ff8600 1px solid; PADDING: 5px 5px 5px 5px; BORDER-TOP: #ff8600 1px solid; FONT-WEIGHT: normal; FONT-SIZE: 0.9em; MARGIN: 0px 5px; BORDER-LEFT: #ff8600 1px solid; COLOR: #3C3C3C;  BORDER-BOTTOM: #ff8600 1px solid; BACKGROUND-COLOR: #ffd08a; TEXT-DECORATION: none
}
.pagination SPAN A:active {
	BORDER-RIGHT: #ff8600 1px solid; PADDING: 5px 5px 5px 5px; BORDER-TOP: #ff8600 1px solid; FONT-WEIGHT: normal; FONT-SIZE: 0.9em; MARGIN: 0px 5px; BORDER-LEFT: #ff8600 1px solid; COLOR: #3C3C3C;  BORDER-BOTTOM: #ff8600 1px solid; BACKGROUND-COLOR: #ffd08a; TEXT-DECORATION: none
}
.pagination SPAN A:hover {
	BORDER-LEFT-COLOR: #ff8600; BORDER-BOTTOM-COLOR: #ff8600; COLOR: #fff; BORDER-TOP-COLOR: #ff8600; BACKGROUND-COLOR: #ff8600; TEXT-DECORATION: none; BORDER-RIGHT-COLOR: #ff8600
}
.pagination IMG {
	VERTICAL-ALIGN: middle
}
.row .pagination {
	PADDING-RIGHT: 0px; MARGIN-TOP: 0px; DISPLAY: block; PADDING-LEFT: 15px; FONT-SIZE: 1.2em; BACKGROUND: no-repeat 0px 50%; FLOAT: right; PADDING-BOTTOM: 1px; WIDTH: auto; PADDING-TOP: 1px
}
.row .pagination SPAN A {
	BACKGROUND-COLOR: #ffffff
}
LI.pagination SPAN A {
	BACKGROUND-COLOR: #ffffff
}
.row .pagination SPAN A:hover {
	BACKGROUND-COLOR: #ffd08a
}
LI.pagination SPAN A:hover {
	BACKGROUND-COLOR: #ffd08a
} 

.terminal-line,.markdown pre .terminal-line{display:block}.markdown .highlight .terminal-line:before,.markdown pre .terminal-line:before{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;content:attr(prefix);display:inline-block;text-align:right;font-size:.875rem;margin-right:.5rem;--text-opacity:1;color:#718096;color:rgba(113,128,150,var(--text-opacity));font-family:Roboto Mono,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}


.markdown .highlight .terminal-line,.markdown pre .terminal-line{display:block}
.markdown .highlight .terminal-line:before,.markdown pre .terminal-line:before{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;content:attr(prefix);display:inline-block;text-align:right;font-size:.875rem;margin-right:.5rem;--text-opacity:1;color:#718096;color:rgba(113,128,150,var(--text-opacity));font-family:Roboto Mono,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}

.mw-highlight{background:#f8f8f8}
.mw-content-ltr .tocnumber{padding-left:0;padding-right:0.5em}.mw-content-rtl .tocnumber{padding-left:0.5em;padding-right:0}
.mw-content-ltr{direction:ltr}
.mw-content-rtl{direction:rtl}
.mw-content-ltr ul,.mw-content-rtl .mw-content-ltr ul{margin:0.3em 0 0 1.6em;padding:0}.mw-content-rtl ul,.mw-content-ltr .mw-content-rtl ul{margin:0.3em 1.6em 0 0;padding:0}
.mw-content-ltr ol,.mw-content-rtl .mw-content-ltr ol{margin:0.3em 0 0 3.2em;padding:0}.mw-content-rtl ol,.mw-content-ltr .mw-content-rtl ol{margin:0.3em 3.2em 0 0;padding:0}.mw-content-ltr dd,.mw-content-rtl .mw-content-ltr dd{margin-left:1.6em;margin-right:0}.mw-content-rtl dd,.mw-content-ltr .mw-content-rtl dd{margin-right:1.6em;margin-left:0}

table.arc90_altrows-Blue{width:100%;margin-bottom:20px;border-bottom:2px solid #eee}
.arc90_altrows-Blue th, .arc90_altrows-Blue td{color:#444;padding:5px 10px;text-align:center;vertical-align:top;border-bottom:1px solid #fff}
.arc90_altrows-Blue th img, .arc90_altrows-Blue td img{vertical-align:middle}
.arc90_altrowsBlue0{background-color:#fff}
.arc90_altrowsBlue1{background-color:#f7f7f7}
.arc90_altrows-Blue{border-collapse:collapse}
.arc90_altrows-Blue th, .arc90_altrows-Blue th a, .arc90_altrows-Blue th a:visited{background:#e7e8e8;color:#000;font-family:'Quicksand', 'Prompt', sans-serif;font-weight:bold;font-size:16px;text-decoration:none;text-transform:uppercase;text-shadow:0 1px 0 rgba(255,255,255,.5);border-right:1px solid #fff}
.arc90_altrows-Blue th.bg-666{background:#666}
.arc90_altrows-Blue th.bg-333{background:#333}
.arc90_altrows-Blue th a:hover{text-decoration:none}
.arc90_altrows-Blue th.main-th, th.main-th a, th.main-th a:visited{background:#93a0a6;font-weight:bold;color:#fff;text-decoration:none}
.arc90_altrows-Blue th.main-th a:hover{color:#fff;text-decoration:none}
table.arc90_altrows-Blue td{border-right:1px solid #fff;font-size:16px}
table.arc90_altrows-Blue td a{text-decoration:none}
table.arc90_altrows-Blue td em{color:#000;font:bold 16px  'Quicksand', 'Prompt', sans-serif;font-style:normal}
table.arc90_altrows-Blue .no-border{border:0}
table.arc90_altrows-Blue .no-right{border-right:0}
table.arc90_altrows-Blue .sec-header{background:#d5dcdd;color:#000;font:bold 18px  'Quicksand', 'Prompt', sans-serif;text-transform:uppercase;vertical-align:middle;text-shadow:0 1px 0 rgba(255,255,255,.5)}
table.arc90_altrows-Blue .sec-header em{font-style:normal;font-size:18px;color:#73787b}
table.arc90_altrows-Blue .sec-header-ref{background:#ccc;color:#222;font-size:18px;font-weight:bold}
table.arc90_altrows-Blue td h2, table.arc90_altrows-Blue td h3, table.arc90_altrows-Blue td h4, table.arc90_altrows-Blue td h5{margin:0;padding:0}
table.arc90_altrows-Blue td.box{border-right:1px solid #000;border-left:1px solid #000}
.copy-text {
            cursor: pointer;
            color: blue;
            text-decoration: underline;
}
.switchSF300 td{  COLOR: #FFFFFF; TEXT-DECORATION: none;   font-size:  10px; text-align:center; vertical-align:middle; 
width:22px; height:22px;  text-align:center; 
} 
.switchSF300 td .activetop{ background-image:url(../img/SF-300-24-active-top.jpg);}
.switchSF300 td .activebottom{ background-image:url(../img/SF-300-24-active-bottom.jpg);}
.switchSF300 td a{ COLOR: #FFFFFF; TEXT-DECORATION: none;   font-size: 10px; }
.vlan100{  background-image:url(../img/bg_vlan_100-big.png); background-repeat:no-repeat;  } 
.vlan114{  background-image:url(../img/bg_vlan_114-big.png); background-repeat:no-repeat;  } 
.vlan119{  background-image:url(../img/bg_vlan_119-big.png); background-repeat:no-repeat;  color:#000000; } 
.vlan120{  background-image:url(../img/bg_vlan_120-big.png); background-repeat:no-repeat;  } 
.vlan121{  background-image:url(../img/bg_vlan_121-big.png); background-repeat:no-repeat;  } 
.vlan124{  background-image:url(../img/bg_vlan_124-big.png); background-repeat:no-repeat;  color:#ffffff;  } 
.vlan200{  background-image:url(../img/bg_vlan_200-big.png); background-repeat:no-repeat;  } 
.vlanTrunk{  background-image:url(../img/bg_trunk-big.png); background-repeat:no-repeat;  } 
.vlan100114120{  background-image:url(../img/bg_vlan_100114120-big.png); background-repeat:no-repeat;  } 

.switchSG500 td{  COLOR: #FFFFFF; TEXT-DECORATION: none;   font-size:  12px; text-align:center; vertical-align:middle; 
width:40px; height:31px; text-align:center; 
} 
.switchSG500 td a{ COLOR: #FFFFFF; TEXT-DECORATION: none;   font-size:           11px; }
html > body .clear {
clear : both;
height : 1px;
}
.clear {
clear : both;
margin : 0;
}