body {
  font-family: verdana,arial,sans-serif;
  color: #000000;
  background: #FFFFFF;
  font-size: 80%;
  margin: 0;
  padding: 0;
}
th, td {
  font-family: verdana,arial,sans-serif;
  /* font-size: 80%; */ /* -- remove for transitional -- */
  /* text-align: left; */
}
tt {
  font-family: courier new, courier, monaco, monospace;
}
hr {
  height:1px;
  border-style:solid;
  border-bottom-width:0;
  border-color:#444444;
  padding:0px;
  margin-bottom:3px;
  margin-top:3px;
}
blockquote {
  margin-bottom: 5px;
  margin-top: 5px;
  margin-left: 20px;
  padding-top: 0.1em;
  padding-bottom: 0.1em;
}
pre {
  margin-bottom: 0.1em;
  margin-top: 0.1em;
  font-family: courier, monospace;
}
A:link {
  /* background: none; */
  color: #0000FF;
  text-decoration: none;
}
a:visited {
  /* background: none; */
  color: #0000CF;
  text-decoration: none;
}
a:active {
  border:0;
}
a:hover {
  color: #FF0000;
  text-decoration: underline;
}
/* --- yellow / red --- */
.green {
  color: #000000;
  background: #00FF00;
}
.yellow {
  color: #000000;
  background: #FFFF00;
}
.red {
  color: #000000;
  background: #FF0000;
}
/* --- .tbox --- */
.tbox fieldset {
   /* container */
   border: 1px solid #CCCCCC;
   padding: 1em;
   margin: 0.5em;
}
.tbox legend {
   /* Can box and color the legend if we want */
   color: orange;
   background: #FFFFFF;
   /* border: 1px solid #CCCCCC; */
   padding: 2px 6px; /* positioning */
}
/* -- .cssform -- */
.cssform label {
   width: 4em;
   float: left;
   text-align: right;
   margin-right: 0.5em;
   display: block
}
.cssform .submit input {
   margin-left: 4.5em; /* width 4em + 0.5em margin */
}
.cssfrom input {
   /* color: #781351; */
   /* background: #fee3ad; */
   border: 1px solid #444444;
}
.cssform .submit input {
   /* submit button */
   color: #000;
   /* background: #ffa20f; */
   border: 2px outset #d7b9c9
}
.cssform fieldset {
   /* container for bunch of fields, fixed width */
   border: 1px solid #CCCCCC;
   /* width: 20em; hmm */
   padding: 1em;
}
.cssform legend {
   /* Can box and color the legend if we want */
   color: #00F;
   background: #FFFFFF;
   /* border: 1px solid #CCCCCC; */
   padding: 2px 6px
}

/* --- news stuff --- */
.news {
  line-height: 1.45em;
}
.news a:link,
.news a:visited {
  color: #0000FF;
  text-decoration: underline;
}
.news a:hover {
  color: #FF0000;
  text-decoration: underline;
}
.news li {
  padding-top: 0.25em;
  padding-bottom: 0.25em;
  margin-top: 0em;
  margin-bottom: 0em;
}
.news ul {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  margin-top: 0em;
  margin-bottom: 0em;
  padding-left: 2em;
  list-style-type: disc;
  list-style-position: outside;
}

/* forum topics */
td.uinfo { padding: 4px 4px 0px 4px; }
/* avatars - padding ignored for MSIE quirks mode */
.av {
  border: 1px solid #CCCCCC;
  padding: 1px;
}

/* news inserted images */
.news .apic {
  padding: 2px;
  border: 1px #CCCCCC solid;
}

/* tables with fine lines */
.soft-tbl td {
  border: 1px #DDDDFF solid;
}
.soft-tbl table {
  border-collapse: collapse;
  border-spacing: 0px;
}
/* borderless over-ride */
.borderless td { border-style: none; }
/* tables with a titlebar below tabs - tabs provide border */
.tabbed-table tr.titlerow td {
  border-top: 0px none;
}

