body {
	font-family: sans-serif;
	font-size: 12px;
	width: 1000px;
	margin: 0 auto;
	padding: 0;
	position: relative;
	background-color: #2e3436;
}
div {
	margin: 0;
	padding: 0;
}
p {
	margin: 4px 4px 8px 4px;
}
a {
	text-decoration: none;
}
strong {
	color: black;
	font-size: 0.8em;
	font-weight: normal;
	letter-spacing: -6px;
	padding: 0;
}
big {
	color: black;
	font-size: 1em;
	font-weight: bold;
	background-color: #dee7f7;
	margin: 0;
}
small {
	font-size: 0.6em;
	font-style: italic;
	display: block;
	padding: 0 0 2px 20px;
}
h1, small {
	color: white;
	background-color: #4a82bd;
	/*color: gray;/*white on #4a82bd*/
	margin: 0;
}
h1 {
	font-size: 6em;
	font-weight: normal;
	letter-spacing: -6px;
	padding: 0 0 0 4px;
	cursor: pointer;
}
h2 {
	font-size: 1.6em;
	font-weight: normal;
	color: black;
	background-color: #dee7f7;
	/*color: gray;/*black on #dee7f7*/
	padding: 0 0 0 20px;
	margin: 0;
}
h3 {
	margin: 8px 0 0 0px;
	color: black;
	/*color: DimGray;/*black*/
	clear: both;
	border-top: 1px solid #4a82bd;
	border-left: 1px solid #4a82bd;
	/*bt bl solid #4a82bd*/
	font-size: 1.4em;
}
h4 {
	color: black;
	/*color: red;/*black*/
	margin: 8px 0 0 4px;
	border-top: 1px dotted #4a82bd;
	border-left: 1px dotted #4a82bd;
	/*bt bl dotted #4a82bd*/
	font-size: 1.2em;
}
h5 {
	font-size: 1em;
	margin: 8px 0 8px 0;
}
li {
	list-style: none;
	margin-bottom: 4px;
}
samp {
	margin: 0;
	font-family: Courier;
	color: #006700;
}
var {
	color: red;
	font-style: normal;
}
table 
{
    border-collapse: collapse;
    background-color: white;
    font-size: 0.8em;
    margin: 0 8px;
    float: left;
}
caption {
	background-color: #5a7794;/*#4a82bd;/*black;*/
	color:white;
	font-size: 1.2em;
	font-weight: bold;
	padding:4px;
	text-align:left;	
}
table th {
    border-bottom: 1px solid black;
    border-top: 2px solid black;
    padding: 8px;
    background-color: #4a82bd;/*#dee7f7;/*#7f7f7f;*/
    color: black;/*White;*/
    text-align: left;
}
table td {
    padding: 8px;
    border-bottom: 1px solid White;
    background-color: #dee7f7;/*#e8edf6;/*#bfbfbf;*/
}
form {
	margin: 8px;
}

.highlight {
	background-color: white;
}
a.toggler {
	cursor: pointer;
	background-color: #c0c0c0;
	color: white;
	text-decoration: none;
	font-weight: bolder;
	border-right: solid 1px black;
	border-bottom: solid 1px black;
	vertical-align: top;
	margin-left: 2px;
	padding: 0 4px 2px 4px;
}
.explanation {
	background-color: white;
	border: double 1px black;
	color: black;
	font-family: Times;
	padding: 4px;
	margin: 0;
}
.explanation a{
	font-weight: bolder;
	text-decoration: none;
	color: black;	
}
.explanation a:hover{
	text-decoration: underline;
}
.explanation a:visited{
	color: #7c7c7c;
}
.rightCol {
	margin-left: 8px;
}
.rightCol li{
	list-style: disc;
	list-style-position: inside;
}
.rightCol em{
	font-weight: bold;
}
.TVSAnotes {
	width: 30%;
	margin-bottom: 4px;
}

