/* 
  BLUEPRINT CSS
   * Filename:        compressed.css
   * Version:         0.7.1 (2008-02-25) YYYY-MM-DD
   * Website:         http://code.google.com/p/blueprintcss/
   
   Generated by:
    * Blueprint CSS Grid Generator (2009-02-02) [http://kematzy.com/blueprint-generator/]
    
  == STRUCTURE: ========================
   * Page width:            890 px
   * Number of columns:     6
   * Column width:          120 px
   * Margin width:          34 px
  ======================================
   
*/

/* reset.css */
html, body, div, span, object, iframe, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* typography.css */
body {font-size:75%;color:#222;background:#f7f7f7 url("/images/body_bg.png") top repeat-x;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;}

p {margin:0 0 1.5em;}
a:focus, a:hover {color:#8DB4ED;}
a {color:#0051C9;;text-decoration:none;}
abbr, acronym {border-bottom:0px dotted #666;}
table {width:100%;}
th {font-weight:bold;background:#C3D9FF;}
th, td {padding:4px}

/*
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre, code {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
tr.even td {background:#E5ECF9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.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;}
*/

/* grid.css */
.container {max-width:1024px;min-width:600px;margin:0 auto;}
.container_wrap {
	padding: 2px;
	margin-top: 0px;
	-moz-box-shadow: 0 2px 5px #888;
	-webkit-box-shadow: 0 2px 5px #888;
	box-shadow: 0 2px 5px #888;
}

.container_wrap .text {
padding: 20px;
}

/*
.showgrid {background:url(src/grid.png);}
body {margin:1.5em 0;}
div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6 {float:left;margin-right: 34px;}

div.last {margin-right:0;}
.span-1  { width: 120px;}
.span-2  { width: 274px;}
.span-3  { width: 428px;}
.span-4  { width: 582px;}
.span-5  { width: 736px;}
.span-6, div.span-6 { width: 890px; margin: 0; }

.append-1  { padding-right: 154px;}
.append-2  { padding-right: 308px;}
.append-3  { padding-right: 462px;}
.append-4  { padding-right: 616px;}
.append-5  { padding-right: 770px;}

.prepend-1  { padding-left: 154px;}
.prepend-2  { padding-left: 308px;}
.prepend-3  { padding-left: 462px;}
.prepend-4  { padding-left: 616px;}
.prepend-5  { padding-left: 770px;}

div.border{padding-right:16px;margin-right:17px;border-right:1px solid #eee;}
div.colborder { padding-right:104px;margin-right:103px;border-right:1px solid #eee;}
.pull-1 { margin-left: -154px;}
.pull-2 { margin-left: -308px;}
.pull-3 { margin-left: -462px;}
.pull-4 { margin-left: -616px;}
.pull-5 { margin-left: -770px;}
.pull-6 { margin-left: -924px;}

.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6 {float:left;position:relative;}

.push-1 { margin: 0 -154px 1.5em 154px;}
.push-2 { margin: 0 -308px 1.5em 308px;}
.push-3 { margin: 0 -462px 1.5em 462px;}
.push-4 { margin: 0 -616px 1.5em 616px;}
.push-5 { margin: 0 -770px 1.5em 770px;}
.push-6 { margin: 0 -924px 1.5em 924px;}

.push-1, .push-2, .push-3, .push-4, .push-5, .push-6 {float:right;position:relative;}

.box {padding:1.5em;margin-bottom:1.5em;background:#E5ECF9;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;}
.clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix, .container {display:inline-block;}
* html .clearfix, * html .container {height:1%;}
.clearfix, .container {display:block;}
*/

.clear {clear:both;}

/* forms.css */
label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}
.error, .notice, .success {}
.error {color:#8a1f11;display:block}
.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;}

ol, ul {
	padding-left:15px;
	margin-top: 0px;
}

a {
	text-decoration: none;
}

.garticle, .tweet {
margin: 10px 0;
clear: left;
font-size:90%;
}

.garticle a, .tweet a {
	text-decoration:none;
}

.fphoto {
}
.fphoto .caption {
display: block;
clear: left;
font-style: italic;
font-size:80%;
color:#666;
}

.fphoto p.im {
	padding:0px;
	margin:0px;
	text-align: center;
}

.fphoto img {
	margin:0px;
	border:1px solid #999;
}

.tweet img {
float: left;
padding: 5px 5px 10px 0px;;
}

#blurb {
font-size: large;
background-color: #ffc;
padding: 10px;
text-decoration: none;
color: black;
border: 2px #ffc solid;
}

#blurb:hover {
border: 2px orange dashed;
}

#blurbform {
}

#blurbcontent {
	font-size:18px;
}