.h3tool h3 {
  color: yellow;
  background: none;
  font-weight: normal;
  font-family: arial,verdana,sans-serif;
  margin: 0em 0pt 0.0em;
  padding-top: 0.0em;
  padding-bottom: 0.0em;
  border-bottom: 1px solid #CCCCCC;
  font-size: 150%;
}
.h3tool A {
  text-decoration: none;
  color: yellow;
}
.h3tool A:hover {
  text-decoration: none;
  color: #FFFF80;
}
.floatr {
  float: right;
  position: relative;
}

.firstwiki h3 {
  padding-top: 0.1em;
}
.wiki h1, .wiki h2, .wiki h3, .wiki h4, .wiki h5, .wiki h6 {
  background: none;
  font-weight: normal;
  font-family: arial,verdana,sans-serif;
  margin: 0em 0pt 0.4em;
  padding-top: 0.1em;
  padding-bottom: 0px;
  border-bottom: 1px solid #CCCCCC;
}
.wiki h1 { font-size: 188%; }
.wiki h2 { font-size: 170%; }
.wiki h3 { font-size: 150%; }
.wiki h4 { font-size: 132%; }
.wiki h5 { font-size: 116%; }
.wiki h6 { font-size: 80%;  }
.wiki .wiki h4, .wiki h5, .wiki h6 {
  border-bottom: none;
  font-weight: bold;
}

/* front page form hot topics */
.blog_entry {
	margin-left: 6px;
}
.blog_description {
	margin: 4px 0 0 24px;
}
.blog_byline {
	text-align: right;
	margin: 4px 0;
}

.codetext {
   font-family: "Courier New", Courier, monospaced;
   font-size: 0.95em;
}
.code {
/*      font-size: 0.9em; */
  border-style: dashed;
  border-color: #FF8080;
  color: #000000;
  border-width: 1px;
  background: #D8E8F8 none repeat scroll 0%;
  margin-left: 1em;
  margin-right: 1em;
  margin-top: 0.4em;
  margin-bottom: 0.4em;
  padding-top: 0.2em;
  padding-bottom: 0.2em;
  padding-left: 0.5em;
	/*
        -moz-background-clip: initial;
        -moz-background-origin: initial;
        -moz-background-inline-policy: initial;
	*/
  overflow: auto;
  width: 600;
  min-height: 4em;
}

/* bquotes in news */
.news .bquote {
  font-size: 0.9em;
  border-top-style: none;
  border-bottom-style: none;
  border-left: 4px solid #CCCCCC;

  margin-left: 1em;
  margin-right: 1em;
  /* above and below the quote block */
  margin-top: 0.6em;
  margin-bottom: 0.6em;

  padding-top: 0.5em;
  padding-bottom: 0.5em;
  padding-left: 0.5em;
}

.bquote {
  font-size: 0.94em;
  border-top-style: dotted;
  border-bottom-style: dotted;
  border-color: #CCCCCC;
  /* _color: #3F3F3F; */		/* grey text */
  border-width: 1px;
  background: #FFFFDF none repeat scroll;

  margin-left: 1em;
  margin-right: 1em;
  /* above and below the quote block */
  margin-top: 0.6em;
  margin-bottom: 0.6em;

  padding-top: 0.5em;
  padding-bottom: 0.5em;
  padding-left: 4px;
}

.syntax {
/*        font-size: 0.9em; */
  border-style: inset;
  border-color: #CCCCCC;
  border-width: 2;
  background: #000000;
  margin-left: 1em;
  margin-top: 0.1em;
  margin-bottom: 0.5em;
  padding-top: 0.5em;
  padding-left: 0.5em;
  padding-bottom: 0.5em;

  overflow: auto;
  width: 600;
  min-height: 4em;
}

.tabber A:hover {
  text-decoration: none;
}

.areae, .areae A:link, .areae A:visited {
  background: none;
  color: #000000;
  font-family: arial, sans-serif;
  font-size: 12px;
  text-decoration: none;
}
.areae A:hover {
  background: none;
  color: #000000;
  text-decoration: none;
}
.areab, .areab A:link, .areab A:visited {
  background: none;
  color: #000000;
  font-family: arial, sans-serif;
  font-size: 12px;
  text-decoration: none;
}
.areab a.sel { color: red; font-weight: bold }
.areab a:hover { text-decoration: underline }
.areab li { margin: 0 0 0 6px; padding: 0; text-indent: -5px }
.areab ul { margin: 0; padding: 0; list-style: none }
.areab li.nav { font-weight: bold; margin: 0 0 0 1px }

