/* @group Tag Styles */

body
{
	margin: 0 auto;
	background: #4f4f59;
	padding: 0px;
	font-family: 'Lucida Grande', Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size: 69%;
	width: 1040px;
}

/* because IE/win can't resize, we hide the real font size from it. */
html>body
{
	font-size: 12px;
}

img
{
	border: none;
}

img.floatLeft { 
    float: left; 
    margin: 4px 10px 4px 4px; 
}
img.floatRight { 
    float: right; 
    margin: 4px 4px 4px 10px; 
}

img.dnarr {
	padding-left: 2px;
	padding-bottom: 1px;
}


/* some browsers never heard of inheritance! */
table, tr, td, div, p, blockquote, ol, ul, dl, li, dt, dd
{
	font-size: 100%;
	font-family: 'Lucida Grande', Verdana, Arial, Helvetica, Geneva, sans-serif;
}

table
{
	position: relative;
	background-color: #fff;
}

table.tmo_main_table
{
	-moz-box-shadow: rgba(0, 0, 0, 0.7) 0px 3px 8px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.7) 0px 3px 8px;
	box-shadow: rgba(0, 0, 0, 0.7) 0px 3px 8px;
}

p
{
	margin: 0em 0em 1em 0em;
	padding: 0em;
}

hr {
margin: 0.5em auto;
}

a:hover
{
	text-decoration: underline;
}


h1, h2, h3, h4, h5, h6
{
	font-size: 1em;
	margin: 0px;
	padding: 0px;
	clear:both;
}

h1, h2, h3
{
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
}

acronym
{
	font: inherit;
}

p.highlight 
	{
		padding:5px 3px 5px 5px;
		font-weight: bold;
		border:1px solid #BBBBDD;
	}


ol,ul {
margin: 1em 0 1em 0;
padding-left: 2em;
}



/* @end */

/* @group Article Text Styles */

#entryBody blockquote {
	display: inline-block;
	min-height: 30px;
	margin-bottom: 10px;
	padding: 0px 0px 0px 30px;
	color: #666666;
	font-style: italic;
	background: url('/imgs/site_images/icons/bigleftquote.png') left top no-repeat;
	overflow: hidden; }

#entryBody blockquote cite.source {
	margin: 10px 0px 10px 0px;
	display: block;
	font-style: normal;
}

#entryBody pre {
	padding:10px;
	overflow:auto;
	border: 1px dotted #ccb;
	background: #f2f1ff;
	margin-bottom: 1em;
}
#entryBody code, #entryBody kbd {
	font: 1em/1.5  Courier, monospace;
}
#entryBody kbd {color: #a7001f;}

#entryBody .initialcap:first-letter  {
	text-transform: capitalize;
	font-weight: bold;
	font-size: 111%;
}

#entryBody span.pulled-right {
	display: block;
	float: right;
	padding: 0 0 0 10px;
	margin: 0 0 10px 10px;
	width: 170px;
	font-size: 1.3em;
	line-height: 1.2em;
	text-align: right;
	color: #666;
	border-left: 3px solid #ccc;
}
#entryBody span.pulled-left {
	display: block;
	float: left;
	padding: 0 10px 0 0;
	margin: 0 10px 10px 0;
	width: 170px;
	font-size: 1.3em;
	line-height: 1.2em;
	text-align: left;
	color: #666;
	border-right: 3px solid #ccc;
}

.tmo-indented {
	margin-left: 35px;
	margin-right: 45px;
	text-align: justify;
}

/* @end */


/* @group Site Layout Elements */

.botp
{
padding-bottom: 5px;
}

.topp
{
padding-top: 5px;
}

.center
{
    display: block;
    margin-left: auto;
    margin-right: auto
}

.shadow-1 {
	box-shadow: 0px 5px 10px #666;
	-webkit-box-shadow: 0px 5px 10px #666;
	-moz-box-shadow: 0px 5px 10px #666;
}

