@charset "utf-8";

/* CSS Document */

/*******************************************************************************
  general definitions 
*******************************************************************************/

html {
  padding:0;
  margin:0;
}

body {
  background:#FFF;
  font-family:verdana, sans-serif;
  font-size:15px;
  color:#3E3E3E;
  padding:0;
  margin:0;
}

a img { border:none; }

.skip { display: none; }

.clear { clear: both; }

/* general link definitions */
a:link, a:visited {
  color:#3E3E3E;
  text-decoration:none;
}

a:hover, a:active {
  text-decoration:none;
  color:#FFF;
  padding:1px 0;
}

/* bullets */
ul {
  list-style:none;
  padding:0;
  margin:0 0 20px 0;
  font-weight:bold;
}

li {
  list-style:none;
  margin:5px 0 5px 9px;
  font-weight: normal;
}

hr { border: dashed 1px #cccccc; }

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

/*******************************************************************************
 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:#f5f7ff url(../../images/all/tclbackup.gif);
  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);
}

.header a:link, .header a:visited {
  text-decoration:none;
  color:#dddfe3;
  font-weight:bold;
  text-shadow:1px 1px 3px #000;
  filter: Shadow(Color=#708090, Direction=135, Strength=3);
}

a.selected:link, a.selected:hover, a.selected:active, a.selected:visited {
  background:#7F7F7F;
  color:#FFF;
  padding:2px 4px 4px 4px;
}

.navBar {
  position:relative;
  background:#F5F5F5;
  font-size:0.9em;
  padding:4px;
  margin-bottom:5px;
  border-bottom:1px solid #C0C0C0;
}

.headerQuote {
  position:absolute;
  top:40px;
  right:6px;
  font-size:1.4em;
  font-weight:bold;
}

.logo {
  width:340px;
  margin:5px 0 3px 13px;
  border:0;
}

.logo a:link, .logo a:hover, .logo a:active, .logo a:visited {
  background:#FFF;
  padding:0;
}

/*******************************************************************************
 Left column
*******************************************************************************/
.leftcol {
  float:left;
  position: fixed !important;
  overflow:scroll;
  top: 25px;
  left: 240px;
  height: 100%;
  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%;
}

.leftpad a:link {
  color:#6495ed;
  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: #6495ed;
  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:12;
  font-size:1.0em;
  line-height:160%;
  color:#2A2A2A;
}
.middlepad {
  padding:25px 20px 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/all/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/all/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;
}