#blurbform textarea {
background-color: #ffc;
height: 60px;
width: 97%;
font-size:18px;
font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
color: black;
padding:15px 11px 11px 11px;
}

#blurbform h4 {
font-weight: bold;
margin-top: 5px;
margin-bottom: 5px;
color:#666666;
}

.editbuttons {
font-size: small;
text-align: right;
height:20px;
}

.editta {
margin: -9px 0px -9px 0px;
padding: 0px;
}

.editinfo {
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
background: #EFEFEF none repeat scroll 0 0;
overflow: hidden;
padding: 12px;
color: #AAAAA;
font-size: .8em;
}

.editpanel {
	padding:10px; background-color:#EFEFEF;margin-top:-6px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;	
}

#trending h2 {
	margin-bottom: 0px;
	font-weight: bold;
	font-size: 1.8em;
	margin-top: 0px;
	border-bottom: 1px solid #CCCCCC;
}

#trending .trend h3 {
	margin-bottom: 5px;
	font-weight: bold;
	font-size: 1.4em;
	margin-top: 0px;
}


#trending a.edit {
display: block;
border: 2px #fff solid;
padding: 5px;
}

#trending div:hover.edit {
}

#trending .trend {
border-bottom: 1px solid #CCCCCC;
clear:both;
}

#trending .trend a:hover .trendname {
text-decoration: underline;
}

#trending .trendname .rank {
display: block;
float: left;
width: 28px;
height: 28px;
margin-right: 10px;
font-size: 16px;
line-height: 28px;
background: #FFF2CF;
border: 1px solid #EEE087;
border-radius: 2px;
font-weight: bold;
color: #282828;
text-align: center;
}

#trending .trend .trendblurb {
padding: 22px 0px 8px 0px;
overflow: hidden;
font-size: 120%;
}

#trending .trend .trendblurb .blurb{
	max-width:700px;
	margin-bottom:5px;
}

#trending .trend.urgent .trendblurb {
background-color: #FFFFCC;
border:1px solid #FFFFBB;
padding: 8px;
}

#trending .trend.old .trendblurb .blurb {
}

#trending .trend.noblurb .trendblurb .blurb {
	color:#474747;
}

#trending .trend .datetime {
font-size: 70%;
color: #999999;
padding: 0px;
}

#trending .trend .editbuttons {
	float:right;
}

#trending .trend .datetime span {
}

#trending .trend .datetime span.last {
margin-left: 12px;
line-height: 22px;
}

#trending .trend a {
text-decoration: none;
}

#trending .related_url a {
text-decoration: none;
color: #0051C9;}

#trending .now {
 /*background-color:#e9bd24;*/
}

#trending .nav {
}

#trending .nav a {
	text-decoration: none;
}

.needs-edit {
	color: maroon;
}

.button:link, .button:active, .button:visited, .button:hover {
-moz-border-radius-bottomleft: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
background-color: #484848;
border: 1px solid #282828;
color: #FFFFFF;
cursor: pointer;
display: block;
float: left;
font-size: 13px;
font-weight: bold;
height: 27px;
line-height: 27px;
padding: 0 10px;
text-decoration: none;
}

#trending .button, .editbuttons .button, .score .button {
-moz-border-radius-bottomleft: 2px;
-moz-border-radius-bottomright: 2px;
-moz-border-radius-topleft: 2px;
-moz-border-radius-topright: 2px;
/*color: #FFFFFF;*/
font-size: 11px;
height: 18px;
line-height: 18px;
margin: 0 6px 0 0px;
padding: 0 6px;
text-align:center;
}