.corner-5 {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.corner-10 {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.headlines
{
	margin-left: 15px;
	text-align: left;
	line-height: 150%;
	padding-bottom: 2em;
	position: relative; 
}

div.padder
{
	/* padding the REAL container div can cause issues with the math */
	margin-bottom: 24px;
	line-height: 150%;
}

/* fun with floats: these lay out the big elements in the page. */
div#topbanner
{
	
	position: relative;
	padding: 9px 0px 13px 10px;
	color: #123;
	font-weight: bold;
	font-size: 10px;
	height: 90px;
}

p#whammy
{
	position: absolute;
	bottom: 13px;
	left: 240px;
	padding: 0px;
	margin: 0px;
	font-size: 1.3em;
}

p#topbanneradvert
{
	position: absolute;
	bottom: 13px;
	left: 210px;
	padding: 0px;
	margin: 0px;
	font-size: 1.3em;
}

div.navcontainer
{
	clear: both;
	margin-top: 0px;
	padding: 4px 10px;
	font-size: 10px;
	height: 15px;
	white-space: nowrap;
}

div#container
{
    width: 685px;
}

div#news
{
	/* note that margin-right is minimum 315px.  Extra 10 for whitespace */
	margin-left: 15px;
	text-align: left;
	line-height: 150%;
	position: relative; 
}


#sidebarz
{
	text-align: left;
	position: relative; 
	background-color: #fff;
}

#td-adbar
{
width: 350px;
}

div#footer
{
	clear: both;
	display: block;
	padding: 5px 20px;
	font-size: 10px;
	z-index: 100;
}

#news div.padder
{
	padding-right: 0em;
}

/* NFC What Extras is */

.extras
{
	position: relative; 
	text-align: justify;
}

div.extras p 
{
	margin: 0em;
}

.extras div.padder {
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
}

form#tmosearch
{
	margin: 0px 0px 5px 0px;
	padding: 0em;
}

/* @end */

/* @group Navbar */

/* Navigation area styles. */

ul.navlist li
{
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
}

.navlist a:link, .navlist a:visited
{
	/* line-height: 14px; */
	font-weight: bold;
	margin: 0px 10px 0px 0px;
	text-decoration: none;
	white-space: nowrap;
}

ul.navlist
{
	margin: 0px;
	padding: 1px 0px;
	text-transform: lowercase;
	display: inline;
	float: left;
	width: 1020px;
	min-width: 61em;
}

div.navcontainer p img 
{
	vertical-align: middle;
}

div.navcontainer p
{
	margin: 0px;
	padding: 1px 0px;
	float: right;
	text-align: right;
	width: 13%;
	display: inline;
	white-space: nowrap;
}

/* @end */

/* @group Footer */

.footernavlist a:link, .footernavlist a:visited
{
	/* line-height: 14px; */
	font-weight: bold;
	margin: 0px 10px 0px 0px;
	text-decoration: none;
	white-space: nowrap;
}

.footernavlist a:link#current, .footernavlist a:visited#current, .footernavlist a:hover
{
	color: #000;
}

.footernavlist a:hover
{
	color: #000;
}

ul.footernavlist li
{
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
}

div#footer ul.footernavlist
{
	text-align: center;
}

ul.footernavlist
{
	margin: 0px 0px 6px 0px;
	padding: 1px 0px;
	text-transform: lowercase;
	display: inline;
	float: left;
	width: 100%;
}

div#footer img
{
	margin: 4px;
	float: right;
}

/* @end */

/* @group Ad Bar I Think */

div.rightbox {
	background: transparent;
	margin: 0em 0em 2em 0em;
}

div.rightbox p, form {
	background:#f4f4f4;
	padding: 0.3em 1em 0.3em 1em;
	margin: 0em 0em;
}

/* Stock Widget */

div#sidebarz #stock-list {
    background:#f1f1f1 url(/images/backgrounds/stock_bg.png) no-repeat right bottom;
    list-style-type:none;
    padding: 10px 10px 10px 12px;
    margin: 0 auto 16px !important;
    border:1px solid #689;
    line-height:130%;
    width:270px;
    clear: both;
}

#stock-list .stocks {
    display: none;
}

ul#stock_quote {
	margin: 0;
	padding-top: 0 !important;
	padding-bottom: 5px !important;
	width: 100%;
}

#stock-price {
	font-size: 140% !important;
}

#quote_change_img img {
	vertical-align: text-bottom;
	line-height: 1em;
}

#stock-list li {
    background-repeat:no-repeat;
    background-position: 110px 3px;
    padding:3px 12px 3px 3px;
    text-align: left;
}

#stock-legal {
    text-align: center;
    font-size: 10px;
    font-style: italic;
}

.price_down {
	color: #de0000;
}

.price_up {
	color: #3f7f00;
}

/* End Stock Widget */

div#sidebarz .specials{ 
    margin:0em 1em 0em 1em;
}


.sideadvert {
	background: transparent url(/imgs/site_images/tmo/site2004/adpop.gif) top center no-repeat;
	padding-top: 10px;
	margin-top: 15px;
	text-align: center;
}

.sidebyside {
	padding: 10px;
}

.tilead 
{
	width: 125px;
	height: 125px;
	float: left;
	margin: 7px;
	display: inline;
}

h3.stockquote {
    background: transparent url(/imgs/site_images/tmo/site2004/dollars.gif) no-repeat left;
    padding: 5px 0 5px 18px !important;
    margin: 0 !important;
}

h3.dealsontheweb
{
	background: transparent url(/imgs/site_images/tmo/site2004/deals.gif) center left no-repeat;
	padding-left: 18px;
}

div.padder
{
	margin: 0px 6px;
}

div.dotw
{
	margin: 2px 6px;
}

/* @end */

/* @group Ad Styles */

/* Styles to control the ad. */
/* places the 'advertisement' graphic above ads */
.advert, div.storytile
{
	background: transparent url(/imgs/site_images/tmo/site2004/adpop.gif) top center no-repeat;
	padding-top: 10px;
	margin-top: 5px;
}

.advert img
{
	margin-bottom: 14px;
	display: block;
}

div#banneradvert {
	text-align: center;
	padding:0px 0px 10px 0px;
	margin:11px 0px;
}

div#banneradvert img {
	border:1px solid #eee;
}

/* @end */

/* @group Headers and Titles */

/* these are the header styles; i'm still trying to figure out why IE won't paint text */
div#topbanner h1
{
	width: 220px;
	text-align: left;
}

/* i'll name these little guys properly one day */
.extras h3, .headlines h2, #sidebarz h2, h2.forums, .sidebarz h3
{
	margin: 0px 0px 10px 06px;
	padding: 4px 0px 3px 0px;
	text-transform: lowercase;
	color: #333;
	font-size: 1.2em;
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
}

.headlines h2 
{
	margin-left: 0px;
}

