/********************************************************************
 __ __    ______                                 ___             
/\ \\ \  /\  ___\                               /\_ \            
\ \ \\ \ \ \ \__/   _ __   ___   __  __     __  \//\ \      __   
 \ \ \\ \_\ \___``\/\`'__\/ __`\/\ \/\ \  /'__`\  \ \ \   /'__`\ 
  \ \__ ,__\/\ \L\ \ \ \//\ \L\ \ \ \_\ \/\ \L\.\_ \_\ \_/\  __/ 
   \/_/\_\_/\ \____/\ \_\\ \____/\/`____ \ \__/.\_\/\____\ \____\
      \/_/   \/___/  \/_/ \/___/  `/___/> \/__/\/_/\/____/\/____/
                                     /\___/                      
                                     \/__/     
Author:			45royale Inc.
Author URL:		http://www.45royale.com/
Description:	Stylesheet for Articulate Global Inc.
Created:		05/26/09

********************************************************************/


/* = GENERAL *******************************************************/

.clear { display: inline-block; clear: both; }

.clear:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

* html .clear { height: 1%; }

hr {
	width: 100%;
	height: 1px;
	display: block;
	margin: 0 0 1.45em 0;
	border: none;
}

* html hr { margin: 0 0 1.2em 0; } /* IE6 fix */

/** HEADER **/

div#header img { 
  float: left;  
  margin: 29px 0 0 0;
  padding: 0; 
}

div#header ul { text-align: right; list-style-type: none; margin: 0; padding: 0; }
div#header ul li { display: inline; float: left; }
div#header div#nav { float: right; width: 472px; margin-top: 17px; }
div#nav ul.user_actions { float: right; text-align: right; }
div#nav ul.user_actions li { font-size: 13px; color: #65b4d8; margin-right: 8px; background: url(../../images/bg_user_actions_border.png) no-repeat right; }
div#nav ul.user_actions li.last { background: none; }
div#nav ul.user_actions li span { color: #fff; font-size: 13px; }
div#nav ul.user_actions li a { font-size: 13px; color: #fff; font-weight: bold; margin-right: 9px; }

div#nav ul.user_actions li.signin { margin-right: 0; background: none; }
div#nav ul.user_actions li.signin a { display: block; width: 204px; height: 30px; margin: 0 0 3px 0; position: relative; background: url(../../images/btn_signin.png) no-repeat 0 0; }
div#nav ul.user_actions.ipad li.signin a { display: block; width: 204px; height: 30px; margin: 0 0 3px 0; position: relative; background: url(../../images/btn_signin.png) no-repeat 0 1px; }

.ie6 div#nav ul.user_actions li.signin a { top: 0; background: url(../../images/btn_signin.gif) no-repeat 0 0; }

div#nav ul.user_actions li.signin a:hover { border: none; }
div#nav ul.user_actions li.signin a span { display: none; }

div#nav ul.main_links { margin-top: 11px; width: 377px; height: 21px; padding-top: 7px; margin-right: 13px; float: left; background: url(../../images/bg_navbar.gif) no-repeat top left; }
.ie6 div#nav ul.main_links,
.ie7 div#nav ul.main_links { float: none; }
div#nav ul.main_links.alt { float: right; width: 256px; padding-left: 14px; background: url(../../images/bg_navbar_short.png) no-repeat top left; }
div#nav ul.main_links li a span { display: none; }
div#nav ul.main_links li a.record { float: left; margin: 0 33px 0 14px; width: 74px; height: 15px; background: url(../../images/bg_nav_link_record.png) no-repeat; }
div#nav ul.main_links li a.my_screencasts { float: left; margin: 0 29px 0 0; width: 113px; height: 15px; background: url(../../images/bg_nav_link_myscreencasts.png) no-repeat; }
div#nav ul.main_links li a.public_stream { float: left; width: 100px; height: 15px; background: url(../../images/bg_nav_link_publicstream.png) no-repeat; }
div#nav a.go_pro { float: left; position: relative; top: 10px; width: 82px; height: 30px; text-indent: -9000px; background: url(../../images/btn_gopro.png) no-repeat 0 0; }
div#nav a.go_pro:hover { background-position: -82px 0; }
.ie7 div#nav a.go_pro,
.ie6 div#nav a.go_pro { position: absolute; top: 47px; right: 0; }
.ie6 div#nav a.go_pro { background: url(../../images/mh_btn_gopro.png) no-repeat; top: 46px; }
.ie6 div#nav a.go_pro:hover { background-position: 0 -30px; }
.ie6 div#nav.logged_out a.go_pro,
.ie7 div#nav.logged_out a.go_pro { top: 60px; }
.ie6 div#nav ul.main_links li a.record { background: url(../../images/bg_nav_link_record_ie.gif) no-repeat; }
.ie6 div#nav ul.main_links li a.my_screencasts { background: url(../../images/bg_nav_link_myscreencasts_ie.gif) no-repeat; }
.ie6 div#nav ul.main_links li a.public_stream { background: url(../../images/bg_nav_link_publicstream_ie.gif) no-repeat; }

div#magic_header {
	width: 100%;
	height: 72px;
	background: url(../../images/bg_magic_header.png) repeat-x top left;
	position: fixed;
	top: 0;
	z-index: 100;
    display: none;
}
* html div#magic_header    /* IE6 position fixed Top        */{position:absolute;bottom:auto;top:expression(eval(document.documentElement.scrollTop));}

div#magic_header div.magic_header_wrap {
	width: 940px;
	margin: 0 auto;
	padding-top: 10px;
}
div#magic_header div.magic_header_wrap a.logo { float: left; }
div#magic_header div.magic_header_wrap ul { float: right; list-style-type: none; margin-top: 5px; }
div#magic_header div.magic_header_wrap ul li { float: left; display: inline; }

div#magic_header div.magic_header_wrap ul.user_actions.logged_in { margin-top: 10px; }
div#magic_header div.magic_header_wrap ul.user_actions { margin-right: 10px; }
div#magic_header div.magic_header_wrap ul.user_actions li { font-size: 13px; color: #65b4d8; margin-right: 8px; background: url(../../images/bg_user_actions_border.png) no-repeat right; }
div#magic_header div.magic_header_wrap ul.user_actions li.last { background: none;  }
div#magic_header div.magic_header_wrap ul.user_actions li span { color: #fff; font-size: 13px; }
div#magic_header div.magic_header_wrap ul.user_actions.logged_in li a { font-size: 13px; color: #fff; font-weight: bold; margin-right: 9px; }
div#magic_header div.magic_header_wrap ul.user_actions.logged_in li.last a { margin-right: 0; }
div#magic_header div.magic_header_wrap ul.user_actions li.signin a {
	display: inline-block;
	text-indent: -9000px;
	width: 167px;
	height: 29px;
	background: url(../../images/bg_sign_in_with.png) no-repeat;
}
.ie7 div#magic_header div.magic_header_wrap ul.user_actions li.signin a,
.ie6 div#magic_header div.magic_header_wrap ul.user_actions li.signin a { display: block; }
div#magic_header div.magic_header_wrap ul.main_links a.record { float: left; width: 95px; height: 29px; text-indent: -9000px; background: url(../../images/mh_btn_record.png) no-repeat 0 0; }
div#magic_header div.magic_header_wrap ul.main_links a.my_screencasts { float: left; width: 134px; height: 29px; text-indent: -9000px; background: url(../../images/mh_btn_myscreencasts.png) no-repeat 0 0; }
div#magic_header div.magic_header_wrap ul.main_links a.public_stream { float: left; width: 120px; height: 29px; text-indent: -9000px; background: url(../../images/mh_btn_publicstream.png) no-repeat 0 0; }

div#magic_header div.magic_header_wrap ul.main_links a.go_pro { float: left; position: relative; top: -1px; margin-left: 10px; width: 82px; height: 30px; text-indent: -9000px; background: url(../../images/mh_btn_gopro.png) no-repeat 0 0; }
div#magic_header div.magic_header_wrap ul.main_links a.go_pro:hover { background-position: 0 -30px; }
/** HOME - BANNER **/

h2.tagline {
  width: 940px;
  height: 44px;
  text-indent: -9000px;
  margin: 29px 0 0 0;
  background: url(../../images/home_tagline.png) no-repeat;
}
.safari h2.tagline,
.ie7 h2.tagline,
.ie6 h2.tagline  {
  margin-bottom: 13px;
}
.ie6 h2.tagline { position: relative; top: 25px; }

div.highlights { float: left; width: 405px; }
.ie6 div.highlights { margin-top: 40px; }
div.highlights span { display: none; }
div.highlights p { display: block; margin: 16px 0 10px 0; padding: 0; height: 174px; width: 403px; background: url(../../images/p_description.png) no-repeat; }
div.highlights ul { list-style-type: none; margin: 0; padding: 0; width: 383px; height: 156px; position: relative; left: -20px; background: url(../../images/bg_highlights_list.png) no-repeat; }
div.highlights ul li { display: none; }

div.tour { float: right; width: 493px; margin-top: 2px; position: relative; right: -12px; }
.ie6 div.tour { margin-top: 32px; }
.ie6 div.tour a { cursor: pointer; }
div.tour a.record_now { display: block; width: 448px; height: 44px; margin: 15px 0 0 21px; background: url(../../images/btn_record_now.png) no-repeat; }
div.tour a.record_now span { display: none; }

/** HOME - PUBLIC STREAM **/

div.public_stream {
  width: 940px;
  margin-top: 23px;
  padding-top: 23px;
	float: left;
  background: url(../../images/border_public_stream.gif) no-repeat;
}
div.public_stream h3 { display: block; margin: 0 0 28px 0; float: left; width: 563px; height: 17px; background: url(../../images/h3_popular_screencasts.gif) no-repeat; }
div.public_stream a.see_all { display: block; border: none !important; margin: 7px 0 0 0; float: right; width: 61px; height: 11px; background: url(../../images/see_all.gif) no-repeat; }
div.public_stream h3 span,
div.public_stream a.see_all span { display: none; }