/* forum left hand margin links */
.areac { font-size: 12px; font-family: arial, sans-serif; }
.areac li { margin: 0 0 0 6px; padding: 0; text-indent: -5px }
.areac ul { margin: 0; padding: 0; list-style: none }
.areac li.nav { font-weight: bold; margin: 0 0 0 1px }

li { margin: 0; padding: 0; list-style:none; }
ul { margin: 0.5em 0em 0.5em 1em; padding: 0; }

/* popup forum topic preview pane, a table with a single cell */
.p1 { background-color: #FFFFFF; border: 1px #444444 dashed; padding: 4px; }
.p2 { font-size : 12px; color: #000000; }
a.p2 { color: #0000FF; text-decoration: none; }
a.p2:hover { color: #0000FF; text-decoration: underline; }

.navt A:link, .navt A:visited {
    background: none;
    color: #000000;
    font-family: arial, sans-serif;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none
}
.navt A:hover {
    text-decoration: none;
    background: #CCCCFF;
}

.subHeadline A:link, .subHeadline A:visited {
    /* placeholder for story subheadlines */
}

.cmd-links A:link, .cmd-links A:visited {
    background: none;
    color: #800000;
    text-decoration: none;
}

/* tabs */
.menuTABLE  {padding:0px;margin:0px;border:0px}
.menuTD     {background-image:url(http://i.dslr.net/grad.gif);
             padding:2px;margin:1px;text-align:center;vertical-align:middle;border-left:1px solid #505050}
.menuTDover1 {background-image:url(http://i.dslr.net/grad.gif);
             padding:2px;margin:1px;text-align:center;vertical-align:middle;border-left:1px solid #505050}
.menuTDover {background-image:none;background-color:#4040ff;
             padding:2px;margin:1px;text-align:center;vertical-align:middle;border-left:1px solid #505050}

.nmenuFont  {font-family:arial,helvetica,sans-serif;font-size:13px;color:#fff;font-weight:500;letter-spacing:0px;}
.nmenuFont:visited {text-decoration:none;color:#fff;}
.nmenuFont:link {text-decoration:none;color:#fff;}
.nmenuFont:hover {text-decoration:underline;color:#fff;}

/* -- forum topic header links -- */
.tl1, .tl2, .tl3 { font-weight:bold; }

.tl1 {  color:#000000; }
.tl1:visited, .tl1:link {  text-decoration:none; color:#000000; }
.tl1:hover {  text-decoration:underline; color:#000000; }

/* -- smaller links -- */
.tl2 {  color:#000000; font-size: .8em; }
.tl2 a:visited, .tl2 a:link {  text-decoration:none; color:#000000; }
.tl2 a:hover {  text-decoration:underline; color:#000000; }

.tl3 {  color:#000000; font-size: .8em; }
.tl3 a:visited, .tl3 a:link {  text-decoration:none; color:black; background-color:yellow; }
.tl3 a:hover {  text-decoration:underline; color:black; background-color:yellow;}
/* -- end forum topic header links -- */

.mod-double .main { float:left; clear:left }
.mod-double .ext { display:block; text-align:right }
kbd.shortcut { font-family:"Verdana","Arial","Helvetica",sans-serif; }
/*
*:root input.text, *:root input.button, *:root select {
    height:auto
}
*/
input.text, input.button { font:8pt "Verdana","Arial","Helvetica",sans-serif; font-weight:normal }
input.button { border:1px solid; padding:0.1em; cursor:pointer; -moz-border-radius:0px; }
input.text { border:1px solid; letter-spacing:0px; background-color:#F0F0F0 }
input.text:focus { background-color:#fff }
kbd.shortcut { text-decoration: underline; }
form { margin:0px; display:inline; }
input.button:hover, input.button:focus { background-color:#C0C0C0 }

/*
chat bullet list
*/
.chatlist ul { list-style-type: none; padding-left: 0px; margin-left: 0.5em; margin-top: 0em; margin-bottom: 0px; }
.chatlist li { background: url(http://i.dslr.net/chat.gif) 4px 1px no-repeat; padding-left: 24px; margin-bottom: 0em; margin-top: 0em; }
/*
review bullet list
*/
.revlist ul { list-style-type: none; padding-left: 1em; text-indent: -2em; margin-left: 2.0em; margin-top: 0em; margin-bottom: 0em; }
.revlist li { padding-left: 0px; margin-bottom: 0em; margin-top: 0em; }

/*
pagination
*/
.ks-pagination-links {position:relative;text-align:left;padding-top: 10px;padding-bottom: 10px;margin-bottom:0px;line-height:140%;}
.ks-pagination-links ul {display:inline;margin-left:0.1em; padding-left:0.1em;}
.ks-pagination-links li {display:inline;list-style:none;text-align:center; margin:2px;}
.ks-pagination-links li a {font-weight: 100;font-size: .8em!important;text-decoration: none!important; border: 1px #CCCCCC solid;padding: 3px 6px 3px 6px!important;}
.ks-pagination-links li a:hover {background-color: #90FF90; color: #000000!important; font-weight: bold;border:1px #CCCCCC solid;}
.ks-pagination-links .current {font-weight:bold; font-size: .8em; text-decoration: none; padding-left: 5px; padding-right: 5px; color: #FF0000;}
.ks-pagination-links .noclick {font-size: .8em; padding-left: 5px; padding-right: 5px; color: #CCCCCC;}
.ks-pagination-links .next a, .ks-pagination-links .previous a {border: 1px #CCCCCC solid; padding: 3px 6px 3px 6px;  }
.ks-pagination-links .next a:hover, .ks-pagination-links .previous a:hover {font-weight:normal;}
.ks-pagination-links .pager_help {font-size: .8em; padding-left: 5px; padding-right: 5px; color: #444444;}

/* For post control list of links */
.control-links { font-size: .8em; }
.control-links a { color: #800000; }
.control-links a:visited { color: #800000; }
.control-links a:hover { color: #800000; text-decoration: underline; }

/*
titlebars
  width 2 height 31
*/
#titlebarA1 {
  background: #E0FFE0 url(http://i.dslr.net/grads/grad0-E0FFE0-100-2.gif) repeat scroll 0%;
  border:1px solid #809f80;
  height:25px;
  margin-top:0px;
  max-width:100%;
  padding:4px;
  color: #000000;
}
#titlebarA1 A:link {
  color: #000000;
}
#forumheaderA1 {
  background: #E0FFE0 url(http://i.dslr.net/grads/grad0-E0FFE0-30-2.gif) repeat scroll 0%;
  height:18px;
  /* margin-top:5px; */
  max-width:100%;
  padding:0px;
  color: #000000;
}
#forumheaderA2 {
  background: #E0FFE0 url(http://i.dslr.net/grads/grad0-E0FFE0-40-2.gif) repeat scroll 0%;
  height:40px;
  margin-top:5px;
  max-width:100%;
  padding:5px;
  color: #000000;
}

td.foddcell { background: #EEEEEE; }
td.fevencell { background: #FFFFFF; }
td.fpopcell { background: #E0FFE0; }
td.fpop1cell { background: #B0FFB0; }
td.fpop2cell { background: #90FF90; }
td.ftodaycell { background: #FFE0E0; }
td.fweekcell { background: #FFFFE0; }
td.foldcell { background: #FFFFFF; }

/* simple ordered/unordered lists without any indent */
div#bullets ul { /* unordered - tabs */
  margin: 0;
  padding: 0;
  list-style: circle;
  padding-left: 0;
  margin-left: 15px;
}
div#bullets ol { /* ordered - items */
  margin: 0;
  padding: 0;
  padding-left: 0;
  margin-left: 15px;
}
div#bullets ol li {
    padding-left: 0;
    padding-top: 3px;
    padding-bottom: 3px;
}

/* --- new titles --- */
div.nicetitle {
  text-align: left;
  background-image: url(http://i.dslr.net/grads/fade0-FFFFFF-50-2.gif);
  background-repeat: repeat-x;
  /* background-color: #bfbfbf; */
  background-color: #FFFFFF;
  border:2px solid #E0FFE0;
  font-family: Arial,Verdana,Helvetica,Arial,sans-serif;
  font-size: 12px;
  left: 0px;
  padding: 4px;
  position: absolute;
  top:0px;
  width:25em;
}
div.nicetitle p {
  margin:0pt;
  padding:0pt 3px;
}
/* -- end new titles -- */
div.popup {
  text-align: left;
  background-image: url(http://i.dslr.net/grads/fade0-FFFFFF-50-2.gif);
  background-repeat: repeat-x;
  background-color: #FFFFFF;
  border:2px solid #E0FFE0;
  font-family: Arial,Verdana,Helvetica,Arial,sans-serif;
  font-size: 12px;
  margin: 0px;
  left: 0px;
  padding: 4px;
  position: absolute;
  top:0px;
  width: auto;
  filter: alpha(opacity=100);
}
/*
div.popup p {
  margin:0pt;
  padding:0pt 3px;
}
*/

.sform p { margin: 2px; }
.sform select { font:9px "Verdana","Arial","Helvetica",sans-serif; font-weight:normal }
.sform input { margin: 2px; font:9px "Verdana"; border: 1px solid #CCCCCC; }

/* -- end popup -- */

/* -- drag re-order -- */
ul.boxy {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	width: 20em;
	font-size: 13px;
	font-family: Arial, sans-serif;
}
ul.boxy li {
	cursor:move;
	padding: 2px 2px;
	border: 1px solid #444444;
	background-color: #CCCCCC;
  color: #000000;
	white-space: nowrap;
  margin: 5px; 
}
#favl { margin-bottom: 1em; }
#favl li, #buttons li { margin-bottom: 0px; margin-top: 4px; }
.inspector { font-size: 11px; }

/* -- end drag re-order -- */

/* -- mini nav -- */
#mini-nav {
  position:fixed;
  top:0px;
  background-image: url(http://i.dslr.net/grads/fade0-FFFFFF-100-2.gif);
  background-repeat: repeat-x;
  background-color: #FFFFFF;
  z-index: 2;
}
#mini-nav-top {
  position:fixed;
  top:0px;
  background: #FFFFFF url(http://i.dslr.net/grads/grad0-FFFFFF-32-2.gif) repeat scroll 0%;
  border-bottom: 1px solid #CCCCCC;
  z-index: 2;
  zIndex: 2;
}
img.roll {background: transparent; padding:2px; }
img.roll:hover {background: #CCCCCC; border:1px solid red; padding:1px;}
img.rollb {background: transparent; padding:0px; }
img.rollb:hover {background: #CCCCCC; border:0px solid red; padding:0px;}

/* -- end mini nav -- */
/* -- two columns -- */
/* -- */
/* ------------- two column [content][22] ------------- */
#wrap-ba {
  width: auto;
  float: left;
}
#c1-ba {
  float: right;
}
#c2-ba {
  border-right: 1px solid #CCCCCC;
  /* nothing */
}
#c2-ba-content {
  /* nothing */
}
/* ------------- two column [22][content] ------------- */
#wrap-ab {
  width: 100%;
}
#c1-ab {
  float: left;
  margin: 0;
  padding: 0px;
  text-align: center;
}
#c2-ab {
  border-left: 1px solid gray;
  padding: 0px;
}
#c2-ab-content {
}
/* -- top bottom -- */
#wrap-xy {
  width: 100%;
}
#x1-xy {
  margin: 0;
  padding: 0px;
}
#x2-xy {
  /* border-top: 1px solid gray; */
  padding: 0px;
}
#x2-xy-content {
}
/* -- end two columns -- */

/* ------------------------------- BUTTONS ----------------------------
  http://particletree.com/features/rediscovering-the-button-element/
  (ie6 problems)
*/

/* --------------------------- minitabs ---------------------------- */
#etTabs {
  margin:0px auto;
  text-align:left;
  /* width:760px; */
  width: auto;
  font-family:Arial,Helvetica,sans-serif;
  font-size:11px;
  font-size-adjust:none;
  font-style:normal;
  font-variant:normal;
}
#minitabs a:hover span {
  background-position:100% -140px;
}
#minitabs a {
  background:transparent url(http://i.dslr.net/minitab/minitab_left.gif) no-repeat scroll left top;
  display:block;
  font-weight:bold;
  padding:0pt 0pt 0pt 3px;
  text-decoration:none;
}
#minitabs a span {
  background:transparent url(http://i.dslr.net/minitab/minitab_right.gif) no-repeat scroll right top;
  display:block;
  float:none;
  padding:5px 10px 4px 6px;
}
#minitabs #current a {
  background-position:0% -70px;
  border-bottom:1px solid #FFFFFF;
  color: #000000;
  text-decoration:none;
}
#minitabs ul {
  border-bottom:1px solid #999999;
  list-style-type:none;
  margin:0pt;
  padding:0pt 0pt 23px 8px;
  margin-bottom:0em;
  margin-top:0em;
  padding-left:0em;
}
#minitabs li {
  float:left;
  margin:0pt 3px 0pt 0pt;
  padding:0pt;
}
#minitabs #current a span {
  background-position:100% -70px;
}
#minitabs a span {
  background:transparent url(http://i.dslr.net/minitab/minitab_right.gif) no-repeat scroll right top;
  display:block;
  float:none;
  padding:5px 10px 4px 6px;
}
#minitabs a:hover {
  background-position:0% -140px;
  color:#000000;
}
#minitabs a:hover span {
  background-position:100% -140px;
}
#minitabs #current a:hover {
  color:#000000;
}
#minitabs #current a {
  color:#000000;
  text-decoration:none;
}
#minitabs a:link {
  color:#000000;
}
#minitabs a {
  font-weight:bold;
  text-decoration:none;
}

div#shell ul { /* unordered - tabs */
  margin: 0;
  padding: 0;
  list-style: none;
  padding-left: 0;
  margin-left: 28px;
}

div#shell ol { /* ordered - items */
  margin: 0;
  padding: 0;
  padding-left: 0;
  margin-left: 28px;
}

/*
* html ul li {
	height:1%;
}
*/

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}   

.clearfix {
	display: inline-block;
	} 

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%; 
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */
	
div#shell {
	display: block;
	position: relative;
	margin: 0 auto 0 auto;
	text-align: left;
	font-size: 90%;								
	}
	
div#shell ul.tabs {
	display: block;
	padding: 0;
	margin: 0;
	white-space: nowrap;
	text-transform: uppercase;
	z-index: 5500;
/*\*/	vertical-align: middle;/*\*/
	font-family: Arial, Helvetica, sans-serif;
	}
		
div#shell ul.tabs li {
	margin: 0;
	display: block;
	float: left;
	background-color: #CCCCCC;
	border: 1px solid #ccc;
	border-width: 1px 1px 1px 0;
	white-space: nowrap;
	padding: 4px 7px 3px 7px;
	z-index: 6000;
	background-image: none;
	color: #000000;
	}
		
div#shell ul.tabs li.selected {
	background-color: #FFFFFF;
	border-bottom: none;
	z-index: 9999;
	padding: 4px 7px 4px 7px;
	color: #000000;
	}
		
div#shell div.tabContent {
	clear: both;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 7px 7px 20px;
	_padding: 7px 7px 30px 7px;
	margin: 0;
	display: none;
	}
		
div#shell div.tabContent.tabContentActive {
	display: block;
	}
		
div#shell div.tabContent ol {
	margin-top: 0;
	margin-bottom: 5px;
	}
		
div#shell div.tabContent ol li {
	_padding-left: 0;
	padding-top: 3px;
	padding-bottom: 3px;
	}
		
#tab1 {
	display: block;
	overflow: hidden;
	}
			
#tab2,	
#tab3,
#tab4 {
	display: none;
	overflow: hidden;
	}
		
body:last-child:not(:root:root) #tab1, 
body:last-child:not(:root:root) #tab2,
body:last-child:not(:root:root) #tab3 {	
	width: 328px;
}

#mostPopWidget {
	border-bottom: 1px solid #ccc;
	margin-bottom: 5px;
	}
	
