@charset "UTF-8";
/* CSS Document */

body 							{ text-align: center; background:#ffffff url(beta-bg.jpg) repeat-x scroll center top; margin-top:0px; padding:0px; }
.preload 						{ visibility:hidden; width:1px; height:1px;}

/* STRUCTURE */
#container 						{ margin: 0 auto; width: 933px; }
#pagetop 						{ width:933px; height:10px;}

#pagemenu 					{ background:url(beta-logo.png); width:933px; height:33px;} /* background: #FFFFFF; */
#pagemenu a					{ display:block; width:120px; height:33px; background:none; border-right:1px solid #565656; float:left; line-height:33px; color: #9f9f9f;text-decoration:none; font-weight:normal;} /* background: #FFFFFF; */
#pagemenu a:hover			{ height:32px; color: #999999;text-decoration:none;} /* background: #FFFFFF; */

#pagemenudeco 					{ width:933px; height:18px;} /* background: #FFFFFF; */
#pagecontent 					{ width:933px; margin-top:15px;}
#pagebottom 					{ width:933px; height:30px;}

/* CONTAINERS */
#leftmargin 					{ width:25px; float:left;}
#contentleft 					{ width:880px; padding-right:0px; float:left; margin:10px 0px 0px 0px;}
label 							{ font-size:11px; font-weight:normal;line-height:15px; color: #777777;} 

/* TYPOGRAPHY */
* 								{ font-family: "Lucida Grande",Geneva,Arial,Verdana,sans-serif;font-size:12px;}
#contentleft p 					{ font-size:13px; font-weight:normal;line-height:15px; text-align:left; color: #666666; padding:0px; margin:0px;}
#contentleft h1 				{ font-size:18px; font-weight:bold;line-height:15px; text-align:left; color: #333333; padding:0px 0px 10px 0px; margin:0px;}
#contentleft h2 				{ font-size:14px; font-weight:normal;line-height:15px; text-align:left; color: #333333; padding:0px 0px 6px 0px; margin:0px; text-transform:uppercase} 
.margined						{ padding:0px 15px 0px 15px; overflow:auto;}
.emphasis 						{ margin: 10px ;padding:10px; text-align:center; background-color:#F0F7EE; border:1px dotted #999999}
#update							{ background:url(beta-update.png); width:862px; height:44px; margin:35px 6px 16px 6px; }
#update	span					{ font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size:14px; line-height:24px; color:#888888; font-weight:bold; text-align:right;}


/* LINKS */
a:active, a:focus 				{ outline: 0;}
a 								{ color: #315C4A;text-decoration:none;border:none; font-weight:bold;}
a:link 							{ color: #315C4A;text-decoration:none;border:none; font-weight:bold;}
a:hover 						{ color: #4A8C6F;text-decoration:none;border:none; }

#categories a 					{ color: #555555;text-decoration:none;border:none; font-weight:normal; font-size:12px;}
#categories a:link 				{ color: #555555;text-decoration:none;border:none; font-weight:normal; font-size:12px;}
#categories a:hover 			{ color: #333333;text-decoration:none;border:none; font-size:12px;}


/* GFX */
#contentleft .pimg 				{ float:left;margin-right:20px; padding-bottom:30px;}

.paragraphgap 					{ padding:5px 0px 5px 0px;} 
.formsend 						{ color:#8B3435; font-weight:bold; border:1px solid #CCCCCC; background-image:url(glyph_formbgred.png); padding:10px;} 
.send2friend 					{ background:url(ico_mail.png) no-repeat left; text-decoration: none; color:#676767; padding:2px 2px 2px 33px; display:block; text-align:left; margin-bottom:6px; width:100px;}
.showlab 						{ background:url(ico_lab.png) no-repeat left; text-decoration: none; color:#676767; padding:2px 2px 2px 33px; display:block; text-align:left; margin-bottom:6px; width:100px;} 

/* Ajax tabs */
#tabnav								{height: 22px;margin: 0px 0px 5px 0px;padding-left: 10px;background: url(tab_bottom.gif) repeat-x bottom;	} 
#tabnav li							{margin: 0;padding: 0;display: inline;list-style-type: none;}
#tabnav a:link, #tabnav a:visited	{float: left;background: #f3f3f3;font-size: 12px;line-height: 16px;font-weight: bold;padding: 2px 10px 2px 10px;margin-right: 4px;border: 1px solid #ccc;text-decoration: none;color: #666;}
#tabnav a:link.active, #tabnav a:visited.active	{border-bottom: 1px solid #fff;background: #fff;color: #000;}
#tabnav a:hover						{background: #fff;}

/* RECORD */
.record 							{width:359px; height:130px; float:left; text-align:left;}
.face								{float:left; margin:18px 10px 0px 20px; border:1px solid #90A88E; padding:1px; background: url(face_bg.gif) no-repeat; width:60px; height:75px;}
.recordtop 							{width:359px; height:101px; background-image:url(beta-record-top.jpg)}
.recordtop_company 					{font-size:13px; font-weight:bold;line-height:15px; color: #333333; padding:20px 0px 3px 0px; margin:0px; }
.recordtop_companytype				{font-size:11px; font-weight:normal;line-height:15px; color: #333333; padding:0px 0px 3px 0px; margin:0px; }
.recordtop_name 					{font-size:13px; font-weight:bold;line-height:15px; color: #333333; padding:3px 0px 0px 0px; margin:0px; }
.recordbottom						{width:359px; height:29px;}
.recordbottom_socialmenu			{width:97px; height:29px; background-image:url(record_sociallabel.jpg); font-size:12px; font-weight:normal; color: #333333; text-align:right; float:left;}
.recordbottom_linkedin				{width:27px; height:29px; float:left; border:none;}
.recordbottom_twitter				{width:26px; height:29px; float:left; border:none;}
.recordbottom_facebook				{width:24px; height:29px; float:left; border:none;}
.recordbottom_actionmenu			{width:92px; height:29px; background-image:url(record_menulabel.jpg); font-size:12px; font-weight:normal; color: #333333; text-align:right; float:left;}
.recordbottom_details				{width:25px; height:29px; float:left; border:none;}
.recordbottom_barter				{width:26px; height:29px; float:left; border:none;}
.recordbottom_mail					{width:25px; height:29px; float:left; border:none;}
.recordbottom_end					{width:17px; height:29px; float:left; background-image:url(record_bottomend.jpg);}




.therecord						{width:430; height:159px; float:left; text-align:left; margin:3px;}
.therecordphoto					{width:105px; height:159px; float:left; background:url(beta-record-photo.png);}
.therecordphoto span			{ display:block; width:55px; height:18px; margin:5px 0px 0px 30px; text-align:center; font-size:12px; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; color:#999999;}
.therecordphoto img				{margin: 28px 0px 0px 27px; border:1px solid silver}
.therecorddetails				{width: 244px; height:159px; float:left; background:url(beta-record-details.png);}
.therecordside					{width:81px; height:159px; float:left;}
.therecordside img				{float:left;}

.therecordsidetop				{width:81px; height:21px; float:left; background:url(beta-record-sidetop.png);}
.therecordsidemore				{width:81px; height:29px; float:left; background:url(beta-record-sidemore-off.png);}
.therecordsidemore:hover		{width:81px; height:29px; float:left; background:url(beta-record-sidemore-on.png);}
.therecordsidemail				{width:81px; height:30px; float:left; background:url(beta-record-sidemail-off.png);}
.therecordsidemail:hover		{width:81px; height:30px; float:left; background:url(beta-record-sidemail-on.png);}
.therecordsidebarter			{width:81px; height:30px; float:left; background:url(beta-record-sidebarter-off.png);}
.therecordsidebarter:hover		{width:81px; height:30px; float:left; background:url(beta-record-sidebarter-on.png);}
.therecordimg					{float:left;}

.reccompname					{ display:block; color:#888888; font-size:15px; margin:30px 30px 3px 0px; font-weight:bold; border-bottom:1px solid silver; font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif}
.reccomptype					{ display:block; color:#666666; font-size:11px; margin:0px 20px 3px 0px;font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif}
.reccompwww						{ display:block; color:#666666; font-size:11px; margin:0px 20px 5px 0px;font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif}
.recfullname					{ display:block; color:#666666; font-size:14px; margin:10px 20px 5px 0px;font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif}





/* BENEFITS BOX */
#benefits { width:360px; float:left; margin-right:10px;}
.benefit {width:320px; height:60px; float:left; display:block;margin:10px 10px 0px 10px; border-bottom:1px dotted #CCCCCC;}

/* ALPHABET FILTERING */
.alphabet {display:inline-block; padding:0px; border:1px solid gray; width:10px; margin:1px; text-decoration:none;}
.nodeco a { text-decoration:none;}

/* SOCIAL LINKS */
div.categ {float:left; width:200px;  height:20px; margin:3px; line-height:20px; background:url(beta-categorybg-off.png);}
div.categ:hover {  background:url(beta-categorybg-on.png);}
div.categop {float:left; width:200px;  height:20px; margin:3px; line-height:20px; background:url(beta-suggestcategorybg-off.png);}
div.categop:hover {  background:url(beta-suggestcategorybg-on.png);}

#profile {text-align: center; margin: 0px 10px 3px 10px; padding:3px; font-size: 12px; color: #333333; background-color:#F0F7EE; border:1px dotted #999999; }
#profile a.link,a.active,a.hover,img {border: none;}
#profile img { vertical-align: middle;}

#profile2 {text-align: left; margin: 0px 6px 6px 6px; padding:20px 10px 10px 10px; font-size: 11px; color: #333333; background:url(beta-profilebg.png) no-repeat; float:left; width:842px; /*height:310px;*/ }
#profile2 div.header { border-bottom:1px dotted silver; font-size:13px; font-weight:bold; margin:0px 0px 10px 0px; height:20px;}
#profile2 span.compname { font-size:13px; font-weight:bold;  }
#profile2 span.comptype { font-size:12px; font-weight:normal; color:#666666; line-height:12px;}
#profile2 span.compwww { font-size:12px; font-weight:normal; color:#666666; line-height:12px;}
#profile2 img.profilephoto {float:left; border:1px solid silver; padding:3px; margin:0px 12px 5px 0px; height:75px; width:60px;}
#profile2 span.profilename { font-size:13px; font-weight:bold; line-height:13px; display:block; margin:6px 0px 0px 0px; }
#profile2 span.profileemail { font-size:12px; font-weight:normal; line-height:12px; }
#profile2 hr { color: silver;}
#profile2 img.profileglyphs { padding:2px; margin:0px 14px 0px 0px; float:left;}
#profile2 img.profileglyphlast { padding:2px; margin:0px 14px 50px 0px; float:left;}
#profile2 h2 { font-size:12px; font-weight:bold; margin:0px; padding:0px; line-height:16px; text-transform:none;}
#profile2 a.link,a.active,a.hover,img {border: none;}
#profile2 img { vertical-align: middle;}
#profile2 span.more { font-size:10px; font-weight:normal; color: #669999;}

#leftpanel { width:439px; float:left;}
#specialpanel { width:439px; float:left;}

#cinema { height:420px; width:875px;margin:0 auto;}
#cinematopbar {background:url(hubforcetv_topbar.png);width:830px;height:50px;margin:0 auto; position:relative;}
#cinematopbar a.logolink {position: absolute; top: 5px; left: 13px; width: 39px; height: 39px;}
#cinematopbar a.homelink {position: absolute; top: 12px; left: 706px; width: 108px; height: 25px;}
#cinematopbar div.title {position: absolute; top: 23px; left: 64px; width: 606px; height: 21px; text-align:left; color: #A9D3B5; font-size:14px; font-weight:normal; line-height:21px;}

#videos {text-align: left; margin: 0px 6px 6px 6px; padding:20px 10px 10px 10px; font-size: 12px; color: #333333; float:left; width:405px; height:160px; position:relative; }
#videos div.header { border-bottom:1px dotted silver; font-size:13px; font-weight:bold; margin:0px 5px 10px 5px; height:20px;}
#videos div.vidtitle {position: absolute; top: 94px; left: 151px; width: 232px; height: 49px; font-size:16px; color: #333333; line-height:15px;}
#videos div.vidinfo {position: absolute; top: 145px; left: 183px; width: 169px; height: 15px; font-size:11px; color:#999999; line-height:15px;}
#videos a.vidplay {position: absolute; top: 143px; left: 360px; width: 24px; height: 19px;}

#interviews {text-align: left; margin: 0px 6px 6px 6px; padding:20px 10px 10px 10px; font-size: 12px;background: url(colorpanelssprite.png) no-repeat top; background-position:-430px 0px; color: #333333; float:left; width:405px; height:160px; position:relative; }
#interviews div.header { border-bottom:1px dotted silver; font-size:13px; font-weight:bold; margin:0px 5px 10px 5px; height:20px;}

#movielist {width:880px; float:left; }
#movielist div.smallmovie { width:428px; height:91px;text-align: left; margin: 0px 6px 6px 6px;font-size: 12px; color: #333333;float:left; position:relative; background:url(smallvideo_bg.png) no-repeat top; float:left;}
#movielist div.sharebarholder {position: absolute; top: 68px; left: 3px; width: 331px; height: 19px;}
#movielist div.title {position: absolute; top: 17px; left: 92px; width: 268px; height: 17px; font-size:13px;}
#movielist div.info {position: absolute; top: 40px; left: 92px; width: 267px; height: 16px; font-size:11px; color:#666666}
#movielist div.sharebar { margin:2px 0px 0px 10px; float:left;}
#movielist div.sharebar a,div.sharebar span { float:left;}
#movielist div.sharebar span.share { display:block; width:72px; height:16px; border:none; background:url(sharevid_00_caption.png)}
#movielist div.sharebar a.digg { display:block; width:29px; height:16px; border:none; background:url(sharevid_01_digg_off.png)}
#movielist div.sharebar a.digg:hover { display:block; width:29px; height:16px; border:none; background:url(sharevid_01_digg_on.png)}
#movielist div.sharebar a.fbook { display:block; width:29px; height:16px; border:none; background:url(sharevid_02_fbook_off.png)}
#movielist div.sharebar a.fbook:hover { display:block; width:29px; height:16px; border:none; background:url(sharevid_02_fbook_on.png)}
#movielist div.sharebar a.reddit { display:block; width:29px; height:16px; border:none; background:url(sharevid_03_reddit_off.png)}
#movielist div.sharebar a.reddit:hover { display:block; width:29px; height:16px; border:none; background:url(sharevid_03_reddit_on.png)}
#movielist div.sharebar a.delic { display:block; width:29px; height:16px; border:none; background:url(sharevid_04_delic_off.png)}
#movielist div.sharebar a.delic:hover { display:block; width:29px; height:16px; border:none; background:url(sharevid_04_delic_on.png)}
#movielist div.sharebar a.mail { display:block; width:29px; height:16px; border:none; background:url(sharevid_05_mail_off.png)}
#movielist div.sharebar a.mail:hover { display:block; width:29px; height:16px; border:none; background:url(sharevid_05_mail_on.png)}
#movielist div.sharebar a.tweet { display:block; width:26px; height:16px; border:none; background:url(sharevid_06_tweet_off.png)}
#movielist div.sharebar a.tweet:hover { display:block; width:26px; height:16px; border:none; background:url(sharevid_06_tweet_on.png)}
#movielist img.author { border:1px dotted #CCCCCC; padding:1px; margin:18px 0px 0px 22px;}

div.smallmovie a.voteyes{position: absolute; top: 70px; left: 398px; width: 14px; height: 15px;}
div.smallmovie a.voteno{position: absolute; top: 69px; left: 376px; width: 16px; height: 16px;}
div.smallmovie a.play{position: absolute; top: 23px; left: 378px; width: 35px; height: 29px;}

#events {text-align: left; margin: 0px 6px 6px 6px; padding:20px 10px 10px 10px; font-size: 12px; color: #333333; background: url(colorpanelssprite.png) no-repeat top; background-position:-1285px 0px;  float:left; width:407px; height:230px;}
#events div.header { border-bottom:1px dotted silver; font-size:13px; font-weight:bold; margin:0px 5px 0px 5px; height:20px;}
#events div.event { border-bottom:1px dotted silver; font-size:12px; margin:10px 5px 0px 5px;}
#events div.event.last { border-bottom:none; font-size:12px; margin:10px 5px 0px 5px;}
#events div.numeric { float:left; width:50px; height:50px; background: url(eventdetails.png); margin:0px 10px 0px 0px; text-align:center;}
#events div.date {font-size:12px; font-weight:normal; margin:5px 0px 0px 0px; text-align:center; }
#events div.price {font-size:9px; font-weight:normal; margin:3px 0px 0px 0px; text-align:center; }
#events div.eventdetails {font-size:12px; font-weight:normal; margin:0px 5px 0px 5px; text-align:center; float:left; text-align:left; }
#events div.eventhint {font-size:10px; font-weight:normal; margin:5px 5px 5px 5px;  text-align:left; line-height:11px;border-bottom:1px dotted silver;padding-bottom:5px; }

#quotes {text-align: left; margin: 0px 6px 6px 6px; padding:20px 10px 10px 10px; font-size: 12px; color: #333333; background: url(panel_bg_cream.png) no-repeat top; float:left; width:405px; height:160px; }
#quotes div.header { border-bottom:1px dotted silver; font-size:13px; font-weight:bold; margin:0px 5px 10px 5px; height:20px;}
#quotes img.quoteimg { float:left; border:1px solid silver; padding:3px; margin:0px 0px 20px 5px; height:75px; width:60px;}
#quotes div.quoteimgdiv { float:left; width:76px;}
#quotes div.booklink { float:right; margin:0px 8px 0px 0px; font-style:italic;}
#quotes div.authorlink { margin:0px 5px 4px 6px; float:left; width:300px; }
#quotes div.quotecontent { margin:0px 10px 4px 6px; float:left; width:300px; }

#newsfeeds {text-align: left; margin: 0px 6px 6px 6px; padding:20px 10px 10px 10px; font-size: 12px; color: #333333; background: url(colorpanelssprite.png) no-repeat top; background-position:-1285px 0px;  float:left; width:407px;}
#newsfeeds span.timestamp{ display:block; margin:2px 3px 0px 0px; font-size:9px; color:#ffffff; height:12px; width:42px; float:left; text-align:left; font-weight:bold; background:url(navigationsprite.png) no-repeat; background-position:-852px 0px; padding:1px;}
#newsfeeds div.header { border-bottom:1px dotted silver; font-size:13px; font-weight:bold; margin:0px 5px 0px 5px; height:20px;}
#newsfeeds div.newsfeed { border-bottom:1px dotted silver; font-size:12px; margin:10px 5px 0px 5px;}
#newsfeeds div.newsfeed a {font-size:12px; margin:0px; color: #364B3C; font-weight:bold;}
#newsfeeds div.newsfeed.last { border-bottom:none; font-size:12px; margin:10px 5px 0px 5px;}
#newsfeeds div.newsfeeddetails {font-size:12px; font-weight:normal; margin:0px 5px 0px 5px; text-align:center; float:left; text-align:left; width:365px; }
#newsfeeds div.newsfeedhint {font-size:10px; font-weight:normal; margin:5px 5px 5px 5px;  text-align:left; line-height:11px;border-bottom:1px dotted silver;padding-bottom:5px; }
#newsfeeds div.newsfeedexcerpt {font-size:12px; font-weight:normal;  text-align:left; margin:5px 0px 4px 0px; color: #555555; }

#newsfeed_ents {text-align: left; margin: 0px 6px 6px 6px; padding:20px 10px 10px 10px; font-size: 12px; color: #333333; background: url(colorpanelssprite.png) no-repeat top; background-position:-1285px 0px;  float:left; width:407px;}
#newsfeed_ents span.timestamp{ display:block; margin:2px 3px 0px 0px; font-size:9px; color:#ffffff; height:12px; width:42px; float:left; text-align:left; font-weight:bold; background:url(navigationsprite.png) no-repeat; background-position:-896px 0px; padding:1px;}
#newsfeed_ents div.header { border-bottom:1px dotted silver; font-size:13px; font-weight:bold; margin:0px 5px 0px 5px; height:20px;}
#newsfeed_ents div.newsfeed_ent { border-bottom:1px dotted silver; font-size:12px; margin:10px 5px 0px 5px;}
#newsfeed_ents div.newsfeed_ent a {font-size:12px; margin:0px; color: #364B3C; font-weight:bold;}
#newsfeed_ents div.newsfeed_ent.last { border-bottom:none; font-size:12px; margin:10px 5px 0px 5px;}
#newsfeed_ents div.newsfeed_entdetails {font-size:12px; font-weight:normal; margin:0px 5px 0px 5px; text-align:center; float:left; text-align:left; width:365px; }
#newsfeed_ents div.newsfeed_enthint {font-size:10px; font-weight:normal; margin:5px 5px 5px 5px;  text-align:left; line-height:11px;border-bottom:1px dotted silver;padding-bottom:5px; }
#newsfeed_ents div.newsfeed_entexcerpt {font-size:12px; font-weight:normal;  text-align:left; margin:5px 0px 4px 0px; color: #555555; }

#articles {text-align: left; margin: 0px 6px 6px 6px; padding:20px 10px 10px 10px; font-size: 12px; color: #333333; background: url(colorpanelssprite.png) no-repeat top; background-position:-2px 0px; float:left; width:405px; /* height:600px;*/}
#articles div.header { border-bottom:1px dotted silver; font-size:13px; font-weight:bold; margin:0px 5px 0px 5px; height:20px;}
#articles div.article { border-bottom:1px dotted silver; font-size:12px; margin:10px 5px 0px 5px;}
#articles div.article.last { border-bottom:none; font-size:12px; margin:10px 5px 0px 5px;}
#articles div.numeric { float:left; width:50px; height:50px; background: url(articledetails.png); margin:0px 0px 0px 0px; text-align:center; position:relative;}
#articles div.numericyes { float:left; width:50px; height:50px; background: url(articledetails_yes.png); margin:0px 0px 0px 0px; text-align:center; position:relative;}
#articles div.numericno { float:left; width:50px; height:50px; background: url(articledetails_no.png); margin:0px 0px 0px 0px; text-align:center; position:relative;}
#articles div.numeric a.yes {  position: absolute; top: 27px; left: 7px; width: 13px; height: 13px;}
#articles div.numeric a.no {position: absolute; top: 27px; left: 26px; width: 13px; height: 13px;}
#articles div.date {font-size:12px; font-weight:normal; margin:7px 0px 0px 0px; text-align:center; }
#articles div.articledetails {font-size:12px; font-weight:normal; margin:0px 5px 0px 5px; text-align:center; float:left; text-align:left; }
#articles div.articlehint {font-size:10px; font-weight:normal; margin:5px 5px 0px 5px; text-align:left; line-height:11px;border-bottom:1px dotted silver;padding-bottom:5px;}
#articles div.articleexcerpt {font-size:12px; font-weight:normal;  text-align:left; margin:10px 0px 20px 0px; line-height:18px; }
#articles img.articlemore { vertical-align: baseline;}


#podcasts {text-align: left; margin: 0px 6px 6px 6px; padding:20px 10px 10px 10px; font-size: 12px; color: #333333; background: url(colorpanelssprite.png) no-repeat top; background-position:-857px 0px;  float:left; width:407px; height:320px;}
#podcasts div.header { border-bottom:1px dotted silver; font-size:13px; font-weight:bold; margin:0px 5px 0px 5px; height:20px;}
#podcasts div.podcast { border-bottom:1px dotted silver; font-size:12px; margin:10px 5px 0px 5px;}
#podcasts div.podcast.last { border-bottom:none; font-size:12px; margin:10px 5px 0px 5px;}
#podcasts div.podcastdetails {font-size:12px; font-weight:normal; margin:0px 5px 0px 5px; text-align:center; float:left; text-align:left;width:270px; }
#podcasts div.podcasthint {font-size:10px; font-weight:normal; margin:5px 5px 0px 5px; text-align:left; line-height:11px;border-bottom:1px dotted silver;padding-bottom:5px;}
#podcasts img.podcastimg { float:left; border:1px solid silver; padding:3px; margin:0px 0px 20px 5px; height:100px; width:100px;}
#podcasts div.podcastimgdiv { float:left; width:116px;}

div.individual	{float:left; width:196px; height:64px; background:url(greenbutton.png); font-size:12px; color:#666666; }
div.individual a { text-align:center; font-size:13px; margin:15px 0px 0px 0px; display:block; color:#333333; font-weight:bold; }
div.votingswitch {width:64px; height:130px; background:url(votingswitch.png)}

#recordsample { position:relative; width:464px; height:420px; background:url(beta-recordsample.png); float:left; font-size:11px; line-height:13px; color: #666666; text-align:left;}
#recordsample h1 {font-size:12px; line-height:13px; color: #666666; text-align:left; font-weight:bold; padding:0px 0px 3px 0px	}

div.sharebar a,div.sharebar span		{ float:left;}
div.sharebar span.share { display:block; width:72px; height:16px; border:none; background:url(share_00_caption.png)}
div.sharebar a.digg { display:block; width:29px; height:16px; border:none; background:url(share_01_digg_off.png)}
div.sharebar a.digg:hover { display:block; width:29px; height:16px; border:none; background:url(share_01_digg_on.png)}
div.sharebar a.fbook { display:block; width:29px; height:16px; border:none; background:url(share_02_fbook_off.png)}
div.sharebar a.fbook:hover { display:block; width:29px; height:16px; border:none; background:url(share_02_fbook_on.png)}
div.sharebar a.reddit { display:block; width:29px; height:16px; border:none; background:url(share_03_reddit_off.png)}
div.sharebar a.reddit:hover { display:block; width:29px; height:16px; border:none; background:url(share_03_reddit_on.png)}
div.sharebar a.delic { display:block; width:29px; height:16px; border:none; background:url(share_04_delic_off.png)}
div.sharebar a.delic:hover { display:block; width:29px; height:16px; border:none; background:url(share_04_delic_on.png)}
div.sharebar a.mail { display:block; width:29px; height:16px; border:none; background:url(share_05_mail_off.png)}
div.sharebar a.mail:hover { display:block; width:29px; height:16px; border:none; background:url(share_05_mail_on.png)}
div.sharebar a.tweet { display:block; width:26px; height:16px; border:none; background:url(share_06_tweet_off.png)}
div.sharebar a.tweet:hover { display:block; width:26px; height:16px; border:none; background:url(share_06_tweet_on.png)}

div.dialogbox	{ width:400px; color:#333333;}
div.dialogbox h1 {color:#333333; font-size:14px;padding:0px 10px;}
div.dialogbox h2 {color:#333333; font-size:13px;padding:0px 0px; margin:0px 0px 10px 0px;}
div.dialogbox p { color:#333333; padding:0px 10px;}

div.labfeature_green			{ width:340px;padding:15px 20px 0px 20px; background:url(labfeature_green.png); margin:0 auto; font-size:12px; height:130px;}
div.labfeature_green span 		{ font-size:12px; line-height:12px;}
div.labfeature_green img		{ margin:0px 10px 0px 0px; float:left; }

div.labfeature_greendone		{ width:340px;padding:15px 20px 0px 20px; background:url(labfeature_green_done.png); margin:0 auto; font-size:12px; height:130px;}
div.labfeature_greendone span 	{ font-size:12px; line-height:12px;}
div.labfeature_greendone img	{ margin:0px 10px 0px 0px; float:left; }

div.reward						{width:277px;height:100px;background:url(rewardbg.png); float:left;}
div.reward a.claimlink			{}
div.reward span.rewardwrapper	{padding:16px 18px 0px 18px; height:70px; width: 240px; display:block;}
div.reward span.prizedetails	{font-size:11px; font-weight:normal; display:block; margin-top:4px; padding-top:3px; width:90%; border-top:1px dotted silver;}
div.reward img.thumbnail 		{width:42px; height:68px; border:1px solid silver; float:left; margin-right:10px; padding:1px;}

/* SPRITES */
span.pageimg1_		{width:15px; height:12px; background:url(navigationsprite.png); background-position:-732px 0px; display:block; margin:0 1px; padding:0; float:left;}
span.pageimg2_		{width:15px; height:12px; background:url(navigationsprite.png); background-position:-747px 0px; display:block; margin:0 1px; padding:0; float:left;}
span.pageimg3_		{width:15px; height:12px; background:url(navigationsprite.png); background-position:-762px 0px; display:block; margin:0 1px; padding:0; float:left;}
span.pageimg4_		{width:15px; height:12px; background:url(navigationsprite.png); background-position:-777px 0px; display:block; margin:0 1px; padding:0; float:left;}
span.pageimg5_		{width:15px; height:12px; background:url(navigationsprite.png); background-position:-792px 0px; display:block; margin:0 1px; padding:0; float:left;}
span.pageimg6_		{width:15px; height:12px; background:url(navigationsprite.png); background-position:-807px 0px; display:block; margin:0 1px; padding:0; float:left;}
span.pageimg7_		{width:15px; height:12px; background:url(navigationsprite.png); background-position:-822px 0px; display:block; margin:0 1px; padding:0; float:left;}
span.pageimg1_on	{width:15px; height:12px; background:url(navigationsprite.png); background-position:-627px 0px; display:block; margin:0 1px; padding:0; float:left;}
span.pageimg2_on	{width:15px; height:12px; background:url(navigationsprite.png); background-position:-642px 0px; display:block; margin:0 1px; padding:0; float:left;}
span.pageimg3_on	{width:15px; height:12px; background:url(navigationsprite.png); background-position:-657px 0px; display:block; margin:0 1px; padding:0; float:left;}
span.pageimg4_on	{width:15px; height:12px; background:url(navigationsprite.png); background-position:-672px 0px; display:block; margin:0 1px; padding:0; float:left;}
span.pageimg5_on	{width:15px; height:12px; background:url(navigationsprite.png); background-position:-687px 0px; display:block; margin:0 1px; padding:0; float:left;}
span.pageimg6_on	{width:15px; height:12px; background:url(navigationsprite.png); background-position:-702px 0px; display:block; margin:0 1px; padding:0; float:left;}
span.pageimg7_on	{width:15px; height:12px; background:url(navigationsprite.png); background-position:-717px 0px; display:block; margin:0 1px; padding:0; float:left;}
span.pageimgrss		{width:15px; height:12px; background:url(navigationsprite.png); background-position:-837px 0px; display:block; margin:0 1px; padding:0; float:left;}
span.morevideos		{width:92px; height:12px; background:url(navigationsprite.png); background-position:-535px 0px; display:block; margin:0 1px; padding:0; float:left;}
span.submitevent	{width:92px; height:12px; background:url(navigationsprite.png); background-position:-259px 0px; display:block; margin:0 1px; padding:0; float:right;}
span.submitpodcast	{width:92px; height:12px; background:url(navigationsprite.png); background-position:-351px 0px; display:block; margin:0 1px; padding:0; float:right;}
span.submitarticle	{width:92px; height:12px; background:url(navigationsprite.png); background-position:-443px 0px; display:block; margin:0 1px; padding:0; float:right;}
span.notefromcreators	{width:129px; height:12px; background:url(navigationsprite.png); background-position:0px 0px; display:block; margin:10px 5px 0px 0px; padding:0; float:left;}
span.upcomingfeatures	{width:129px; height:12px; background:url(navigationsprite.png); background-position:-130px 0px; display:block;margin:10px 5px 0px 0px; padding:0; float:left;}

span.iconregistration {width:50px; height:50px; background:url(iconssprite.png); background-position:0px 0px; display:block; margin:0px 25px 40px 0px; padding:0; float:left;}
span.iconcommunicate {width:50px; height:50px; background:url(iconssprite.png); background-position:0px -50px; display:block; margin:0px 25px 40px 0px; padding:0; float:left;}
span.iconexchange {width:50px; height:50px; background:url(iconssprite.png); background-position:0px -100px; display:block; margin:0px 25px 40px 0px; padding:0; float:left;}

span.iconinformation {width:50px; height:50px; background:url(iconssprite.png); background-position:0px -150px; display:block; margin:0px 25px 40px 0px; padding:0; float:left;}
span.iconexposure {width:50px; height:50px; background:url(iconssprite.png); background-position:0px -200px; display:block; margin:0px 25px 40px 0px; padding:0; float:left;}
span.iconarticles {width:50px; height:50px; background:url(iconssprite.png); background-position:0px -250px; display:block; margin:0px 25px 40px 0px; padding:0; float:left;}

span.media		{border-left:1px dotted silver; float:right; display:block; height:36px; width:20px;}
span.mediarte	{width:16px; height:16px; background:url(mediasources.png) no-repeat; background-position:0px 0px; display:block; margin:0; padding:0;float:right;}
span.mediaft	{width:16px; height:16px; background:url(mediasources.png) no-repeat; background-position:-16px 0px; display:block; margin:0; padding:0;float:right;}
span.mediabbc	{width:16px; height:16px; background:url(mediasources.png) no-repeat; background-position:-32px 0px; display:block; margin:0; padding:0;float:right;}
span.mediatlg	{width:16px; height:16px; background:url(mediasources.png) no-repeat; background-position:-48px 0px; display:block; margin:0; padding:0;float:right;}
span.mediadig	{width:16px; height:16px; background:url(mediasources.png) no-repeat; background-position:-64px 0px; display:block; margin:0; padding:0;float:right;}
span.mediaexa	{width:16px; height:16px; background:url(mediasources.png) no-repeat; background-position:-80px 0px; display:block; margin:0; padding:0;float:right;}
span.mediareu	{width:16px; height:16px; background:url(mediasources.png) no-repeat; background-position:-96px 0px; display:block; margin:0; padding:0;float:right;}
span.mediaind	{width:16px; height:16px; background:url(mediasources.png) no-repeat; background-position:-112px 0px; display:block; margin:0; padding:0;float:right;}
span.mediait	{width:16px; height:16px; background:url(mediasources.png) no-repeat; background-position:-128px 0px; display:block; margin:0; padding:0;float:right;}