.editbuttons .button {
margin: 0 0 0 6px;
float:right;
}

.editbuttons .require_login {
	background-color: #fff9dc;
	border: 1px solid #ffd89d;
	color: #282828;
}

#adsense {
width: 728px;
margin: 20px auto;
}

p img.inline {
margin: 0;
float: none;
}

#navigation {
	padding-right:-15px;
	padding-top: 0px;
	font-size:130%;
	position: relative;
	height: 32px;
	text-align:left;
	max-width:1200px;min-width:600px;margin:0 auto;
	overflow: hidden;
        -moz-box-shadow: -1px 1px 2px #888, 1px 1px 2px #888;
        -webkit-box-shadow: -1px 1px 2px #888, 1px 1px 2px #888;
        box-shadow: -1px 1px 2px #888, 1px 1px 2px #888;
}

#navigation a {
	float: left;
	display: block;
	height: 30px;
	margin: 0;
        padding: 0px 20px 0px 20px;
	border-width: 0px 1px 0px 1px;
	border-color: transparent;
	border-style: solid;
	font-size: 12px;
	font-weight: bold;
	line-height: 32px;
	color: #F7F7F7;
        text-shadow: #222222 2px 1px;
	overflow: hidden;
}

#navigation a:hover {
	border-color: #222222;
	background: url('/images/nav-bg-over.png');
}

#navigation #nav_login {
        float:right;
	margin: 4px 0 0 0;
	padding: 0 12px 0 0;
}

#navigation #nav_login a, #navigation #nav_login a:hover {
	background: transparent;
	margin: 0;
	padding: 0;
	border: 0px;
	height: 24px;
}

/*
#navigation a:link, #navigation a:active, #navigation a:visited, #navigation a:hover {
	color: #F7F7F7;
}*/

.method {
border: 2px gray solid;
padding: 10px;
margin-bottom: 25px;
}

.method h3 {
font-size: 2em;
font-weight: bold;
}

.method h4 {
font-size: 1.5em;
font-weight: normal;
text-decoration: underline;
}

body {
	background-color: #F7F7F7 !important;
}

.container {
	background: url('/images/nav-bg.png') repeat-x;
	background-color: white;
	padding: 0;
/*	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;*/
}

.banner {
max-width: 1024px;
min-width: 600px;
margin: 0px auto 0px auto;
height: 80px;
}

.banner, .dates, h1 {
}

.banner  h1 {
float:left;
height: 63px;
}

.empty {
display: none;
}

#preview {
background-color: #ffcc00;
width: 100%;
margin: 0;
margin-top: -20px;
border: thin green dotted;
font-size: large;
}

.hot {
background-color: #3072bb;
margin-left: auto;
margin-right: auto;
text-align: center;
padding-top: 3px;
padding-bottom: 3px;
font-size: 1.1em;
width: 100%;
min-height: 20px;
color: #FFFFFF;
}

.hot a {
color: #FFFFFF;
text-decoration:none;
}

#search_box {
margin: 0 auto;
width: 250px;
height: 33px;
background: url(/images/bg_search.gif) no-repeat;
margin-bottom: 15px;
margin-top: 24px;
margin-right:10px;
text-align: right;
}

#search_box #s {
color: #999;
float: left;
padding: 0;
margin: 6px 0px 6px 28px;
border: 0;
width: 210px;
background: none;
font-size: 1.2em;
}
#search_box #s:focus {
outline: none;
}

#search_box #go {
float: right;
visibility: hidden;
width: 0px;
}

#search_box a {
color: #ffcc33;
text-decoration: none;
}

h1 {
margin-bottom: 0;
margin-top:5px;
}

.ac_results {
border: 1px solid #999;
background-color: white;
padding: 0;
margin: 0;
list-style: none;
position: absolute;
z-index: 10000;
display: none;
margin-top: 13px;
font-size: 1.5em;
width: 240px;
}

.ac_results li {
padding: 2px 5px;
white-space: nowrap;
color: #101010;
text-align: left;
}

.ac_over {
cursor: pointer;
background-color: #ffc;
}