h2.todays, h2.headline, h3.headline
{
	background: transparent url(/imgs/site_images/tmo/site2004/news.gif) center left no-repeat;
	padding-left: 18px;
}

h2.todays {
	padding-top: .7em;
	background-position: 0 .9em;
	text-transform: none;
}

h3.topics, h3.comments, h3.forums, h2.forums
{
	background: transparent url(/imgs/site_images/tmo/site2004/hotstuff.gif) center left no-repeat;
	padding-left: 18px;
}

h2.column, h2.headline, h3.thespin, h3.comments
{
	color: #333;
	font-size: 1.2em;
}

.timestamp
{
	margin-right: 0.5em;
	color: #444;
	font-weight: bold;
}

/* @end */

/* @group Homepage Entry */

div.entry_home_feat {
	margin: 0 10px 0 10px;
	float: left;
}

/* @end */

/* @group Homepage Headlines and Briefs Listing */

#header-main-td
{min-width:660px;}

div.headline_home .timestamp_home
{
	width: 100px;
	font-size:10px;
	float: left;
	color: #333;
	font-weight: normal;
	text-align: right;

}

div.headline_home {
position: relative;
	padding-top: .3em;
	padding-bottom: .3em;
	border-bottom: 1px dotted #ccc;
    float: left;
    width:100%;
}

div.headline_home .title_home
{
	text-align: left;
	/* padding-left: 95px;*/
	padding-right: 50px;
}

div.brief_home {
    border-bottom:1px dotted #bec2bd;
    border-left-style:none;
    border-right-style:none;
    float: left;
    margin-top: 10px;
    padding-bottom: 15px;
}

div.brief_home .teaser_home {
	padding-left: 95px;
	max-width: 800px;
}


div.brief_home .teaser_image_home {
	width: 90px;
	text-align: center;
	vertical-align: middle;
	float: left;
	display: table-cell;
}

/* the drop down news briefs setting */
span.briefs_pref {
	float: right;
	font-size: 10px;
	font-weight: normal;
	text-transform: none;
}

div#headlines .spacia {
	margin:50em;
	clear:both;
}

.chicklet {
-moz-border-radius: 8px; -webkit-border-radius: 8px;
}

/* @end */

/* @group Recent Headlines  */
/* Was old headlines homepage view */
.shortheadline dl
{
	padding-bottom:5em;
	clear:both;
}

dl.shortheadline dd
{
	width:80%;
	float:left;
	text-align: left;
	margin: 0em 0em 0.5em 0em;
	padding: 0em 0em 0em 0.8em;
}

dl.featureslist dt
{
	border: 1px solid black;
	padding: 0.5em 1em 0em 1em;
}

dl.featureslist dd
{
	padding: 0em 1em 0.5em 1em;
}

.featureslist img {
	height: auto;
	max-width: 128px;
	clear:both;	
}

.headlinelist img {
	height: auto;
	max-width: 80px; 
}

span.teas_img_wrap {
	width: 90px;
	text-align: center;
	vertical-align: middle;
	float: left;
	display: table-cell;
}



dl.headlinelist dt strong
{
	padding-top: 2px;
	padding-bottom: 2px;
	/* hide from IE mac \*/
	padding-left: 18px;	
	background: transparent url(/imgs/site_images/tmo/site2004/breakingnews.gif) no-repeat center left;
	/* end hiding from IE5 mac */
	color: #357;
	clear: none;
}

dl.headlinelist dd p
{
display: inline;
margin: 0px;
padding: 0px;
}

/* homepage listings of today's headlines, etc */
dl.headlinelist, dl.featureslist
/* the container that holds a set of headlines. */
{

	line-height: 150%;
}

dl.headlinelist dt
{
	font-size: 1.1em;
	font-weight: bold;
}


dl.headlinelist dt, dl.featureslist dt
{
	color: #777;
	text-align: left;
	padding-top: 8px;
	clear: both;
}

dl.headlinelist dd, dl.featureslist dd
{
	margin: 0em 0em 1.5em 0em;
}

dl.shortheadline dt 
{
	width:14%;
	min-width:60px;
	font-size:10px;
	float: left;
	color: #333;
	text-align: right;
	padding-top: 0px;
}


/* @end */

/* @group Reader Specials */

/* .specials controls the Reader Specials and DOTW boxen */
div.specials
{
	margin-bottom: 16px;
	font-size: 0.9em;
	line-height: 130%;
}

div.specials h3
{
	padding: 0.4em;
}

div.specials ul
{
	list-style: none;
	padding: 0em;
	margin: 0.8em;
}

div.specials ul li
{
	margin: 0em 0em 0.4em 0em;
	padding: 0.4em;
	background: #ddd;
}

.reader
{
	float: left;
	width: 58%;
}

.deals
{
	float: right;
}

/* @end */

/* @group Entry Header */

#entry_head .teas_thumb {
	border-style: none;
	margin: 5px;
	float: left;
}

#entry_head h3 {
	font-size: 150%;
	padding: 10px 10px 0;
}

#head_list hr {
	height: 1px;
	clear: both;
	position: relative;
	margin-left: 0px;
}

#entry_head ul {
	list-style-type: none;
	margin: 0;
	padding: 10px;
	white-space: nowrap;
}

#entry_head #head_list {
	float: left;
	position: absolute;
	left: 7em;
	height: 9em;
	margin-right: 8em;
	padding-left: 1em;
	width: 85%;
}

#entry_head {
	position: relative;
	height: 8.6em;
	margin-bottom: .4em;
	padding-bottom: 1em;
}

