@charset "utf-8";

/* CSS Document */

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

html {
  padding:0;
  margin:0;
}

body {
  background:#FFF;
  font-family:verdana, sans-serif;
  font-size:95%;
  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: url(../../images/all/bluefireback1.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: 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; }

.middlecol a:link, .middlecol a:visited {
  color: #191970;
  text-decoration: underline;
}

.middlecol a:hover, .middlecol a:active { color: #FFF; background:#666666; }

.middlecol li { list-style:none url(../../images/all/arrow.gif); }

h1.item {
  font-size:1.4em;
  margin:0 0 5px 0;
}

h1.item a { text-decoration:none; }

h1.item a:hover { color:#FFF; }

.middlepad h2 {
  /*height:20px;*/
  margin-bottom:30px;
  padding:0 0 5px 0;
  background:#6495ed url(../../images/1st/2010527-17-1.png);　/*2010527-12.png, 2010527-19.jpg, */
  font-size:2em;  
  font-weight:bolder;
  color:#fefefe;
  font-weight:700;
  text-align: center;
  text-shadow:1px 1px 2px #000;
  filter: Shadow(Color=#666666, Direction=135, Strength=3);    
}

.middlepad h3 {
  font-size: 1.2em;
  font-weight:bolder;
  color:#000000;
}

.middlepad h4 {
  font-size: 1em;
  font-weight:bolder;
  color:#3e3e3e; 
}

.iteminfo {
  background:url(../../images/all/arrow.gif) no-repeat 0 10px;
  font-size:0.85em;
  color:#7F7F7F;
  padding:3px 0 15px 15px;
  margin:0 0 15px 0;
  border-bottom:1px solid #DADADA;
}

.iteminfo a:link, .iteminfo a:visited {
  font-weight:bold;
  color:#555;
  text-decoration: underline;
}

.iteminfo a:hover, .iteminfo a:active { color:#FFF; }

.note {
  background:url(../../images/all/edit.gif) no-repeat -2px 8px;
  font-size:0.85em;
  color:#7F7F7F;
  padding:3px 0 15px 15px;
  margin:0 0 15px 0;
  border-bottom:1px solid #DADADA;
}

.note a:link, .note a:visited {
  color:#3E3E3E;
  text-decoration: underline;
}

.note a:hover, .note a:active {
  background:#7F7F7F;
  text-decoration:none;
  color:#FFF;
  padding:1px 0;
}

.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;
}

.report {
 background-color:#d5d2d8;
 display:block;
 padding:1px 2px 4px 16px;
 margin:0 5px 0 2px;
 background:#fff url(../../images/all/report.png) no-repeat left top;
 line-height:1.67em;
 font-size:12px;
}

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

.box {
  font-family:monospace;
  font-size: 13px;
  color: #333;
  font-style:normal;
  font-weight:400;
  width: 90%;
  text-align:left;
  background-color: #fcfdfd;
  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;
}

.img { text-align:center; }

.leftbox, .rightbox {
  margin: 3px;
  padding: 3px;
  font-size: larger;
  width: 30%;
}

.leftbox {
  float: left;
  border-right: 2px solid #ccc;
}

.rightbox {
  float: right;
  border-left: 2px solid #ccc;
}
.rightxt { text-align:right; padding-right:30px; }

/*******************************************************************************
 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;
}