div.screencast_row { float: left; width: 940px; }
.ie6 div.screencast_row { float: none; padding-left: 3px; }
div.screencast_row div.screencast_block { float: left; margin-right: 25px; width: 168px; font-size: 13px; }
.ie6 div.screencast_row div.screencast_block { margin-right: 24px; }
div.screencast_row div.screencast_block.last { margin-right: 0; }
.ie6 div.screencast_row div.screencast_block.last { margin-right: 0; }
div.screencast_block div.cast_thumb { position: relative; padding: 5px 5px 12px 5px; margin-bottom: 8px; width: 158px; height: 91px; background: url(../../images/bg_cast_thumb.gif) no-repeat; }
div.screencast_block div.cast_thumb a { border: none !important; }
div.screencast_block div.cast_thumb div.user_photo { position: absolute; left: 10px; bottom: 17px; width: 28px; height: 28px; padding: 5px; background: url(../../images/bg_user_thumbnail.png) no-repeat; }
.ie6 div.screencast_block div.cast_thumb div.user_photo { left: 5px; bottom: 4px; }
div.screencast_block div.cast_thumb div.cast_length { position: absolute; right: 10px; bottom: 17px; width: 23px; height: 9px; padding: 5px; background: url(../../images/bg_cast_length_small.png) no-repeat; }
.ie6 div.screencast_block div.cast_thumb div.cast_length { right: 5px; bottom: 5px; }
.safari div.screencast_block div.cast_thumb div.cast_length { padding: 5px 6px 5px 4px; }
.win div.screencast_block div.cast_thumb div.cast_length { padding: 4px 5px 6px 5px; }