#mostPopWidget a.more {
	_padding-bottom:8px;
	font-size: 93% !important; 
	float: left;
	}
	
div.columnGroup a.more {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
	}
				
div.columnGroup div.columnGroupTools {
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	}
		
div.columnGroup h4 {
	font-weight: normal;
	margin: 0 0 7px 0;
	padding: 0;
	color: black;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 86%;
	display: block;
	}
	
div.columnGroup > h5 {
	font-weight: normal;
	margin: 0 0 7px 0;
	padding: 0;
	color: black;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 86%;
	display: block;
	}

#mostPopWidget h4 {
	font-size: 90%;
	margin: 0 0 5px 0;
	padding: 0;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	}

#mostPopWidget div#tabsContainer {
	border-left: 1px solid #ccc;
	position: relative;
	top: 1px;
	_top: 0;
	left: -1px;
	_left: 0;
	_height: 14px;
	_padding-top: 6px;
	display: block;
	}

#mostPopWidget ul.tabs {
	font-size: 10px;
	_position: absolute;
	top: 0;
	}
					
#mostPopWidget ul.tabs li {
	position: relative;
	top: 0; 
	padding-left: 4px;
	padding-right: 5px;
  cursor: pointer;
	_padding-bottom: 2px;
	}
		
#mostPopWidget ul.tabs li.selected {	
	_padding-bottom: 3px;
	}	
				