.ac_match {
text-decoration: underline;
color: black;
}

.footer {
	background: #00182C;
	color: #F7F7F7;
	font-size: 12px;
	font-weight: bold;
	padding: 10px 0 20px 0;
	text-align: center;
	line-height:16px;
	border-top: 1px solid #CCC;
	margin: 0;
}

.footer img {
	vertical-align:-2px;
}

.footer a {
	color: #F7F7F7;
	text-decoration: none;
}

#related, .dates {
padding-left: 10px;
color: #AAAAAA;
}

.block {
margin-bottom: 10px;
}

.block .top {
height: 30px;
background: #FFFFFF;
box-shadow: 1px 1px 1px #888;
}

.block a {
text-decoration: none;
}

.block .top h3 {
color: #282828;
font-size: 20px;
font-weight: bold;
margin: 7px 0 0 7px;
}

.block .top h3 span {
color: #A0A0A0;
font-size: 0.65em;
line-height: 1em;
text-transform: uppercase;
vertical-align: middle;
}

.block .top div {
padding: 10px;
}

.block .content {
padding: 10px 12px 6px;
font-size: 1.1em;
}

.single_column .block .content, td .block .content {
margin-top: 20px;
}

.single_column .block .top, td .block .top {
box-shadow: none;
}
.single_column .block .top h3, td .block .top h3 {
font-size: 1.3em;
}

.block .content #top_places_trends_list {
margin-top: 50px;
font-size:11px;
line-height: 18px;
}

.block .content #top_places_trends_list .date {
font-size: 90%;
color: #666666;
}

.block #become_contributor {
margin: 2px;
background: #A0B3D4;
padding: 10px 0px 0px 0px;
text-align: center;
box-shadow: 0 2px 2px #888888;
}

.block #become_contributor div {
font-size: 1.5em;
line-height: 1.4em;
font-weight: bold;
color: #FFFFFF;
text-shadow: #222222 2px 1px 2px;
margin-bottom: 4px;
}

.block p {
	margin-bottom:1.2em;
}

.block .bttm {
border-width: 0 1px 1px;
height: 0px;
overflow: hidden;
clear: both;
}

.about {
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
margin-left:10px;
background: #3072bb none repeat scroll 0 0;
overflow: hidden;
padding: 12px;
color: #FFFFFF;
font-size: 1.2em;
}

.about p {
margin-bottom: 10px;
}

.block-sidebar {
/*-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;*/
margin-left: 10px;
background: #E6EAF3 none repeat scroll 0 0;
overflow: hidden;
padding: 2px 4px 8px 4px;
}

.column_1 {
float: left;
width: 65%;
margin-top:10px;
}

.column_2 {
float: right;
width: 35%;
margin-top:10px;
}

.column_1_interior {
	padding-left:10px;
}

.column_2_interior {
	margin:0px 34px 20px 31px;
}

.single_column {
	padding:10px 10px 10px 20px;
}

.single_column h2 {
	margin-bottom:0px;
}

#sidebar {
}

ul.buttonlist li {
font-size: 0.9em;
line-height: 14px;
margin-bottom: 5px;
overflow: hidden;
padding: 0;
}

ul.buttonlist {
list-style-image: none;
list-style-position: outside;
list-style-type: none;
margin-left: 0px;
}

.buttonlist_square {
-moz-border-radius-bottomleft: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
background: #3072bb none repeat scroll 0 0;
border: 1px solid #3072bb;
display: block;
float: left;
font-size: 12px;
margin-right: 10px;
padding: 7px 0;
text-align: center;
width: 30px;
}

.buttonlist_square_small {
-moz-border-radius-bottomleft: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
background: #3072bb none repeat scroll 0 0;
border: 1px solid #3072bb;
display: block;
float: left;
font-size: 9px;
margin-right: 10px;
padding: 2px 0;
text-align: center;
width: 20px;
}

.buttonlist_square span {
color: #FFF !important;
font-size: 12px !important;
}

.buttonlist_desc {
font-size: 12px;
}

ul.buttonlist a {
text-decoration: none;
}