#entry_head #head_name {
	position: relative;
	clear: left;
}

p.cat_description {
	min-width: 40em;
	max-width: 80em;
	margin-right: 2em;
}

div.teaser_more {
	float: right;
	margin-right: 20px;
}

div.teaser_home_nav {
	clear: both;
	padding: 0 5px;
	margin: 0 0 20px 0;
	background-color: #f1f1f1;
	border-top: 1px solid #ccccbb;
	border-bottom: 1px solid #ccccbb;
	font-size: 10px;
}

/* @end */



/* @group Spread The Word & Entry End Bar */

/* Spread the word */

#spreadwordbox {
	width: 150px;
	float: right;
	margin: 6px;
	text-align: center;
	position: relative;
}

#spreadwordbox p.spreadword {
	
	text-align: center;
	margin: 0px 0px 3px;
	padding: 3px;
	font-weight: bold;
	font-size: 100%;
}

#spreadwordbox p {
	margin: 2px;
	font-size: 80%;
}

li.spread_item {
	list-style-type: none;
	display: inline;
}

ul.spread {
	width: 6em;
	padding: 0px;
	margin: 8px auto;
}

#entry_end_bar {
padding: 0;
margin: 10px 0px 0px 20px;
height: 2em;
display: inline-block;
}

div#entry_end_wrap {
	margin-left: auto;
    margin-right: auto;
    width: 50%;
    min-width: 50em;
    text-align: center;
}

#entry_end_bar > li {
display: block;
float: left;
text-align: center;
padding: 0;
margin: 0;	
}

#entry_end_bar > ul {
border: 0;
margin: 0 auto;
padding: 0;
list-style-type: none;
text-align: center;
}

#entry_end_bar .endbar
{
/* width: 78px;
height: 18px; */
border-right: none;
margin: 0px;
text-decoration: none;
display: block;
text-align: center;
padding: .4em .6em;
}

#entry_end_bar ul li a
{
font-weight: normal;
font: normal 0.8em/1.8em "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
text-align: left;
}

#entry_end_bar span.stbuttontext {
	line-height: 20px;
}

#entry_end_bar a.stbutton.stico_rotate {
	background-position: .4em .4em !important;
}

input#short_url {
width: 10em;
text-decoration: none;
text-align: center;
font: normal 0.8em/1.8em "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
margin: .22em .6em;
padding: 0;
}

/* @end */

/* @group Review */

.ratingsbox * {margin:0; padding:0; padding-left:5px; font-family:"Lucida Grande",Verdana, sans-serif; margin-bottom:4px; color:#333;}
		.ratingsbox a {color:#648596;}
		.ratingsbox 
		{font-size:11px;}
		.ratingsbox h2 {
			font-size:12px;
			font-weight:normal;
			margin-bottom:3px; 			
		}		
		.ratingsbox h3 {
			margin-bottom:5px;
			padding-left:5px;
			font-size:10px;
			margin-top:12px;
		}
		.ratingsbox h2 span {font-weight:bold;}
		.ratingsbox p.price span {font-weight:bold;}
		.ratingsbox p.rating
		{
			padding: 23px 0 0 0;
			overflow: hidden;
			background: url("images/rating0.png") 2px 0px no-repeat;
			height: 0px !important; /* for most browsers */
			height /**/:23px; /* for IE5.5's bad box model */
			margin-top:8px;
		}
		.ratingsbox p.rating0 
		{background-image:url('/imgs/site_images/tmo/ratings/rating0.png');}
		.ratingsbox p.rating1 
		{background-image:url('/imgs/site_images/tmo/ratings/rating1.png');}		
		.ratingsbox p.rating2
		{background-image:url('/imgs/site_images/tmo/ratings/rating2.png');}		
		.ratingsbox p.rating3
		{background-image:url('/imgs/site_images/tmo/rating3.png');}		
		.ratingsbox p.rating4
		{background-image:url('/imgs/site_images/tmo/ratings/rating4.png');}		
		.ratingsbox p.rating5
		{background-image:url('/imgs/site_images/tmo/ratings/rating5.png');}
		.ratingsbox p.rating6 
		{background-image:url('/imgs/site_images/tmo/ratings/rating6.png');}
		.ratingsbox p.rating7 
		{background-image:url('/imgs/site_images/tmo/ratings/rating7.png');}		
		.ratingsbox p.rating8
		{background-image:url('/imgs/site_images/tmo/ratings/rating8.png');}		
		.ratingsbox p.rating9
		{background-image:url('/imgs/site_images/tmo/ratings/rating9.png');}		
		.ratingsbox p.rating10
		{background-image:url('/imgs/site_images/tmo/ratings/rating10.png');}			
		
		div.box {
			border-top:1px solid #D9D9D9;
			background-color:#F1F1F1;
			padding:5px;
			padding-top:10px;			
		}

/* @end */

/* @group Podcast */

/* Podcast Styles */

#podcast_data td,th {
	text-align: center;
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
}

#podcast_data .align_override {
	text-align: left;
	padding-left: 5px;
	vertical-align: text-top;
}

#show_notes_search {
	background: #fff;
	float:right;
	padding: 3px;
	text-align: center;
	clear: right;
}
#show_notes_search .input {
	width: 140px;
	margin: 5px;
}

h3.show_notes {
	clear: left;
}

/* @end */

/* @group Contact Page Tabs */

