html body {
background:transparent url(/images/sidebar_bg.gif) repeat scroll 0 0;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:76.5%;
margin:0;
padding:0;
width:100%;
}
html > body {
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:76.5%;
width:100%;
}
form table tr td ul li input div span th {
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:76.5%;
}
html {
height:100%;
width:100%;
}

#header { height:100px; width:100%; overflow:hidden; }
#headm {
  background:#FFFFFF none repeat scroll 0 0;
  position:absolute;
  text-align:left;
  top:1px;
  width:100%;
  z-index:1;
  height:99px; 
  overflow:hidden;
}
#logo { float:right; z-index:11; position:absolute; right:5; top:5; }
#advert_wrapper { position:absolute; top:5px; left:0px; right:0px; width:100%; text-align:center; z-index:100;}
#advert_image { margin:0 auto; border:1px solid gray; width:480px; height:60px; }
#advert_text { position:relative; top:-30px; color:white; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:8pt; }
#advert_text a { color:white; cursor:pointer;  }


#sidebar {
  height:100%;
  background:transparent url(/images/sidebar_bg.gif) repeat scroll 0 0;
  border-left:1px solid #D9D9D9;
}

#content {
  background: #fff;
  border-left:1px solid #D9D9D9;
  padding:10px;
  width:100%;
}
#google_ad { width:130px; padding:5px; }



#nav {
background:transparent url(/images/bottom_tab.gif) repeat-x scroll center bottom;
float:left;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:0.8em;
line-height:normal;
position:absolute;
top:73px;
width:100%;
z-index:10;
}
#nav ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:10px 10px 0 3%;
}
#nav li {
background:transparent url(/images/left_tab.gif) no-repeat scroll left top;
border-bottom:1px solid #CCCCCC;
float:left;
margin:0;
padding:0 5px;
}
#nav a {
background:transparent url(/images/right_tab.gif) no-repeat scroll right top;
display:block;
float:none;
padding:3px 12px 1px 6px;
text-decoration:none;
width:0.1em;
}
#nav > ul a {
width:auto;
}
#nav a:hover {
color:#000000;
}
#nav #current {
background-image:url(/images/left_tab.gif);
border-width:0;
color:#123456;
}
#nav #current a {
background-image:url(/images/right_tab.gif);
color:#123456;
padding-bottom:2px;
}
#nav a:link {
color:#999999;
}
#nav a:visited {
color:#999999;
}
#nav a:hover {
color:#123456;
}
#nav a:active {
color:#999999;
}

