body { margin: 0; padding: 0; font-family: Helvetica, Arial, sans; font-size: 13px; overflow-x: hidden; line-height: 120%; letter-spacing: .01em; }
p, h1, h2, h3, h4, h5, h6, ul, li, ol, textarea, input { margin: 0; padding: 0; }
ul li { list-style: none; list-style-position: outside; }
a { color: #18607a; text-decoration: none; border: 0; }
a:hover { text-decoration: underline; }
img { border: 0; }
pre { float:inherit; white-space:pre-line; word-wrap:break-word; }
form { margin-bottom: 40px; }
label { display: block; margin-bottom: 2px; clear: both; text-transform: uppercase; font-size: 9px; }
input[type="text"], input[type="password"], textarea { border-top: 1px solid #d2d2d2; border-left: 1px solid #d2d2d2; border-right: 1px solid #b2b2b2; border-bottom: 1px solid #b2b2b2;width: 629px; margin-bottom: 20px; padding: 5px; height: 25px; font-size: 16px; font-family: Helvetica, Arial, sans; -webkit-box-shadow: 1px 2px 2px rgba(20,20,20,0.1); -moz-box-shadow: 1px 2px 2px rgba(20,20,20,0.1); color: #333; }
textarea { height: 55px; font-size: 14px; font-family: Helvetica, Arial, sans; overflow-x: hidden; overflow-y: auto; }
select { width: 147px; }
table { width: 100%; }
td { padding: 14px 7px; vertical-align: top; color: #333; font-size: 11px; background: none; }
thead td { text-transform: uppercase; color: #999; padding: 0px 7px; vertical-align: top; font-size: 9px; padding-bottom: 0px; background: none; }

.tabs { width: 640px; border-bottom: 7px solid #48545b; margin-bottom: 25px; font-size: 11px; text-transform: uppercase; }
  .tabs li a { background: url('/images/shadow-bottom.png') no-repeat bottom #e4e4e4; color: #4f4f4f; display: block; float: left; width: 212px; text-align: center; line-height: 35px; margin-right: 2px; }
  .tabs li a { -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; }
    .tabs li.active a { background: #48545b; color: #fff; font-weight: 600; }
    .tabs li:last-child a { margin-right: 0px; }
.avatar-container { border: 1px solid #c2c2c2; background: #fff; float: left; height: 88px; width: 88px; margin-right: 14px; -webkit-box-shadow: 2px 2px 3px rgba(20,20,20,0.1); -moz-box-shadow: 2px 2px 3px rgba(20,20,20,0.1); }
.avatar { width: 80px; height: 80px; border: 4px solid #fff; display: block; }

.button { font-family: Helvetica, Arial, sans; background: #035575; display: inline-block; width: 120px; color: #eee; border: 0; font-weight: bold; font-size: 13px; height: 35px; line-height: 35px !important; text-align: center; -webkit-border-radius: 5px; -moz-border-radius: 5px; cursor: pointer; white-space: normal !important; border: 0px solid !important; }
  .button:hover { text-decoration: none; background: #18607A; color: #fff; }
  .cancel { background: #a5b0b3; color: #fff; font-weight: normal; }
    .cancel:hover { text-decoration: none; background: #97a2a5; color: #fff; }
  .inline { text-transform: uppercase; font-size: 10px; width: 80px; height: 25px; line-height: 25px !important; font-weight: normal; }
  .action { line-height: 38px !important; height: 38px; font-size: 15px; width: 190px; }
  .action-small { line-height: 35px !important; height: 34px; font-size: 14px; }
  
.required { }  
  .required .asterisk { color: #a33f3c; font-size: 18px; }
.legal { width: 640px; margin: 40px auto; }

#masthead { width: 100%; border-bottom: 1px solid #dddddd; margin: 0 auto; -webkit-box-shadow: -2px 1px 5px rgba(20,20,20,0.1); -moz-box-shadow: -2px 1px 5px rgba(20,20,20,0.1); min-width: 850px; }
  #masthead .branding { width: 640px; margin: 0 auto; }
    #masthead .branding a img { border: 0; }
    #masthead .branding h1 { font-family: "Century Gothic", sans-serif; line-height: 18px; margin-top: 3px; margin-bottom: 3px; }
#wrapper { width: 790px; margin: 0 auto; min-height: 700px; }

#content { overflow: hidden; min-width: 850px; }

.global-detector { float: left; position: relative; margin: 0px 0px 35px 0px; color: #999; font-size: 10px; text-transform: uppercase; }
  .global-detector img { float: left; margin-top: 4px; }
  .global-detector .tip-checking { float: left; margin-top: 10px; }
.utilities { float: right; position: relative; margin: 10px 20px 35px 0px; color: #999; font-size: 10px; text-transform: uppercase; }
  .utilities a { color: #333; }
  .utilities span { margin-left: 20px; }
  .utilities #menu { width: auto; position: absolute; right: -4px; padding-top: 10px; padding-bottom: 8px; font-size: 9px; border-right: 1px solid #ccc; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; text-align: center; background: #fff; }
    .utilities #menu ul li { line-height: 25px; padding: 0px 12px; }

.announcement { background: rgba(218,235,230, 0.8); font-size: 11px; width: 640px; height: 40px; margin: 35px auto 0 auto; line-height: 37px; clear: both; overflow: hidden; }
  .announcement .content { float: left; width: 580px; }
    .announcement .content .highlight { color: #a33f3c; font-weight: 600; }
   .announcement .featured { text-transform: uppercase; margin-left: 10px; font-weight: 600; }
   .announcement .statement { font-weight: none; font-size: 13px; font-family: Georgia, Palatino, serif; }
  .announcement a.action { display: inline-block; float: right; font-size: 12px; margin-right: 10px; font-weight: 600; text-align: right; width: 45px; }
  .example { text-align: right; margin-top:2px; text-align: right; font-size: 11px; color: #777; }
  .example .date {}
  
#page  { width: 640px; margin: 0 auto; padding-bottom: 100px; clear: right; }
  #page h2 { margin-bottom: 17px; font-size: 22px; color: #111; font-weight: normal; }
  #page p.agree { margin: 5px 0 30px 0; }
    #page p.agree label, #personal p.agree-personal-info { font-size: 11px; display: inline; text-transform: none; }
    #page p.agree .agree-box { background: #fbfdc3; padding: 5px 2px 4px 5px; margin: 0; }
  #page .help, #dialog .help { font-style: italic; font-weight: normal; font-size: 11px; color: #aaa; text-transform: none; }
  #page #create-intervue { margin-bottom: 25px; }
    #page #create-intervue textarea { height: 80px; }
  #page .error, #dialog .error { margin-bottom: 10px; text-align: center; }
    #page .error .container, #dialog .error .container { padding:13px 25px; background: #f4f3e4; color: #a33f3c; font-size: 13px; line-height: 140%; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
  #page .message, #dialog .message { margin-bottom: 10px; text-align: center; }
    #page .message .container, #dialog .message .container { padding:13px 25px; background: #f4f3e4; color: #0e7063; font-size: 13px; line-height: 140%; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
  #page #response-area .invisible { padding:15px 25px; color: #a33f3c; font-size: 11px; line-height: 140%; font-weight: 600; text-align: center; }

.overview-panel .overview { width: 640px; margin: 0px auto 7px auto; border: 1px solid #cac5bd; border-top: 1px solid #bbb4aa; background: url('/images/shadow-top2.png') repeat-x top #e8e1d5; height: auto; padding: 0px 0px 3px 0px; -webkit-border-radius: 3px; -moz-border-radius: 3px; clear: both; }
  .overview-panel .overview .avatar-container { -webkit-box-shadow: 2px 2px 2px rgba(10,10,10,0.1); -moz-box-shadow: 2px 2px 2px rgba(10,10,10,0.1); }
  .overview-panel .overview h2 { font-size: 23px; margin-left: 13px; margin-top: 5px; }
  .overview-panel .overview .intervuer { margin: 0px 0px 0px 13px; font-size: 11px; }
  .overview-panel .overview .description { clear: both; padding: 0 22px 10px 74px; font-size: 13px; }
  .overview-panel .overview #invite-post-area { margin-top: 11px; }
  .overview-panel .avatar-wrap { float: left; width: 46px; margin: 0px 0px 0px 15px; padding-top: 10px; }
  .overview-panel .title-wrap { float: left; width: 545px; margin: 0px 0px 0px 0px; padding-top: 10px; line-height: normal; }
  .overview-panel .title-wrap h2 { line-height: 120%; }  
    .overview-panel .overview .post { width: 190px; float: left; margin-left: 127px; margin-right:3px; }
    .overview-panel .overview .start { text-align: center; margin: 11px 0px 7px 0px; }
    .overview-panel .overview .start .button { margin: 0px auto 5px auto; }
    .overview-panel .overview .start p { color: #7d7d7d; font-size: 11px; width:190px; margin: 0px auto; }
    .overview-panel .overview .post .button { float: right; margin-bottom: 5px; }
    .overview-panel .overview .invite .button { float: left; margin-bottom: 5px; margin-left: 4px; }
  
  .overview-panel.sub { color: #777; }
  .overview-panel.sub .overview { padding-bottom: 11px; }
  .overview-panel.sub .overview h2 { font-size: 13px; font-weight: 600; margin-top: 0px; }
  .overview-panel.sub .overview h2 a { color: #333; text-decoration: none; }
  .overview-panel.sub .overview h2 a:hover { text-decoration: underline; }
  .overview-panel.sub .question-number { padding: 0px 22px 10px 74px; font-size: 11px; }
  .overview-panel.sub .title { padding: 9px 22px 0px 0px; font-size: 18px; line-height: 21px; font-weight: 600; margin-left: 13px; }
  .overview-panel.sub .title a { color: #333; }
  .overview-panel.sub .description { color: #333; padding: 0px 22px 0px 0px; margin: 0px 0px 0px 13px; font-size: 12px; }
  
      
.video-panel { background: url(/images/bkgnd.png) repeat #111111; color: #252525; overflow: hidden; clear: both; border: none; margin: 0px; }
  .video-panel .video-container { width: 820px; margin: 0 auto; }
    .video-panel .video-container .prev, .video-panel .video-container .next { background: url('/images/prev-next.png') no-repeat; min-height: 39px; overflow: auto; opacity: .65; height: 39px; width: 25px; float: left; background-position: 0px 50%; cursor: pointer; margin-top: 25px; }
      .video-panel .video-container .prev:hover, .video-panel .video-container .next:hover {opacity: 1;}
      .video-panel .video-container .inactive, .video-panel .video-container .inactive { opacity: 0.25; }
    .video-panel .video-container .next { float: right; background-position:-25px 50%; }
  .video-panel .video { width: 640px; margin: 0px auto 17px auto; overflow: hidden; line-height: 0px; min-height: 30px; background: url('/images/no-flash-bkgnd-100.png') no-repeat bottom; }
  .video-panel .video #swf_container { background: #000; }
  /* .video-panel .video #record_swf { visibility: hidden !important; } */
  /* .video-panel .video .question { background: rgba(0,0,0,0.5); color: #cccccc; padding: 10px; height: 59px; font-size: 16px; position: relative; top: 284px; z-index: 5; letter-spacing: 1px; } */
    
    


.video-panel .video .start { text-align: center; } 

  .login form { margin-top: 30px; }
    .create-new form { margin-top: 20px; }
    .login form .button, .verify form .button { margin-left: 226px; }
  .login h2, .verify h2, .create-new h2 { margin-bottom: 10px !important; }
  .login .forgot-password { float: right; font-size: 11px; text-transform: none; margin-bottom: 1px; }
  .login .messaging, .verify .messaging { margin-bottom: 20px; }
    .login .messaging img { vertical-align: middle; margin-left: 5px; }    

.thanks { background: #f1eeea; font-size: 14px; }
  .thanks h3 { font-size: 20px; }
          
#settings, #invites, #personal, #account, #twitter { padding: 13px 20px 10px 20px; background: #ebebeb; -webkit-border-radius: 3px; -moz-border-radius: 3px; height: auto; margin-bottom: 20px; clear: both; border: 1px solid #dbdbdb; }  
  /* #settings { margin-bottom: 50px; } */
  #settings > div { margin-top: 0px; }
  #settings .content { margin-top: 17px; }
    #page.create-new #settings { background: #f4f4f4; margin: 20px 0px 0px 0px; padding: 3px 20px 20px 20px; }
    /*     #page.create-new #context { display: none; } */
    #settings .content > div { margin-bottom: 0px; }
    #settings .content > div p { margin-bottom: 5px; font-size: 12px; }
    #settings .content > div input { margin-right: 5px; }
    #settings .settings-pane { background: #f4f4f4; padding: 7px 25px 12px 25px; -webkit-border-radius: 0px; -moz-border-radius: 0px; }
    #settings .settings-pane.status { background: #fcf2df; border: 1px solid #dbdbdb; }
  #settings h5, #invites h5 { font-size: 9px; text-transform: uppercase; font-weight: normal; margin-bottom: 5px; }
  #settings select { margin-right: 4px; }
  #settings input[type="text"],  #settings input[type="password"] { height: 25px; width: 135px; margin-right: 4px; }
  #settings .destination { width: 205px !important; }
  #settings .type { display: inline-block; font-weight: 600; }
  #settings .delete-intervue-wrapper { margin: 18px 0 0 0 !important; text-align: center; font-size: 11px; color: #7D7D7D; }

#personal {}
  #personal, #account, #twitter, #subscribe-extended { padding: 17px 18px 25px 18px; }
  #personal input[type="text"], #personal textarea { width: 589px; }
  #personal input, #personal textarea, #account input, #account textarea { -webkit-box-shadow: none; -moz-box-shadow: none; border: 1px solid #fff; }
  #personal textarea { height: 110px; }
  #personal .city-wrap, #personal .state-wrap, #personal .age-wrap, #personal .sex-wrap { float: left; width: 210px; } 
    #personal .age-wrap, #personal .sex-wrap { margin-bottom:20px; }
    #personal .city-wrap input, #personal .state-wrap input { width: 188px; margin: 0; }
    #personal .country-wrap { float: left; width: 180px; }
      #personal .country-wrap input { width: 168px; }
    #personal .buttons { text-align: center; }
    
#invites {}
  #invites h4 .number { font-style: italic; font-weight: normal; font-size: 12px; }
  #invites .invites-sent { }
    #invites td { border-bottom: 0px solid #dedede; border-top: 1px solid #eee; padding: 5px 0; vertical-align: top; font-size: 11px; color: #7D7D7D; }
    #invites .email-address { font-size: 12px; color: #111; padding-left: 25px; }
    #invites .content { margin-top: 13px; }
  
#account {}
  #account #avatar { float: left; }
  #account .icon-upload { overflow: hidden; }
  #account > p, #account .icon-upload { margin-bottom: 23px; }
  #account #upload-form { float: left; margin-left: 10px; }
  #account #upload-form #upload { display: block; margin-top: 8px; }
  
  #account #email-display, #account #username-display, #account #password-display { font-size: 16px; margin-bottom: 20px; }
  
.edit { font-size: 11px; color: #999; font-weight: normal; line-height: 0%; }
  .edit a { color: #7D7D7D; }
  .edit:before { content: "("; }
  .edit:after { content: ")"; }
    
#buttons { float: right; margin-top: 18px; }
#buttons-module { margin: 30px auto 7px auto; text-align: center; }
  #buttons-module .button { font-size: 12px; width: 100px; }
  #buttons-module a:hover { text-decoration: none; }
  #buttons-module #submit-button { width: 140px; }


.response-page .question-wrap .title, .response-page .question-wrap .title a, .response-page .question-wrap .question-number, .response-page .question-wrap .description {border: 1px solid red; background: pink;}
    
.question-set { margin: 45px 0 55px 0; width: 640px; }
  .question-set #questions { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; clear: both; padding: 5px 0px 15px 0px; margin-bottom: 1px; } 
/*   .question-set .shadow { width: 640px; margin: 0px auto 7px auto; border-top: 1px solid #ddd; background: url('/images/shadow-top3.png') repeat-x top #fff; height: 13px; }  */
  .question-set .question { padding: 0px 0px 30px 0px; clear: both; }  
    .question-set .question:active { cursor: move; }
    .question-set .question .content .row-number, .question-panel .question .number, .question-set .question .responses { font-size: 11px; color: #6f7d8a; }
    .question-set .question .actions { text-align: left; float: left; width: 450px; }
    
    .question-set .question .content .title { font-size: 18px; line-height: 21px; font-weight: 600; }
      .question-set .question .content .title a { text-decoration: none; }
      .question-set .question .content .title a:hover { text-decoration: underline; }
    .question-set .question .content .question-number { font-size: 16px; color: #ddd; font-weight: 600; font-family: Helvetica, Arial, sans; position: relative; left: -37px; top: 21px; width: 33px; letter-spacing: .1em; line-height: 21px; }
    .question-set .question .content .description { color: #777; margin-top: 0px; margin-bottom: 10px; font-size: 12px; }
    
    .question-set .question .content a.delete-question, .question-set .question .content a.share-question, .question-set .question .content a.edit-question, .question-set .question .content a.view-question, .question-set .question .content .responses { font-size: 11px; color: #9eaebd; margin-top:5px; margin-right:10px; }
    .question-set .question .content .responses { color: #84c9b7; background: #ecfcf7; border: 0px solid #def9f1; padding: 3px 7px; }
    .question-set .question .content .responses a { color: #20b88a; }
    .question-set .question .content .responses .responded { margin-left: 5px; }
    
    .question-set .question .create-first { text-align: center; color: #f0d195; font-size: 14px; }
    .question-set .q-total { float: right; font-size: 11px; margin-bottom: 7px; color: #999; font-style: italic; }
    .question-set .add-q { }
    .question-set .add-q.bottom { font-size: 10px; text-transform: uppercase; padding: 7px 28px 6px 28px; background: #035575; -moz-border-radius: 13px; -webkit-border-radius: 13px; margin: 10px auto 30px auto; }
    .question-set .question-button { text-align: center; }
    .question-set .question-button a { color: #eee; }
    .question-set .question-button a:hover { text-decoration: none; background: #18607A; }
      
.question-panel { background: url('/images/q-bottom.png') bottom center no-repeat; padding-bottom: 17px; width: 640px; margin: 0px auto 5px auto; }
  .question-panel .question { padding: 17px 20px 26px 20px; background: #223241; -webkit-border-radius: 0px 0px 3px 3px; -moz-border-radius: 0px 0px 3px 3px; }
    .question-panel .question .title { color: #ccc; font-size: 18px; margin-bottom: 3px; line-height: 21px; font-weight: 600; }
    .question-panel .question .description { color: #9ea8b2; line-height:125%; font-size: 12px; margin-bottom: 13px; margin-top: 0px; }
    .question-panel .question .number a { color: #6f7d8a; }
    .question-panel .question .number a:hover { color: #9eaebd; }
  .question-panel-top, .question-panel-top-blank { background: #223241; -webkit-border-radius: 3px 3px 0px 0px; -moz-border-radius: 3px 3px 0px 0px; width: 640px; margin: 0px auto 0px auto; height: 11px; clear: both; }
    .question-panel-top-blank { background: #fff; }
    
.response-page {}
  .response-page h3 .watch-other, #response-area .see-overview { float: right; font-weight: normal; font-size: 13px; }
  .response-page .question-panel { background: none; padding: 0; margin-bottom: 7px; }
  .response-page .question { background: #2f4558; }
  .response-page .video-data { float: left; margin-top: 7px; margin-bottom: 25px; font-size: 11px; width: 340px; line-height: 120%; }
  .response-page #vid-stage-top { clear: both; background: url(/images/bkgnd.png) repeat-x #222; color: #777; text-align: center; font-size: 9px; text-transform: uppercase; margin-top: 27px; padding: 5px 0px 2px 0px; }
  .response-page .actions { float: right; margin-top: 7px; margin-bottom: 25px; font-size: 11px; color: #999; line-height: 120%; width: 290px; text-align: right; }
  .response-page .avatar { margin-right: 0; }
  .response-page td { }
  .response-page #add-comment-area { overflow: hidden; margin-bottom: 10px; background: #ddd; padding: 8px 17px 8px 17px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
  .response-page #add-comment-area.comment-login { text-align: center; font-size: 11px; color: #999; }  
  .response-page textarea { width: 594px; }
  .response-page #add-comment-input { margin-bottom: 7px; -webkit-box-shadow: none; -moz-box-shadow: none; border: 1px solid #fff; }
  .response-page #add-comment-submit { float: right; font-size: 12px; width: 80px; font-weight: normal;  }
  .response-page .comment-area-inactive { width: 638px; padding: 10px 0px; font-size: 11px; background: #fefefe; display: inline-block; color: #888; border: 1px solid #ddd; text-align: center; -webkit-border-radius: 5px; -moz-border-radius: 5px; cursor: pointer; white-space: normal !important; -webkit-box-shadow: 2px 2px 3px rgba(20,20,20,0.1); -moz-box-shadow: 2px 2px 3px rgba(20,20,20,0.1); }
          
.open { background: url('/images/norgie-closed.png') no-repeat; padding-left: 25px; }        
.close { background: url('/images/norgie-open.png') no-repeat !important; padding-left: 25px; }        

.basic-controls { margin-bottom: 48px; font-size: 12px; }
  .basic-controls .actions { color: #999; }
  .basic-controls .avatar, .basic-controls .actions { float: left; font-size: 11px; }
  .basic-controls .actions h4, .personal-info h4, .public-wall h4 { color: #000; font-size: 20px; font-weight: normal; margin: 7px 0px 10px 0px; }  
    /* .basic-controls .account-settings:after, .response-page .post-button:after, .response-page .download:after { content: '|'; margin-left: 12px; color: #cccccc; } */
    /* .response-page .post, .response-page .download, .response-page .delete, .basic-controls .my-profile { margin-left: 12px; } */
  .basic-controls .button-create { float: right; margin-top: 10px; }
  .basic-controls .public-user-card { background: #eee; padding: 17px 17px 21px 17px; width: 415px; margin: 0px auto; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
    .basic-controls .public-user-card br { clear: both; }
    .basic-controls .public-user-card .personal-info { width: 305px; }
    .basic-controls .public-user-card .personal-info .about { width: 305px; }
    /* .basic-controls .public-user-card h4 { margin-top: 3px; } */

.personal-info { float:left; width: 526px; }
  .personal-info .who-where { margin-bottom: 10px; float: left; font-size: 11px; line-height: 120%; }
  .personal-info .about { width: 525px; float: right; font-size: 11px; line-height: 130%; }
  .public-wall .convert { margin-bottom: 25px; font-size: 12px; line-height: 125%; }

#dashboard { }
  /* #dashboard tr:hover { background: #eee; } */
  #dashboard #responses td, #dashboard #comments td, #comments-area #comment td  { border-bottom: 1px solid #E7E7E7; }
  
  #dashboard td.title { width: 218px; padding-right: 80px; } 
  #dashboard td.video { width: 180px; }
  #dashboard td.details {  }
  #dashboard .video-thumb { width: 160px; height: 82px; display: block; outline: 1px solid #ccc; margin-right: 20px; }
  #dashboard .empty, #responses .empty, #invites .empty, #response-area .empty { text-align: center; color: #999; font-size: 11px; }
    .empty.row { border-bottom: 1px solid #e7e7e7; border-top: 1px solid #e7e7e7; padding: 14px 0; }
  #dashboard td.question, #dashboard td.response, #dashboard td.comment { text-align: right; border-right: 1px solid #E7E7E7; }
  
.intervue-row { color: #333; }
  .intervue-row .header { font-size: 15px; margin-bottom: 0px; line-height: 125%; }
    #responses .intervue-row .header { font-size: 13px; }
  .intervue-row .title .header a { }
  .intervue-row .who { color: #999; }
  .intervue-row .avatar-column-small { width: 48px; }
  .intervue-row .avatar-column { width: 88px; }
  .intervue-row .comment-column { width: 592px; }

.response-comment { margin-bottom: 5px; font-size: 13px; font-family: Georgia, Palatino, serif; color: #000; }

.activity-panel { width: 640px; margin: 0 auto 0px auto; }
  .activity-panel .marketing { margin-top: 30px; }
    .activity-panel .marketing img { margin-top: 25px; }
    .activity-panel .marketing h1 { font-size: 32px; font-weight: 600; margin-bottom: 10px; line-height:1em; }
    .activity-panel .marketing h3 { font-size: 19px; font-weight: normal; line-height: 1.5em; font-family: Georgia, Palatino, serif; }
    .activity-panel .marketing .steps { float: left; margin: 40px 0px; font-size: 17px; }
      .activity-panel .marketing .steps li { font-weight: normal; margin-bottom: 25px; color: #196e83; } 
      .activity-panel .marketing .steps span { display: inline-block; font-size: 20px; margin-right: 10px; }
      .activity-panel .marketing .sign-up { float: right; margin-top: 30px; } 
        .activity-panel .marketing .sign-up p { width: 185px; margin-bottom: 5px; text-align: center; font-style: italic; font-size: 11px; }
        .activity-panel .marketing .sign-up #email-field { padding: 3px; }
        .activity-panel .marketing .sign-up #submit { font-size: 10px; padding: 3px; text-transform: uppercase; line-height: 16px; width: 50px; border: 0; display: inline-block; }
        .activity-panel .marketing .sign-up #spinner { margin: 30px 15px 0 0; }

#footer { width: 600px; margin: 0 auto; font-size: 10px; padding: 18px 0 50px 0; border-top: 0px solid #eee; text-align: center; color: #aaa; letter-spacing: .03em; }

.ui-state-highlight { height: 100px; clear: both; width:}

#dialog { border: 1px solid #111; padding: 45px; overflow: hidden; position: relative; top: 40px; width: 445px; background-color: white; margin-left: auto; margin-right: auto; z-index: 1000; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
  #dialog textarea, #dialog input[type="text"] { width: 432px; }
  #dialog h3 { margin-bottom: 5px; font-size: 18px; }
  #dialog #question, #dialog #questiondetails { width: 550px; height: 60px; }
  #dialog .button { float: right; margin-left: 5px; }
  #dialog #post-link-back { color: #0e7063; font-weight: 600; }
  #dialog .text-counter-feedback {}
  #dialog .dialog-close { position: absolute; top: 3px; right: 3px; width: 20px; height: 20px; opacity: .5; }
  #dialog .dialog-close:hover { opacity: 1; cursor: pointer; }
  #dialog .twitter-button { text-align: center; margin-top:20px; }
  #dialog #invite-message { height: 80px; }

#dimmer { background: rgba(0,0,0,0.8); position: fixed; top: 0; right: 0; bottom: 0; left: 0; min-height: 100%; z-index: 999; }
  
.clearfix:after, .tabs:after, .basic-controls:after, add-comment-submit:after, #account #icon-upload:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}