﻿/*<meta />*/

/* Table Styles */

table {
	margin: 0 0 1em;
	padding: 0;
	border-collapse: collapse;
	border-width: 0;
}

div.sideContent
{
	float: right;
    margin-left: 10px;
	margin-bottom: 10px;
    width: 33.33%;
}


td,th {
	border: 1px solid #ccc;
	padding: 6px 12px;
	text-align: left;
	vertical-align: top;
}

th {
	background-color: #1428A0;
	color: white;
}

tr:nth-child(even) {
	background-color: #f2f2f2;
}

/* Desktop Styles */

@media screen and (min-width: 1280px)
{
	html.left-layout #contentBody
	{
		left: 290px;
		right: 0px;
	}

	body
	{
		padding: 0;
		color: #000000;
		font-family: "SamsungIF Rg", Arial, sans-serif;
		font-size: 12pt;
		line-height: 140%;
	}

	h1
	{
		line-height: 140%;
	}

	#header
	{
		height: 75px;
		background-color: #1428A0;
		left: 0px;
	}

	#header .logo
	{
		width: 680px;
		height: 43px;
		margin-top: -18px;
	}

	#header .logo > img
	{
		border: none;
		width: 513px;
		height: 37px;
	}

	#body
	{
		top: 75px;
	}

	#navigation
	{
		bottom: 0;
		/*width: 219px;*/
	}

	#navigation.nav-closed
	{
		display: none !important;
	}

	#navigationResizeBar
	{
		display: none !important;
	}

	html.left-layout #navigationResizeBar
	{
		left: 297px;
	}

	#show-hide-navigation
	{
		display: none;
		/* Modified */
	}

	html.left-layout #show-hide-navigation:after
	{
		color: #898989;
		border-right-color: #898989;
	}

	html.left-layout .nav-closed #show-hide-navigation:after
	{
		border-left-color: #898989;
	}

	html.right-layout #show-hide-navigation
	{
		-webkit-border-radius: 3px 0 0 3px;
		-moz-border-radius: 3px 0 0 3px;
		border-radius: 3px 0 0 3px;
		-webkit-box-shadow: -2px 0px 3px 0px rgba(0, 0, 0, 0.3);
		-moz-box-shadow: -2px 0px 3px 0px rgba(0, 0, 0, 0.3);
		box-shadow: -2px 0px 3px 0px rgba(0, 0, 0, 0.3);
		width: 10px;
		height: 46px;
		position: absolute;
		top: 50%;
		right: 0;
		margin-top: -23px;
		cursor: pointer;
	}

	#responsiveHeader
	{
		display: none;
		background-repeat: no-repeat;
		background: transparent none;
		background: -moz-linear-gradient(top, #0689d8 0%, #0689d8 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0689d8), color-stop(100%,#0689d8));
		background: -webkit-linear-gradient(top, #0689d8 0%, #0689d8 100%);
		background: -o-linear-gradient(top, #0689d8 0%,#0689d8 100%);
		background: -ms-linear-gradient(top, #0689d8 0%,#0689d8 100%);
		background: linear-gradient(top, #0689d8 0%,#0689d8 100%);
		-pie-background: linear-gradient(#0689d8, #0689d8);
	}

	#responsiveHeader .logo
	{
		height: 100%;
		display: block;
		alt-text: Logo;
		width: 680px;
	}

	#responsiveHeader .logo > img
	{
		width: 160px;
		height: 43px;
	}

	/* Tabs */

	.tabs-nav .tab-collapsed
	{
		/*width: auto;*/
	}

	.tab-collapsed .tabs-nav-text
	{
		/*display: none;*/
	}

	.tabs-nav .tab-collapsed
	{
		/*width: auto;*/
	}

	#IndexTab
	{
		display: none;
	}

	#GlossaryTab
	{
		display: none;
		/* Modified */
	}

	.tabs-nav-text
	{
		display: block;
		width: 100%;
		text-align: left;
		font-size: 20px;
		color: #989898;
		background-color: #F1F1F1;
		height: 49px;
		line-height: 49px;
		font-weight: 900;
		margin-top: 10px;
		margin-left: 11px;
	}

	#IndexTab .tabs-nav-text
	{
		border-left: none;
	}

	.tab.active .tabs-nav-text
	{
		background-color: #FFFFFF;
		color: #000000;
	}

	/*Search Styles*/

	#responsive-search-index,
	#responsive-search-glossary
	{
		display: none;
	}

	.tabs-panel-search
	{
		height: 36px;
	}

	/* TOC */

	ul.tree
	{
		font-size: 14px;
	}

	.tree-node div
	{
		line-height: 2.4em;
		color: #1428a0;
		max-width: 94%;
	}

	.tree-node.tree-node-collapsed > div
	{
		padding-left: 26px;
		background: transparent url('../Images/right-arrow.png') no-repeat 14px 9px;
		-pie-background: transparent url('../Images/right-arrow.png') no-repeat 14px 9px;
	}

	.tree-node.tree-node-expanded > div
	{
		padding-left: 26px;
		background: transparent url('../Images/arrow_open.png') no-repeat 6px 12px;
		-pie-background: transparent url('../Images/arrow_open.png') no-repeat 6px 12px;
	}

	.tree-node.tree-node-leaf > div
	{
		padding-left: 26px;
		background: none;
	}

	.tree-node.tree-node-selected > div,
	.web .tree-node.tree-node-selected > div:hover
	{
		
	}

	.web .tree-node > div:hover
	{
		
	}

	.tree-node a
	{
		display: inline-block;
		color: #0689d8;
		white-space: pre-wrap;
		line-height: 1.3em;
	}

	.tree-node a:hover
	{
		color: #70c4e0;
	}

	/* Topic */

	#contentBody
	{
		right: 0px;
	}

	#contentBodyInner
	{
		right: 0px;
		left: 0px;
		top: 47px;
	}

	.search-bar
	{
		/*border-top: solid 1px #0A0A0A;
		border-right: solid 1px #0A0A0A;
		border-bottom: solid 1px #0A0A0A;
		border-left: solid 1px #0A0A0A;*/
		border: none;
		box-shadow: none;
	}

	#search-field
	{
		background: white;
		border-top-left-radius: 5px;
		border-bottom-left-radius: 5px;
		color: #666666;
	}

	.search-submit-wrapper
	{
		border-left: none;
		background: url('../Images/magnifying_glass.png') no-repeat center center;
		background-color: white;
		border-top-right-radius: 5px;
		border-bottom-right-radius: 5px;
	}

	.tab
	{
		width: 50%;
	}

	.tabs-nav li
	{
		width: 100%;
	}

	.tabs-nav li.tabs-nav-inactive
	{
		color: #ededed;
		-moz-box-shadow: inset 0px 4px 9px rgba(0, 0, 0, 0.09);
		-webkit-box-shadow: inset 0px 4px 9px rgba(0, 0, 0, 0.09);
		box-shadow: inset 0px 4px 9px rgba(0, 0, 0, 0.09);
		height: 49px;
	}

	.tabs-nav li.tabs-nav-active
	{
		border: none;
	}

	.tabs-panel
	{
		top: 49px;
	}

	.tabs-panel-content
	{
		border-top: none;
		border-left: none;
		top: 0px;
		right: 0px;
		left: 0px;
	}

	.toc-icon
	{
		display: none;
	}

	#contentBody
	{
		/*width: 722px;*/
		left: 290px;
	}

	#toc > ul.tree
	{
		margin-top: 10px;
		margin-left: -10px;
	}

	.web .tree-node.tree-node-collapsed > div:hover
	{
		background: url('../Images/right-arrow.png') no-repeat 14px 9px;
	}

	.tree-node.tree-node-collapsed.tree-node-selected > div
	{
		background: transparent url('../Images/right-arrow.png') no-repeat 14px 9px;
		-pie-background: transparent url('../Images/right-arrow.png') no-repeat 14px 9px;
		background: url('../Images/right-arrow.png') no-repeat 14px 9px;
	}

	.web .tree-node.tree-node-collapsed.tree-node-selected > div:hover
	{
		background: url('../Images/right-arrow.png') no-repeat 14px 9px;
	}

	.web .tree-node.tree-node-expanded > div:hover
	{
		background: url('../Images/arrow_open.png') no-repeat 6px 12px;
	}

	.tree-node.tree-node-expanded.tree-node-selected > div
	{
		background: transparent url('../Images/arrow_open.png') no-repeat 6px 12px;
		-pie-background: transparent url('../Images/arrow_open.png') no-repeat 6px 12px;
		background: url('../Images/arrow_open.png') no-repeat 6px 12px;
	}

	.web .tree-node.tree-node-expanded.tree-node-selected > div:hover
	{
		background: url('../Images/arrow_open.png') no-repeat 6px 12px;
	}

	.web .tree-node.tree-node-leaf > div:hover
	{
		background: none;
	}

	.tree-node.tree-node-leaf.tree-node-selected > div
	{
		background: none;
	}

	.web .tree-node.tree-node-leaf.tree-node-selected > div:hover
	{
		background: none;
	}

	.web .tree > .tree-node.tree-node-s + elected > div:hover
	{
		color: #000000;
	}

	#index .tree-node.tree-node-selected > div
	{
		background-color: #FFFFFF;
	}

	.tab-icon #IndexTab.tabs-nav-active .tabs-nav-icon
	{
		display: none;
	}

	.tabs-nav li#TocTab.tabs-nav-active
	{
		background: #FFFFFF;
	}

	.tab-icon #TocTab.tabs-nav-active .tabs-nav-icon
	{
		display: none;
	}

	.tab-icon #CommunityTab.tabs-nav-inactive .tabs-nav-icon
	{
		display: none;
	}

	.tab-icon #GlossaryTab.tabs-nav-inactive .tabs-nav-icon
	{
		display: none;
	}

	.tab-icon #IndexTab.tabs-nav-inactive .tabs-nav-icon
	{
		display: none;
	}

	.tab-icon #TocTab.tabs-nav-inactive .tabs-nav-icon
	{
		display: none;
	}

	li.tree-node.tree-node-selected > div > span.label > a
	{
		font-weight: 700;
	}
}

/* Tablet Styles */

@media screen and (max-width: 1279px)
{
	html.left-layout #contentBody
	{
		left: 0px;
	}

	body
	{
		padding: 0;
		color: #000000;
		font-family: "SamsungIF Rg", Arial, sans-serif;
		line-height: 140%;
		line-spacing: 140%;
	}

	h1
	{
		line-height: 140%;
	}

	#navigation
	{
		background-color: #FFFFFF;
		border-right: 1px solid #E1E1E1;
	}

	.hide-extras.active #navigation[role="complementary"]
	{
		width: 36%;
	}

	.active #contentBody[role="main"]
	{
		margin-right: -36%;
	}

	#responsiveHeader
	{
		background: #1428A0;
		
	}

	#responsiveHeader .logo
	{
		margin: auto 100px;
		width: 595x;
	}

	.menu-icon a span
	{
		background: transparent url('../Images/menu_withDivider.png') no-repeat center center;
		height: 50px;
		top: 15px;
		left: 20px;
	}

	#contentBodyInner
	{
		border-left: none;
		border-right: none;
		border-bottom: none;
	}

	#home
	{
		display: none;
	}

	li#IndexTab
	{
		display: none;
	}

	#search-sidebar #search-field-sidebar
	{
		border: 0px;
		box-shadow: none;
		background: #EAEAEA url('../Images/magnifying_glass.png') no-repeat 12px center;
		padding-left: 35px;
		color: #666666;
		text-indent: inherit;
	}

	#toc
	{
		border: none;
	}

	.tree-node a
	{
		display: inline-block;
		color: #0689d8;
		white-space: pre-wrap;
		line-height: 1.3em;
		padding-right: 9px;
	}

	.tree-node.tree-node-collapsed > div
	{
		padding-left: 26px;
		background: transparent url('../Images/right-arrow.png') no-repeat 14px 9px;
		-pie-background: transparent url('../Images/right-arrow.png') no-repeat 14px 9px;
	}

	.tree-node.tree-node-expanded > div
	{
		padding-left: 26px;
		background: transparent url('../Images/arrow_open.png') no-repeat 6px 12px;
		-pie-background: transparent url('../Images/arrow_open.png') no-repeat 6px 12px;
	}

	.tree-node.tree-node-collapsed > div
	{
		padding-left: 26px;
		background: transparent url('../Images/right-arrow.png') no-repeat 14px 9px;
		-pie-background: transparent url('../Images/right-arrow.png') no-repeat 14px 9px;
	}

	.tree-node.tree-node-leaf > div
	{
		padding-left: 26px;
		background: none;
	}

	.tree-node.tree-node-leaf.tree-node-selected > div
	{
		background: none;
	}

	.tree-node.tree-node-collapsed.tree-node-selected > div
	{
		background: transparent url('../Images/right-arrow.png') no-repeat 14px 9px;
		-pie-background: transparent url('../Images/right-arrow.png') no-repeat 14px 9px;
		background: url('../Images/right-arrow.png') no-repeat 14px 9px;
	}

	.tree-node.tree-node-expanded > div
	{
		padding-left: 26px;
		background: transparent url('../Images/arrow_open.png') no-repeat 6px 12px;
		-pie-background: transparent url('../Images/arrow_open.png') no-repeat 6px 12px;
	}

	.tree-node.tree-node-expanded.tree-node-selected > div
	{
		background: transparent url('../Images/arrow_open.png') no-repeat 6px 12px;
		-pie-background: transparent url('../Images/arrow_open.png') no-repeat 6px 12px;
		background: url('../Images/arrow_open.png') no-repeat 6px 12px;
	}

	.web .tree-node.tree-node-expanded.tree-node-selected > div:hover
	{
		background: url('../Images/arrow_open.png') no-repeat 6px 12px;
	}

	li.tree-node.tree-node-selected > div > span.label > a
	{
		font-weight: 700;
	}

	.tabs-nav li#TocTab.tabs-nav-inactive
	{
		color: #ededed;
		-moz-box-shadow: inset 0px 4px 9px rgba(0, 0, 0, 0.09);
		-webkit-box-shadow: inset 0px 4px 9px rgba(0, 0, 0, 0.09);
		box-shadow: inset 0px 4px 9px rgba(0, 0, 0, 0.09);
		height: 49px;
		background: none;
		background-color: #FFFFFF;
		border: none;
		box-shadow: none;
	}

	.tabs-nav li#TocTab.tabs-nav-active
	{
		background: #FFFFFF;
		border: none;
	}

	.tab-icon #TocTab.tabs-nav-active .tabs-nav-icon
	{
		display: none;
	}

	.tab-icon #TocTab.tabs-nav-inactive .tabs-nav-icon
	{
		display: none;
	}

	.tabs-nav li.tabs-nav-active .tabs-nav-text
	{
		font-weight: 900;
		margin-left: 13px;
		font-size: 18px;
	}
}

/* Global overrides */

body
{
	background: none;
	font-family: "SamsungIF Rg", Arial, sans-serif;
}

#contentBody
{
	background-color: #FFFFFF;
}

/* End global overrides */
/* font-size: */

@font-face {
  font-family: "SamsungIF Rg";
  src: url('Fonts/SamsungIF_Rg.eot');
  src: url('Fonts/SamsungIF_Rg.eot?#iefix') format('embedded-opentype'),
       url('Fonts/SamsungIF_Rg.woff') format('woff'),
       url('Fonts/SamsungIF_Rg.ttf') format('truetype'),
       url('Fonts/SamsungIF_Rg.svg') format('svg');
       font-style: normal;
       font-weight: normal;
} 

@font-face {
  font-family: "SamsungIF Rg";
  src: url('Fonts/SamsungIF_Bd.eot');
  src: url('Fonts/SamsungIF_Bd.eot?#iefix') format('embedded-opentype'),
       url('Fonts/SamsungIF_Bd.woff') format('woff'),
       url('Fonts/SamsungIF_Bd.ttf') format('truetype'),
       url('Fonts/SamsungIF_Bd.svg') format('svg');
       font-style: normal;
       font-weight: 700;
} 

@font-face {
  font-family: "SamsungIF Rg noSVG";
  src: url('Fonts/SamsungIF_Rg.eot');
  src: url('Fonts/SamsungIF_Rg.eot?#iefix') format('embedded-opentype'),
       url('Fonts/SamsungIF_Rg.woff') format('woff'),
       url('Fonts/SamsungIF_Rg.ttf') format('truetype'),
       url('Fonts/SamsungIF_Rg.svg') format('svg');
} 

/* Korean Font */

@font-face {
  font-family: "Nanum Gothic";
  src: url('Fonts/NanumGothic-Regular.eot');
  src: url('Fonts/NanumGothic-Regular.eot?#iefix') format('embedded-opentype'),
       url('Fonts/NanumGothic-Regular.ttf') format('truetype');
       font-style: normal;
       font-weight: normal;
} 

@font-face {
  font-family: "Nanum Gothic";
  src: url('Fonts/NanumGothic-Bold.eot');
  src: url('Fonts/NanumGothic-Bold.eot?#iefix') format('embedded-opentype'),
       url('Fonts/NanumGothic-Bold.ttf') format('truetype');
       font-style: normal;
       font-weight: 700;
} 

/* ################## Prettify Styles - Begin ###################### */
/* GitHub Theme */

.prettyprint
{
	background: white;
	font-family: Menlo, 'Bitstream Vera Sans Mono', 'DejaVu Sans Mono', Monaco, Consolas, monospace;
	font-size: 12px;
	line-height: 1.5;
	border: 1px solid #ccc;
	padding: 10px;
	overflow: scroll;
}

.pln
{
	color: #333333;
}

@media screen
{
	.str
	{
		color: #dd1144;
	}

	.kwd
	{
		color: #333333;
	}

	.com
	{
		color: #999988;
	}

	.typ
	{
		color: #445588;
	}

	.lit
	{
		color: #445588;
	}

	.pun
	{
		color: #333333;
	}

	.opn
	{
		color: #333333;
	}

	.clo
	{
		color: #333333;
	}

	.tag
	{
		color: navy;
	}

	.atn
	{
		color: teal;
	}

	.atv
	{
		color: #dd1144;
	}

	.dec
	{
		color: #333333;
	}

	.var
	{
		color: teal;
	}

	.fun
	{
		color: #990000;
	}

	body
	{
		mc-hyphenate: never;
	}

	li
	{
		mc-hyphenate: never;
	}

	ol
	{
		mc-hyphenate: never;
	}

	ul
	{
		mc-hyphenate: never;
	}

	p
	{
		mc-hyphenate: never;
	}

	a
	{
		mc-hyphenate: never;
	}

	html
	{
		mc-hyphenate: never;
	}

	table
	{
		border: solid 1px;
		border-left: solid 1px;
		border-right: solid 1px;
		border-top: solid 1px;
	}
}

@media print, projection
{
	.str
	{
		color: #006600;
	}

	.kwd
	{
		color: #006;
		font-weight: bold;
	}

	.com
	{
		color: #600;
		font-style: italic;
	}

	.typ
	{
		color: #404;
		font-weight: bold;
	}

	.lit
	{
		color: #004444;
	}

	.pun,
	.opn,
	.clo
	{
		color: #444400;
	}

	.tag
	{
		color: #006;
		font-weight: bold;
	}

	.atn
	{
		color: #440044;
	}

	.atv
	{
		color: #006600;
	}
}

/* Specify class=linenums on a pre to get line numbering */

ol.linenums
{
	margin-top: 0;
	margin-bottom: 0;
}

/* IE indents via margin-left */

li.L0,
li.L1,
li.L2,
li.L3,
li.L4,
li.L5,
li.L6,
li.L7,
li.L8,
li.L9
{
	/* */
}

/* Alternate shading for lines */

li.L1,
li.L3,
li.L5,
li.L7,
li.L9
{
	/* */
}

/* ################## Prettify Styles - End ###################### */

img
{
	max-width: 100%;
}