/* CSS Document */

.display-div {
	border:1px dashed silver;
	padding:5px;
	margin:5px;
	background-color:#FFFFFF;
}
.display-div h1 {
	margin-bottom:18px;
}
.display-div h2 {
	color:#000000;
	font-style:normal;
}
.code-input {
	width:40%;
}

.left-example-nav {
	width: 200px;
}

.outer-left-example-div {
	width: 200px;
	padding:0px;
	margin:0px;
	overflow:scroll;
	height:300px;
	background-color:#173E63;
}

.sc {
	background-color: #356898;
	border-bottom:1px solid #333333;
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #333333;
	color:#FFFFFF;
	font-size:10px;
	padding:3px;
	padding-left:10px;
	padding-right:10px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	cursor:pointer;
}

.middle-example-td {
	border-right:1px solid #333333;
	padding:5px;
}

.code-textarea {
	font-size:12px;
	font-family:"Courier New", Courier, mono;
	width:300px;
	height:300px;
}

.main-example-table {
	border:1px solid black;
	background-color: #CEE2AC;
}

.code-instruction {
	font-size:11px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	padding-bottom:2px;
}

.wide {
	width:100%;
}

td {
	vertical-align:top;
}

html, body {
	height:100%;
	min-height:100%;
	font-family:Arial, Helvetica, sans-serif;	
	font-size:13px;	
}

.main {
	padding:10px;
}

body {
	background-color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	background-image:url(../images/body-bg.gif);
	background-repeat:repeat-y;
	background-position:left;
}

.ch {
	border-bottom:1px solid #333333;
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #333333;
	color:#FFFFFF;
	padding:3px;
	padding-left:10px;
	padding-right:10px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#063F6F;
	font-size:13px;
}

.acknowledgement {
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
}

.align-center {
	text-align:center;
}