#intro, .conclusions, #resources, #divPOST, blockquote, #other {
	width: 98%;
	float: left;
	margin: 0 0 8px 0;
	padding: 8px;
	border: solid 1px gray;
	background-color: #f8f8f8;
}
.loading {
	background: #f8f8f8 url("sql-loader.gif") no-repeat center;
}
.compact {
	width: 450px;
}	
#lblSQL{
	display: none;
	margin-left: 8px;
}
#pageHeader {
	position: relative;
	top: 0;
	width: 100%;
}
#pageContent {
	padding-top: 8px;
}
#resources{
	margin-top: 16px;
}
#resources img {
	border: none;
}
#resources a, .TVSAnotes a /*, #intro a, #other a */{
	color: black;
	font-weight: normal;
	margin: 10px;	
	text-decoration: none;
}
#resources a:hover, .TVSAnotes a:hover, #intro a:hover, #other a:hover{
	text-decoration: underline;
}
#resources a:visited, .TVSAnotes a:visited {
	color: #7c7c7c;
}
#intro a:visited, #other a:visited {
	color: #BB0000;
}
#CANdiv, #SADdiv, .TVSAnotes, .leftCol, .rightCol {
	color: black;
	border: solid 1px gray;
	padding: 8px;
	margin-left: 2px;
	background-color: #f5fafa;
	float: left;
	overflow: hidden;
}
#CANdiv, #SADdiv, .leftCol, .rightCol {
	font-size: 0.9em;
	width: 47%;
}
#frmSQL{
	width: 520px;
}	
#btnSQL {
	width: 170px;
}
#tPICTinput {
	float: none;
}

/*

School Book style from goldblog.com.ua (c) Zaripov Yura <yur4ik7@ukr.net>

*/

pre {
	width: 980px;
}

pre code[class]:after {
  content: 'highlight: ' attr(class);
  display: block; text-align: right;
  color: #CCC; background: transparent;

  padding-top: 0.5em;
}

pre code {
  display: block;
  margin-left:30px;
  margin-top:15px;
    font-size: 1em !important;
  line-height:16px !important;
  }
.dia {
	padding: 0 32px 32px 32px;
}
pre, .dia {background:#f6f6de url(./school_book.png);
	border-top: solid 2px #d2e8b9;
	border-bottom: solid 1px #d2e8b9;}
pre .keyword,
pre .literal,
pre .change,
pre .winutils,
pre .flow,
pre .lisp .title {
  color:#005599;
  font-weight:bold;
}

pre code,
pre .ruby .subst {
  color: black;/*#3E5915;*/
}

pre .string,
pre .function .title,
pre .class .title,
pre .ini .title,
pre .tag .attribute .value,
pre .css .rules .value,
pre .preprocessor,
pre .ruby .symbol,
pre .ruby .instancevar,
pre .ruby .class .parent,
pre .built_in,
pre .sql .aggregate,
pre .django .template_tag,
pre .django .variable,
pre .smalltalk .class,
pre .javadoc,
pre .ruby .string,
pre .django .filter .argument,
pre .smalltalk .localvars,
pre .smalltalk .array,
pre .attr_selector,
pre .pseudo,
pre .addition,
pre .stream,
pre .envvar,
pre .apache .tag,
pre .apache .cbracket {
  color: #2C009F;
}

pre .comment,
pre .java .annotation,
pre .python .decorator,
pre .template_comment,
pre .pi,
pre .doctype,
pre .deletion,
pre .shebang,
pre .apache .sqbracket {
  color: #E60415;
}

pre .keyword,
pre .literal,
pre .css .id,
pre .phpdoc,
pre .function .title,
pre .class .title,
pre .vbscript .built_in,
pre .sql .aggregate,
pre .rsl .built_in,
pre .smalltalk .class,
pre .xml .tag .title,
pre .diff .header,
pre .chunk,
pre .winutils,
pre .bash .variable,
pre .lisp .title,
pre .apache .tag {
  font-weight: bold;
}

pre .html .css,
pre .html .javascript,
pre .html .vbscript {
  opacity: 0.8;
}