@charset "utf-8";
/* CSS Document */

html {
  padding:0;
  margin:0;
}
body {
  background:#FFF;
  font-family:verdana, sans-serif;
  font-size:95%;
  color:#3E3E3E;
  padding-top:1.7em;
  margin:0;
}

img, form {
  padding:0;
  margin:0;
  border:0;
}
a img {
  border:none;
}
em, i {
  font-style:italic;
}
strong, b {
  font-weight:bold;
}
.skip {
  display: none;
}
.clear {
  clear: both;
}
hr {
  border: solid 1px #C0C0C0;
}

/*******************************************************************************
 Columns definitions
*******************************************************************************/
.wrapper {
  min-width:400px;
  width:100%;
  margin: 0 -1px;
}

.outer {
  width:auto;
  /* left column width and color */
  border-left:240px solid #F5F5F5;
  /* right column width and color */
  border-right:180px solid #fefefe;
  /* center column colour */
  background:#FFF;
}

.inner {
  margin:0;
  width:100%;
  border-left:1px solid #dddddd;
  border-right:1px solid #dddddd;
}

/* Mozilla code */
.outer > .inner { border-bottom:1px solid transparent; }

/*******************************************************************************
 Header
*******************************************************************************/
.header {
  position:fixed !important;
  position: absolute;
  background: url(../../images/all/top-bg2.png);
  border-bottom:1px solid #dcdcdc;
  top: 0;
  left: 0;
  width: 100%;
  height:25px;
  z-index:100;
}