.sbtop {
background:transparent url(/images/sbtop2.gif) no-repeat scroll left top;
height:18px;
width:250px;
}
.sbmiddle {
background:transparent url(/images/sbmiddle2.gif) repeat-y scroll 0 0;
width:250px;
}
.sbbottom {
background:transparent url(/images/sbbottom2.gif) no-repeat scroll left top;
height:18px;
width:250px;
}
.sbcontainer {
padding:4px 26px;
width:auto;
}
.sbcontainer p {
-x-system-font:none;
color:#333333;
font-family:Arial,Helvetica,sans-serif;
font-size:1em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin:7px 0;
padding:0;
}
.sbcontainer p a:link, .sbcontainer p a:active {
border-bottom:1px dotted #CC6633;
color:#CC6633;
font-style:italic;
text-decoration:none;
}
.sbcontainer p a:visited {
color:#999999;
font-style:italic;
text-decoration:none;
}
.sbcontainer p a:hover {
border-bottom:1px dotted #CCCCCC;
color:#CCCCCC;
font-style:italic;
text-decoration:none;
}
.sbhead {
-x-system-font:none;
border-bottom:1px solid #D9D9D9;
color:#123456;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:1em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin:0;
padding-bottom:3px;
}
.sidelist a:link {
color:#CC6633;
font-style:italic;
text-decoration:none;
}
.sidelist a:visited {
color:#999999;
font-style:italic;
text-decoration:none;
}
.sidelist a:hover {
border-bottom:1px dotted #CC6633;
color:#CC6633;
font-style:italic;
text-decoration:none;
}
.sidelist a:active {
color:#CC6633;
font-style:italic;
text-decoration:none;
}
.sidelist {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:3px 0 0;
}
.sidelist li {
border-bottom:1px dotted #E8E8E8;
padding-bottom:9px;
padding-top:6px;
}
.dropshadow {
background:transparent url(/images/shadowAlpha.png) no-repeat scroll right bottom !important;
clear:both;
float:left;
margin:10px 5px 0 3px;
}
html > body .dropshadow {
margin:10px 11px 0 6px;
}
.dropshadow img {
background-color:#FFFFFF;
border:1px solid #A9A9A9;
display:block;
margin:-6px 0 6px -6px;
padding:4px;
position:relative;
}
.dropshadowp {
background:transparent url(/images/shadowAlpha.png) no-repeat scroll right bottom !important;
float:left;
margin:12px 10px 0 1px;
}
html > body .dropshadowp {
margin:10px 10px 0 1px;
}
.dropshadowp img {
background-color:#FFFFFF;
border:1px solid #A9A9A9;
display:block;
margin:-6px 6px 6px -6px;
padding:4px;
position:relative;
}
.dropshadowworkp {
float:left;
padding:0 10px 5px 0;
}
.dropshadowworkp img {
background-color:#FFFFFF;
border:1px solid #A9A9A9;
display:block;
margin:0;
padding:1px;
position:relative;
}
.dropshadowr {
background:transparent url(/images/shadowAlpha.png) no-repeat scroll right bottom !important;
clear:both;
float:right;
margin:22px 0 0 20px;
}
html > body .dropshadowr {
margin:21px 0 0 20px;
}
.dropshadowr img {
background-color:#FFFFFF;
border:1px solid #A9A9A9;
display:block;
margin:-6px 6px 6px -6px;
padding:4px;
position:relative;
}
.dropshadowrt {
background:transparent url(/images/shadowAlpha.png) no-repeat scroll right bottom !important;
clear:both;
float:right;
margin:12px 0 0 20px;
}
html > body .dropshadowrt {
margin:11px 0 0 20px;
}
.dropshadowrt img {
background-color:#FFFFFF;
border:1px solid #A9A9A9;
display:block;
margin:-6px 6px 6px -6px;
padding:4px;
position:relative;
}
.searchbox {
-x-system-font:none;
border-bottom:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
border-top:1px solid #999999;
color:#000000;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
height:15px;
line-height:normal;
margin-top:1px !important;
vertical-align:top;
}
.search {
margin:0;
padding-bottom:2px;
padding-top:10px;
}
.linebr {
border-bottom:1px dotted #CCCCCC;
margin:0;
padding:0;
}
.articlenav {
font-size:0.8em;
padding-bottom:7px;
padding-right:10px;
padding-top:7px;
text-align:right;
}
.articlenav a:link, .articlenav a:visited, .articlenav a:active {
color:#CC6633;
text-decoration:none;
}
.aicon a {
background:transparent url(/images/article.gif) no-repeat scroll 0 0.1em;
color:#CC6633;
padding-left:17px;
}
.aicon a:link, .aicon a:visited, .aicon a:hover, .aicon a:active {
text-decoration:none;
}
.cicon a {
background:transparent url(/images/speak.gif) no-repeat scroll 0 0.1em;
color:#CC6633;
padding-left:20px;
}
.cicon a:link, .cicon a:visited, .cicon a:hover, .cicon a:active {
text-decoration:none;
}
h2 {
-x-system-font:none;
color:#123456;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:1.29em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:1.3em;
margin:0;
padding-top:20px;
}