#mostPopWidget ul.tabs li:first-child {
	border-left-width: 1px;
	padding-left: 4px;
	}
					
#mostPopWidget  ul.tabs li a {
	color: #333333;
	}			

#mostPopWidget ol {
	padding-left: 10px;
	}		

/* fix for ie6 */
* html #mostPopWidget .moduleAd {
  margin-top: -25px;
  width: 329px;
	padding-bottom: 5px;
}	
/* 
body {
	margin: 80px 40px 40px;
	width: 50%;
	background-color: #e6e6e6;
	font: 1em "Lucida Grande", Lucida, Verdana, sans-serif;
}
*/
/* Normal Bubble */
div.bubble {
	width: auto;
	/* font-size: 0.75em; */
	margin-bottom: 18px;  /* down from 24 */
}

div.bubble blockquote {
	margin: 0px;
	padding: 0px;
	border: 1px solid #c9c2c1;
	background-color: #fff;
}

div.bubble blockquote p {
	margin: 5px;  /* down from 10px */
	padding: 0px;
}

div.bubble cite {
	position: relative;
	margin: 0px;
	padding: 7px 0px 0px 15px;
	top: 6px;
	background: transparent url(http://i.dslr.net/css/sb/tip.gif) no-repeat 20px 0;
	font-style: normal;
}

/* Rounded Bubble */
div.bubble div.rounded {
	margin-bottom: 10px;
	border: 3px solid #fff;
	background-color: #b7e0ff;
}
div.bubble div.rounded blockquote {
	border: 0;
	background-color: transparent;
}
div.bubble div.rounded blockquote p {
	margin: 0px 10px;
}
div.bubble cite.rounded {
	position: relative;
	margin: 0px;
	padding-left: 15px;
	padding-top: 12px;
	top: 9px;
	background: transparent url(tip-rounded.gif) no-repeat 15px 0;
}

/* Pimped Bubble */
div#pimped.bubble {
	font-size: 0.9em;
}
div#pimped.bubble div.rounded {
	color: #fff;
	border: 3px solid #fff;
	background-color: #111;
}
div#pimped.bubble cite.rounded {
	background: transparent url(tip-pimped.gif) no-repeat 15px 0;
}
.dp-highlighter
{
    font-family: "Consolas", "Courier New", Courier, mono, serif;
    font-size: 12px;
    background-color: black;
    color: #CCC;     /* color should never be seen, no text shown here directly */
    width: 600px;    /* <-- ie7 requires this */
    overflow: auto;
    margin: 0.5em 6em 0.5em 0em !important;
    padding-top: 1px; /* adds a little border on top when controls are hidden */
}