/*  CONTACT PAGE NAV TABS */

#contact_nav {
  float:left;
min-width:620px;
  font-size:93%;
  line-height:normal;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  margin-bottom:10px;
  clear:both;
  }
#contact_nav ul {
  margin:0;
  padding:5px 5px 0;
  list-style:none;
  }
#contact_nav li {
  float:left;
  background:url("/imgs/site_images/tmo/tab_off_l.png") no-repeat left top;
  margin-right:5px;
  padding:0 0 0 9px;
  }
#contact_nav a {
  float:left;
  display:block;
  background:url("/imgs/site_images/tmo/tab_off_r.png") no-repeat right top;
  padding:5px 15px 4px 6px;
  text-decoration:none;
  font-weight:bold;
  color:#765;
  }
#contact_nav a:hover {color:#333;}
#contact_nav .current {background-image:url("/imgs/site_images/tmo/tab_on_l.png");}
#contact_nav .current a {
  background-image:url("/imgs/site_images/tmo/tab_on_r.png");
  color:#333;
  padding-bottom:5px;
  }

/* @end */

/* @group TMO Store */

p.tmostore, p.textad
{
	padding: 0em 0.8em;
}

p.tmostore
{
	padding: 0.8em 9.3em 0.8em 0.8em;
	border: 1px solid #bbd;
	background: #fff url(/imgs/site_images/tmo/site2004/shirt2.gif) bottom right no-repeat;
}

form.foxycart input[name=quantity] {
	display: none;
}

#tmo_store form {
background-color: #fff;
}

/* @end */

/* @group Comments */

.postbox a {
text-decoration: none;
}

.postbox
{
	text-align: left;
	color: black;
	padding: 0.3em;
	margin: 3px 0px;
	margin-bottom: 10px;
	
	width: 640px;
	clear: both;
}


.postdetails, .postsubject
{
	text-align: center;
	vertical-align: middle;
	padding: 3px;
	color: black;
	
	
}

.postsubject
{
    font-weight: bold;
	text-align: left;
	vertical-align: top;
	background-color: #eed;
    border: 1px solid #ccb;
}

.postsubjectstaff
{
    font-weight: bold;
	padding: 3px;
	text-align: left;
	vertical-align: top;
	background-color: #a6bfcc;
    border: 1px solid #689;
}

.postsubjectmod
{
border: 1px solid #689;
}

.ignorestaff {display:none;}

.flagstaff {
display: none;
}

