/* CSS Document for CBLL Internet */

html,body {
  font-family: "Trebuchet MS", Verdana, helvetica, sans-serif;
  font-size: 90%;
  voice-family: "\"}\"";
  voice-family: inherit;
  font-size: small;
}

/* Anchors */

a:active {color: #F95E09;}
a:hover {color: #F95E09;}
#footer a {color: #666666;}

#bcnav a {text-decoration: none;color: #666666;}

/* Structural */

#nocss {display: none;}

#header {display: none;}
#prthdr {font-size: 100%; margin-bottom: 40px;}
#prthdr span {font: italic 150% Impact, Helvetica, sans-serif;}
#mainnav {display: none;}
#indexphoto {display: none;}
#footer {display: none;}
#bcnav {display: none;}

/* Right Column */

#right {display: none;}

.interact-box {margin: 10px auto 0px auto; width: 160px; height: 120px;}
.interact-box span.head {font-size: 85%; font-weight: bold; color: #ffffff; padding: 3px 0px 3px 5px;}
.interact-box .emailform {padding: 3px; color: #ffffff; font-size: 80%; text-align: center; }


/* Headings */

h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0;}
h1 {font: bold 160% "Bitstream Vera Sans", verdana, arial, helvetica, sans-serif; margin-bottom: 10px;}
h2 {font: bold 130% verdana, helvetica, sans-serif; color: #222222;}
h3 {font: bold 110% arial, helvetica, sans-serif; color: #222222;}

.bar {padding: 3px; background: #F3EBCF; margin: 20px 0px 5px 0px;}
.bar img{vertical-align: middle; padding: 2px; border: #B6AA82 1px solid;}

/* Paging */

#pager {display: none;}

/* General Formatting */

.hr {border-top: #cccccc 1px solid;height: 2px;margin: 10px 0px 10px 0px;}
ol.h li, ul.h li, li.h {margin-bottom: 10px;}
div#cattype {
  font: bold small-caps 90% Arial, Helvetica, sans-serif;
  letter-spacing: 3px;
  color: #333333;
  margin-bottom: 5px;
}

div.cat-box {
  background: #dddddd url(/images/GUI/frontend9/cb-bg.png);
  border: #999999 1px solid;
  margin: 10px auto 15px auto;
  padding: 0;
  width: 540px;
}

div.cat-box h2 {
  display: block;
  background: #cccccc url(/images/GUI/frontend10/navbar-bg.png) bottom repeat-x;
  font-size: 13px;
  padding: 5px;
  margin: 0;
}

div.cat-box div {padding: 3px;}
img.framethin, img.frame {border: #A8864A 1px solid;}
img.frame {background: #C59F5D; padding: 2px;}
span.caption {color: #444444; font-size: x-small;}
.code {background: #eeeeee;font-family: Courier, System, sans-serif;padding: 3px;}
.rslinks {padding: 3px; margin: 0;}
blockquote {background: #eeeeee; padding: 3px; border: #cccccc 1px solid; margin: 0px auto 0px auto; width: 500px;}
blockquote .caption, blockquote .caption a {font: x-small Arial, Helvetica, sans-serif; color: #999999}

table.chart {background: #eeeeee;padding: 0;margin-bottom: 20px;font-size: 11px;}
table.chart th {background: #ff6600; border-top: #ff8800 3px solid;text-align: center;font: bold 10pt Arial, Helvetica, sans-serif;padding: 2px;}
table.chart td {background: #eeeeee;padding: 3px;vertical-align: top;}
table.chart tr.head2 {font: bold 9pt Arial, Helvetica;}
table.chart tr.head2 td {background: #ffcc33;}

.rightcornerbox .h {
  padding: 2px 0px 2px 0px;
  font-variant: small-caps;
  font-weight: bold;
}
.rightcornerbox .h {font-size: 14px;}
.rightcornerbox {
  float: right;
  border-color: #666666 #aaaaaa #aaaaaa #666666;
  border-style: solid;
  border-width: 1px;
  background: #eeeeee;
  padding: 3px;
  width: 150px;
  margin-left: 5px;
}
.rightcornerbox ul {
  margin-left: 20px;
  vertical-align: middle;
  padding: 0;
  list-style: url(/images/GUI/frontend10/nav-bullet.png) circle;
  font: normal 10px Arial, Helvetica, sans-serif;
  color: #666666;
}
.rightcornerbox a {color: #333333;text-decoration: none;}
.rightcornerbox a:hover {text-decoration: underline;}

.widecaption {margin: 0;text-align: right;padding: 0px 5px 0px 0px;font: normal 9px Arial, Helvetica, sans-serif;color: #666666;}

#synopsis {background: transparent; margin: 0px auto 15px auto;width: 550px;}
#synopsis div.r {float: left;margin-right: 10px;font-weight: bold;text-align: center;}
#synopsis .top, #synopsis .bottom {display:block; background:transparent; font-size:1px;}
#synopsis .b1, #synopsis .b2, #synopsis .b3, #synopsis .b4, #synopsis .b1b, #synopsis .b2b, #synopsis .b3b, #synopsis .b4b {display:block; overflow:hidden; font-size:1px;}
#synopsis .b1, #synopsis .b2, #synopsis .b3, #synopsis .b1b, #synopsis .b2b, #synopsis .b3b {height:1px;}
#synopsis .b2 {background:#eeeeee; border-left:1px solid #999; border-right:1px solid #A2A2A2;}
#synopsis .b3 {background:#eeeeee; border-left:1px solid #999; border-right:1px solid #B3B3B3;}
#synopsis .b4 {background:#eeeeee; border-left:1px solid #999; border-right:1px solid #B7B7B7;}
#synopsis .b4b {background:#eeeeee; border-left:1px solid #A2A2A2; border-right:1px solid #cccccc;}
#synopsis .b3b {background:#eeeeee; border-left:1px solid #B3B3B3; border-right:1px solid #cccccc;}
#synopsis .b2b {background:#eeeeee; border-left:1px solid #B7B7B7; border-right:1px solid #cccccc;}
#synopsis .b1b {margin:0 5px; background:#cccccc;}

#synopsis .b1 {margin:0 5px; background:#999999;}
#synopsis .b2, #synopsis .b2b {margin:0 3px; border-width:0 2px;}
#synopsis .b3, #synopsis .b3b {margin:0 2px;}
#synopsis .b4, #synopsis .b4b {height:2px; margin:0 1px;}
#synopsis p {padding-bottom:0.5em; margin: 0px 0px 0px 100px;}
#synopsis .bc {padding: 3px;display:block; background:#eeeeee; border-left:1px solid #999; border-right:1px solid #cccccc;}