.dropshadow a:hover img {
border:1px solid #CC6633;
}
.dropshadowr a:hover img {
border:1px solid #CC6633;
}
.dropshadowrt a:hover img {
border:1px solid #CC6633;
}
.dropshadowp a:hover img {
border:1px solid #CC6633;
}
.dropshadowworkp a:hover img {
border:1px solid #CC6633;
}
.quotesl {
background:transparent url(/images/ql.gif) no-repeat scroll 0 0;
height:28px;
width:33px;
}
.quotesr {
background:transparent url(/images/qr.gif) no-repeat scroll 0 0;
height:28px;
width:33px;
}
.copywrite {
color:#000000;
font-size:0.9em;
padding-left:2px;
vertical-align:top;
}
.copytx {
-x-system-font:none;
color:#123456;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:0.9em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
}
.clear {
clear:both;
height:0;
line-height:0;
}
blockquote {
-x-system-font:none;
color:#CCCCB2;
float:right;
font-family:georgia,palatino,serif;
font-size:1.5em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
margin:7px 0 7px 10px;
padding-left:0;
text-align:center;
width:150px;
}
blockquote.nofloat {
-x-system-font:none;
color:#CCCCB2;
font-family:georgia,palatino,serif;
font-size:1.5em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
margin:20px 30px;
}
strong {
color:#123456;
}
pre {
background:white none repeat scroll 0 0;
border-color:#BBBBBB #DDDDDD #DDDDDD #BBBBBB;
border-style:solid;
border-width:1px;
height:100%;
line-height:1.5;
margin:2em 0.01em;
overflow:auto;
padding:1em;
width:95%;
}
code {
font-size:1.2em;
}
.entrytext li a:link, .entrytext li a:active {
border-bottom:1px dotted #CC6633;
color:#CC6633;
font-style:italic;
text-decoration:none;
}
.entrytext li a:visited {
border-bottom:1px dotted #999999;
color:#999999;
font-style:italic;
text-decoration:none;
}
.entrytext li a:hover {
border-bottom:1px dotted #999999;
color:#999999;
font-style:italic;
text-decoration:none;
}
.hide {
display:none;
}
.entrytext ul {
list-style-image:none;
list-style-position:outside;
list-style-type:circle;
margin:0;
padding-bottom:10px;
padding-left:20px;
}
.entrytext ol {
margin:0;
padding-left:30px;
}
.entrytext ul li {
margin:0;
padding:2px 0;
}
.entrytext p {
margin:0;
padding:0 0 6px;
}
.entrytext p.noindent {
margin:0;
padding:0 0 6px;
text-indent:0;
}
#searchform p {
margin:0;
padding:0;
}
#LSResult {
background-color:#FFFFFF;
position:absolute;
width:225px;
}
#LSShadow {
border:3px solid #CCCCB2;
padding-bottom:5px;
}
#LSRes {
display:block;
}
.LSRow {
display:block;
padding:4px 6px;
}
#LSHighlight {
background-color:#E5E5D8;
}
#LSHeader {
background-color:#CCCCB2;
color:#123456;
font-size:0.8em;
padding:4px 5px 8px;
}
.lsDate {
color:#555555;
display:block;
font-size:0.8em;
padding-top:1px;
}
#LSResult a {
border-bottom:1px dotted #CC6633;
color:#CC6633;
font-style:italic;
text-decoration:none;
}
#LSResult a:visited {
border-bottom:1px dotted #999999;
color:#999999;
font-style:italic;
text-decoration:none;
}
#LSResult a:hover {
border-bottom:1px dotted #999999;
color:#999999;
font-style:italic;
text-decoration:none;
}
#LSResult a:active {
border-bottom:1px dotted #CC6633;
color:#CC6633;
font-style:italic;
text-decoration:none;
}
.ed_button {
font-size:0.9em;
margin-right:3px;
}
.button {
font-size:0.9em;
}
#TextDisplay {
background-color:#E5E5D8;
border-bottom:1px solid #CCCCB2;
border-right:1px solid #CCCCB2;
margin:2px 2px 2px 0;
padding:1px 10px;
}
.javascript .comment, .ruby .comment {
color:green;
}
.javascript .string, .ruby .string {
color:teal;
}
.javascript .keywords, .ruby .keywords {
color:navy;
font-weight:bold;
}
.javascript .global {
color:blue;
}
.javascript .brackets, .ruby .brackets {
color:navy;
}
.css .comment {
color:gray;
}
.css .properties {
color:navy;
}
.css .selectors {
color:maroon;
font-weight:bold;
}
.css .units {
color:red;
}
.css .urls {
color:green;
}
.html .tag {
color:purple;
}
.html .comment {
color:gray;
font-style:italic;
}
.html .string {
color:navy;
}
.html .doctype {
color:teal;
}
.link_button {
    border:none;
    background:transparent;
}