.appdirectory {
-moz-border-radius-bottomleft: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
padding: 0px 0px 0px 5px;
font-size: 1.2em;
display: block;
background-color: #3072bb;
border: 1px solid #3072bb;
color: #FFFFFF
}

ul.nobullets {
list-style-image: none;
list-style-position: outside;
list-style-type: none;
margin-left: 0px;
}

ul.nobullets li {
	font-size: 1em;
	line-height: 1.4em;
	margin-bottom: 5px;
	overflow: hidden;
	padding: 0;
	margin-left: -4px;
	padding-left:2px;
}

ul.nobullets li img {
	vertical-align:-2px;
	padding-right:2px;
}

.apps dt {
	clear:both;
}

.apps dt img {
	margin-bottom: 1.5em;
	margin-right: 10px;
	float: left;
}

.apps dd {
		margin-left:67px;
}

#edithints h3 {
color: #FFFFFF;
font-size: 18px;
font-weight: bold;
margin: 5px 0 5px;
}

#edithints {
	-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
background: #666666;
padding: 12px;
color: #FFFFFF;
font-size: 1.1em;
margin-bottom:20px;
}

#edithints ul {
	margin-left:15px;
}

.fg-button { outline: 0; margin:0 4px 0 0; padding: .4em .5em; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; zoom: 1; }
	.fg-button .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; }
	
	a.fg-button { float:left; }
	
	/* remove extra button width in IE */
	button.fg-button { width:auto; overflow:visible; }
	
	.fg-button-icon-left { padding-left: 2.1em; }
	.fg-button-icon-right { padding-right: 2.1em; }
	.fg-button-icon-left .ui-icon { right: auto; left: .2em; margin-left: 0; }
	.fg-button-icon-right .ui-icon { left: auto; right: .2em; margin-left: 0; }
	
	.fg-button-icon-solo { display:block; width:8px; text-indent: -9999px; }	 /* solo icon buttons must have block properties for the text-indent to work */	
	
	.fg-buttonset { float:left; }
	.fg-buttonset .fg-button { float: left; }
	.fg-buttonset-single .fg-button, 
	.fg-buttonset-multi .fg-button { margin-right: -1px;}
	
	.fg-toolbar { padding: .5em; margin: 0;  }
	.fg-toolbar .fg-buttonset { margin-right:1.5em; padding-left: 1px; }
	.fg-toolbar .fg-button { font-size: 1em;  }

.boxlist th {
	padding:2px 10px 2px 5px;
}

.boxlist td {
	border-bottom:1px solid #EEE;
	padding:2px 10px 2px 5px;
}

.require_login {
    position: relative;
}

.login_popup {
	background-color: #3072bb;
    color: white;
	padding: 10px;
	width: 150px;
	position: absolute;
    display: none; /* keeps the popup hidden if no JS available */
	text-align: center;
}

.login_popup a:link, .login_popup a:active, .login_popup a:visited, .login_popup a:hover {
	color: #8DB4ED;
}

.button-admin:link, .button-admin:active, .button-admin:visited, .button-admin:hover {
	background-color: #ffd89d;
	border: 1px solid #ffb33c;
	color: #282828;
}

.verified {
	background: url('/images/verified_background.png') repeat-x;
}

.current {
	background: url('/images/current_background.png') repeat-x;
	font-weight:bold;
}

.current_text {
	font-weight:bold;
}

.current_tick {
	height: 60px;
	margin-bottom: 10px;
	background: url('/images/tick_blue.png') no-repeat 12px 100%;
}