.dp-highlighter .bar
{
    padding-left: 45px;
}

.dp-highlighter.collapsed .bar,
.dp-highlighter.nogutter .bar
{
    padding-left: 0px;
}

.dp-highlighter ol
{
    list-style: decimal; /* for ie */
    background-color: black;
    margin: 0px 0px 1px 45px !important; /* 1px bottom margin seems to fix occasional Firefox scrolling */
    padding: 0px;
    color: #5C5C5C;
}

.dp-highlighter.nogutter ol
{
    list-style-type: none !important;
    margin-left: 0px;
}

.dp-highlighter ol li,
.dp-highlighter .columns div
{
    list-style: decimal-leading-zero; /* better look for others, override cascade from OL */
    list-style: decimal; /* ie7 appears to need this */
    list-style-position: outside !important;
    border-left: 3px solid #6CE26C;
    background-color: black;
    color: #5c5c5c;
    padding: 0 3px 0 10px !important;
    margin: 0 !important;
    line-height: 14px;
}

.dp-highlighter.nogutter ol li,
.dp-highlighter.nogutter .columns div
{
    border: 0;
}

.dp-highlighter .columns
{
    background-color: #000;
    color: gray;
    overflow: hidden;
    width: 100%;
}

.dp-highlighter .columns div
{
    padding-bottom: 5px;
}