.header p {
  font-size:1em;
  padding:1px 30px 5px 30px;
  margin: 2px 0;
  color:#dddfe3;
  font-weight:bold;
  text-shadow:1px 1px 3px #000;
  filter: Shadow(Color=#708090, Direction=135, Strength=3);
}
/*.navBar a:link, .navBar a:visited {
   color:#4169e1;
	text-decoration:none; }
   
.navBar a:hover, .navBar a:active { background:#7F7F7F; text-decoration:none; color:#FFF; }   */

.headerQuote {
  position:absolute;
  top:5px;
  right:10px;
  font-size:1.4em;
  font-weight:bold;
}
/*******************************************************************************
 Left column
*******************************************************************************/
.leftcol {
  float:left;
  position: fixed !important;
  overflow:scroll;
  top: 25px;
  left: 240px;
  height: 99%;
  margin-left:-240px;
  font-size:1em;
  color:#1d467a;
  background-color:#fefefe;
  border-right: #dcdcdc 1px solid;
  z-index:99;
}

.leftpad {
  padding:20px 10px 10px 15px;
  width:240px;
  height:300%;
  line-height:1.7;
}

.leftpad a:link {
  color:#286fbf;
  text-decoration:none;
  padding-bottom: 0 10px 0 30px;
}

.leftpad a:hover {
  background-color:#fffafa;
  color:#8b0000;
}

.leftpad ul {
  list-style-image: url(../../images/all/small-ao.gif);
  margin: 15px 0;
  padding: 0 0 10px 0;
  font-size: 0.95em;
  font-weight:bold;
  color:#050505;
}

.leftpad li {
  list-style-image: url(../../images/all/small-ao.gif);
  padding: 0;
  margin: 0 10px 0 30px;
  font-size: 0.95em;
}

.leftpad ul a {
  color: #050505;
  display: block;
  padding: 2px 10px;
  text-decoration: none;
  font-weight: bold;
  border-bottom: 1px solid #dadada;
  font-size: 0.95em;
}

.leftpad li a {
  color: #286fbf;
  display: block;
  padding: 0;
  margin: 5px 0;
  text-decoration: none;
  border-bottom: 1px solid #dadada;
  font-size: 0.95em;
}

.leftpad li a:visited { color: #A70303; }

.leftpad ul li a:hover {
  color: #A70303;
  background-color: #F3F3F3;
}

.leftpad hr { border: dashed 1px #b4cbdf; }

.leftpad_footer {
  position: absolute;
  width:70%;
  z-index:100;
  color: #6495ed;
  font-size:18px; 
  text-align:center; 
}

.leftpad_footer a{
  position: absolute;
  z-index:100;
  color: #6495ed;
  font-size:18px;
  font-weight:bold;
  text-shadow:1px 1px 3px #c2e0f5;
  filter: Shadow(Color=#c2e0f5, Direction=135, Strength=3);
  text-align:center;
}


/*******************************************************************************
 Middle column
*******************************************************************************/
.middlecol {
  float:left;
  width:100%;
  position:relative;
  z-index:95;
  font-size:13px;
  line-height:160%;
  color:#2A2A2A;
}
.middlepad { padding:40px 30px 15px 70px; }
.middlecolleft {
  float:left;
  position:relative;
  padding-right:10px;
  z-index:11;
  font-size:0.9em;
  line-height:130%;
  color:#3E3E3E;
  overflow:hidden;
}
.middlecolright {
  float: right;
  position:relative;
  z-index:11;
  margin-right:20px;
  font-size:0.9em;
  line-height:130%;
  color:#3E3E3E;
  overflow:hidden;
}
.middlecoltbox {
  font-size: 12px;
  color: #333;
  font-style:normal;
  font-weight:400;
  width: 95%;
  text-align:left;
  background-color: #f8f8f8;
  margin:10px 0 0 10px;
  padding-left:5px;
  border:1px solid;
  border-color:#cccccc;
  line-height: 1.5;
}
.middlecolbbox {
  font-size: 12px;
  color: #333;
  font-style:normal;
  font-weight:400;
  width: 95%;
  text-align:left;
  background-color: #f8ffff;
  margin:10px 0 0 10px;
  padding-left:5px;
  border:1px solid;
  border-color:#cccccc;
  line-height: 1.5;
}
.middlecol pre {
	margin-top:13px;
	_margin-top:14px;
 color: #3E3E3E;
 width:auto;
	margin-left:10px;
	font-family:monospace;
	font-size:13px;
	padding-left:32px;
	background-image:url("../images/line-numbers.png");
 background-color:#fcfdfd;
	background-repeat:repeat-y;
	background-position:0 3px;
	line-height:16px;
	height:100%;
 border:1px solid;
 border-color:#cccccc;
}

.code {
  font-family:monospace;
  font-size: 13px;
  color: #333;
  font-style:normal;
  font-weight:400;
  width: 90%;
  text-align:left;
  background-color: #fcfdfd;
  background-image:url("../images/line-numbers.png");
  background-repeat:repeat-y;
  margin-top:13px;
	_margin-top:14px;
  padding:13px 10px 19px 32px;
		_padding-bottom:21px;
  border:1px solid;
  border-color:#cccccc;
  line-height: 1.23;
  word-break: keep-all;
}

.bcode {    
  font-family:monospace;
  font-size: 13.5px;
  color: #a8a8a8;
  font-style:normal;
  font-weight:600;
  width: 90%;
  text-align:left;
  background-color: #181b11;
  margin-top:13px;
  _margin-top:14px;
  margin-left:30px;
  padding:13px 10px 19px 15px;
  _padding-bottom:21px;
  border:1px solid;
  border-color:#cccccc;
  line-height: 1.4;
  word-break: keep-all;
}

.img { text-align:center;}

.middlecol a:link, .middlecol a:visited {
  color:#0000cd;
  text-decoration:none;
}

.middlecol a:hover {
  background:#f2f2f2;
  text-decoration:none;
  color:#b22222;
}
.middlecol a:active {
  background:#7F7F7F;
  text-decoration:none;
  color:#FFF;
}
.middlecol ul {
  list-style:disc outside;
  margin-left:7px;
  padding-left:5px;
}
.middlecol ol {
  list-style: decimal outside;
  margin-left:10px;
  padding-left:5px;
}
.middlecol li {
  margin-left:10px;
  padding-left:5px;
}
.middlecol apimg {
  position: absolute;
  left: 573px;
  top: 70px;
}
h1.item {
  font-size:1.4em;
  margin:0 0 5px 0;
}
h1.item a {
  text-decoration:none;
}
h1.item a:hover {
  color:#FFF;
}
.iteminfo {
  font-size:0.9em;
  color:#7F7F7F;
  padding:3px 0 15px 15px;
  margin:0 0 10px 0;
  border-bottom:1px dashed #C0C0C0;
}
.middlecol h5 {
  background-color:#a52a2a;
  border-style: solid;
  border-color: eee;
  color:#FFFFFF;
  font-size: 1.2em;
  font-weight: bolder;
  height: 20px;
  text-align:left;
  margin: 0 0 10px 5px;
  padding:0px 0 0px 5px;
}
.middlecol h6 {
  background-color:#6699cc;
  border-style: solid;
  border-color: eee;
  color:#FFFFFF;
  font-size: 1em;
  font-weight: bolder;
  height: 20px;
  text-align:left;
  margin: 0 0 10px 5px;
  padding:0px 0 0px 5px;
}
.middlecol p {
  text-align:left;
  margin: 0 0 10px 5px;
  padding:0px 10px 0px 15px;
}

/*******************************************************************************
 Right column
*******************************************************************************/
.rightcol {
  float:left;
  position:relative;
  z-index:11;
  width:180px;
  margin-right:-180px;
  padding:2px 0 2px 0;
  font-size:11px;
  color:#8e8e8e;
  overflow:hidden;
}

.rightpad {
  padding:50px 10px 10px 13px;
  color:#70708e;
}

.rightpad a:link, a:visited {
  color:#70708e;
  text-decoration:none;
}

.rightpad a:hover, a:active {
  background:#8e8e8e;
  text-decoration:none;
  color:#FFF;
  padding:1px 0;
}

.rightcol a:link, .rightcol a:visited { text-decoration: none; }
.rightcol a:img { border:none; }

/*******************************************************************************
 Footer
*******************************************************************************/
.footer {
  position: absolute;
  width:100%;
  z-index:90;
  background:#fefefe;
  border-top:1px solid #dcdcdc;
  font-size:0.75em;
  padding: 5px 0 5px 0;
  text-align:center;
}

.footer p {
  font-size:0.75em;
  padding:0 0 5px 300px;
}

/* Mozilla code */
.leftcol {
  margin-right:1px;
}
.rightcol {
  margin-left:1px;
}
.middlecol {
  margin:0 -3px 0 -2px;
}