div.screencast_block div.cast_thumb div.cast_length p { text-align: center; font-size: 12px; color: #fff; margin: 0; line-height: .9em; font-weight: bold; }

div.screencast_block a { font-weight: bold; cursor: pointer; outline: none; }
div.screencast_block p a { border-bottom: 1px dotted #a8a8a8; }
div.screencast_block p a:hover { border-bottom: none; }
div.screencast_block a.user_name { color: #2e9ccd; }
div.screencast_block p { color: #455760; margin: 0; line-height: 1.4em; }
div.screencast_block p.post_time { color: #aaaaaa; font-style: italic; font-family: georgia; font-size: 12px; }

/** HOME - SELL AREA **/

div.sell_area { float: left; width: 940px; }
div.sell_area div.why_create {
  float: left;
  width: 300px;
  margin-right: 20px;
}

div.sell_area div.why_create h3 {
  background: url(../../images/h3_why_create_screencasts.gif) no-repeat;
}

div.sell_area div.why_create ul {
  display: block;
  width: 260px;
  padding: 20px 20px;
  list-style-type: none;
  margin: 0;
  background: url(../../images/bg_why_create.gif) repeat-y top left;
}

div.sell_area div.why_create ul li {
  padding-left: 32px;
  font-weight: bold;
  font-size: 13px;
  padding-bottom: 5px;
  color: #515151;
  margin-bottom: 14px;
  line-height: 1.3em;
  background: url(../../images/bg_why_create_arrow.gif) no-repeat 0 4px;
}
.safari div.sell_area div.why_create ul li {
  margin-bottom: 16px;
}

div.sell_area div.why_create ul li.last {
  margin: 0;
  padding-bottom: 0;
}

div.sell_area div.why_create div.record_now {
  width: 280px;
  padding: 20px 0 0 20px;
  height: 64px;
  background: url(../../images/bg_record_now.gif) no-repeat;
}

div.sell_area div.why_create div.record_now a {
  display: block;
  width: 260px;
  height: 43px;
  text-indent: -9000px;
  border-bottom: none;
  background: url(../../images/btn_record_now_small.gif) no-repeat;
  border-bottom: none !important;
}

div.sell_area div.people_love {
  float: left;
  width: 300px;
  margin-right: 20px;
  padding-bottom: 15px;
  background: url(../../images/bg_people_love.gif) no-repeat bottom left;
}

.ie7 div.sell_area div.people_love {
  padding-bottom: 16px;
}

div.sell_area div.people_love h3 {
  background: url(../../images/h3_people_love_screenr.gif) no-repeat;
  position: relative;
}

/* Scroll Bar Master Styling Starts Here */
/* All comments can be freely removed from the css */

#mycustomscroll {
  width: 268px;
  height: 322px;
  overflow: auto;
  position: relative;
  margin: 15px 0 0 15px;
}

.clearfloat {
clear:both; height:0px;
line-height:0px; visibility: hidden;
}

.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbase {
width: 18px;
background: url(../../images/vertical_scrollbar_base.png) no-repeat;
}

.vscrollerbar {
width: 18px;
}

.vscrollerbarbeg {
/*top image holder for vertical scroll bar*/
background: url(../../images/vertical_scrollbar.png) no-repeat 0 -8px;
width: 18px;
/* height is auto set by the script to fit the scrollbar */
}

.vscrollerbarend {
/*bottom image holder for vertical scroll bar*/
width: 18px;
height: 8px;
background: url(../../images/vertical_scrollbar.png) no-repeat;
}

.scrollerjogbox {
width: 10px;
height: 10px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background-color: gray;
}

div.sell_area div.people_love div.tweet_block {
  float: left;
  width: 235px;
  padding: 15px 0 15px 0;
  border-bottom: 1px solid #a7def6;
  border-top: 1px solid #fff;
}
div.sell_area div.people_love div.tweet_block.first {
  border-top: none;
  padding: 0 0 15px 0;
}

div.sell_area div.people_love div.tweet_block.last {
  border-bottom: none;
  padding: 15px 0 0 0;
}

div.sell_area div.people_love div.tweet_block a {
  border-bottom: none !important;
}
div.sell_area div.people_love div.tweet_block img {
  float: left;
  width: 40px;
}
div.sell_area div.people_love div.tweet_block p {
  float: right;
  width: 182px;
  color: #515151;
  line-height: 1.3em;
  margin: 0;
}
div.sell_area div.people_love div.tweet_block p span {
  position: relative;
  top: 2px;
}
div.sell_area div.people_love div.tweet_block p span a {
  display: block;
  font-size: 10px;
  color: #52a3c6 !important;
  font-weight: normal !important;
  text-transform: uppercase;
}


div.sell_area div.buzz {
  float: left;
  width: 300px;
  padding-bottom: 2px;
  background: url(../../images/bg_buzz.gif) no-repeat bottom left;
}

.win.ff3 div.sell_area div.buzz,
.win.ie8 div.sell_area div.buzz  {
  padding-bottom: 4px;
}

.win.ie7 div.sell_area div.buzz  {
  padding-bottom: 0;
}

div.sell_area div.buzz h3 {
  background: url(../../images/h3_buzz_about_screenr.gif) no-repeat;
}

div.sell_area div.buzz div.buzz_block {
  display: block;
  width: 260px;
  padding: 13px 20px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #dfe2e2;
}

.ie7 div.sell_area div.buzz div.buzz_block {
  padding: 14px 20px;
}

.chrome div.sell_area div.buzz div.buzz_block,
.safari div.sell_area div.buzz div.buzz_block {
  padding: 16px 20px;
}

div.sell_area div.buzz div.buzz_block.first {
  border-top: none;
}

div.sell_area div.buzz div.buzz_block.last {
  border-bottom: none;
}

div.sell_area div.buzz div.buzz_block a {
  border-bottom: none !important;
  color: #515151 !important;
}

div.sell_area div.buzz div.buzz_block a:hover {
  color: #515151 !important;
}

div.sell_area div.buzz div.buzz_block h4 {
  margin: 0 0 3px 0;
  text-indent: -9000px;
}

div.sell_area div.buzz div.buzz_block h4.nyt {
  display: block;
  background: url(../../images/h4_quote_nyt.gif) no-repeat;
  width: 205px;
  height: 14px;
}

div.sell_area div.buzz div.buzz_block h4.mashable {
  display: block;
  background: url(../../images/h4_quote_mashable.gif) no-repeat;
  width: 225px;
  height: 14px;
  margin-top: 3px;
}

div.sell_area div.buzz div.buzz_block h4.cnet {
  display: block;
  background: url(../../images/h4_quote_cnet.gif) no-repeat;
  width: 164px;
  height: 12px;
  margin-bottom: 5px;
}

div.sell_area div.buzz div.buzz_block img.right {
  float: right;
}

div.sell_area div.buzz div.buzz_block p {
  margin: 0;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.4em;
}


div.sell_area h3 {
  text-indent: -9000px;
  width: 300px;
  height: 57px;
  margin: 0;
}

/** POST YOUR SCREENCAST **/

div.post_screencast { margin: 0 auto; width: 730px; padding: 0 10px; }
div.post_screencast h1 { 
  display: block; 
  width: 214px; 
  height: 17px; 
  background: url(../../images/title_publish_screencast.gif) no-repeat;
  margin: 0 auto 9px auto;
}
div.post_screencast h1 span,
div.post_screencast h2 span { display: none; }
div.post_screencast p { font-size: 14px; text-align: center; margin-bottom: 26px; }
div.post_screencast div.preview { border: 5px solid #e8e8e8; margin: 0 auto; }

div.post_screencast h2 { 
  display: block; 
  width: 299px; 
  height: 17px; 
  background: url(../../images/title_login_to_publish.gif) no-repeat;
  margin: 30px auto 20px auto;
}

div.post_screencast h2.sign_in { 
  display: block; 
  width: 110px; 
  height: 17px; 
  background: url(../../images/title_sign_in_with.gif) no-repeat;
  margin: 30px auto 20px auto;
}

div.post_screencast div.rpx {
  width: 400px;
  margin: 0 auto 8px auto;
}

div.post_screencast div.screencast_details { float: left; width: 640px; padding: 30px 45px 0 45px; position: relative; }
label.describe_screencast { display: block; margin-left: 5px; margin-bottom: 9px; width: 192px; height: 15px; background: url(../../images/label_describescreencast.gif) no-repeat; }
div.post_screencast label span { display: none; }

div.post_screencast p.character_count { margin: 0; position: absolute; right: 50px; top: 27px; color: #455760; font-size: 13px; }
div.post_screencast p.character_count span { font-weight: bold; color: #232d32; }
div.post_screencast div.description { float: left;  background: url(../../images/bg_description_arrow.gif) no-repeat 575px 0; width: 640px; padding-top: 6px; }
.safari div.post_screencast div.description { padding-top: 7px; }
.chrome div.post_screencast div.description { padding-top: 6px; }

div.post_screencast div.description textarea { 
  width: 610px; 
  height: 40px;
  resize: none;
  padding: 11px 10px 10px 10px;
  border: 5px solid #e8e8e8; 
  color: #a5a5a5;
  font-family: arial; 
  font-size: 15px; 
  font-style: italic;
  overflow: hidden;
}

div.post_screencast .focus,
div.post_screencast div.description.focus textarea { color: #455760; font-style: normal; }

div.post_screencast div.description.error { background: url(../../images/bg_description_arrow_error.gif) no-repeat 575px 0; }
div.post_screencast div.description.error textarea { border: 5px solid #fe2626; }

div.post_screencast label.checkbox { float: left; margin: 5px 0 0 1px; color: #455760; }
.safari div.post_screencast label.checkbox { margin: 12px 0 0 1px; }
.win div.post_screencast label.checkbox { margin: 7px 0 0 1px; }
div.post_screencast label.checkbox input { position: relative; top: 2px; margin-right: 4px; }
.safari div.post_screencast label.checkbox input { top: -1px; }
.ie7 div.post_screencast label.checkbox input,
.ie6 div.post_screencast label.checkbox input { top: 1px; margin-right: 1px; }
.chrome div.post_screencast label.checkbox input { top: 2px; }

div.fieldblock { float: left; width: 300px; position: relative; margin: 29px 0 0 5px; }
div.fieldblock.your_email label { float: left; margin: 0 0 14px 0; width: 145px; height: 13px; background: url(../../images/label_youremailaddress.gif) no-repeat; }
div.fieldblock a { 
  color: #232d32; 
  font-weight: bold;
  font-size: 11px;
  position: absolute; 
  top: 4px; 
  right: 5px; 
  line-height: 1em; 
  text-decoration: none; 
  border-bottom: 1px dotted #a8a8a8;
}

div.fieldblock a:hover { border-bottom: none; text-decoration: none; }

div.fieldblock div.spam_message { position: absolute; top: -132px; right: -39px; width: 156px; height: 86px; padding: 23px 23px; background: url(../../images/bg_spam_message.png) no-repeat top left; text-align: center; }
.win div.fieldblock div.spam_message { right: -36px; }
div.fieldblock div.spam_message p.ask_once { float: left; margin: 0 0 0 7px; width: 141px; height: 14px; background: url(../../images/p_wellaskonce.png) no-repeat; }
.win div.fieldblock div.spam_message p.ask_once { margin: 0 0 0 8px; }
.ie6 div.fieldblock div.spam_message p.ask_once { margin: 0 0 0 4px; }
div.fieldblock div.spam_message p.ask_once span { display: none; }
div.fieldblock div.spam_message p { float: left; color: #fff; text-align: center; font-size: 11px; line-height: 1.2em; margin: 5px 0 0 1px; }

div.fieldblock input { 
  float: left; 
  width: 280px; 
  border: 1px solid #e8e8e8;
  color: #a5a5a5;
  font-family: arial; 
  font-size: 15px; 
  font-style: italic;
  padding: 5px 9px 6px 9px;
}
.ie7 div.fieldblock input,
.ie6 div.fieldblock input { position: relative; left: -5px; }

div.fieldblock input.error { border: 1px solid #fe2626; }

div.fieldblock.set_password label { float: left; margin: 0 0 14px 0; width: 260px; height: 15px; background: url(../../images/label_setapassword.gif) no-repeat; }

a.tweet_it { float: left; border: none !important; width: 83px; height: 32px; background: url(../../images/btn_publish_actions.png) no-repeat 0 0; }
a.tweet_it.disabled { background: url(../../images/btn_publish_actions.png) no-repeat 0 -32px; }
a.post_it { float: left; border: none !important; width: 83px; height: 32px; background: url(../../images/btn_publish_actions.png) no-repeat 0 -64px; }
a.post_it.disabled { background: url(../../images/btn_publish_actions.png) no-repeat 0 -96px; }
a.publish { float: left; border: none !important; width: 83px; height: 32px; background: url(../../images/btn_publish_actions.png) no-repeat 0 -128px; }
a.publish.disabled { background: url(../../images/btn_publish_actions.png) no-repeat 0 -160px; }
a.publish_tweet { display: inline-block; border: none !important; width: 168px; height: 32px; background: url(../../images/btn_publish_tweet.png) no-repeat 0 0; }
a.publish_tweet.disabled { background: url(../../images/btn_publish_tweet.png) no-repeat 0 -32px; }
a.tweet_it span,
a.post_it span,
a.publish span,
a.publish_tweet span { display: none; }
div.submit { float: left; margin: 30px 0 0 5px; position: relative; }
.ie6 div.submit { float: none; }
div.submit p { float: left; text-align: left; width: 633px; color: #455760; margin: 0 0 0 0; font-size: 13px; }
.ie6 div.submit p { float: none; }
div.submit p span { font-family: georgia; font-style: italic; font-weight: bold; color: #738187; margin: 0 6px 0 9px; position: relative; top: -10px; }
.ie6 div.submit p span { margin: 0 6px 0 6px; }
div.submit a.delete { font-size: 12px; position: absolute; top: 9px; right: 3px; float: right; color: #fe2626 !important; border: none !important; text-decoration: underline; font-weight: normal !important; }
div.submit a.delete:hover { color: #fe2626 !important; text-decoration: none; }

div#uploading { float: left; margin: 33px 0 0 0; width: 640px; position: relative; }
div#uploading h3 { display: block; margin: 0 0 12px 5px; width: 78px; height: 15px; background: url(../../images/title_publishing.gif) no-repeat; }
.ie6 div#uploading h3 { margin: 0 0 7px 5px; }
div#uploading h3 span { display: none; }
div#uploading a.publishtime {
  position: absolute;
  top: 3px;
  left: 117px;
  color: #232d32; 
  font-weight: bold;
  font-size: 11px; 
  line-height: 1em; 
  text-decoration: none; 
  border-bottom: 1px dotted #a8a8a8;
}
.chrome div#uploading a.publishtime { top: 2px; }

div#uploading a.publishtime:hover { border-bottom: none; }

div#uploading div.publish_message {
  position: absolute;
  top: -89px;
  left: 78px;
  width: 150px;
  height: 74px;
  padding: 10px 15px 0 15px;
  background: url(../../images/bg_publish_message.png) no-repeat top left;
  text-align: center; 
}
.win div#uploading div.publish_message { left: 81px; }

div#uploading div.publish_message p { float: left; color: #fff; text-align: center; font-size: 11px; line-height: 1.3em; margin: 0; }
div#uploading p.ie6_publish_message { margin: 0 0 7px 5px; font-size: 11px; text-align: left; line-height: 1.1em; }
div#uploading span { float: left; height: 1px; position: absolute; top: 1px; left: 1px; z-index: 2; width: 558px; background: url(../../images/img_progress-bar-highlight.png) no-repeat top left;}
div#uploading div#progress { float: left; width: 560px; height: 32px; margin: 0 0 0 5px; position: relative; z-index: 0; background: url(../../images/animatedbar.gif) no-repeat; }
.ie6 div#uploading div#progress { margin-left: 2px; }
div#progress-bar { float: left; width: 558px; margin: 1px 0 0 1px; position: relative; z-index: 1; }
div#progress-bar div.slider { float: left; height: 30px; position: relative; z-index: 1; border-right: 1px solid #1c6ab4; background: url(../../images/bg_progress.png) repeat-x top left; }

/** AAA added extra margin to move cancel button next to flash thingy **/
div#uploading a.close { float: left; padding-left: 13px; margin: 20px 0 0 15px; border: none; color: #45575f; font-weight: bold; font-size: 13px; background: url(../../images/icon_cancel.png) no-repeat left center; }
.ie7 div#uploading a.close { margin: 20px 0 0 15px; background: url(../../images/icon_cancel.png) no-repeat 0 7px; }
.ie6 div#uploading a.close { margin: 20px 0 0 12px; background: url(../../images/icon_cancel.png) no-repeat 0 8px; }

div#uploading p.status { float: left; margin: 7px 0 0 5px; font-size: 13px; font-weight: bold; }
.ie6 div#uploading p.status { float: none; margin: 7px 0 0 3px; clear: both; text-align: left; }
.ie7 div#uploading p.status { float: none; clear: both; }
.ie6 div#uploading,
.ie6 div#uploading span,
.ie6 div#uploading div#progress-bar,
.ie6 div#uploading div#progress-bar div.slider { float: none; }

/** REGISTRATION **/

div.registration {
  margin: 0 auto;
  width: 720px;
}

.ie7 div.registration,
.ie6 div.registration {
  padding-bottom: 21px;
}
div.registration div.registration_details {
  float: left;
  width: 319px;
}

div.registration_details h1 {
  text-indent: -9000px;
  width: 248px;
  height: 17px;
  margin-bottom: 25px;
  background: url(../../images/title_complete_registration.gif) no-repeat;
}

.ie6 div.registration_details h1 {
  margin-bottom: 6px;
}

div.registration_details h1.almost_done {
	background: url(../../images/title_almost_done.gif) no-repeat;
	height: 15px;
	width: 122px;
}

div.registration_details div.form_field {
  width: 319px;
  height: 56px;
  background: url(../../images/bg_registration_input.gif) no-repeat;
  position: relative;
}

div.registration_details div.form_field.wide {
  width: 403px;
  height: 56px;
  background: url(../../images/bg_registration_input_wide.gif) no-repeat;
  position: relative;
}

div.registration_details div.form_field.error {
  background: url(../../images/bg_registration_input_invalid.gif) no-repeat;
}

div.registration_details div.form_field.wide.error {
  background: url(../../images/bg_registration_input_wide_error.gif) no-repeat;
}

div.registration_details div.form_field span.available {
  font-size: 11px;
  font-weight: bold;
  color: #19ab38;
  position: absolute;
  top: 21px;
  right: 22px;
  padding-left: 12px;
  background: #fff url(../../images/icon_user_available.gif) no-repeat 0 3px;
}

.chrome div.registration_details div.form_field span.available { top: 20px; background-position: 0 4px; }
.ie div.registration_details div.form_field span.available { top: 20px; background-position: 0 5px; }

div.registration_details div.form_field span.taken {
  font-size: 11px;
  font-weight: bold;
  color: #f5132e;
  position: absolute;
  top: 21px;
  right: 22px;
  padding-left: 13px;
  background: #fff url(../../images/icon_user_taken.gif) no-repeat 0 2px;
}

.chrome div.registration_details div.form_field span.taken { top: 20px; background-position: 0 3px; }
.ie div.registration_details div.form_field span.taken { top: 20px; background-position: 0 4px; }

div.registration_details input {
  font-size: 15px;
  font-weight: bold;
  color: #525a5e;
  margin: 13px 0 0 15px;
  height: 23px;
  width: 281px;
  padding: 5px 4px 0 4px;
  border: 1px solid #fff;
}

.ie7 div.registration_details input,
.ie6 div.registration_details input {
  height: 21px;
}

div.registration_details div.form_field.wide input {
	width: 363px;
}

div.registration_details label {
  text-indent: -9000px;
  margin-bottom: 12px;
}

.ie6 div.registration_details label {
  margin-bottom: 0;
}

div.registration_details label.email {
  display: block;
  width: 85px;
  height: 13px;
  background: url(../../images/label_your_email.gif) no-repeat;
}

div.registration_details label.enter_email {
  display: block;
  width: 401px;
  height: 15px;
  background: url(../../images/label_enter_email.gif) no-repeat;
}
.ie6 div.registration_details label.enter_email {
	margin-bottom: 10px;
}

div.registration_details label.username {
  display: block;
  width: 217px;
  height: 13px;
  background: url(../../images/label_choose_username.gif) no-repeat;
}

div.registration_details p {
  color: #9da6aa;
  font-weight: bold;
  font-size: 11px;
  margin-bottom: 14px;
  margin-top: 7px;
}

div.registration_details a {
  display: block;
  width: 319px;
  height: 40px;
  text-indent: -9000px;
  border-bottom: none !important;
  background: url(../../images/btn_proceed_to_publishing.png) no-repeat;
}

div.registration_details a.complete_registration {
  background: url(../../images/btn_complete_registration.png) no-repeat;
}

div.registration div.preview {
  float: left;
  width: 351px;
  height: 257px;
  padding: 5px 5px 0 5px;
  margin: 56px 0 21px 40px;
  background: url(../../images/bg_complete_registration.png) no-repeat;
}

.ie6 div.registration div.preview {
  margin: 44px 0 21px 40px;
}

div.registration div.social_thanks {
  float: left;
  width: 351px;
  height: 257px;
  padding: 5px 5px 0 5px;
  margin: 68px 0 21px 40px;
	text-align: center;
  background: url(../../images/bg_social_thanks.png) no-repeat;
}

.ie6 div.registration div.social_thanks {
  margin: 59px 0 21px 40px;
}

div.registration div.social_thanks p {
	color: #424d52;
	font-size: 13px;
	font-family: Helvetica;
	font-weight: bold;
}

div.registration div.social_thanks img {
	margin-bottom: 20px;
}

div.registration div.social_thanks div.user_welcome {
	width: 336px;
	background: url(../../images/bg_user_welcome.png) no-repeat;
	height: 49px;
	margin: 7px auto 17px auto;
}

div.registration div.social_thanks div.user_welcome img {
	margin: 2px 12px 0 2px;
	float: left;
}

div.registration div.social_thanks div.user_welcome p {
	margin: 0;
	padding-top: 12px;
	font-weight: bold;
	color: #30383c;
	text-align: left;
	font-size: 17px;
}


div.registration div.user_welcome_alt {
	width: 720px;
	height: 51px;
	margin-bottom: 30px;
	position: relative;
	background: url(../../images/bg_user_welcome_horizontal.png) no-repeat;
}

div.registration div.user_welcome_alt img {
	float: left;
	margin: 3px 8px 0 3px;
}

div.registration div.user_welcome_alt img.facebook {
	position: absolute;
	top: 5px;
	right: 4px;
	margin: 0;
	float: none;
}

div.registration div.user_welcome_alt p {
	margin: 0;
	padding-top: 9px;
	font-size: 17px;
	font-weight: bold;
	color: #30383c;
	line-height: 1.1em;
}
div.registration div.user_welcome_alt p span {
	display: block;
	font-weight: normal;
	font-size: 13px;
}

/** SCREENCAST - SINGLE **/

div.screencast { width: 650px; margin-bottom: 20px; }

div.author_image { float: left; width: 60px; height: 71px; padding: 5px 5px 0 5px; margin-bottom: 14px; background: url(../../images/bg_author_image.gif) no-repeat; }
div.screencast_description { float: right; width: 565px; overflow: hidden; }
div.screencast_description p { margin: 0; color: #455760; font-size: 14px; line-height: 1.2em; }
div.screencast_description p.author { font-size: 13px; margin-bottom: 4px; }
div.screencast_description span { font-family: Georgia; font-style: italic; }
div.screencast_description span.timestamp { float: left; color: #aaaaaa; font-size: 12px; }
div.screencast_description span.viewcount { float: right; font-weight: bold; font-size: 12px; color: #3cabd4; font-family: Arial; font-style: normal; }

div.screencast_description div.tweet {
  background: gray;
}
div.screencast_description div.tweet html body .count {
  width: 300px;
  color: red !important;
}

div.discuss { position: relative; width: 650px; padding-top: 20px; background: url(../../images/horizontal_border.gif) repeat-x top left; }
div.discuss h2 { display: block; width: 222px; height: 13px; background: url(../../images/title_discuss_this_screencast.gif) no-repeat; }
div.discuss span { display: none; }
a.stop_emails,
a.subscribe_emails { position: absolute; right: 0; top: 21px; font-weight: bold; color: #718088 !important; font-size: 11px; border-bottom: none !important; padding-left: 23px; background: url(../../images/icon_subscribe_comments.png) no-repeat 0 -2px;}
a.stop_emails:hover,
a.subscribe_emails:hover { color: #3cabd4 !important; }

div.discuss.sign_in a.stop_emails,
div.discuss.sign_in a.subscribe_emails,
div.discuss.sign_in a.stop_emails:hover,
div.discuss.sign_in a.subscribe_emails:hover { color: #b2b9bc !important; background: url(../../images/icon_subscribe_comments_disabled.png) no-repeat; }

.ie a.stop_emails,
.ie a.subscribe_emails { background-position: 0 0; }

.ie div.discuss.sign_in a.stop_emails,
.ie div.discuss.sign_in a.subscribe_emails,
.ie div.discuss.sign_in a.stop_emails:hover,
.ie div.discuss.sign_in a.subscribe_emails:hover { background-position: 0 2px; }

div.discuss ul { list-style-type: none; position: relative; top: 1px; z-index: 2;}
.ie6 div.discuss ul { float: left; top: 1px; }
div.discuss ul li { float: left; display: inline; }
div.discuss ul li a { border: none !important; }
div.discuss ul li a.retweet { display: block; width: 101px; height: 31px; margin-right: 5px; background: url(../../images/discuss_tab_retweet.png) no-repeat 0 -31px; }
div.discuss ul li.active a.retweet{ background: url(../../images/discuss_tab_retweet.png) no-repeat 0 0; }
div.discuss ul li a.reply { display: block; width: 143px; height: 31px; background: url(../../images/discuss_tab_reply.png) no-repeat 0 -31px; }
div.discuss ul li.active a.reply { background: url(../../images/discuss_tab_reply.png) no-repeat 0 0; }
div.discuss p.character_count { float: right; margin: 5px 0 0 0; padding: 0; font-size: 13px; }
div.discuss p strong { color: #232d32; }

div.discuss div.discuss_field { z-index: 1; float: left; position: relative; width: 650px; padding: 0; height: 176px; background: url(../../images/bg_discuss_screencast.gif) no-repeat top left; }
.ie6 div.discuss div.discuss_field,
.ie7 div.discuss div.discuss_field { float: none; }

div.discuss.sign_in div.discuss_field label { color: #b2b9bc; }

div.discuss div.discuss_field textarea { width: 596px; -moz-border-radius: 4px; -webkit-border-radius: 4px; margin: 12px 0 0 12px; padding: 15px 15px 0 15px; resize: none; overflow: hidden; height: 99px; border: 1px solid #e2e3e4; font-size: 13px; font-family: Arial; color: #455760; }
div.discuss div.discuss_field textarea.disabled { color: #aaaaaa; }
div.discuss div.discuss_field span.char_count { display: block; position: absolute; left: 12px; bottom: 15px; font-size: 12px; }
div.discuss div.discuss_field span.char_count strong.overage { color: #fe2626; }
div.discuss div.discuss_field label { position: absolute; right: 156px; bottom: 15px; }
div.discuss div.discuss_field label input { position: relative; left: -4px; }
.win div.discuss div.discuss_field label input { top: 1px; }

div.discuss div.discuss_field a.tweet { display: block; position: absolute; right: 12px; margin-top: 22px; width: 87px; height: 26px; border: none !important; background: url(../../images/btn_comment_tweet.png) no-repeat 0 0; }
.ie7 div.discuss div.discuss_field a.tweet,
.ie6 div.discuss div.discuss_field a.tweet { top: 86px; }
div.discuss div.discuss_field a.tweet.disabled { background: url(../../images/btn_comment_tweet.png) no-repeat 0 -26px; }

div.discuss div.discuss_field a.post_comment { display: block; position: absolute; right: 10px; bottom: 10px; width: 130px; height: 26px; border: none !important; background: url(../../images/btn_post_comment.gif) no-repeat 0 -26px; }
div.discuss div.discuss_field a.post_comment_disabled { display: block; position: absolute; right: 10px; bottom: 10px; width: 130px; height: 26px; border: none !important; background: url(../../images/btn_post_comment.gif) no-repeat 0 0; }

div.discuss div.discuss_field div.signin_addcomment {
	position: absolute;
	top: 12px;
	left: 12px;
	width: 628px;
	height: 116px;
	text-align: center;
	display: none;
	background: url(../../images/bg_signin_addcomment.png) no-repeat;
}
.ie6 div.discuss div.discuss_field div.signin_addcomment,
.ie7 div.discuss div.discuss_field div.signin_addcomment {
	top: 13px;
}

div.discuss.sign_in div.discuss_field div.signin_addcomment {
	display: block;
}

div.discuss div.discuss_field div.signin_addcomment p {
	font-weight: bold;
	font-size: 14px;
	color: #232d32;
	padding-top: 38px;
}

div.discuss div.discuss_field div.signin_addcomment p a {
	border-bottom: none !important;
	text-decoration: underline;
}

div.discuss div.discuss_field div.signin_addcomment p a:hover { text-decoration: none; }

div.discuss div.discuss_field div.signin_addcomment p span {
	display: block;
	font-weight: normal;
}

div.discuss.ipad ul li.active a.retweet{ background: url(../../images/discuss_tab_retweet.png) no-repeat 0 1px; }
div.discuss.ipad ul li.active a.reply { background: url(../../images/discuss_tab_reply.png) no-repeat 0 1px; }

div.discuss.ipad div.discuss_field p { position: absolute; left: 12px; margin-top: 10px; }
div.discuss.ipad div.discuss_field a.tweet { display: block; position: absolute; right: 12px; margin-top: 5px; width: 87px; height: 26px; border: none !important; background: url(../../images/btn_comment_tweet.png) no-repeat 0 0; }


div.activity h2 { display: block; width: 221px; height: 13px; margin-bottom: 19px; background: url(../../images/title_what_people_are_saying.gif) no-repeat; }
div.activity h2 span { display: none; }
div.activity_block { clear: both; float: left; width: 650px; padding-top: 20px; margin-bottom: 20px; background: url(../../images/horizontal_border.gif) repeat-x top left; }
.ie6 div.activity_block,
.ie7 div.activity_block { float: none; }
div.activity_block p { float: right; width: 430px; margin: 10px 0 0 0; overflow: hidden; }
div.activity_block div.user_details { float: left; position: relative; width: 200px; overflow-x: hidden; background: #f2f4f5; }
div.activity_block div.user_details img { float: left; border: 5px solid #e4e6e7; margin-right: 10px; }
div.activity_block div.user_details p { float: right; width: 132px; }
.ie6 div.activity_block div.user_details p { position: absolute; top: 0; }
div.activity_block div.user_details p span.permalink { display: block; padding-left: 2px; }
div.activity_block div.user_details p span.permalink a { font-family: Georgia; font-style: italic; font-weight: normal !important; border-bottom: none !important; }
div.activity_block div.user_details p span.permalink a:hover { border-bottom: 1px dotted #A8A8A8 !important; }
div.activity_block.new div.user_details { background: #fff7bc; }
div.activity_block.new div.user_details img { border: 5px solid #fff084; }
div.activity_block.first { padding-top: 0; background: none; margin-top: 30px; }

div#secondary h3 span { display: none; }

div.create_screencast,
div.share,
div.more_actions,
div.bookmarklet,
div.screencast_feed,
div.screencast_chatter,
div.new_members  { float: left; width: 240px; padding-bottom: 20px; margin-bottom: 20px; background: url(../../images/horizontal_border.gif) repeat-x bottom left; }
.ie6 div.create_screencast,
.ie6 div.share,
.ie6 div.more_actions,
.ie6 div.bookmarklet,
.ie6 div.screencast_feed,
.ie6 div.screencast_chatter,
.ie6 div.new_members { float: none; }
div.new_members  { padding-bottom: 10px; }
.ie7 div.new_members,
.ie6 div.new_members  { padding-bottom: 20px; }

div.create_screencast a { float: left; width: 240px; height: 133px; background: url(../../images/create_your_own_screencast.jpg) no-repeat; border: none !important; }
div.create_screencast a span { display: none; }

div.share div.field { float: left; width: 240px; }
div.share h3 { display: block; width: 183px; height: 11px; margin-bottom: 5px; background: url(../../images/title_share_this_screencast.gif) no-repeat; }
div.share div.field_block { float: left; width: 240px; margin-top: 10px; }
div.share label { float: left; color: #5e6d75; width: 40px; font-weight: bold; text-align: right; padding-top: 3px; }
.safari div.share label { padding-top: 4px; }

div.share div.field_block.social { position: relative; }
div.share div.field_block.social label {
  margin-right: 8px;
  position: relative;
}
.safari div.share div.field_block.social label,
.mac.ff3 div.share div.field_block.social label,
.ie7 div.share div.field_block.social label,
.win.ff3 div.share div.field_block.social label  { top: -2px; }
.ie6 div.share div.field_block.social label { top: -2px; margin-right: 6px; }

div.share div.field_block div.twitter {
  display: inline;
  position: relative;
  top: -1px;
  left: 8px;
}
.ie7 div.share div.field_block div.twitter,
.ie8 div.share div.field_block div.twitter,
.chrome div.share div.field_block div.twitter,
.win.ff3 div.share div.field_block div.twitter { left: 4px; }
.ie6 div.share div.field_block div.twitter { position: absolute; top: -1px; left: 145px; }

div.share div.field_block.embed { margin-top: 7px; }
div.share div.field_block.embed a { float: left; border-bottom: none !important; position: relative; top: 2px; left: 8px; width: 103px; height: 20px; text-indent: -9000px; background: url(../../images/btn_get_embed.gif) no-repeat; }
.mac.ff3 div.share div.field_block.embed a { top: 1px; }
div.share div.field_block.url { margin-top: 12px; }
#content div.share div.field_block.url a { position: relative; font-weight: normal; border-bottom: none !important; top: 4px; left: 4px; font-size: 12px; color: #5e6d75; background: #fff; padding: 3px 4px 2px 4px; }
.ff3 #content div.share div.field_block.url a,
.ie #content div.share div.field_block.url a { top: 3px; }

div.share div.field_block.url input {
	position: relative;
	font-weight: normal;
	top: 2px; 
  left: 5px;
  font-size: 12px;
	color: #5e6d75;
	background: #fff;
	border: none;
	width: 180px;
	font-family: Helvetica, Arial, Sans-serif;
}
.safari div.share div.field_block.url input,
.mac.chrome div.share div.field_block.url input { top: 3px; }
.mac.ff3 div.share div.field_block.url input,
.win div.share div.field_block.url input { left: 7px; }
.ie8 div.share div.field_block.url input { top: 4px; }
.ie7 div.share div.field_block.url input,
.win.ff3 div.share div.field_block.url input { top: 3px; }
.ie6 div.share div.field_block.url input {
	top: -108px;
	left: 46px;
}

div.share div.field_block.url input:focus {
	outline-width: 0;
}

#content div.share div.field_block.url a:hover { background: #fdfce0; }

div.lightbox { font-family: Helvetica; }
div.lightbox_wrap { width: 405px; padding: 30px 20px; }
div.lightbox h1 { width: 258px; height: 21px; display: block; margin: 0 auto 8px auto; background: url(../../images/h1_embed_screencast.gif) no-repeat; text-indent: -9000px; }
div.lightbox p { font-size: 13px; width: 326px; color: #455760; text-align: center; margin: 0 auto; line-height: 1.4em; }
div.lightbox p a { text-decoration: underline; color: #455760; }
div.lightbox p a:hover { text-decoration: none; }
div.lightbox p span { color: #fe2626; font-weight: bold; }
div.lightbox h2 { color: #2e9ccd; font-size: 14px; margin: 13px 0 7px 0; text-align: center; font-weight: bold; line-height: 1em; }
div.lightbox div.embed_code { display: block; padding: 22px 0 0 10px; margin-bottom: -5px; width: 395px; height: 105px; background: url(../../images/bg_embed_textarea.gif) no-repeat;}
div.lightbox textarea { border: none; width: 373px; height: 71px; padding: 12px 0 12px 12px; line-height: 1.4em; font-family: Helvetica; font-size: 12px; color: #455760; }
.ie div.lightbox textarea { border: 1px solid #fff; width: 361px; height: 71px; padding: 12px; }
div.lightbox label { font-weight: bold; margin-right: 5px; margin-left: 122px; }
div.lightbox input { border: 3px solid #e1e0e0; color: #455760; padding-bottom: 1px; font-size: 12px; width: 35px; text-align: center; }
div.lightbox span.dimension { display: inline-block; position: relative; top: 1px; margin: 0 8px; width: 8px; height: 10px; background: url(../../images/icon_embed_dimension.gif); text-indent: -9000px; }
.ff3 div.lightbox span.dimension { top: 4px; }
.ie div.lightbox span.dimension { top: 6px; }
div.lightbox span.pixels { margin-left: 8px; margin-right: 5px; }
div.lightbox a.btn_set { width: 39px; height: 24px; position: relative; top: -4px; text-indent: -9000px; display: inline-block; background: url(../../images/btn_embed_set.gif) no-repeat; }
.ff3 div.lightbox a.btn_set { top: -5px; }
.ie div.lightbox a.btn_set { top: -3px; }

div.more_actions h3 { display: block; width: 109px; margin-bottom: 12px; height: 11px; background: url(../../images/title_more_actions.gif) no-repeat; }
div.more_actions ul { list-style-type: none; }
div.more_actions ul li { margin-bottom: 9px; }
div.more_actions ul li a { padding-left: 23px; padding-top: 2px; border: none !important; font-size: 13px; }
div.more_actions ul li.download { background: url(../../images/icon_download.gif) no-repeat left; }
div.more_actions ul li.publish { background: url(../../images/icon_publish_youtube.gif) no-repeat left; }
div.more_actions ul li.protect { clear: both; background: url(../../images/icon_protect.gif) no-repeat left; }
div.more_actions ul li.delete { clear: both; background: url(../../images/icon_delete.gif) no-repeat left; margin-bottom: 0; }
.ie div.more_actions ul li.delete { background: url(../../images/icon_delete.gif) no-repeat 0 4px; }

div.more_actions div#publish_box {
  width: 240px;
  float: left;
  background: url(../../images/bg_publish_box.png) no-repeat bottom left;
  margin-bottom: 18px;
}
.ie6 div.more_actions div#publish_box,
.ie7 div.more_actions div#publish_box { margin-top: 10px; margin-bottom: 9px; }

div.more_actions div.publish_box_top {
  width: 214px;
  float: left;
  padding: 16px 13px 11px 13px;
  background: url(../../images/bg_publish_box_top.png) no-repeat top left;
}

div.more_actions div#publish_box h4 { font-size: 13px; color: #2e9ccd; font-weight: bold; margin: 0 0 12px 0; }
div.more_actions div#publish_box label { font-size: 13px; font-weight: bold; color: #232d32; margin-right: 4px; }
.ie6 div.more_actions div#publish_box label,
.ie7 div.more_actions div#publish_box label { position: relative; top: -15px; }
div.more_actions div#publish_box label.password { margin-right: 5px; }
.win div.more_actions div#publish_box label.password { margin-right: 7px; }
div.more_actions div#publish_box input {  
  width: 132px;
  color: #455760;
  padding: 3px 4px;
  margin: 0 0 11px 5px;
  border-top: 1px solid #aaadb2;
  border-bottom: 1px solid #e3e3eb;
  border-left: 1px solid #e3e3eb;
  border-right: 1px solid #e3e3eb;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.win div.more_actions div#publish_box input { margin: 0 0 11px 3px;}

div.more_actions div#publish_box label.password input { margin: 0 0 11px 6px; }
.win div.more_actions div#publish_box label.password input { margin: 0 0 11px 6px; }

div.more_actions div#publish_box a.publish { 
  display: block; 
  width: 67px; 
  height: 22px;
  margin-left: 71px;
  border: none !important; 
  text-indent: -9000px; 
  background: url(../../images/btn_publish.png) no-repeat;
}

div.more_actions div#publish_box span.publishing {
  float: left;
  width: 88px; 
  height: 22px;
  margin-right: 10px;
  margin-left: 71px;
  border: none !important; 
  text-indent: -9000px;
  background: url(../../images/btn_publishing.png) no-repeat; 
}

div.more_actions div#publish_box img { margin-top: 3px; }
div.more_actions div#publish_box p { font-size: 13px; margin-top: -5px; margin-bottom: 18px; }
div.more_actions div#publish_box a.go_to_youtube { display: block; width: 128px; height: 26px; margin: 0 0 12px 0; border: none !important; text-indent: -9000px; background: url(../../images/btn_go_to_youtube.png) no-repeat; }
div.more_actions div#publish_box a.tryagain { display: block; width: 89px; height: 26px; margin: 0 0 12px 0; border: none !important; text-indent: -9000px; background: url(../../images/btn_tryagain.png) no-repeat; }

div.bookmarklet { position: relative; }
div.bookmarklet h3 { display: block; width: 182px; margin-bottom: 0; height: 11px; background: url(../../images/title_bookmarklet.gif) no-repeat; }
div#content a.section_arrow { position: absolute; top: -4px; right: 0; height: 19px; width: 19px; border: none; text-indent: -9000px; }
a.section_arrow.closed { background: url(../../images/section_hide_show.gif) no-repeat 0 0; }
a.section_arrow.open { background: url(../../images/section_hide_show.gif) no-repeat 0 -19px; }
div.bookmarklet p { margin: 12px 0 0 0; }
div#content div.bookmarklet a.btn_bookmarklet { display: block; margin-top: 10px; border: none; }

div.screencast_feed h3.more_screencasts { display: block; width: 148px; height: 11px; margin: 0 0 5px 0; background: url(../../images/title_more_screencasts.gif) no-repeat; }
div.screencast_feed h3.popular_screencasts { display: block; width: 175px; height: 11px; margin: 0 0 5px 0; background: url(../../images/title_popular_screencasts.gif) no-repeat; }

div.screencast_feed p { font-size: 13px; margin: 0; color: #455760; width: 200px; overflow: hidden; }
div.screencast_feed p span { font-family: Georgia; font-style: italic; }

div.screencast_feed div.feed_block {  margin-top: 20px; }
div.screencast_feed div.feed_block a { border: none !important; }
div.screencast_feed div.thumbnail { position: relative; width: 190px; padding: 5px 5px 0 5px; margin-bottom: 6px; height: 121px; background: url(../../images/bg_thumbnail.gif) no-repeat top left; }
div.screencast_feed div.thumbnail div.user_photo { position: absolute; left: 10px; bottom: 16px; width: 28px; height: 28px; padding: 5px; background: url(../../images/bg_user_thumbnail.png) no-repeat; }
.ie6 div.screencast_feed div.thumbnail div.user_photo { left: 10px; bottom: 13px; }
div.screencast_feed div.thumbnail div.cast_length { position: absolute; right: 10px; bottom: 16px; height: 9px; padding: 5px; background: url(../../images/bg_cast_length_small.png) no-repeat; }
div.screencast_feed div.thumbnail div.cast_length { bottom: 14px; }
.safari div.screencast_feed div.thumbnail div.cast_length { padding: 5px 6px 5px 4px; }
.win div.screencast_feed div.thumbnail div.cast_length { padding: 4px 5px 6px 5px; }

div.screencast_feed div.thumbnail div.cast_length p { font-size: 12px; text-align: center; overflow: visible; width: 23px; color: #fff; margin: 0; line-height: .9em; font-weight: bold; }

div.screencast_feed p.timestamp { font-family: Georgia; font-style: italic; font-size: 12px; color: #aaaaaa; }
div.screencast_feed p.more { font-size: 12px; margin: 14px 0 0 0; }

/** PROFILE **/

div.primary_header { float: left; width: 650px; margin-bottom: 18px; }
.ie6 div.primary_header { float: none; }
div.primary_header a { border: none !important; }
div.primary_header h2 { float: left; color: #455760; font-size: 16px; margin: 0; font-weight: normal; line-height: .8em; }
.ie6 div.primary_header h2,
.ie7 div.primary_header h2 { line-height: 1.3em; }
div.primary_header h2 span { color: #2e9ccd; font-family: Georgia; font-size: 18px; font-weight: bold;}
div.primary_header a.rss { float: right; padding-left: 23px; background: url(../../images/icon_rss.gif) no-repeat left; padding-top: 1px; }
.ie6 div.primary_header a.rss,
.ie7 div.primary_header a.rss { padding-top: 0; margin-top: 3px; }
div.stream_block { float: left; padding: 20px 0 20px 0; width: 650px; background: url(../../images/horizontal_border.gif) repeat-x top left; }
.ie6 div.stream_block { float: none; padding-bottom: 5px; }
div.stream_block a { border: none !important; }
div.stream_block div.thumbnail { float: left; position: relative; width: 201px; padding: 5px 0 0 5px; height: 115px; background: url(../../images/bg_stream_thumbnail.gif) no-repeat top left; }
div.stream_block div.thumbnail div.user_photo { position: absolute; left: 10px; bottom: 10px; width: 28px; height: 28px; padding: 5px; background: url(../../images/bg_user_thumbnail.png) no-repeat; }
.ie6 div.stream_block div.thumbnail div.user_photo { left: 10px; bottom: 7px; }
div.stream_block div.thumbnail div.cast_length { position: absolute; right: 16px; bottom: 10px; width: 23px; height: 9px; padding: 5px; background: url(../../images/bg_cast_length_small.png) no-repeat; }
.ie6 div.stream_block div.thumbnail div.cast_length { bottom: 8px; }
.safari div.stream_block div.thumbnail div.cast_length { padding: 5px 6px 5px 4px; }
.win div.stream_block div.thumbnail div.cast_length { padding: 4px 5px 6px 5px; }

div.stream_block div.thumbnail div.cast_length p { font-size: 12px; float: none; text-align: center; overflow: visible; width: 23px; color: #fff; margin: 0; padding: 0; line-height: .9em; font-weight: bold; }
div.stream_block div.tweet { float: left; margin-left: 15px; width: 429px; }
.ie6 div.streamblock div.tweet { float: none; }
div.stream_block p { margin: 8px 0 0 0; font-size: 14px; padding: 0; overflow: hidden; }
div.stream_block p.timestamp { float: left; font-family: Georgia; font-style: italic; font-size: 13px; padding: 0 !important; color: #aaaaaa; margin: 0; }

div.profile { width: 240px; padding: 0 0 7px 0; float: left; margin-bottom: 20px; background: url(../../images/bg_profile_bottom.gif) no-repeat bottom left; }
.ie6 div.profile { margin-bottom: 10px; }
div.profile_top { width: 220px; padding: 10px 10px 0 10px; background: url(../../images/bg_profile_top.gif) no-repeat top left; }

div.profile a { border: none !important; }
div.profile a.twitter_name { font-size: 14px; }
div.profile img { float: right; border: 5px solid #e1e4e5; margin: 0 0 5px 10px; }
div.profile ul { list-style-type: none; margin-top: 1px; }
div.profile ul li { font-size: 11px; margin-bottom: 1px; }
div.profile ul li span { color: #2e9ccd; font-weight: bold; margin-right: 1px; }
div.profile ul li.twitter { margin-bottom: 0; margin-top: 2px; }
div.profile ul li.twitter a { padding-left: 19px; padding-top: 4px; background: url(../../images/icon_twitter.gif) no-repeat 0 1px; }
.win div.profile ul li.twitter a { padding-left: 19px; padding-top: 4px; background: url(../../images/icon_twitter.gif) no-repeat 0 3px; }
div.profile ul li.web { width: 220px; overflow: hidden;}
div.profile ul li.bio { padding-left: 22px; position: relative; }
div.profile ul li.bio span { position: absolute; left: 0; }
.ie6 div.profile ul li.bio span { left: -22px; top: -2px; }
.ie7 div.profile ul li.bio span { top: -2px; }
div.profile div.edit_profile {
  height: 36px;
  width: 208px;
  padding: 10px 0 0 10px;
  margin: 4px 0 5px 1px;
  background: url(../../images/bg_edit_profile.gif) no-repeat;
}

div.profile div.edit_profile a {
  width: 198px;
  height: 26px;
  display: block;
  text-indent: -9000px;
  margin: 0;
  background: url(../../images/btn_edit_profile.gif) no-repeat;
}

span.hr { display: block; width: 240px; height: 1px; margin-bottom: 20px; background: url(../../images/horizontal_border.gif) repeat-x bottom left; }

div.screencast_chatter h3 { display: block; width: 165px; height: 11px; margin: 0 0 5px 0; background: url(../../images/title_screencast_chatter.gif) no-repeat; }
div.screencast_chatter p { font-size: 13px; margin: 0 0 16px 0; color: #455760; width: 200px; }
div.screencast_chatter p span { font-family: Georgia; font-style: italic; }
div.screencast_chatter div.chatter_block { float: left; width: 240px; margin-bottom: 25px; }
.ie6 div.screencast_chatter div.chatter_block { float: none; }
div.screencast_chatter div.chatter_block.active { cursor: pointer; }
div.screencast_chatter div.chatter_block.last { margin: 0; }
div.screencast_chatter div.chatter_block div.thumbnail { float: left; width: 43px; padding: 3px 0 0 3px; height: 39px; background: url(../../images/bg_chatter_thumbnail.gif) no-repeat; }
div.screencast_chatter div.chatter_block div.thumbnail a { border: none !important; }
div.screencast_chatter div.chatter_block p { float: right; font-size: 12px; width: 184px; margin: 0; overflow: hidden; }
.ie6 div.screencast_chatter div.chatter_block p { float: none; }
div.screencast_chatter div.chatter_block p a.arrow { width: 8px; height: 7px; display: inline-block; position: relative; top: -1px; border: none !important; background: url(../../images/arrow_blue.gif) no-repeat 0 0; }
div.screencast_chatter div.chatter_block.active a.arrow { display: inline-block; background: url(../../images/arrow_blue.gif) no-repeat 0 -7px; }
div.screencast_chatter div.chatter_block p a.arrow span { display: none; }

/** PROFILE-EDIT **/
h2.edit_profile { display: block; text-indent: -9000px; width: 286px; height: 13px; background: url(../../images/h2_edit_profile.gif) no-repeat;}
div.profile_settings { float: left; width: 550px; margin-left: 82px; }
div.profile_settings div.field_wrap { float: left; width: 550px; position: relative; }
.ie6 div.profile_settings div.field_wrap, .ie7 div.profile_settings div.field_wrap { float: none; }

div.profile_settings label { float: left; clear: both; width: 205px; font-weight: bold; font-size: 13px; text-align: right; position: relative; top: 7px; }
div.profile_settings div.field_block { float: right; width: 325px; margin-bottom: 19px; position: relative;}
div.profile_settings div.field_block p { font-size: 11px; color: #9da6aa; margin: 7px 0 0 0; position: relative; }
div.profile_settings div.field_block p.username { color: #2e9ccd; font-size: 13px; font-weight: bold; float: left; width: 150px; }
div.profile_settings div.field_block p strong { font-weight: normal; color: #525a5e; }

div.profile_settings div.username {
	padding: 20px 0;
}

div.profile_settings div.profile_image img {
	border: 4px solid #e2e4e5;
	position: absolute;
	top: 10px;
	right: 100px;	
}
.win.ff3 div.profile_settings div.profile_image img {
	right: 110px;
}

div.profile_settings div.profile_image a {
	position: absolute;
	right: 0;
	top: 44px;
	font-weight: normal !important;
	text-transform: uppercase;
	border: none !important;
	width: 85px;
	text-align: center;
	font-size: 11px;
}
.ie8 div.profile_settings div.profile_image a {
	width: 92px;
	top: 46px;
}
.win.ff3 div.profile_settings div.profile_image a {
	width: 100px;
}

div.profile_settings div.profile_image a:hover { color: #F5132E !important; }

div.profile_settings div.profile_image object {
	position: absolute;
	top: 20px;
	right: 0;
	width: 85px;
	cursor: pointer;
}
.chrome div.profile_settings div.profile_image object {
	top: 16px;
}
.win.ff3 div.profile_settings div.profile_image object {
	width: 100px;
	top: 15px;
}
.ie8 div.profile_settings div.profile_image object {
	width: 92px;
	top: 15px;
}
.ie7 div.profile_settings div.profile_image object {
	top: 15px;
}


div.profile_settings div.field_block input { 
  width: 309px;
  height: 16px;
  padding: 7px;
  border: 1px solid #e2e4e5; 
  font-size: 13px;
  color: #525a5e;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.ie8 div.profile_settings div.field_block input { padding: 8px 7px; }

div.profile_settings div.field_block div.field_error,
div.registration div.form_field div.field_error { display: none; }

div.profile_settings div.field_block.error input { border: 1px solid #F5132E;}

div.profile_settings div.field_block.error div.field_error,
div.registration div.form_field.error div.field_error { 
	display: block;
	position: absolute;
	top: -32px;
	right: -2px;
	color: #fff;
	height: 30px;
	padding-left: 11px;
	font-size: 11px;
	background: url(../../images/edit_profile_error_left.png) no-repeat top left;
}

div.registration div.form_field.error div.field_error {
	top: -22px;
	right: 10px;
}

div.field_error span {
	background: url(../../images/edit_profile_error_right.png) no-repeat top right;
	height: 25px;
	display: inline-block;
	padding-right: 12px;
	padding-top: 5px;
}
.win div.field_error span { padding-top: 4px; height: 26px; }
.ie div.field_error span { padding-top: 3px; height: 27px; }

div.profile_settings div.field_block textarea { 
  width: 309px;
  height: 68px;
  padding: 8px 7px;
  border: 1px solid #e2e4e5; 
  font-size: 14px;
  color: #525a5e;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  font-family: Helvetica, Arial, Verdana, Sans-serif;
}

div.profile_settings div.field_block p span { float: right; font-weight: bold; color: #525a5e; }
.ie6 div.profile_settings div.field_block p span { position: absolute; right: 0; top: -2px; float: none; }

div.profile_settings a.btn_save_settings { clear: both; margin-left: 225px; margin-top: 8px; display: block; width: 159px; height: 26px; text-indent: -9000px; background: url(../../images/btn_save_settings.jpg) no-repeat; border-bottom: none !important; }


/** PUBLIC STREAM **/

div.primary_header h2.latest_activity { display: block; width: 250px; height: 13px; background: url(../../images/title_latest_activity.gif) no-repeat; }
.ie6 div.primary_header h2.latest_activity { position: relative; top: 4px; }
.ie7 div.primary_header h2.latest_activity { position: relative; top: 2px; }
div.primary_header h2.latest_activity span { display: none; }

.ie6 div.stream_block.public { padding: 20px 0; }
div.stream_block div.activity { float: left; width: 580px; padding-left: 70px; }
.ie6 div.stream_block div.activity { float: none; }
div.stream_block div.activity.new { background: url(../../images/icon_new_screencast.png) no-repeat top left; }
div.stream_block div.activity.retweet { background: url(../../images/icon_retweet.png) no-repeat top left; }
div.stream_block div.activity.reply { background: url(../../images/icon_@reply.png) no-repeat top left; }
div.stream_block div.activity div.tweet { margin-left: 20px; width: 342px; }
div.stream_block div.activity div.tweet div.thumbnail { float: left; width: 43px; padding: 3px 0 0 3px; height: 39px; background: url(../../images/bg_chatter_thumbnail.gif) no-repeat; }
div.stream_block div.activity div.tweet p { float: right; width: 290px; margin-top: 2px; line-height: 1.1em; overflow: hidden; }
.win div.stream_block div.activity div.tweet p { line-height: 1.2em; }
div.stream_block div.activity div.tweet p.timestamp { margin-top: 6px; line-height: 1.3em; }

div.new_members h3 { display: block; width: 179px; height: 11px; margin: 0 0 19px 0; background: url(../../images/title_newest_members.gif) no-repeat; }
div.new_members img { float: left; border: 3px solid #e8e8e8; }
div.new_members a { float: left; border: none !important; margin: 0 10px 10px 0; }
div.new_members a.row_end { margin: 0 0 10px 0; }

/** STAGING **/

div.staging { width: 720px; margin: 0 auto; }
div.staging h2 {
  width: 720px;
  height: 40px;
  display: block;
  text-indent: -9000px;
  margin: 0 0 60px 0;
  background: url(../../images/h2_staging_notice.gif) no-repeat;
}

div.staging div#status { width: 427px; margin: 0 auto 0 auto; }
div.staging div#status div.message { 
  width: 186px; 
  margin: 0 auto; 
  min-height: 19px;
	height: auto !important;
	height: 19px;
}
div.staging div#status div.message.loading { width: 276px; margin: 0 auto; }
div.staging div#status div.message.loaded { width: 259px; margin: 0 auto; }
div.staging div#status div.message.nojava { width: 176px; margin: 0 auto; }
div.staging div#status div.message.updatejava { width: 251px; margin: 0 auto; }

div.staging div#status div.message img { float: left; margin-right: 11px; }
div.staging div#status div.message span.title_detecting { display: block; width: 159px; margin-left: 27px; height: 19px; background: url(../../images/message_detecting_java.gif) no-repeat; text-indent: -9000px; }
div.staging div#status div.message span.title_loading { display: block; width: 249px; margin-left: 27px; height: 19px; background: url(../../images/message_recorder_loading.gif) no-repeat; text-indent: -9000px; }
div.staging div#status div.message span.title_loaded { display: block; width: 259px; height: 16px; background: url(../../images/message_recorder_loaded.gif) no-repeat; text-indent: -9000px; }
div.staging div#status div.message span.title_nojava { display: block; width: 176px; height: 16px; background: url(../../images/message_no_java.gif) no-repeat; text-indent: -9000px; }
div.staging div#status div.message span.title_updatejava { display: block; width: 251px; height: 19px; background: url(../../images/message_update_java.gif) no-repeat; text-indent: -9000px; }


div.staging div#remember { width: 380px; margin: 56px auto 0 auto; text-align: center; }
div.staging div#remember h3 {
  width: 101px;
  height: 14px;
  margin: 0 auto 11px auto;
  text-indent: -9000px;
  background: url(../../images/h3_staging_remember.gif) no-repeat;
}

div.staging div#remember p { font-size: 16px; margin-bottom: 6px; }
div.staging div#remember p.notice { font-size: 14px; color: #64737b; font-style: italic; font-family: Georgia; margin: 53px 0 0 0; }
div#content div.staging div#remember p.notice a { color: #455760; border: none; }
div#content div.staging div#remember p.notice a:hover { color: #2e9ccd; }

div.staging div#get_java { width: 450px; margin: 9px auto 0 auto; text-align: center; }
div.staging div#get_java p { font-size: 16px; margin-bottom: 0; }
div#content div.staging div#get_java p a { color: #455760; border: none; }
div#content div.staging div#get_java p a:hover { color: #2e9ccd; }
div#content div.staging div#get_java a.download_java {
  display: block;
  width: 212px;
  height: 45px;
  text-indent: -9000px;
  margin: 29px auto 28px auto;
  border: none;
  background: url(../../images/btn_download_java.gif) no-repeat;
}

/** DOCUMENTATION - FAQ **/

div#documentation { float: left; width: 940px; }
div#documentation ul { float: left; margin: 0 0 1.5em 0; padding: 0 0 0 10px; list-style-type: none; }
.ie7 div#documentation ul { float: none; }
div#documentation ul li { padding-left: 15px; font-size: 14px; background: url(../../images/bullet.gif) no-repeat 0 5px; }
div#documentation ol { float: left; margin: 0 0 1.5em 30px; font-weight: bold; color: #2e9ccd; }
.ie7 div#documentation ol { float: none; }
div#documentation ol li span { font-weight: normal; color: #455760; }
div#documentation h3 { font-size: 15px; font-weight: bold; margin: 0 0 13px 0; }
div#documentation div.faq_header { float: left; width: 445px; padding-right: 20px; margin-bottom: 20px; background: url(../../images/primary_border.gif) repeat-y top right; }
div#documentation div.faq_header h1 { display: block; margin: 0 0 24px 0; width: 257px; height: 17px; background: url(../../images/title_faq.gif) no-repeat; }
div#documentation div.faq_header h1 span { display: none; }
div#documentation div.faq_header ul { margin-bottom: 10px; }
div#documentation div.faq_header ul li { font-size: 14px; font-weight: bold; line-height: 1.3em; margin-bottom: 8px; }
div#content div#documentation div.faq_header ul li a { border: none; }

div#documentation div.support { float: right; width: 445px; }
div#documentation div.support h2 { display: block; width: 280px; height: 17px; margin: 0 0 9px 0; background: url(../../images/title_need_help.gif) no-repeat; }
div#documentation div.support h2 span { display: none; }
div#documentation div.support p { float: left; width: 306px; }
div#documentation div.support img { float: right; margin: 0 9px 0 30px; }
div#documentation div.documentation_block { float: left; width: 940px; font-size: 14px; padding-top: 25px; margin-top: 0; background: url(../../images/horizontal_border.gif) repeat-x top left; }
.ie6 div#documentation div.documentation_block { float: none; }
div#documentation div.documentation_block h3 { float: left; font-size: 15px; font-weight: bold; margin: 0 0 13px 0; }
div#documentation div.documentation_block p { float: left; width: 940px; }
.ie7 div#documentation div.documentation_block p { float: none; width: 940px; }
div#content div#documentation div.documentation_block a.back_to_top { float: right; padding-right: 13px; font-size: 13px; color: #2e9ccd; border: none; background: url(../../images/icon_back_to_top.gif) no-repeat right center;}

div#documentation div.support.alt { float: left; width: 940px; padding-top: 25px; margin-top: 0; background: url(../../images/horizontal_border.gif) repeat-x top left; }
.ie6 div#documentation div.support.alt { float: none; }
div#documentation div.support.alt h2 { float: left; width: 328px; height: 17px; background: url(../../images/title_no_worries.gif) no-repeat;}
div#documentation div.support.alt p { float: left; width: 800px; }
.ie6 div#documentation div.support.alt p { float: none; }

/** DOCUMENTATION - PRIVACY AND TERMS **/

div#documentation h2.privacy_policy { display: block; width: 255px; height: 15px; background: url(../../images/title_privacy_policy.gif) no-repeat; }
div#documentation h2.tos { display: block; width: 280px; height: 15px; background: url(../../images/title_tos.gif) no-repeat; }

div#documentation h2 span { display: none; }

/** PAGINATION **/

div.pagination { 
  float: left;
  width: 650px; 
  padding-top: 26px; 
  font-size: 12px; 
  font-weight: bold; 
  margin-bottom: 0; 
  background: url(../../images/horizontal_border.gif) repeat-x top left; 
}

div#primary div.pagination a { 
	text-align: center; 
	float: left; 
	display: block; 
	width: 21px;
	height: 21px;
	padding: 2px 0 0 0;
	margin-right: 4px;
	color: #2e9ccd;
	border: none;
  background: url(../../images/bg_page_number_inactive.gif) no-repeat;
}
.ie7 div#primary div.pagination a,
.ie6 div#primary div.pagination a { padding: 1px 0 0 0; }

div#primary div.pagination a:hover { color: #fff; background: url(../../images/bg_page_number_active.gif) no-repeat; text-decoration: none; }

div.pagination span { float: left; display: block; }

div#primary div.pagination span.current {
	text-align: center; 
	font-size: 12px;
	float: left; 
	display: block; 
	width: 21px;
	height: 21px;
	padding: 2px 0 0 0;
	margin-right: 4px;
	color: #fff;
  background: url(../../images/bg_page_number_active.gif) no-repeat;
}
.ie7 div#primary div.pagination span.current,
.ie6 div#primary div.pagination span.current { padding: 1px 0 0 0;}

div#primary div.pagination a.prev_page,
div#primary div.pagination a.prev_page:hover { 
	padding: 2px 0 0 0;
	margin: 0 15px 0 0;
	color: #232d32;
	background: none;
}
.ie7 div#primary div.pagination a.prev_page,
.ie7 div#primary div.pagination a.prev_page:hover,
.ie6 div#primary div.pagination a.prev_page,
.ie6 div#primary div.pagination a.prev_page:hover { 
	padding: 1px 0 0 0;
	margin: 0 15px 0 0;
	color: #232d32;
	background: none;
}

div#primary div.pagination span.prev_page {
  padding: 2px 0 0 0;
	margin: 0 10px 0 0;
	color: #232d32;
	background: none;
}
.ie7 div#primary div.pagination span.prev_page {
  padding: 1px 0 0 0;
	margin: 0 10px 0 0;
	color: #232d32;
	background: none;
}

div#primary div.pagination a.next_page,
div#primary div.pagination a.next_page:hover {
	padding: 2px 0 0 0;
	margin: 0 0 0 6px;
	color: #232d32;
	background: none;
}
.ie7 div#primary div.pagination a.next_page,
.ie7 div#primary div.pagination a.next_page:hover,
.ie6 div#primary div.pagination a.next_page,
.ie6 div#primary div.pagination a.next_page:hover {
	padding: 1px 0 0 0;
	margin: 0 0 0 6px;
	color: #232d32;
	background: none;
}

div#primary div.pagination a.next_page:hover,
div#primary div.pagination a.prev_page:hover { border: none; } 
div#primary div.pagination .disabled { color: #919698 !important; }

/** ERROR **/

div#error {
  display: block;
  width: 477px;
  height: 177px;
  padding: 48px 20px 0 443px;
  background: url(../../images/bg_error.jpg) no-repeat;
}

div#error h2 {
  color: #3dadd6;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.2em;
  margin: 0 0 10px 0;
}

div#error p {
  font-size: 14px;
  margin: 0;
  width: 420px;
}

/** ALERT **/

div.alert {
  width: 914px;
  padding: 15px 0 0 26px;
  background: url(../../images/icon_alert.png) no-repeat 0 15px;
}

div.alert h1 {
  font-size: 14px;
  font-weight: bold;
  color: #232d32;
  line-height: 1em;
}

div.alert p {
  margin: 0 0 9px 0;
  font-size: 12px;
  color: #232d32;
  line-height: 1em;
}

div.alert p.options {
  font-weight: bold;
}

div.alert a {
  color: #2e9ccd;
  font-weight: bold;
}
div.alert a:hover {
  text-decoration: underline;
}

div#content.notification {
  margin-top: 83px;
}

div#notification_wrap {
  width: 100%;
  background: #8aeda6;
  border-bottom: 1px solid #9EE49B;
  height: 62px;
  position: absolute;
  top: 146px;
}

div#notification {
  width: 915px;
  margin: 0 auto;
  padding-left: 25px;
  background: url(../../images/icon_account_confirmed.gif) no-repeat 0 2px;
}
.win div#notification { background-position: 0 3px; }
.ie6 div#notification,
.ie7 div#notification { background-position: 0 15px; }

div#notification h2 { margin: 11px 0 0 0; color: #232d32; font-size: 14px; font-weight: bold; }
div#notification p { margin: 0; color: #232d32; font-size: 12px; }

/** OAUTH FOLLOW **/

body.follow {
  background: #c0deed url(../../images/bg_body_follow.png) repeat-x top left;
}

div#twitter_wrap {
  width: 763px;
  margin: 0 auto;
  padding-top: 76px;
  text-align: center;
}

div.white_box {
  width: 763px;
  height: 298px;
  padding-top: 62px;
  background: url(../../images/bg_white_box.png) no-repeat;
}

div.white_box h1 {
  font-size: 36px;
  color: #414040;
  margin: 0 0 11px 0;
  font-weight: bold;
}

div.white_box h2 {
  color: #454545;
  font-size: 28px;
  margin: 0 0 33px 0;
  font-weight: normal;
}

div.follow_screenr {
  width: 710px;
  height: 27px;
  margin: 0 auto;
  padding-top: 8px;
  background: url(../../images/bg_follow_screenr.png) no-repeat;
}

.ie6 div.follow_screenr { padding-top: 7px; height: 28px;}
.chrome div.follow_screenr,
.win.ff3 div.follow_screenr { padding-top: 6px; height: 29px;}
.ie7 div.follow_screenr,
.ie8 div.follow_screenr { padding-top: 5px; height: 30px;}

div.follow_screenr label {
  font-size: 15px;
  color: #474747;
  font-weight: normal;
}

div.follow_screenr label input {
  position: relative;
  left: -5px;
  top: -2px;
}

.ie6 div.follow_screenr label input,
.ie7 div.follow_screenr label input { top: 0; }
.ie8 div.follow_screenr label input,
.chrome div.follow_screenr label input,
.win.ff3 div.follow_screenr label input { top: 1px; }

div.white_box a {
  display: block;
  width: 274px;
  height: 41px;
  text-indent: -9000px;
  margin: 44px auto 0 auto;
  background: url(../../images/btn_letmein.png) no-repeat;
}

div.activity_block span.delete_comment a.deleteComment 
{
    border: 0;
    display: none;
    position: absolute;
    left: 645px;   
}