.dp-highlighter ol li.alt
{
    background-color: #00000f;
    color: inherit;
}

.dp-highlighter ol li span
{
    color: white;
    background-color: inherit;
}

/* Adjust some properties when collapsed */

.dp-highlighter.collapsed ol
{
    margin: 0px;
}

.dp-highlighter.collapsed ol li
{
    display: none;
}

/* Additional modifications when in print-view */

.dp-highlighter.printing
{
    border: none;
}

.dp-highlighter.printing .tools
{
    display: none !important;
}

.dp-highlighter.printing li
{
    display: list-item !important;
}

/* Styles for the tools */

.dp-highlighter .tools
{
    padding: 2px 8px 3px 10px;
    font: 9px Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: silver;
    background-color: #CCCCCC;
    text-align: right;
    border-left: 3px solid #6CE26C;
}

.dp-highlighter.nogutter .tools
{
    border-left: 0;
}

.dp-highlighter.collapsed .tools
{
    border-bottom: 0;
}

.dp-highlighter .tools a
{
    font-size: 9px;
    color: #a0a0a0;
    background-color: inherit;
    text-decoration: none;
    margin-right: 10px;
}

.dp-highlighter .tools a:hover
{
    color: red;
    background-color: inherit;
    text-decoration: underline;
}

/* About dialog styles */