.postbox .staff-wm {
background: url(http://www.macobserver.com/imgs/site_images/tmo/icons/staff-wm.png) bottom right no-repeat;
border: 1px solid #689;
}
.postbox .mod-wm {
background: url(http://www.macobserver.com/imgs/site_images/tmo/icons/mod-wm.png) bottom right no-repeat;
border: 1px solid #689;
}
.postbox .rank-cm-star1 {
background: url(http://www.macobserver.com/imgs/site_images/tmo/icons/rank-cm-star1.png) top left no-repeat;
}
.postbox .rank-cm-star2 {
background: url(http://www.macobserver.com/imgs/site_images/tmo/icons/rank-cm-star2.png) top left no-repeat;
}
.postbox .rank-cm-star3 {
background: url(http://www.macobserver.com/imgs/site_images/tmo/icons/rank-cm-star3.png) top left no-repeat;
}
.postbox .rank-cm-star4 {
background: url(http://www.macobserver.com/imgs/site_images/tmo/icons/rank-cm-star4.png) top left no-repeat;
}
.postbox .rank-cm-star5 {
background: url(http://www.macobserver.com/imgs/site_images/tmo/icons/rank-cm-star5.png) top left no-repeat;
}
.postbox .rank-cm-star-big {
background: url(http://www.macobserver.com/imgs/site_images/tmo/icons/rank-cm-star-big.png) top right no-repeat;
}

.profilebox {
	background-color: white;
	font: 90% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	border: 1px solid #ccb;
	padding: 3px;
}

.profilehead {
		font: bold 90% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #004276;
}

.comment-action-menu {
cursor: pointer;
float: right;
}

.postblockdetails, .posterdetails, .postavatar, .postident, .postercontact
{
    font-weight: normal;
	color: #000;
	
	padding: 0.3em;
	text-align: left;
	border: none;
}

.postblockdetails
{
	font-weight: normal;
	color: #000;
	
	padding: 0.3em;
	text-align: left;
	border: none;
	
}

.postident
{
	letter-spacing: 0.2em;
	word-spacing: 0.3em;
}

.postident:first-letter
{
	font-weight: bold;
}

.posterdetails
{
	width: 26%;
}

.posterdetails a
{
	color: #CCCCBB;
	background-color: inherit;
}


.posterdetails a:hover
{
	color: #eed;
	background-color: #DDDDDD;
}

/*  - Main text of posts */
.postbody
{
    font-size: 100%;
	padding: 3px;
	text-align: left;
	vertical-align: top;
	border: 1px solid #ccb;
	background-color: #fff;
}
.postdate
{
    float: right;
    font-weight: bold;
	
	text-align: left;
	vertical-align: top;
	color: black;
}

.smalltext
{
	font-weight: normal;
}

/* Seems to produce odd comments style.  Not sure when or why added.  -SS
.codeblock, .quoteblock, .quote, .postbody
{
	font-size: 95%;
	font-weight: none;
	margin-left: 2em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 92%;
	padding: 3px;
}
*/

/* Added to fix [code] overflow issue in comments 
   ATC : 2011-10-12 */
div.codeblock {
	overflow: scroll;
	margin: 10px;
	padding: 5px;
	border:  1px solid #dedede;
}

div.codeblock::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}

div.codeblock::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(145,168,187,1);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}
/* @end */

.code
{
	font-family: Courier, 'Courier New', sans-serif;
	font-weight: normal;
	background-color: #88AABB;
	border: 1px solid #668899;
	
	width: 99%;
	margin: 3px 0px;
	padding: 4px;
	overflow: hidden;
}

.postbody blockquote, .quote, .quoteExpand
{
	font-weight: normal;
	
	background: #F1F1F1;
	border: 1px solid #CCC;
	margin: 3px 8px;
	padding: 5px;
	width: 605px;
	overflow: hidden;
}

.quoteColapse
{
	font-weight: normal;
	border: 1px solid #F1F1F1;
	overflow: hidden;
	height: 1.5em;
	color:#666;
	background: #F1F1F1 url(/imgs/site_images/tmo/dotdotdot.png) no-repeat !important;
	background-position: bottom right !important;
	cursor:pointer;
}



.quoteColapse p {
display: inline;
	margin: 5px;
overflow: hidden;

}




/*
Formatting Buttons
------------------------------------------------------ */ 

.buttonMode {
font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
font-size: 10px;
color: #73769D;
background-color: transparent; 
white-space: nowrap;
}

.htmlButtonOuter, .htmlButtonOuterL {
background-color: #f6f6f6; 
padding: 0;
border-top: #333 1px solid;
border-right: #333 1px solid;
border-bottom: #333 1px solid;
max-width:50px;
float:left;
}
.htmlButtonOuterL {
border-left: #333 1px solid;
}
.htmlButtonInner {
background-color: transparent; 
text-align: center;
padding: 0 3px 0 3px;
border-left: #fff 1px solid;
border-top: #fff 1px solid;
border-right: #ccc 1px solid;
border-bottom: #ccc 1px solid;
}
.htmlButtonOff {
font-family: Verdana, Arial, Trebuchet MS, Tahoma, Sans-serif;
font-size: 11px;
font-weight: bold;
padding: 1px 2px 2px 2px;
white-space: nowrap;
}
.htmlButtonOff a:link { 
color: #000;
text-decoration: none;
white-space: nowrap;
}
.htmlButtonOff a:visited { 
text-decoration: none;
}
.htmlButtonOff a:active { 
text-decoration: none;
color: #999;
}
.htmlButtonOff a:hover { 
background-color: #fff;
text-decoration: none;
color: #999;
}
.htmlButtonOn {
font-family: Verdana, Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
font-size: 11px;
font-weight: bold;
background: #f6f6f6;
padding: 1px 2px 2px 2px;
white-space: nowrap;
}
.htmlButtonOn a:link { 
color: #990000;
text-decoration: none;
white-space: nowrap;
} 
.htmlButtonOn a:visited { 
text-decoration: none;
} 
.htmlButtonOn a:active { 
text-decoration: none;
color: #999;
}
.htmlButtonOn a:hover { 
background-color: #fff;
color: #999;
text-decoration: none;
}

/* @end */

/* @group NavBar & Dropdowns */

.related_dropdown{
background: #eed;
padding: 0px !important;
border-top: 1px solid #ccb;
}


	
.jsddm li
{	float: left;
	list-style: none;
	z-index: 100;
}

.jsddm li a
{	display: block;
	text-decoration: none;
	white-space: nowrap;
}

.jsddm li a:hover
{	color:  #000;}
		
.jsddm li ul
{
	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 8px 0 0;
	min-width: 50px;
}
		
.jsddm li ul li
{	
	float: none;
	display: inline;
	line-height: 15px;
}
		
.jsddm li ul li a
{
	border: 1px solid #ccb;
	border-top: none;
	background: #eed;
	width: 100%;
	display: block;
	padding: 2px 0;
	text-decoration: none;
	font-weight: bold;
	text-indent: 5px;
	text-transform: lowercase;
	margin-right: 5px;
}		

.jsddm li ul li a:hover
{color: #000;}

.dd-menu, .dd-menu ul   {
	margin: 0px;
	padding: 0px;
	background-color: #eed;
}
.dd-menu li{
	padding: 1px;
	list-style-type: none;
	border:1px solid #ccb;
	border-top-style: none;
	min-width:140px;
}
.dd-menu ul, .dd-menu li, .dd-menu li a {
	text-align: right;
	font-size: 10px;
	text-transform: lowercase;
}

/* @end */

/* @group Tooltips & Overlay / Thickbox */

.tooltip {display:none;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(/imgs/site_images/icons/macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{padding:15px;}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}


/* @end */

/* @group Badges */

/*
@font-face {
font-family: "Aller Sans Bd";
src: url("/themes/tmo_badges/fonts/Aller_Bd.ttf");
}
@font-face {
font-family: "Aller Sans";
src: url("/themes/tmo_badges/fonts/Aller_Rg.ttf");
}
@font-face {
font-family: "Aller Sans It";
src: url("/themes/tmo_badges/fonts/Aller_It.ttf");
}
*/

a.no-link-style{color:inherit;text-decoration:none;font-weight:normal;}
a.no-link-style:hover{color:inherit;text-decoration:none;font-weight:normal;}

p.bblue {
color: #223C65;
	color: rgba(34,78,122,0.75);
}
p.bblack {
color: #807B66;
	color: rgba(147,141,119,0.81);
}
p.bgrey {
color: #807B66;
	color: rgba(147,141,119,0.81);
}
p.btan {
color: #515151;
	color: rgba(100,100,100,0.75);
}
p.bwhite {
color: #6B7499;
	color: rgba(123,133,170,0.57);
}

.bblue .headline , .bblue .badge-teas {
color: rgb(238,238,221);
}
.bblack .headline , .bblack .badge-teas {
color: rgb(238,238,221);
}
.bgrey .headline , .bgrey .badge-teas {
	color: rgb(34,78,122);
}
.btan .headline , .btan .badge-teas {
	color: rgb(34,78,122);
}
.bwhite .headline , .bwhite .badge-teas {
	color: rgb(34,78,122);
}

.bblue .inner {
   background: #507693;
}
.bblack .inner {
	background: #1d1d1d;
}
.bgrey .inner {
	background: #dcdcdc;
}
.btan .inner {
	background: #dad9b4;
}
.bwhite .inner {
	background: #fff;
}

div.feature-badges {
    width: 680px;
    height: 165px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
}

div#mycarousel{
        margin-top:10px;
        position: relative;
        visibility: hidden;
        left: -5000px;
	width:620px !important;
}

div.badgecont{position:relative;width:300px;height:150px;}
div.inner { margin: 0; background: #ffc; padding: 10px; border:0;  width: 278px; height:130px; -moz-border-radius: 10px; -webkit-border-radius: 5px; border: 1px solid #787878; }
div.outer { width: 301px; height:150px; }
div.badge-thumbl {margin-bottom: 14px; margin-top:7%;margin-right: 8px; margin-left: 8px; float: left; background: #fff;  padding: 10px; -moz-border-radius: 10px; -webkit-border-radius: 5px;}
div.badge-thumbr {margin-bottom: 14px; margin-top: 7%; margin-right: 8px; margin-left: 8px; float: right; background: #fff;  padding: 10px; -moz-border-radius: 10px; -webkit-border-radius: 5px;}
div.badge-teascontl{position:absolute;top:5px;left:8px;width:170px;height:145px;line-height: 1.4em; }
div.badge-teascontr{position:absolute;left: 125px;width:170px;height:145px;top: 5px;line-height: 1.4em;}
div.badge-headcont {   height: 130px;  display: table-cell; vertical-align: middle; 	}
.badge-headcont .headline{ font-size:22px; font-family: "Lucida Grande", Verdana, Arial, sans-serif; 	line-height: normal; }
.cattxt{ font-family:  "Lucida Grande", Verdana, Arial, sans-serif; font-style: italic; padding: 0; margin:0; white-space: nowrap;}
.cattl{ position:absolute;   left: 8px; top: 8px; font-size: 22px;}
.cattr{  position:absolute;    right: 8px; top: 8px;  font-size: 22px; text-align:right;}
.catbl{ position:absolute;bottom:8px;left:8px;  font-size: 26px; text-align:left;}
.catbr{ position:absolute;bottom:8px;right:8px;  font-size: 26px; text-align:right;}
.badge-teas{margin:0;padding:8;overflow:hidden; height:140px; font-family: "Lucida Grande", Verdana, Arial, sans-serif;font-size:12;display:none;}
a .badgecont {color:inherit;text-decoration:inherit;}
a:hover .badgecont {color:inherit;text-decoration:inherit;}


.jcarousel-skin-tmo {
	padding: 5px 20px 0px;
}

.jcarousel-skin-tmo li {
    width: 300px;
    height: 155px;
    margin-right: 10px;
}

.jcarousel-skin-tmo .jcarousel-item-horizontal {

}

.jcarousel-skin-tmo .jcarousel-item-vertical {
    margin-bottom: 10px;
}



/**
 *  Horizontal Buttons
 */

     .feature-badges a.prev,  .feature-badges a.next {
        display: block;
        width: 30px;
        height: 143px;
        text-decoration: none;
    }

  .feature-badges a.prev {
        float: left;
    background: transparent url(/imgs/site_images/tmo/arr_l.png) no-repeat 0 center;
}

  .feature-badges a.prev:hover {
    background: transparent url(/imgs/site_images/tmo/arr_l_active.png) no-repeat 0 center;
}

  .feature-badges a.next {
        float: right; 
   background: transparent url(/imgs/site_images/tmo/arr_r.png) no-repeat 0 center;
}

  .feature-badges a.next:hover {
    background: transparent url(/imgs/site_images/tmo/arr_r_active.png) no-repeat 0 center;
}

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 350px;
    height: 150px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}

/* @end */

/* @group Perhaps Deprecated? */

.KonaBody .teas_thumb
{
	float:left;
position: relative;
text-align: center;
margin-left: 15px;
margin-right: 15px;
border: none;
clear: both;
}

.headlinelist .teas_thumb
{
float: left;
margin-right: 7px;
margin-bottom: 7px;
border: none;
padding: 2px;
clear: both;
}

/* @group Gavin's Menus? */

/* new things from Gavin */

ul.navlist li {
	float: left;
	position: relative;
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
}




.dropdown-div {
	line-height:15px;
    padding: 5px;
    width:150px;
}

.dropdown-div a hover {
 background-color: #ffffff;
}

/* @end */

/* @group Perhaps Old Forum?  Don't Know. */

/* forumthings */

table#forumwrapper {
border-style: solid;
border-width: 1px 1px 4px 1px;
}

table#forumwrapper th {
text-align: left;
}

ul.forummenu, p.greeting {
margin: 0em;
padding: 0em;
}

ul.forummenu li {
display: inline;
list-style-type: none;
padding: 0em 1.5em 0em 0em;
}

/* @end */

/* @group Old Features & Tools Sidebar I think */

div#sidebarz ul {
	list-style:none;
	text-align:left;
	margin: 0em;
	padding: 1.8em 0em 0em 0em;
}

div#sidebarz .specials ul {
	padding-top: 0em;
}

div#sidebarz li {
	padding: 0em 0em 0.2em 0.5em;
}

div#sidebarz .rightbox li {
	padding: 0em 0em 0.0em 0em;
	font-size:95%;
	line-height: normal;
}



ul.items
{
	list-style: none;
	margin: 0em;
	padding: 0em;
}

ul.items li
{
	background: #f1f1f1;
	border-top:3px solid #fff;
	padding: 0.6em 1em 0.6em 1.3em;
	margin: 0em 0em;
	color: #333;
}

ul.items li.odd
{
	background: #f8f8f8;
	border-top:3px solid #fff;
	padding: 0.6em 1em 0.6em 1.3em;
	margin: 0em 0em;
	color: #333;
}

ul.items a
{
	display: inline;
}

#sidebarz ul
{
	list-style-type: none;
	text-align: left;
	margin: 0em 0.5em 1em 0.5em;
	padding: 0em;
}

div#sidebarz h3
{
	padding-top: 15px;
}

h3.features, h2.column
{
	background: transparent url(/imgs/site_images/tmo/site2004/features.gif) center left no-repeat;
	padding-left: 18px;
	margin-top: 0.6em;
}

h3.dotmac
{
	background: transparent url(/imgs/site_images/tmo/site2004/dotmac.gif) center left no-repeat;
	padding-left: 18px;
}

p.bombshelter
{
	padding: 0.8em 3.2em 0.8em 0.8em;
}

/* @end */

h3.thespin
{
	background: transparent url(/imgs/site_images/tmo/site2004/thespin.gif) center left no-repeat;
	padding-left: 18px;
}

/* @group Dot Mac Status */

div.dotmac {
	text-align: left;
}

#dotmac-list {
 background: #f1f1f1;
 list-style-type: none;
 padding: 0 12px 0 12px;
 margin: 0;
 }

#dotmac-list li {
 background-repeat: no-repeat;
 background-position: 110px 3px;
 padding: 5px;
 }

h3.dotmac-history
{
	background: transparent url(/imgs/site_images/tmo/site2004/dotmac.gif) center left no-repeat;
	padding-left: 18px;
}
 
#dotmac-history {
 background: #f1f1f1;
 list-style-type: none;
 padding: 0 0 0 12px;
 margin: 0;
}
 
 #dotmac-history li {
 background-repeat: no-repeat;
 background-position: 110px 3px;
 padding: 3px 12px 3px 3px;
 }