table.search  {

border-collapse:collapse;
color:#123456;
}
.search td {
font-size:8pt;
padding:3;
text-align:left;
}
.search tr.odd td {
background:#eee;
}
.search thead th {
font-size:75%;
background:#dedede;
text-align:left;
font-weight:bold;
color:#000;
}
.search tfoot th {
background:#f4f9fe;
text-align:center;
}
.search .link {
color:#f03b58;
font-size:8pt;
border:none;
background:transparent;
font-weight: bold;
font-style: normal;
text-decoration:none;
cursor:pointer;
}
form.search {
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:76.5%;
}

.counts table tr td { 
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:76.5%;
}
.counts fieldset {
margin:10;
}
.counts legend {
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:76.5%;
font-weight:bold;
}

#footer {
background:#EEEEEE none repeat scroll 0 0;
border:1px solid #999999;
clear:both;
width:100%;
padding:10px;
}


/*
#header {
background:#EEEEEE none repeat scroll 0 0;
border-top:1px solid #999999;
height:6px;
width:100%;
}
#logoclamp {
background:#FFFFFF none repeat scroll 0 0;
float:left;
width:100%;
}
#logo {
float:right;
font-size:0;
margin:0;
padding:16px 8px 0;
position:relative;
z-index:11;
}
#logo a { text-decoration:none; border:none;}
h1 {
-x-system-font:none;
color:#123456;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:1.3em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
letter-spacing:-1px;
line-height:1.4em;
margin:0;
padding-top:15px;
text-decoration:none;
}
h1 a:link, h1 a:visited, h1 a:hover, h1 a:active {
color:#123456;
text-decoration:none;
}
*/


.sbtop2 {
background:transparent url(/images/sbtop3.png) no-repeat scroll left top;
height:18px;
width:300px;
}
.sbmiddle2 {
background:transparent url(/images/sbmiddle3.png) repeat-y scroll 0 0;
width:300px;
}
.sbbottom2 {
background:transparent url(/images/sbbottom3.png) no-repeat scroll left top;
height:18px;
width:300px;
}
.sbcontainer2 {
padding:4px 26px;
width:auto;
}
.sbcontainer2 p {
-x-system-font:none;
color:#333333;
font-family:Arial,Helvetica,sans-serif;
font-size:1em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin:7px 0;
padding:0;
}
.sbcontainer2 p a:link, .sbcontainer p a:active {
border-bottom:1px dotted #CC6633;
color:#CC6633;
font-style:italic;
text-decoration:none;
}
.sbcontainer2 p a:visited {
color:#999999;
font-style:italic;
text-decoration:none;
}
.sbcontainer2 p a:hover {
border-bottom:1px dotted #CCCCCC;
color:#CCCCCC;
font-style:italic;
text-decoration:none;
}
.sbhead2 {
-x-system-font:none;
border-bottom:1px solid #D9D9D9;
color:#123456;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:1em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin:0;
padding-bottom:3px;
}



div.scrollWrapper{
  float:left;
  overflow:hidden !important;
  overflow:visible;
  overflow-y:scroll;
  height:500px;
}
table.scrollable{
  width:450px;
  margin-right:0 !important;
  margin-right:16px;
  border-collapse:separate !important;
  border-collapse:collapse;
}
table.scrollable th{
  border-top:1px solid #999999;
  border-left:1px solid #999999;
  border-bottom:1px solid #999999;
  padding:5px;
  background:#f7f7f7;
  position: relative;
}
table.scrollable tbody{
  height:500px;
  max-height:500px;
  overflow-y:scroll;
}
table.scrollable tr{
  height:0px;
}
table.scrollable td{
  border-left:1px solid #999999;
  border-bottom:1px solid #999999;
  text-align:center;
}

pre { 
border:none;
font-family:Arial,Helvetica,sans-serif;
font-size:1em;
}


table.small td {
font-family:Arial,Helvetica,sans-serif;
font-size:8pt;

}
table.small th {
font-family:Arial,Helvetica,sans-serif;
font-size:8pt;
font-weight:bold;
text-align:left;
}