/* Query Impromptu */
.jqifade{
      position: absolute; 
      background-color: #aaaaaa; 
}
div.jqi{ 
      width: 400px; 
      font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
      position: absolute; 
      background-color: #ffffff;
      font-size: 11px; 
      text-align: left; 
      border: solid 1px #eeeeee;
      -moz-border-radius: 10px;
      -webkit-border-radius: 10px;
      padding: 7px;
}
div.jqi .jqicontainer{ 
      font-weight: bold; 
}
div.jqi .jqiclose{ 
      position: absolute;
      top: 4px; right: -2px; 
      width: 18px; 
      cursor: default; 
      color: #bbbbbb; 
      font-weight: bold; 
}
div.jqi .jqimessage{ 
      padding: 10px; 
      line-height: 20px; 
      color: #444444; 
}
div.jqi .jqibuttons{ 
      text-align: right; 
      padding: 5px 0 5px 0; 
      border: solid 1px #eeeeee; 
      background-color: #f4f4f4;
}
div.jqi button{ 
      padding: 3px 10px;
      margin: 0 10px; 
      background-color: #3072bb; 
      border: solid 1px #f4f4f4; 
      color: #ffffff; 
      font-weight: bold; 
      font-size: 12px; 
}
div.jqi button:hover{ 
      background-color: #3072bb;
}
div.jqi button.jqidefaultbutton{ 
      background-color: #3072bb;
}
.jqiwarning .jqi .jqibuttons{ 
      background-color: #3072bb;
}

.breadcrumb {
	padding-top:10px;
	color:#999;
}

.breadcrumb a:link, .breadcrumb a:active, .breadcrumb a:visited, .breadcrumb a:hover {
	color: #92B3E2
}

.breadcrumb a:hover {
	text-decoration:underline;
}

.related_content {
	margin-top: 10px;
}

.related {
	color: #999;
	background-color: #EEE;
	opacity: .7;
}

#trend_detail .datetime {
	padding:20px 10px 10px 10px;
	font-size: 90%;
}

#trend_detail h1 {
	padding: 0px 10px 10px 10px;
}

#trend_detail h3 {
	padding-left: 10px;
}

#trend_detail > p, #trend_detail > div {
	padding-left: 10px;
}

#trend_detail .breadcrumb {
	padding-left: 10px;
}

#similar_trends .textboxlist-bit-box {
	font-size: 80%;
}

.blurbdate {
	float:left;
	background-color: #BBBBBB;
	color: #FFFFFF;
	font-size: 12px;
	width: 35px;
	height: 30px;
	padding:8px 4px 4px 4px;
	vertical-align:middle;
	text-align:center;
	font-weight: bold;
	line-height:12px;
	margin-right: 10px;
	margin-bottom: 20px;
}

.blurbdate_verified {
	background-color:#93ca0c;
}

.blurbdate_current {
	background-color:#258bd7;
}

.revertButton {
	font-size:90%;
}

.score {
	width:50px;
	height:60px;
	text-align:center;
	line-height:1.7em;
}

	dl.table-display
	{
	width: 100%;
	margin: 0;
	padding: 0;
	}
	
	.table-display dt
	{
	width: 7%;
	float: left;
	margin: 0 0 0 0;
	padding: 0px;
	font-weight: bold;
	display: block;
	}

	.table-display dt>div
	{
		/* padding:5px 10px 5px 20px; */
	}
	
	/* commented backslash hack for mac-ie5 \*/
	dt { clear: both; }
	/* end hack */
	
	.table-display dd
	{
	float: left;
	width: 93%;
	margin: 0px;
	padding:0px;
	font-size:90%;
	display: block;
	}

	.table-display dd>div
	{
		/* padding:5px 10px 5px 10px; */
	}

	.message {
		width:100%
		font-size: large;
		background-color: #ffc;
		padding: 10px;
		border: 2px orange dashed;
		text-align: center;
		margin-bottom: 10px;
	}
	
	.page_description {
		font-size: 140%;
	}
	
	.banner_error {
		background-color: red; color: white; font-size: 1.5em; font-weight: bold; padding: 5px 15px; margin-top:15px;
	}

	.banner_error a:link, .banner_error a:active, .banner_error a:visited, .banner_error a:hover {
		color: white;
		text-decoration: underline;
	}
	
	.go_pro {
		clear:both;
		font-size:110%;
		font-weight: bold;
		margin: 20px 0px;
		border: 1px solid #DDDDFF;
		padding:10px;
		background-color: #EEEEFF;
	}
	
	
pre.code {
	background:#eee;
	overflow: auto;
	padding: 20px 10px;
	margin: 20px 10px;
	font-size: 1em;
	font-family: Courier, monospace;
	line-height: 1.2em;
	
}