.dotmac h2
{
	margin-left: 6px;
}

/* @end */

/* @end */

/* @group Fuck if I Know */

/* This appears to be poorly named misc styles.

Some are redudant (a lot of oddball pads and clears)

Some refer to markup I have no idea about

*/

p.bombshelter, p.textad
{
	padding: 0em 0.8em;
}

.claude
{
	/* this is our 'hidden text' style */
	position: absolute;
	top: -1000em;
	left: -1000em;
}

/* spacer divs and extra bumpers make for friction-free floats and footers that stay where they're told. */
div.entry
{
	clear: both;
}

/* Used at least in the recent headlines */
.spacia {clear:both;}

/* generic stuff */

p.topmostads
{
	margin: 0px 0px 5px 0px;
}

p.topmostads a
{
	color: #234;
	white-space: nowrap;
}

p.storylink
{
	text-align: center;
}

/* the tile in the right of articles */

div.storytile
{
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
	width: 310px;
}

p.abouttheauthor
{
	margin-left: 5em;
	margin-right: 5em;
	padding: 1.5em;
	border-top: 1px solid #cca;
	font-style: italic;
}

div#colophon {
	padding-top: 1em;
}

div#colophon img {
	float: right;
}

div#colophon p {
	float: left;
	display:block;
	clear: both;
}

div#sponsors {
	float: right;
}

/* archive page, perhaps navbar too? */
.year99 {display:none;}

/* @group NFC Mac Products */

div.macproducts
{
	text-align: left;
	width: 135px;
	margin: auto;
	margin-top:10px;
}

div.macproducts h3
{
	background: #eee;
	padding: 0.4em;
	border-bottom: 1px solid #999;
}

div.macproducts dl
{
	margin: 0.5em 1em;
	padding: 0em;
}

div.macproducts dt
{
	font-weight: bold;
}

div.macproducts dd
{
	margin: 0em 0em 1em 0em;
	padding: 0em;
}

/* @end */

/* @end */

/* @group Comment Styles SHOULD BE IN COMMENTS.css */

div.comment
{
	margin: 0.5em 0em 1em 0em;
	max-width: 60em;
}

p.commentdetail
{
	padding: 0.4em 0.8em;
	margin: 0em;
}

div.commentbody
{
	padding: 0.8em;
	background: #fff;
}

div.comment form
{
	margin: 0.4em 0.8em;
}

/* @end */