.dp-about { background-color: #fff; color: #333; margin: 0px; padding: 0px; }
.dp-about table { width: 100%; height: 100%; font-size: 11px; font-family: Tahoma, Verdana, Arial, sans-serif !important; }
.dp-about td { padding: 10px; vertical-align: top; }
.dp-about .copy { border-bottom: 1px solid #ACA899; height: 95%; }
.dp-about .title { color: red; background-color: inherit; font-weight: bold; }
.dp-about .para { margin: 0 0 4px 0; }
.dp-about .footer { background-color: #ECEADB; color: #333; border-top: 1px solid #fff; text-align: right; }
.dp-about .close { font-size: 11px; font-family: Tahoma, Verdana, Arial, sans-serif !important; background-color: #ECEADB; color: #333; width: 60px; height: 22px; }

/* Language specific styles */

.dp-highlighter .comment, .dp-highlighter .comments { color: #008200; background-color: inherit; }
.dp-highlighter .string { color: blue; background-color: inherit; }
.dp-highlighter .keyword { color: #069; font-weight: bold; background-color: inherit; }
.dp-highlighter .preprocessor { color: gray; background-color: inherit; }
.autocomplete_list * { font-size: 12px; /* font */ }
.autocomplete_list { background: #FFFFFF; display: block; border: 1px solid #888; text-align: left; z-index: 999; }
.autocomplete_list b { font-weight: bold; }
.autocomplete_list, .autocomplete_list ol, .autocomplete_list li { list-style-type: none; margin: 0; padding: 0; }
.autocomplete_list .item { margin: 0px; padding: 4px 8px; text-align: left; cursor: pointer; }
.autocomplete_list .current_item { background: yellow; color: black; }
.autocomplete_list span { color: #4d4d4d; float: right; padding-left: 20px; }
.autocomplete_text { background-image: url(http://i.dslr.net/css/autoc2/autocomplete_leftcap.gif); background-position: right; background-repeat: no-repeat; }
.autocomplete_text_busy { background-image: url(http://i.dslr.net/css/autoc2/autocomplete_spinner.gif);}