body {margin:0px;padding:0px;font:normal 12px/1.5em Arial, Helvetica, sans-serif;color:#333; background:#fff;}
p {margin:2px 0px 8px 0px;}
td {vertical-align:top;}
li {padding:0px; margin:0px;list-style:none;}
a, h2 span.hButton, h2 span.hButton a {color:#06A;}
a:hover {text-decoration:none;color:#C63;}
a:focus {outline: none;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}
.downArrow {padding-bottom:12px; background-image:url('/images/box_arrow.gif'); background-position:right bottom; background-repeat:no-repeat;}
.clearfix:after, .container:after, .comments dl:after, .profile h2:after, dl.inline:after, dl.tabular:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container {display:block;}
.clear {clear:both;}
/* grid.css */
.container {width:950px;margin:0 auto; padding:0 15px;}
.showgrid {background:url(/images/src/grid.png);}
div.border {padding-right:4px;margin-left:-5px;border-right:1px solid #eee;}
div.colborder {padding-right:24px;margin-right:25px;border-right:1px solid #eee;}
.column, div.span-1, div.span-2, div.span-2p5, div.span-3, div.span-3p5, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {float:left;margin-right:10px;}
.last, div.last {margin-right:0;}
.span-1 {width:30px;}
.span-2 {width:70px;}
.span-2p5 {width:90px;}
.span-3 {width:110px;}
.span-3p5 {width:130px;}
.span-4 {width:150px;}
.span-5 {width:190px;}
.span-6 {width:230px;}
.span-7 {width:270px;}
.span-8 {width:310px;}
.span-9 {width:350px;}
.span-10 {width:390px;}
.span-11 {width:430px;}
.span-12 {width:470px;}
.span-13 {width:510px;}
.span-14 {width:550px;}
.span-15 {width:590px;}
.span-16 {width:630px;}
.span-17 {width:670px;}
.span-18 {width:710px;}
.span-19 {width:750px;}
.span-20 {width:790px;}
.span-21 {width:830px;}
.span-22 {width:870px;}
.span-23 {width:910px;}
.span-24, div.span-24 {width:950px;margin:0;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 22px;border:none;}
hr.space {background:#fff;color:#fff;}
a:hover {color:#036;text-decoration:underline;}
.aRight, .bNext {text-align:right;}
.aCenter, .fBox, .sideBarR, .sideBarL, .imgCenter {text-align:center;}
.emph {font-style:italic;}
.small, .bread, .prose h6, .bPrevious, .bNext, .bHome, .sideBarR, .sideBarL, .cBar dd, .comments dl dt, ul.labelled li {font:normal 0.85em/1.5em Verdana,Arial,sans-serif;}
.large {font-size:1.2em;line-height:1em;margin-bottom:1.25em;}
.quiet {color:#666;}
.bright {color:#C00;}
.strong, a.previous, a.next, a.pOff, a.nOff {font-weight:bold;}
.shadow {background-image:url('/images/bgGradSm.png'); background-position:0px 1px; background-repeat:repeat-x;}
/* backgrounds.borders */
.bgYellow {background-color:#FFC;border:1px solid #FFD333;}
.bgDarkBlue {background-color:#058;}
.bgBlue, .sideBarR, .sideBarL {background-color:#EEF;border:1px solid #DDE;}
.bgWhite, .fBox {background-color:#FFF;border:1px solid #DDD; }
.bgLG {background-color:#f7f7f7;border:1px solid #EEE;}
.bgLGnb {background-color:#f7f7f7;}
.bgRed {background-color:#FEE;border:1px solid #DAA;}
.bgGreen {background-color:#EFD;border:1px solid #9A8;}
.bTdot, .bTBdot, .hTBdot {border-top:1px dotted silver;}
.bBdot, .bFoot, .bTBdot {border-bottom:1px dotted silver;}
.bTsolid, .bTBsolid, .hTB, .hTop, .prose h6 {border-top:1px solid #DDD;}
.bBsolid, .bTBsolid, .hTB, .prose h2 {border-bottom:1px solid #DDD;}
.bSilver {border:1px solid #BBB;}
.bLBlue {border:1px solid #DDE;}
/* forms */
form {margin:0px;padding:0px;}
input, textarea, select {margin:0 7px 0 0;padding:2px;border:1px solid #999;line-height:100%;font-size:1em;}
fieldset {margin:0px;border-width:0px;text-align:left;}
fieldset p {text-align:left;font-style:italic;}
fieldset.bgYellow p {text-align:center;}
fieldset legend {margin:0px;padding:0px;font-weight:bold;}
fieldset ol {list-style:none;margin:0px;padding:0px;}
fieldset li {margin:8px 0;list-style:none;}
fieldset li:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
fieldset li a:hover {color:#C63;border-bottom:0px;text-decoration:none;background:transparent;}
fieldset li input, fieldset li select, fieldset li textarea {margin:0px;width:250px;background:#fff url('/images/bgGradSm.png') 0px 1px repeat-x;}
fieldset li label {margin:0 10px 0 0;width:90px;float:left;text-align:right;font-weight:bold;}
fieldset li span {margin:0 0 0 5px;font-size:0.85em;color:#999;line-height:1em;}
fieldset li.req label, span.req {font-style:normal;font-weight:bold;}
fieldset.add li input, fieldset.add li textarea {width:400px;}
fieldset.add li.select div {float:left;}
fieldset.add li.select select {width:200px;border:1px solid #ccc;padding:2px;margin:2px;font-size:1em;}
fieldset.add li.select input {width:20px;margin:5px 14px;border:1px solid #ccc;color:#666;padding:2px;margin:2px;}
fieldset.add legend {margin:0 0 0 100px;background:#FFF;padding:3px 5px;border:1px solid #CCC;}
fieldset.shortField li input, fieldset.shortField li textarea, fieldset.shortField li select {width:180px;}
fieldset.longField li input, fieldset.longField li textarea, fieldset.longField li select {width:300px;}
fieldset.shortLabel li label {width:50px;}
fieldset.shortLabel li input.button {margin:0 0 0 60px;}
fieldset.longLabel li label {width:120px;}
fieldset.longLabel li input.button {margin:0 0 0 130px;}
fieldset.fapis {margin:0 0 15px 0;}
fieldset.fapis input, fieldset.fapis select {margin:0px;width:110px;}
fieldset.fapis input.button {margin-top:5px;}
fieldset label.wTxt {color:#fff; font-size:.1em;}
fieldset li.radio label {margin:0px;}
fieldset li.radio input, fieldset.shortField li.radio input {margin:0 0 0 10px;width:20px;border:0px;background:transparent;}
fieldset input.button, fieldset.add input.button, fieldset.shortField input.button, .hSearch input.button, .fapis input.button, fieldset.longField input.button {background:#07B;border:1px solid #07B;color:#FFF;width:110px;}
fieldset li .indent {margin:0 0 0 100px;}
fieldset.subscribe .submit, fieldset.subscribe .cancel {background:#058 url('/images/bgGradSm.png') repeat-x; border:1px solid #036; color:#FFF; width:80px; padding-top:0px;-webkit-border-radius:3px;-moz-border-radius:3px;}
fieldset.subscribe .cancel {background-color:#ccc;border:1px solid #444;color:#444;}
fieldset.subscribe label {float:none;}
fieldset.subscribe li div {float:left; width:90px; background:transparent;}
fieldset.subscribe li div.long {width:170px;}
/* page specific */
.butSurvey {text-align:center;}
.butSurvey a {background:transparent url('/images/BG_takeSurvey.png') no-repeat 10px 0px; display:block; height:75px;}
.butSurvey a:hover {background:transparent url('/images/BG_takeSurvey.png') no-repeat 10px -115px;}
.hSearch {background:#EEF url('/images/bgGradSm.png') 0px 1px repeat-x;}
.hSearch input {width:280px; border:1px solid #07B; padding:2px 2px 4px 2px;}
.hSearch input.button {width:60px; padding:1px 0 2px 0;}
.hSearch input.button:hover {background:#fff;color:#07B;}
.nSearch {position:relative;}
.nSearch input {border-width:0px; position:absolute; margin:0px;}
.nSearch input.text {right:67px; top:4px; height:15px; width:228px; padding:1px 2px 3px 2px; background:#FFF url('/images/bgGradSm.png') 0px 1px repeat-x; border:1px solid #058;}
.nSearch input.search {right:0px; top:5px; height:19px; width:64px; padding:0px;}
.rCol {position: relative; z-index: 50;}
.rCol .hSearch input {width:215px; border:1px solid #07B; padding:2px 2px 4px 2px; margin:0 2px 0 0;}
.rCol .hSearch input.button {width:60px; padding:1px 0 2px 0; margin:0px;}
.rCol .hSearch input.button:hover {background:#fff;color:#07B;}
ul.linkGrid {margin:0px;padding:0px;list-style:none;}
ul.linkGrid li {margin:0px;padding:0px;display:inline;}
ul.linkGrid li a {display:inline-block;width:145px;text-decoration:none;}
.aBar {padding:5px; border:1px solid #DDE; margin:10px 0; background:#f7f7ff url('/images/bgGradSmBlue.png') repeat-x;}
.cButtons li {display:inline; margin:0 10px 0 0;}
.cButtons a {padding:2px 5px 4px 5px; margin-bottom:5px; display:inline-block; width:125px; color:#FFF; text-align:center; background:transparent url('/images/cButton_bg.png') no-repeat left top; text-decoration:none;}
.cButtons a:hover {background-position:left bottom; text-decoration:none;}
.cBar {margin:7px 0 0 60px;}
.cBar h3, .profile .cBar h3 {margin:0 0 7px -30px;text-align:center;color:#666;}
.cBar dl {margin:0 2px 0 3px;padding:3px;float:left;width:90px;height:3.8em;overflow:hidden;background:#fff url('/images/bgGradSm.png') 0px 1px repeat-x;border:1px solid #ddd;text-align:center;}
.cBar dl:hover {background:#07B;color:#fff;}
.cBar  dl:hover a {color:#fff;text-decoration:none;}
.cBar dl.first {margin-left:0px;}
.cBar dl.last {margin-right:0px;}
.cBar dt, .profile dt {font-weight:bold;}
.cBanana {background-image:url('/images/bg_corners.png'); background-repeat:no-repeat; background-position:right bottom;}
.cBanana div.box10, .cBanana div.box10 p {padding-bottom:0px; margin-bottom:0px;}
.cBanana div.tlc {background-image:url('/images/bg_corners.png'); background-repeat:no-repeat; background-position:left top;}
.cBanana div.trc {background-image:url('/images/bg_corners.png'); background-repeat:no-repeat; background-position:right top;}
.cBanana div.blc {background-image:url('/images/bg_corners.png'); background-repeat:no-repeat; background-position:left bottom;}
.cBanana div.short {height:10px;}

.highlight {height:157px; display:table; #position:relative; overflow:hidden;background:#FFF url('/images/bgGradSmBlue.png') repeat-x top; border:1px solid #AAC; }
.highlight div {#position: absolute;  #top: 50%; display:table-cell; vertical-align: middle;}
.highlight div span {#position: relative;  #top: -50%; left:0px;}

.ffeatured {margin:0 auto; width:900px; text-align:center;}
.ffeatured li {width:130px; height:60px; text-align:center; float:left; margin:5px; padding:4px; background-color:#FFF; -webkit-border-radius:8px; -moz-border-radius:8px;}
.ffeatured li img {margin-top:5px;}
.ffeatured li.text {background-color:transparent; width:140px;} 
.ffeatured li.title {font-weight:bold; padding:25px 0 0; height:35px; font-size:1.2em;} 
.ffeatured li.quiet {padding:50px 0 0; height:10px;}
.ffeatured li.quiet a {color:#999;}

.blue, .blue div {background-color:#EEF;}
.green, .green div {background-color:#DFB;}
.cBanana a.track {background:transparent url('/images/bg_buyT.png'); margin:0 5px 0 0; height:24px; width:130px;}
.cBanana h3 { font-size:1.2em;}
.profile .cBanana h3, .cBanana {color:#000;}
.bBar a {margin:0 10px 0 0;}
.prose h1, .prose h1 a {color:#000}
.prose q {font-style:italic;}
.prose q:before, .prose q:after	{content:none;}
.prose h6 {margin:0px;padding:2px 0 10px 0;font-weight:normal;color:#999;background:#fff url('/images/bgGradSm.png') 0px 1px repeat-x;display:block;}
.prose h6 img {margin:0 3px 0 10px;}
.prose h2, .prose h3 {color:#333;margin:1.2em 0 .2em 0;}
.related {border:2px solid #07B; background:#f7f7f7;}
.related h2 {background:#07B url('/images/bgGradSm.png') repeat-x top; padding:5px; margin:0px; color:#FFF; border-bottom:1px solid #FFF;}
.related hr {margin:0px;}
.related img  {margin:0 5px 0 0;}
.related dt {font-weight:bold; width:80px;}
.related dt, .related dd {display:inline-block; padding:0px; margin:0px;}
.blogFoot {border:2px solid #07B; background:#f7f7f7 url('/images/bgGradSm.png') 0px 1px repeat-x; }
.blogFootNav {background:#07B; color:#FFF;}
.blogFootNav a {color:#FFF;}
.linkBox {padding:0px;}
.linkBox div.head { background:#f7f7f7 url('/images/bgGradSm.png') 0px 1px repeat-x; border-top:1px solid #DDD; border-bottom:1px solid #555; padding:5px 5px 0px 5px; margin:0px; }
.linkBox div.head a { color:#FFF; padding:3px 5px 2px 5px; margin:0 5px 0 0; background:#555; text-decoration:none; }
.linkBox div.head a:hover { background:#C63; color:#FFF; }
.linkBox div.head a.selected { background:#FFF; color:#333; border:1px solid #555; border-bottom:1px solid #FFF;}
.linkBox div.head h3 { margin:0 0 5px 0; border-top:0px; color:#333;}
.linkBox div.inside { margin:0px; padding:5px 0px; border-bottom:1px solid #DDD; background:#FFF; }
.linkBox div.inside img { text-align:center; }
.linkBox div.inside p { padding:5px 0; margin:0px; }
.linkBox div.tag { text-align:center; padding:0 0 10px 0; }
.linkBox div.tag a:hover { background:#C63; color:#FFF; }
.linkbox ul {text-align:left;}
/* -- lists -- */
ul.arrow li, .prose ul li {margin:0 0 0 12px;padding:0px;list-style:url('/images/bullet_arrow.gif');}
ul.dot li {margin:0 0 0 10px;padding:0px;list-style:url('/images/bullet_dot.gif');}
.profile ul.dot li {padding:0 0 7px 0;}
.prose ul li {padding:0 0 8px 0;}
a.noDec, div.noDec a, h1 a, h2 a, h3 a, ul a, .related a, a.bHome, .prose h6 a, .fBox a, .foot a, .footSearch a, ul.inPnav li a:hover, .cBar dl a, .comments dl a, .header a, div.bPrevious a, div.bNext a, span.bNext a {text-decoration:none;}
ul, .prose ul, .sideCol ul, ul.clear, .related dl {margin:0px;padding:0px;}
ul.clear {padding:0px; margin:0px;list-style:none;} 
ul.imgGrid {margin:0px;padding:0px;}
ul.imgGrid li {display:inline-block;margin:0 5px 0 0;vertical-align:top;}
ul.imgGrid li.last, ul.imgGrid li.last a {margin-right:0px;}
ul.labelled li {width:120px; vertical-align:top; line-height:1em; display:inline-block; margin-right:7px;}
ul.icoList li {padding:2px 10px 5px 20px; line-height:1em; margin-bottom:3px;}
ul.w135 {width:135px;}
ul.icoList li.w135 {width:190px; padding-right:0px; margin-right:0px}
dl.tabular dt {float:left;font-weight:bold; vertical-align:top;}
dl.tabular dd {float:left;}
dl.tabular dd.w220 {width:220px;}
dl.inline {display:block;}
dl.inline dt, dl.inline dd {display:inline;}
dl.inline dd a {margin:0 5px 0 0;}
div.mu dl.inline dd a {margin:0px;}
dl.inline dt, dl.imgCol dt {margin-right:3px; font-weight:bold;}
dl.dt20>dt { width:20px; display:inline-block;}
dl.dt40>dt { width:40px; display:inline-block;}
dl.dt60>dt { width:60px; display:inline-block;}
dl.dt90>dt { width:90px; display:inline-block;}
dl.dt145>dt { width:145px; display:inline-block;}
dd.dd360 { width:480px; display:inline-block;}
dd.dd480 { width:480px; display:inline-block;}
dd.dd130 { width:130px; display:inline-block;}
dl.imgCol {margin:5px 0px; padding:0px; text-align:left; width:100%;}
dl.imgCol dd img {margin:0 0 0 -105px;}
dl.imgCol dd {margin:0 0 0 105px; display:block}
a.noDec:hover, div.noDec a:hover,ul a:hover, a.subscribe:hover, .refGrid td a:hover, ul.linkGrid li a:hover, .related a:hover, .prose h6 a:hover, .fBox a:hover, a.add:hover, a.subscribed:hover, a.comment:hover, a.share:hover, a.track:hover {text-decoration:underline;}
span.selected {font-weight:bold;color:#C63;}
blockquote {margin:5px 0 5px 10px;padding:0 30px 0 15px;border-left:3px solid #DDD;font-style:italic;font-size:1.1em;}

/* ----------------- button links  */
a.lang_ruby, a.lang_python, a.lang_php, a.lang_java, a.lang_msft, a.lang_adobe {padding:3px 0 5px 18px; background:transparent url('/images/icon_lang.png') 0px 0px no-repeat; line-height:1.7em;}
a.lang_python {background-position:0px -20px;}
a.lang_adobe {background-position:0px -40px;}
a.lang_ruby {background-position:0px -60px;}
a.lang_php {background-position:0px -80px;}
a.lang_msft {background-position:0px -100px;}
a.subscribe, .header a.subscribe, a.register, a.login, a.loggedin, a.add, a.comment, span.email, a.news, a.res, a.share, span.share span.bookmark_popup_text, a.twitter, a.cancel {padding:2px 0 2px 18px;background:transparent url('/images/icons.png') 0px 0px no-repeat;text-decoration:none;}
a.subscribe {background-position:0px -60px;}
.header a.subscribe {background-position:0px -60px;margin:0 12px 0 0;}
a.register {background-position:0px -20px;}
a.login {background-position:0px -20px;}
a.loggedin {background-position:0px -100px;}
a.add {background-position:0px -40px;}
a.comment {background-position:0px -160px;}
span.email {background-position:0px -78px;color:#fff;}
a.news {background-position:0px -140px;}
a.res {background-position:0px -120px;}
a.share {background-position:0px -180px;}
a.cancel {background-position:0px -220px;}
span.share span.bookmark_popup_text {background-position:0px -180px;color:#06A; margin:0 5px 0 0;}
a.topics, a.more, a.moreSmall,a.less, a.previous, a.next, a.pOff, a.nOff, div.bPrevious a, div.bNext a, span.bNext a {padding:2px 0 2px 12px;background:transparent url('/images/arrowStrip.gif') 0px -95px no-repeat;text-decoration:none;}
a.topics {background-position:0px -170px;color:#C63; border:1px solid #FFF;}
.header a.topics:hover {background-position:0px -145px;color:#07B; border:1px solid #058;}
a.twitter { background-position:0px -200px;} 
a.more {background-position:0px -20px;padding:2px 0 2px 15px;}
a.more:hover {background-position:0px 5px;}
a.moreSmall {background-position:0px -20px;}
a.moreSmall:hover {background-position:0px 5px;}
a.less:hover {background-position:0px -70px;}
a.next {background-position:28px -21px;padding:2px 10px 2px 0;}
a.next:hover {background-position:28px 4px;}
a.previous {background-position:0px -96px; margin-right:10px;}
a.previous:hover {background-position:0px -71px;} 
a.nOff {background-position:28px -45px;padding:2px 10px 2px 0;}
a.pOff {background-position:0px -120px; margin-right:10px;}
div.bPrevious a {background-position:0px -71px;line-height:1em;}
div.bPrevious:hover a {background-position:0px -96px;}
div.bNext a, span.bNext a {background-position:55px 5px;padding:2px 12px 2px 0;line-height:1em;}
div.bNext:hover a, span.bNext a:hover {background-position:55px -20px;}
a.pOff, a.nOff {color:#999;}
a.track, a.subscribed {width:130px;height:24px; font-weight:bold; text-align:center;display:inline-block;background:#6c3 url('/images/bg_buy.png') 0px 0px no-repeat;color:#fff;padding-top:6px;text-decoration:none;}
a.subscribed {background-position:0px -35px;}
.profile a.track {width:130px; background:transparent url('/images/bg_buyT.png') 0px 0px no-repeat;color:#fff;}
.profile a.subscribed {width:130px; background:transparent url('/images/bg_buyT.png') 0px -35px no-repeat;color:#fff;}
a.php, a.ruby, a.python, a.flash, a.js, a.dotNet, a.java {padding:9px 0 7px 30px; background:transparent url('/images/link_python.gif') 0px 0px no-repeat;margin-right:25px;} 
a.ruby {background-image:url('/images/link_ruby.gif');}
a.php {background-image:url('/images/link_php.gif');padding-left:40px;}
a.flash {background-image:url('/images/link_flash.gif');}
a.js {background-image:url('/images/link_js.gif');padding-left:42px;}
a.dotNet {background-image:url('/images/link_dotNet.gif');padding-left:35px;}
a.java {background-image:url('/images/link_java.gif');} 
.bookmark_popup {background:#fff;}

/* ----------------- Page Layout  */
.noShow {display:none !important;}
.leader {width:100%; margin:0px;padding:10px 0; text-align:center; background:#e8e8e8; border-bottom:1px solid #BBB;}
.headContainer {background:#FFFFFF; position:relative; z-index:3;}
.header {background:#FFF;}
.header div.logo {line-height:.8em;}
.header div.span-19 {height:95px;}
.header input {width:200px; border:1px solid #07B; padding:2px 2px 4px 20px; background:transparent url('/images/icon_search.png') 2px 3px no-repeat;}
.verB {margin-top:10px;}
.rColS input {width:246px;margin:0px 0 10px 20px;padding:2px 2px 4px 20px; background:transparent url('/images/icon_search.png') 2px 3px no-repeat;}

.navMain a {margin:0 0 0 15px;text-decoration:none;font-weight:bold;}
.navMain a.add {padding:2px 0 2px 18px;} 
.navMain>ul li {display:inline;margin:0px;padding:0px;}
.navMain>ul>li>a {float:left;margin:0 7px 0 0;padding:2px 10px 2px 10px;color:#000;display:block;background:#EEEEFF url(/images/bgGradSm.png) repeat-x scroll 0 1px;border:1px solid #07B; border-bottom-width:0px;}
.navMain>ul>li>a:hover, .navMain li.myPWon a:hover {background:#FFF url(/images/bgGradSm.png) 0px 1px repeat-x; text-decoration:none; border-color:#C63; border-bottom:0px solid #fff;}
.navMain>ul li.selected a, .header .navMain li.selected a:hover {color:#fff;background:#058 url('/images/bgGradSm.png') 0px 0px repeat-x;border:1px solid #036; border-bottom:0px solid #058;}

.navSub {background:#058;color:#fff;margin:0px;padding:0px; position:relative; z-index:2;}
.navSub ul {margin:7px 0 0;padding:0px;list-style:none;}
.navSub ul.rLinks li.last a {padding-right:0px;}
.navSub li {display:inline;margin:0;padding:0;}
.navSub li a {color:#fff;text-decoration:none;padding:1px 8px;margin:0px;display:inline-block; border:1px solid #058; border-bottom-width:0px;}
.navSub li a:hover {color:#fff;background-color:#C63;}
.navSub li a.selected {background:#FFFFFF url(/images/bgGradSm.png) repeat-x; color:#07B; border:1px solid #fff; border-bottom-width:0px;}
.maincontent {margin-top:0px;padding:10px 15px 30px;background:transparent url('/images/bg_Rcol.gif') repeat-y right top;}

#topNav {padding:0px;color:#000;}
#topNav a {color:#333;color:#fff;text-decoration:none;margin:0 8px;}
#topNav a:hover {text-decoration:underline;}
#topNav form {margin:0px;padding:0px}
#topNav input {margin:-3px 0 0 3px;color:#666;border:1px solid #ccc;}

.navDrop {position:relative; text-align:right;}
#topics_div {position:absolute;margin:0px; left:80px; top:19px; background:#07b; border:2px solid #058;}
#topics_div li	{text-align:left;border-top:1px solid #369;}
#topics_div a {display:block; margin:0px; padding:3px 50px 3px 10px;color:#fff;font-weight:bold;}
#topics_div a:hover {background:#f1f1f1 url('/images/bgGradSm.png') repeat-x top; color:#C63;text-decoration:none;}

/* obsolete */
#blockNav li {display:inline;margin:0px;padding:0px;}
#blockNav a {float:left;margin:0 5px 0 0;padding:0px;text-decoration:none;color:#333;text-align:center;line-height:170%;display:block;background:#fff url(/images/bgTabs.png) no-repeat 0px 0px;width:65px;height:20px;}
#blockNav a:hover {color:#F33;background:url(/images/bgTabs.png) no-repeat 0px -50px;}
#blockNav li.selected a, #blockNav .selected a:hover {color:#fff;background:#69c url(/images/bgTabs.png) no-repeat 0px -100px;}

#blockNavSub {background:#FFF url(/images/bg_subNav.gif) repeat-x top;color:#fff;}
#blockNavSub ul {margin:0 0 0 10px;padding:1px 0;list-style:none;}
#blockNavSub li {display:inline;margin:0;padding:0;}
#blockNavSub a {color:#fff;text-decoration:none;padding:1px 10px;display:inline-block;}
#blockNavSub a:hover {color:#fff;background-color:#C63;}
#blockNavSub a.selected {background-color:#C63;border-bottom:3px solid #FFF;}

#blockNavB {margin:10px 0 5px; padding:0 0 6px;background:#058 url('/images/bg_shadow.png') repeat-x bottom;color:#fff;}
#blockNavB li a.selected {color:#fff;background:#69c;}

#blockTagcloud {float:left;margin:0px;padding:0 5px 0 15px;width:750px;}
#blockTagright {float:left;margin:0px;width:200px;}

.rCol {padding:0 0 0 10px; position:relative; z-index:1;}
.mBanner, .mBanner a, .spon125 a, .spon125 p, .medRect a {margin:0px; padding:0px; line-height:0.1em;}
.mBanner img {margin:0 0 15px; padding:0px;}
.medRect {padding:0 0 15px 0;}
.spon125 {padding:15px 0 15px 7px; margin:0 0 15px 0; background-color:#f1f1f1;font-size:.9em;}
.spon125 img, .spon125 iframe, .spon125 object, .spon125 embed {margin:0 15px 20px 5px;display:inline;padding:0px;border:0px;}

.r125 {padding:0px;margin:7px 0 0 0;}
.r125 img, .r125 iframe {display:inline;padding:0px;border:0px;margin:0 10px 15px 10px;}
.r125 embed {display:inline;margin:0 0 15px 20px;padding:0px;border:0px;margin-right:0px !important;} 
.r125 object {display:inline;margin:0 0 15px 20px;padding:0px;border:0px;}
.r125 div{display:inline;}

#login_dialog {display:none;padding:2px;border:2px solid gray;background-color:#ffffff;position:absolute;left:200px;top:200px;width:200px;}
#login_dialog_text {margin:15px;}
#login_dialog_close {float:right;border:1px solid gray;margin:2px;padding:4px;text-decoration:none;color:#0000ff;}

table.friendl tr td {text-align:center;}
table.friendl tr td a img {border:none;text-decoration:none;}

/* Old v4.0 footer. */
.foot {background:#f7f7f7 url('/images/bg_foot.png') repeat-x top;}
.foot dt {font-weight:bold;}
.foot dd {margin:0px;}
/*
New v4.1 footer.
.foot {background:#456 url('/images/bg_shadowB.png') repeat-x top;color:#ABC;}
.foot a {color:#FFF;}
.foot dl {margin-bottom:25px;}
.foot dt {font-weight:bold;}
.foot dd {margin:0px;}
.foot dd input {margin:5px 5px 0 0;border:1px solid #234;}
.foot dd input.button {border:0px; background:#234;color:#fff;padding:3px;}
.footSearch {background:#789 url('/images/bg_shadowB.png') 0px 1px repeat-x;color:#234;padding:10px 0;}
.footSearch a {color:#FFF;}
.footSearch input {width:280px;border:1px solid #456; padding:2px 2px 4px 2px;}
.footSearch input.button {background-color:#456;border-width:0px;}
.foot a:Hover, .footSearch a:hover {color:#fff;text-decoration:underline;}
*/

/* ----------------- standard  */
h1, h2, h3, h4, h5, h6 {margin:0 0 0.3em 0;padding:0px;}
h1 {font-size:1.7em;line-height:120%;color:#C63;font-weight:normal;margin:0 0 5px 0;padding:0px;}
h1 .subTitle {font-size:.6em; color:#333; line-height:1em; margin:0px; padding:0px; font-weight:bold;}
h1 a, a.previous, a.next, a.less, a.more, .comments dl a:hover, ul.labelled li a:hover, li.extra a, div.bPrevious a:hover, div.bNext a:hover, span.bNext a:hover, .bHome a:hover, a.moreSmall, .header a:hover {color:#C63;}
h1 a:hover, a.previous:hover, a.next:hover, a.more:hover, a.less:hover, a.moreSmall:hover {color:#06A;}
h1.home {color:#C63;font-size:1.2em;text-align:center;font-weight:bold;margin:0 0 10px 0;}
h2, fieldset legend {font-size:1.2em;color:#333;font-weight:bold;}
h2 a {color:#333;}
h2 a span {margin:0 0 0 5px;color:#C63;font-size:0.75em;font-weight:normal;display:inline;}
h2 span {float:left}
h2 span.hButton {float:right;font-size:0.75em;}
h3 {font-size:1em;color:#888;}
h3 a {color:#999;}
h4 {text-align:center;font-weight:normal;font-size:1em;background:#eee;margin:15px 0px 0px -10px;padding:5px 0px;border-top:1px dotted #666;}
h5 {font-weight:normal;font-style:italic;font-size:1em;margin:0px;}
img {border:0px;margin:0px;padding:0px;}
.fLeft {float:left;}
.fRight {float:right;}
.imgLeft, .sideBarL {position:relative;float:left;margin:3px 10px 5px 0;}
.imgRight, .sideBarR {position:relative;float:right;margin:3px 0px 5px 10px;}
/* ------- article and blog styles -------  */
img.aligncenter {margin:10px auto; display:block;}
.sideBarR img, .sideBarL img {border:1px solid #444;margin:5px;}
.comments dl {border-bottom:1px dotted #BBB;margin:0px;padding-top:5px;}
.comments dl span {font-weight:bold;}
.comments dl dd {margin:0px;width:370px;display:block;float:left;}
.comments dl dt {width:140px;display:block; float:left;font-weight:bold;}
.useThis {background:#f7f7f7 url('/images/bgGradSm.png') repeat-x top; padding:5px;}
.useThis a.subscribe, .useThis a.twitter {margin:0 10px 0 2px;}
div.tag a, .prose div.tag a {padding-left:18px; background:transparent url('/images/icon_tag.png') no-repeat;margin-left:2px;}
/* ------- home and dashboard styles -------  */
.quickStats {margin:0px;padding:0px;border:1px solid #666;}
.quickStats img {margin:0px;}

div.quickStatLink {margin:0px;padding:0px;}
.quickStatLink span {background-color:#ededed;text-align:center;padding:3px;margin:3px 0px;display:block;border:1px solid #ccc;width:35px;float:left;text-decoration:none;}
.quickStatLink img {float:left;margin-left:5px;margin-top:5px;}

.relatedLists h2 {margin-bottom:0px;}
.relatedLists h3 {margin:10px 0 0; border-bottom:1px solid #DDD;}
.relatedLists ul {margin:5px 0 0 0;}
.relatedLists dl {border-bottom:1px solid #f1f1f1; border-top:1px solid #FFF}
.relatedLists dl.tabular dt {background:#fff; font-weight:normal;}
.relatedLists dd {background:#f7f7f7; padding-left:5px;}

.profileWrapper {background:#f7f7f7;}
.profileWrapper .span-3 {margin-right:0px;}
.profileWrapper .span-3 div {padding-bottom:15px;background:#fff;}
.profile p {margin:8px 0;}
.profile h2 {border-top:1px solid #DDD; margin-top:10px;}
.profile h2.shadow {padding:5px; background:transparent url('/images/bgGradSmBlue.png') 0px 1px repeat-x; border-top:2px solid #07B; margin-top:15px;}
.profile h3 {color:#000;}

.inPnav {margin:0px; padding:0px; border-bottom:2px #064f8e solid;}
.inPnav ul {margin:0px; padding:0 0 0 5px; list-style:none;}
.inPnav li {display:inline; margin:0 5px 0 0; padding:0px;}
.inPnav li a {margin:0px; padding:2px 8px 2px 10px; text-decoration:none; color:#333; text-align:center; display:inline-block; line-height:170%; background:#fff url(/images/bg_tabs.png) no-repeat 0px -90px; border-right:1px solid #e1e1e1;}
.inPnav li a:hover, .inPnav li.selected a:hover {color:#F33; background:url(/images/bg_tabs.png) no-repeat 0px -60px; border-right:1px solid #CCC;}
.inPnav li.selected a {color:#fff; background:transparent url(/images/bg_tabs.png) no-repeat 0px 0px; border-right:1px solid #07B;}

.sideCol {margin:0px;padding:0px;}
.sideCol h2 {padding:0px;margin:15px 0 0 0;}
.sideCol h2.top {padding:0px;margin:0px;}
.sideCol p {margin:0px;}
.sideCol li.btdash {margin:0 0 0 0px;padding:0px;list-style:url(/images/basic_bullet.png);}
.sideCol li a {border-left:0px;padding:1px;}
.sideCol span  a {display:block;text-decoration:none;}
.sideCol ul.browse {padding:0 0 20px 0;}
.sideCol ul.browse li {margin:0 0 0 15px;padding:0px;list-style:url(/images/basic_bullet.png);}

.sideColButton {color:#36c;margin:0px;border:1px solid #bbc;width:130px;}
.sideColButton a {background-color:#eef;color:#36c;padding:3px 0px;text-decoration:none;display:block;}
.sideColButton a:hover {background-color:#69f;color:#fff;}
.sideColButton img {float:left;margin:0 0 0 3px;width:16px;height:16px;}
.sideColButton2 {margin:0 0 3px 0;border:1px solid #bbc;color:#ccc;width:140px;background-color:#efb;}
.sideColButton2 a       {color:#00c;padding:2px 2px 2px 2px;text-decoration:none;display:block;}
.sideColButton2 a:hover {background-color:#369;color:#fff;}
.sideColButton2 img     {float:left;margin:0px 2px 0px 0px;width:16px;height:16px;}
.sideColButton2 span    {color:#00c;padding:3px 0px 6px;text-decoration:none;display:block;}
.sideColIconBut {background-color:#eef;color:#36c;margin:3px 0px;padding:0px;border:1px solid #bbc;width:140px;height:22px;}
.sideColIconBut a {color:#36c;padding:0px;margin:0px;text-decoration:none;}
.sideColIconBut a:hover {background-color:#69f;}
.sideColIconBut img {margin:0px;padding:3px 9px;width:16px;height:16px;float:left;border:none;display:block;}
.sideColButDone {color:#333;margin:0px;border:1px solid #bbc;width:130px;padding:3px 0px;}
.sideColButDone img {float:left;margin:0 0 0 3px;width:16px;height:16px;}
.sideColPromo {margin:10px 0px;padding:3px;border:1px solid #F99;width:134px;background:#FEE;}
.sideColGeo {margin:10px 0px;padding:3px;border:1px solid #DDA;width:134px;background:#FFD;}
.sideColGeo ul ul {margin:0px;padding:0px;}
.sideColGeo ul ul li {margin:0px;padding:0 0 0 5px;list-style:none;}

/* ------- List and detail styles -------  */
.lstFltrSrt {background:#fff;padding:5px 0px;margin:0px;border:1px silver solid;}
.lstFltrSrt div {margin:0 4px;padding:1px;float:right;}
.lstFltrSrt div a:hover {background-color:transparent;}
.lstFltrSrt p {margin:4px;display:inline;color:#444;}
.lstFltrSrt p a {padding:1px 4px;background-color:#fff;color:#445;text-decoration:none;border:1px #888 solid;}
.lstFltrSrt p a:hover {border:1px #999 solid;background-color:#ddf;}
.lstFltrSrt .selected {background:#c63;color:#fff;}
.lstFltrSrt a:hover {background:#fff;COLOR:#047;}

.lstNav {padding:0px;margin:10px 0 15px 0;background-color:#fff;color:#333;}
.lstNav img {margin-bottom:-4px;}
.lstNav a {padding:0 3px;color:#333;text-decoration:none;border:1px #fff solid;display:inline-block;}
.lstNav a:hover {color:#047;border:1px #666 solid;background:#ededed;}
.lstNav a.selected {padding:0 4px;color:#fff;border:1px #fff solid;background:#369;}
.lstNav span {padding:0 3px;border:1px #fff solid;}
.lstNav div.left {float:left;}
.lstNav div.right {float:right;color:#ccc;}

.listTableSidebar {border-right:1px solid #eee;}
.listTableSidebar ul {margin:0px;padding:0px;}
.listTableSidebar li {list-style:none;border:0px;border-top:1px white solid;border-bottom:1px white solid;}
.listTableSidebar li a {display:block;padding:1px 2px;}
.listTableSidebar li.selected {border-top:1px #369 solid;border-left:1px #369 solid;border-bottom:1px #369 solid;border-right:0px;background-color:#369;color:#fff;}
.listTableSidebar li.selected a {color:#fff;}
.listTableSidebar p {background-color:#eee;padding:4px 0 4px 10px;margin:0 0 5px 0;}
.listTableSidebar p a {text-decoration:none;color:#666;font-size:11px;}
.listTableSidebar p a:hover {text-decoration:underline;background:transparent;color:#000}
.listTableSidebarForm {color:#666;border:1px #ccc solid;width:105px;margin:3px 0px;}

#lstFltrBox {margin:0px;padding:5px;color:#445;border:1px #99c dotted;background-color:#eee;padding:5px 15px !important;padding:5px 0px;border-top:0px;}
#lstFltrBox table tr {font-size:13px;padding-bottom:15px;}
#lstFltrBox .button {border-right:white 1px solid;border-top:white 1px solid;background:#69c;margin:5px 0px;border-left:white 1px solid;border-bottom:white 1px solid;}
#lstFltrBox a {color:#369}
#lstFltrBox a:hover {background:#fff;color:#047}

.listTable {padding:0px;margin:0px;font:11px/15px Verdana, sans-serif;border:0px;border:0px;}
.listTable TH {padding:3px;BACKGROUND:#fff;FONT:bold 11px/15px Verdana, sans-serif;COLOR:#666;}
.listTable th a {color:#666}
.listTable th a:hover {background:transparent;color:#333}
.listTable tr.alternate {background:#ededed;}
.listTable td {border-right:white 1px solid;padding-right:3px;padding-left:3px;padding-bottom:3px;margin:0px;padding-top:3px;border-bottom:white 1px solid;}
.listTable a {text-decoration:none;}

.nextPrevNav {float:right;margin-right:20px!important;margin-right:10px;margin-bottom:10px;font-size:11px;vertical-align:middle;}
.nextPrevNav td.alternate {font-style:normal;font-size:4px;line-height:75%;}
.nextPrevNav td.alternate a:hover {background:white;}

.tableTabs {display:block;margin:0px;padding-top:3px;}
.tableTabs ul {margin:0;padding:0px;width:100%;list-style:none;}
.tableTabs li {margin:0px;padding:0px;display:inline;}
.tableTabs li a {padding:3px 5px;margin:0px 7px 0 0;display:inline-block;color:#000;text-decoration:none;background:#FFF;border:1px solid #CCC;border-bottom:0px;}
.tableTabs li a:hover {color:#fff;background:#C63;border-color:#C63;}
.tableTabs li.selected a {color:#333;background:#f1f1f1;border-color:#f1f1f1;}
.tableTabs div a {text-decoration:none;}

/* ----------------- forms */
.searchButton {background-color:#663;border-top:2px solid #663;border-bottom:2px solid #663;width:22px;font-size:8pt;color:white;border:0px;margin-top:-20px;}
.searchBox {margin-top:-10px;}

/*-- table and form elements --*/
table   {padding:0px;margin:0px;}
.refGrid {border:0px;}
.refGrid th {border-top:1px solid #666;background:#ededed;line-height:150%;padding:3px;text-align:left;font-weight:bold;color:#333;}
.refGrid th a {color:#333;}
.refGrid td {padding:3px;border-bottom:1px solid #dedede;}
.refGrid td a {text-decoration:none;}
.refGridSub th {background:#fff;line-height:150%;border-bottom:1px solid silver;padding:3px;text-align:left;font-weight:bold;}
.refGridSub td {background:#fff;line-height:110%;border-bottom:1px solid white;padding:3px;text-align:left;}

.listText {border:0px; border-top:1px solid #DDD; width:100%;}
.listText th, .listText td {padding:3px;}
.listText th {background:#f7f7f7 url('/images/bgGradSm.png') 0px 1px repeat-x; text-align:left; font-weight:bold;}
.listText td {border-top:1px solid #EEE; background:#FFF;}
.listText td.links a {margin-left:5px;}
.listText h3 {color:#333; margin-bottom:0px;}
.listText h3 a {color:#07B;}
.listText h3 span {font-weight:normal}
.light th {background:#fff url('/images/bgGradSm.png') 0px 1px repeat-x;}
.light td {line-height:1.1em; padding:2px 5px 2px 0px;}
table.light {border-bottom:1px solid #EEE;}

.p0, td.p0 {padding:0px;}
.m0 { margin:0px;}

.apimatrix th {line-height:100%;padding:3px;text-align:left;font-weight:bold;}
.apimatrix td {padding:3px;border-bottom:0px solid #ccc;text-align:left;}
.apimatrix a {display:block;}

.commentsTable td {padding:4px 3px;border:solid #ccc;border-width:0px 0px 1px 0px;vertical-align:top;font-size:8pt;}
.tagCloud {background:#eee;padding:2px;border:solid #ccc;border-width:1px 0px 1px 0px;text-align:center;font-size:8pt;font-weight:bold;color:#069;}

.matrixTable {background-color:#FFF;}
#matrixGrid {text-align:center;padding:3px;font-size:7pt;}
#matrixGrid td {text-align:center;}
#matrixGrid th {text-align:left;}

.over {background-color:#036;color:#FFF;}
.notover {background-color:#FFF;color:#333;}
.overBars {border-left:solid 1px #000000;border-right:solid 1px #000000;}
.notoverBars {border-left:none;border-right:none;}

.apiover {background-color:#036;color:#FFF;}
.apiover a {color:#fff;}
.apiover a:hover {color:#036;background-color:#FFF;}
.apinotover {background-color:#FFF;color:#333;}

/* start tag cloud */
.ts1 {font-size:35%;text-decoration:none;}
.ts2 {font-size:40%;text-decoration:none;}
.ts3 {font-size:50%;text-decoration:none;}
.ts4 {font-size:60%;text-decoration:none;}
.ts5 {font-size:65%;text-decoration:none;}
.ts6 {font-size:70%;text-decoration:none;}
.ts7 {font-size:75%;text-decoration:none;}
.ts8 {font-size:80%;text-decoration:none;}
.ts9 {font-size:90%;text-decoration:none;}
.ts10 {font-size:100%;text-decoration:none;}

.tslg1 {font-size:45%;text-decoration:none;}
.tslg2 {font-size:60%;text-decoration:none;}
.tslg3 {font-size:70%;text-decoration:none;}
.tslg4 {font-size:80%;text-decoration:none;}
.tslg5 {font-size:90%;text-decoration:none;}
.tslg6 {font-size:100%;text-decoration:none;}
.tslg7 {font-size:105%;text-decoration:none;}
.tslg8 {font-size:120%;text-decoration:none;}
.tslg9 {font-size:130%;text-decoration:none;}
.tslg10 {font-size:150%;text-decoration:none;}

.tsxl1 {font-size:85%;text-decoration:none;}
.tsxl2 {font-size:95%;text-decoration:none;}
.tsxl3 {font-size:105%;text-decoration:none;}
.tsxl4 {font-size:120%;text-decoration:none;}
.tsxl5 {font-size:130%;text-decoration:none;}
.tsxl6 {font-size:140%;text-decoration:none;}
.tsxl7 {font-size:150%;text-decoration:none;}
.tsxl8 {font-size:160%;text-decoration:none;}
.tsxl9 {font-size:180%;text-decoration:none;}
.tsxl10 {font-size:200%;text-decoration:none;}

#cloud {font-size:120%;line-height:1.2em;}
#bigcloud {font-size:16px;line-height:150%;color:#333;margin:0px auto;text-align:center;background-color:#fff;text-decoration:none;}
#termbox {color:#aaa;}
.nSearch #termbox {color:#333;}

/* ----styles for the star rater---- */
.star-rating{font:normal 9px sans-serif;margin:0px;padding:0px;width:75px;height:15px;position:relative;background:url(/images/star_rating.gif) top left repeat-x;}
.star-rating li{list-style:none;padding:0px;margin:0px;float:left;}
.star-rating li a{display:block;width:15px;height:15px;text-decoration:none;text-indent:-9000px;z-index:20;position:absolute;padding:0px;}
.star-rating li a:hover{background:url(/images/star_rating.gif) left bottom;z-index:2;left:0px;}
.star-rating a.one-star{left:0px;}
.star-rating a.one-star:hover{width:15px;}
.star-rating a.two-stars{left:15px;}
.star-rating a.two-stars:hover{width:30px;}
.star-rating a.three-stars{left:30px;}
.star-rating a.three-stars:hover{width:45px;}
.star-rating a.four-stars{left:45px;} 
.star-rating a.four-stars:hover{width:60px;}
.star-rating a.five-stars{left:60px;}
.star-rating a.five-stars:hover{width:75px;}
.star-rating li.current-rating{background:url(/images/star_rating.gif) left center;position:absolute;height:15px;display:block;text-indent:-9000px;z-index:1;} 

/* padding.margins.boxes */
div.fBox {margin-right:5px;background:#f7f7ff url('/images/bgGradSm.png') 0px 1px repeat-x;}
.box10, .sideBarR, .sideBarL, .imgCenter {padding:10px;}
.padT15, .padTB15, .foot {padding-top:15px;}
.padT10 {padding-top:10px;}
.padT2  {padding-top:2px;}
.padT5, .padTB5, .hTop, .hTB, .box5, .bFoot, .fBox {padding-top:5px;}
.padB15, .padTB15, .foot {padding-bottom:15px;}
.padB10, .bread {padding-bottom:10px;}
.padB5, .padTB5, .hTB, .box5, .bFoot, .fBox {padding-bottom:5px;}
.padR5, .box5, .fBox {padding-right:5px;}
.padL5, .box5, .fBox {padding-left:5px;}
.padR15, .padLR15 {padding-right:15px;}
.padL15, .padLR15 {padding-left:15px;}
.mT15, .mTB15, .hTop, .related {margin-top:15px;}
.mT10, .mTB10 {margin-top:10px;}
.mT5, .mTB5, .hTB {margin-top:5px;}
.mB15, .mTB15, .bFoot, .hTB, .comments {margin-bottom:15px;}
.mB10, .mTB10 {margin-bottom:10px;}
.mB5, .mTB5 {margin-bottom:5px;}
.mL10, .mLR10 {margin-left:10px;}
.mR10, .mLR10 {margin-right:10px;}
.mR6, div.mR6 {margin-right:6px;}
.bC8, .highlight {-webkit-border-radius:8px;-moz-border-radius:8px;}
.bDot {border-style:dotted;}
.bNo, h2.bNo {border:0px;}
.bgNo {background:transparent;}