/* === COMMON === */
html {
  background-color:#ddd;
  background-image:url(/images/layout/pagebg.png);
  background-repeat:repeat-x;
}
body {
  color:#222;
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
  text-align:left;
}
.clearme { clear:both; }
.floats:after,
.clearme:after {
  clear:both;
  content:".";
  display:block;
  height:0;
  visibility:hidden;
}
.error { color:#7b0101; }
a:link, a:visited { color:#4578a8; }
a:hover { color:#4578a8; }
.hideme { display:none; }
.centerme { text-align:center; }
.left { text-align:left; }
.warning { color: #7b0101; font-weight:bold;}
.warning-box { 
  border: 1px solid red;
  margin: 5px;
  padding: 5px;
  background-color:#fee;
}

.pseudoLink{
  text-decoration:underline;
  cursor:pointer;
  color: #4578A8;
}

h1,h2,h3,h4,h5,h6,p,form,legend,fieldset {
/*  margin-bottom:20px;*/
}
h1 { 
  font-size:220%;
  font-weight:bold;
  margin-bottom:10px;
}
h1.go_big { 
  font-family:"Georgia",serif;
  font-size:250%;
  font-weight:normal;
}
h2 {
  font-size:135%;
  font-weight:bold;
}


/* === LAYOUT === */
.content { margin-bottom:20px; }
.content-inner {
  margin:0 auto;
  width:980px;
}

.progress_container { padding:10px 152px 0; }
.progress {
  background-image:url(/images/layout/progress-container.png);
  background-repeat:no-repeat;
  height:25px;
  position:relative;
  top:-25px;
  width:350px;
  z-index:3;
  font-size: 145%;
  font-weight: bold;
  text-align: center;
}
.progress_indicator,
.progress_indicator_empty {
  background-image:url(/images/layout/progress.gif);
  background-repeat:repeat-x;
  height:25px;
  position:relative;
  width:350px;
  z-index:2;
}
.progress_indicator_empty { z-index:1; }

#header {
  background-color:#353535;
  background-image:url(/images/layout/headerbg.png);
  background-repeat:repeat-x;
  border:1px solid #000;
}
#header #logo {
  float:left;
  padding:15px 0;
}

#header ul {
  float:right;
  padding-top:25px;
}
#header ul li {
  float:left;
  margin-left:20px;
  padding-bottom:7px;
  position:relative;
  top:7px;
}
#header ul li.first {
  margin-left:0;
}
#header ul li a {
  color:#fff;
  display:block;
  font-size:123.1%;
}
#header ul li a.signup { color:#b4bd73; }

#header .session_info {
  color:#777;
  float:right;
  margin-top:15px;
  text-align:right;
}
#header .session_info a { color:#839328; }
#header .session_info strong { 
  color:#999;
  font-weight:bold; 
}
#header .session_info p {
  margin-bottom:5px;
}

/* === Three Columns === */
.threecols .main,
.threecols .leftcol,
.threecols .rightcol {
  float:left;
}
.threecols .leftcol,
.threecols .rightcol {
  width:180px;
}
.threecols .leftcol {
  margin-right:20px;
}
.threecols .main {
  /*background-color:#fff;*/
  background-image:url(/images/layout/pagebg-580.png);
  background-repeat:repeat-y;
  padding:20px;
  margin-right:20px;
  min-height:500px;
  width:540px;
}
.bottom-cap,
.bottom-cap-left {
  background-image:url(/images/layout/pagebgcap-580.png);
  background-position:top center;
  background-repeat:no-repeat;
  clear:both;
  height:10px;
}
.main_left .main,
.main_right .main { 
  background-image:url(/images/layout/pagebg-760.png);
  background-position:top center;
  background-repeat:repeat-y;
  min-height:400px;
  padding:12px;
  width:736px; 
 }
.main_left .main { float:left; }
.main_right .main { float:right; }

.bottom-cap-left { 
  background-image:url(/images/layout/pagebgcap-760.png); 
  background-position:top left;
}

.main_left .secondary,
.main_right .secondary { width:200px; }
.main_left .secondary { float:right; }
.main_right .secondary { float:left; }

#footer .content-inner { 
  margin:0 auto;
}
#footer ul { 
  margin-bottom:20px;
}
#footer ul li { 
  float:left; 
  font-size:85%;
  margin-right:20px;
}
#footer a { color:#839328; }
#footer p { 
  font-size:85%;
  text-align:center; 
}

.side_block { margin-bottom:20px; }
.leftcol hr,
.rightcol hr,
.secondary hr {
  border-top:1px solid #222;
  margin-bottom:20px; 
}

.leftcol h2,
.rightcol h2,
.secondary h2 {
  font-size:138.5%;
  font-weight:normal;
}

.connected {
  background-color:#353535;
  color:#fff;
  padding:10px;
}
.connected a,
.connected h2 { color:#fff; }
.connected .connector {
  background-image:url(/images/layout/column-connector.png);
  background-repeat:no-repeat;
  height:51px;
  margin-left:-35px;
  margin-top:-20px;
  position:absolute;
  width:25px;
}

/* === MODALS === */
.jqmOverlay { background-color:#000; }

#demo_video_close {
  background-image:url(/images/close.png);
  cursor:pointer;
  float:right;
  height:30px;
  left:642px;
  top:-12px;
  position:absolute;
  width:30px;
}
#demo_video {
  background-color: #000;
  display:none;
  height:480px;
  left:50%;
  margin-left:-325px;
  padding:10px;
  position:fixed;
  top:17%;
  width:640px;
}
#dialog_window {
  display:none;
  left:50%;
  margin-left:-303px;
  position:fixed;
  position:absolute;
  top:5%;
  width:606px;
}
#dialog_window .hd,
#dialog_window .ft {
  background-image:url(/images/layout/modal-caps.png);
  background-repeat:no-repeat;
  height:28px;
}
#dialog_window .ft {
  background-position:0 -28px;
}
#dialog_window .bd {
  background-image:url(/images/layout/modal-bg.png);
  background-repeat:repeat-y;
  padding:10px 42px;
}
#standby_window {
  background-color:#333;
  background-image:url(/images/spinner.gif);
  background-repeat:no-repeat;
  background-position:center center;
  display:none;
  height:100px;
  left:50%;
  margin-left:-50px;
  position:fixed;
  top:40%;
  width:100px;
}


/* == LOGIN LAYOUT == */
body.login #page { height:500px; }
body.login #dialog_window {
  display:block;
  left:auto;
  margin-left:165px;
  position:static;
  top:auto;
}

/* === FLASH MESSAGES === */
div#flash-notice,
div#flash-warning,
div#flash-error {
  background-image:url(/images/layout/flash-bg.png);
  background-position:bottom center;
  background-repeat:no-repeat;
  color:#fff;
  font-size:110%;
  /*font-weight:bold;*/
  letter-spacing:2px;
  left:50%;
  margin-left:-290px;
  padding-top:8px;
  padding-bottom:15px;
  position:absolute;
  text-align:center;
  top:-40px;
  width:580px;
  word-spacing:5px;
}

/* === ERROR MESSAGES === */
div#errorExplanation {
  color:#7b0101;
  margin-bottom:20px;
  padding:0 15px;
}

div#errorExplanation h2 {
  
}

div#errorExplanation p {
  
}

div#errorExplanation ul {
}

div#errorExplanation ul li {
  color:#7b0101;
  list-style-type:disc;
  margin-left:15px;
}

/* === FORMS === */
.fieldWithErrors { }
.fieldWithErrors input, 
.fieldWithErrors textarea { border:1px solid #7b0101; }

.fieldWithErrors label { color: #7b0101; }

fieldset {
  margin-bottom:20px;
  padding-top:20px;
}
#dialog_window fieldset {
  background-image:none;
  padding-top:0;
}
.edit_payment fieldset {
  background-color:#fff;
  background-image:none;
}
#dialog_window fieldset ol { padding-bottom:0; }
legend,
h2.lgnd {
  font-size:200%;
  font-weight:300;
}
fieldset ol, fieldset li, fieldset li label, fieldset li input { float:left; }
fieldset ol { padding-bottom:10px; }
fieldset ol li { 
  list-style-type:none;
  clear:both; 
  margin-bottom:0;
  padding-bottom:10px;
  width:600px;
}
#dialog_window fieldset ol li { width: 500px; }
fieldset li label,
fieldset li .label_with_sub {
  font-weight:bold;
  padding-right:12px;
  padding-top:7px;
  text-align:right;
  width:250px; 
}
#dialog_window fieldset li label { width: 150px; }
fieldset li .label_with_sub { 
  float:left;
  padding-top:0;
  width:200px; 
}
fieldset li .label_with_sub label { 
  float:none;
  width:auto;
  padding:0;
}
fieldset li .label_with_sub .sub { 
  font-weight:normal;
}
fieldset li p,
#plan_update fieldset li p { 
  float:left; 
  padding-left:10px;
  padding-top:7px;
  margin:0;
  font-size:inherit;
}
#dialog_window fieldset li input { width: 300px; }
textarea,
fieldset li input { 
  border:1px solid #999;
  padding:5px 5px 2px 5px;
  width:300px;
}
textarea:focus,
fieldset li input:focus { 
  border:1px solid #222;
}
fieldset li.checkbox label { 
  font-weight:normal;
  padding-left:10px;
  padding-top:0;
  width:auto;
}
fieldset li.checkbox input { 
  border:none;
  margin-left:265px;
  margin-top:3px;
}
fieldset li .error { 
  clear:both;
  padding-left:265px;
}
#dialog_window li.checkbox input { 
  margin-left:165px; 
  margin-top:0; 
  width:15px;
}
#dialog_window li.checkbox label { text-align:left; }

form div.buttons { padding-left:260px; }
#dialog_window form div.buttons { padding-left:160px; }
form div.buttons input {
  margin-right:12px;
}
a.cancel {
  color:#7b0101;
}
form div.buttons .cancel {
  font-size:77%;
  margin-right:12px;
  text-transform:uppercase;
}
textarea {
  height:150px;
  width:300px;
}

/* === Specific Forms === */
form #project_name {
	width:175px;
}
fieldset li p.cards,
#plan_update fieldset li p.cards { 
  padding-left:265px;
  margin:0;
  margin-top:-10px
}
#payment_zip_code,
#dialog_window fieldset li #payment_zip_code,
#payment_verification_value,
#dialog_window fieldset li #payment_verification_value {
  width:100px;
}
#scenario_postscript {
  height:75px;
}


/* === FORMATTING == */
h2, h3, h4, h5, h6, p { margin-bottom:15px; }

em { font-style:italic }

.textile ol,
.textile ul,
ol.format, 
ul.format {
  margin-left:50px;
}
ol.format strong, 
ul.format strong { font-weight:bold; }
.leftcol ol.format, 
.leftcol ul.format,
.rightcol ol.format, 
.rightcol ul.format {
  margin-left:20px;
}
.textile ol li,
.textile ul li,
ol.format li, 
ul.format li {
  list-style-position:outside;
  margin-bottom:10px;
}
.textile ol li,
ol.format li { list-style-type:decimal; }
.textile ul li,
ul.format li { list-style-type:disc; }

ol.steps {
  list-style-type:decimal;
  list-style-position:outside;
}

/* === HOME / PLANS === */
#home_billboard { 
  background-color:#fff;
  background-image:url(/images/layout/texture-bg.png);
  background-image:url(/images/pages/billboard-bg.png);
  background-position:center bottom;
  border-top:1px solid #353535;
  border-bottom:1px solid #515151;
  margin-bottom: 0; 
}
#home_billboard .content-inner { 
  background-image:url(/images/pages/billboard.png);
  background-repeat:no-repeat;
  background-position:center bottom;
  height:300px;
}
#home_billboard ol { 
  padding-left:220px;
}
#home_billboard li { 
  font-size:150%;
  width: 500px;
}
#home_billboard h1 { 
  color:#222;
  font-size:450%;
  font-weight:normal;
  padding-top: 20px;
  text-align:center;
}

body.static #header,
body.static #plans_billboard { margin-bottom:0; }
#plans_billboard {
  background-image:url(/images/pages/billboard-bg.png);
  /*background-position:-100px 50%;*/
  background-position:bottom center;
  border-top:1px solid #353535;
  border-bottom:1px solid #515151;
}
#plans_billboard .content-inner {
  background-image:url(/images/pages/billboard.png);
  /*background-position:-100px 50%;*/
  background-position:bottom center;
  height:200px;
}
h1.billboard {
  color:#222;
  font-size:450%;
  font-weight:normal;
  padding:40px 40px 20px 40px;
  text-align:center;
}
h2.billboard {
  color:#222;
  font-size:235%;
  font-weight:normal;
  padding:0 20px 20px 20px;
  text-align:center;
}
h2.billboard span {
  color:#4578a8;
  font-weight:bold;
}
#plans_billboard h1.billboard {
  padding-top:20px;
}
#home_intro {
  padding-top:40px;
}
.video_preview {
  padding-top: 10px;
}
#demo_video {
  display: none;
}

#plans {
  border-top:1px solid #818181;
}
.plans {
  float:left;
  text-align:center;
  margin-bottom:10px;
}
.plan {
  background-color:#fcfcfc;
  float:left;
  margin-left:20px;
  position:relative;
  top:23px;
  width:225px;
}
#plans .plan {
  border:2px solid #ccc;
}
#new_payment,
#new_payment_plans {
  margin-bottom:0;
}
#new_payment_plans .plan {
  top:0;
}
#new_payment_form {
  text-align:center;
}
#new_payment_form #errorExplanation {
  margin:0 auto;
  margin-bottom:20px;
  text-align:left;
  width:600px;
}
#new_payment_form .content-inner{
  width:600px;
}
#new_payment_form fieldset {
  background-color:#fff;
  background-image:none;
  width:600px;
}
#new_payment_form select,
#new_payment_form div.buttons a,
#new_payment_form div.buttons input {
  float:left;
}
/*
#plans .plan:hover {
  border:2px solid #4578A8;
}
*/
.plan .arrow {
  background-image:url(/images/pages/plan-arrow.png);
  float:left;
  height:38px;
  left:148px;
  margin-left:-71px;
  position:relative;
  top:-27px;
  width:71px;
}
.plan h2 { 
  color:#4578A8;
  font-weight:bold;
  font-size:250%; 
  padding-top:10px;
}
.plan h2 .price { 
  color:#000;
  font-size:80%; 
  font-weight:normal;
}
.plan .btn { 
  margin-bottom:10px;
}
.plans .first {
  margin-left:0;
}
.plans ul {
  height:260px;
  margin:0 20px 20px 45px;
  text-align:left;
}
.plans li {
  font-size:120%;
}
.plans li .weak {
  color:#555;
  font-size:90%;
}
.footnote {
  font-size:85%;
  margin:0 20px 20px 20px;
}
.plans a.action { 
  background-image:url(/images/layout/signup-btn.png);
  background-repeat:no-repeat;
  color:#fff;
  display:block;
  float:left;
  height:56px;
  left:30px;
  margin-bottom:10px;
  position:relative;
  width:164px;
}
#home_billboard .signup a {
  background-image:url(/images/layout/start-trial.png);
  background-repeat:no-repeat;
  display:block;
  float:left;
  height:56px;
  left:371px;
  margin-top:10px;
  position:relative;
  width:228px;
}
#pricing_q_a {
  margin-bottom:40px;
}
#home_intro .content-inner,
#pricing_q_a .content-inner { width:840px; }

#home_intro .group,
#pricing_q_a .q_a {
  float:left;
  width:400px;
  margin-left:20px;
}
#home_intro #group_two,
#pricing_q_a #q_a_two { float:right; }

#home_intro ul {
  margin-left: 20px;
  margin-bottom: 20px;
}

/* Partners */
#partners .content-inner { width:700px; }
#partners p { font-size:115%; }
#partners .service {
  background-color:#fff;
  border-bottom:1px solid #ccc;
  margin-bottom:20px;
}
#partners .service .brand {
  float:left;
  width:200px;
}
#partners .service .blurb {
  float:right;
  width:400px;
}
#partners .service .brand,
#partners .service .blurb {
  margin:15px;
}


#free_plan_callout {
  margin-bottom:0;
}
#new_payment_plans .plan { border:3px solid #fff; }
#plans_edit .current,
#new_payment_plans .current {
  border:3px solid #4578A8;
}
#plans_edit .current .note,
#new_payment_plans .current .note {
  background-color:#4578A8;
  color:#fff;
  font-size:115%;
  letter-spacing:2px;
  padding:7px 0 5px 0;
  text-transform:uppercase;
}
#new_payment_plans .note { margin-bottom:10px; }
#new_payment_plans .current .note { margin-bottom:0; }
#new_payment_plans .note .do_select { 
  display:inline; 
}
#new_payment_plans .note .selected { display:none; }
#new_payment_plans .note .do_select { display:inline; }
#new_payment_plans .current .note .selected { display:inline; }
#new_payment_plans .current .note .do_select { display:none; }

.record_footnote {
  color:#444;
  font-size:90%;
  padding-left:20px;
  text-align:left; 
}

#free_trial {
}
#free_trial .content-inner {
  /*border:2px solid #ccc;
  background-color:#fff;
  padding:20px;
  width: 806px;*/
  background-color:#83a7c9;
  background-color:#4578a8;
  color:#fff;
  padding:20px;
  width: 930px;
}
#free_trial .content-inner:hover {
  /*border:2px solid #4578A8;*/
}
#free_trial h1 {
  /*color:#4578A8;*/
  letter-spacing:1px;
}
#free_trial .free_info {
  float:left;
  padding-top:5px;
}
#free_trial .free_info div {
  padding-top: 10px;
  clear: left;
}
#free_trial .free_action {
  float:right;
}
#free_trial ol {
  float:left;
}
#free_trial li {
  float:left;
  font-size:110%;
  margin-right:15px;
}
#free_trial p {
  font-size:110%;
}
#free_trial h2 {
  margin-bottom:0;
  text-align:center;
}
#free_trial .action {
  background-image:url(/images/layout/freetrial.png);
  display:block;
  height:81px;
  width:157px;
}

/* === PLAN UPDATE === */
#plan_update p,
#plan_update h2.error {
  margin-left:20px;
  margin-right:20px;
}
#plan_update p {
  font-size:120%;
}
#plan_update .cancel {
  font-size:100%;
  color:#666;
}
#plan_intro strong {
  color:#4578A8;
  font-weight:bold;
}

table#plan_comparison {
  margin:0 20px 20px 20px;
  width:696px;
}
table#plan_comparison thead {
  color:#4578A8;
  font-weight:bold;
}
table#plan_comparison.starter thead .p5,
table#plan_comparison.basic thead .p1,
table#plan_comparison.plus thead .p2,
table#plan_comparison.premium thead .p3 { font-weight:bold; }

table#plan_comparison th,
table#plan_comparison td {
  padding:10px;
}
table#plan_comparison th { 
  font-size:140%;
}
table#plan_comparison thead th { 
  font-size:160%;
}
table#plan_comparison th .weak {
  color:#666;
  font-size:70%;
}
table#plan_comparison tr.storage .weak { 
  color:#666;
  font-size:90%;
}
table#plan_comparison tr.storage td strong { 
  font-size:150%;
}
table#plan_comparison tbody th {
  width:200px;
}
table#plan_comparison thead th,
table#plan_comparison tbody td {
  text-align:center;
}

table#plan_comparison th { 
  border-left:1px solid #ccc;
  border-right:1px solid #ccc;
}
table#plan_comparison thead th { 
  border-top:1px solid #ccc;
}
table#plan_comparison tbody tr { 
  border-top:1px solid #ccc;
}
table#plan_comparison tbody td { 
  border-right:1px solid #ccc;
}
#plan_comparison tbody .price {
  font-size:120%;
}

table#plan_comparison.starter .p5, 
table#plan_comparison.basic .p1, 
table#plan_comparison.plus .p2,
table#plan_comparison.premium .p3 { background-color:#e6e9d4; }
table#plan_comparison .check {
  background-image:url(/images/check.png);
  background-repeat:no-repeat;
  background-position:center center;
}
table#plan_comparison tbody tr.buttons td { 
  border-right:none;
  border-bottom:none;
}
table#plan_comparison tbody tr.buttons td.button { 
  border:1px solid #ccc;
}
table#plan_comparison td.error img {
  float:right;
}
table#plan_comparison td.error span {
  display:block;
  float:right;
  font-size:120%;
  position:relative;
  top:7px;
  right:10px;
}


/* === PROJECTS === */
#meter {
  background-color:#fff;
  display:none;
  height:25px;
  margin-bottom:10px;
  width:180px;
}
#meter .container {
  background-image:url(/images/layout/meter-container.png);
  background-repeat:no-repeat;
  height:25px;
  position:relative;
  top:-25px;
  width:180px;
  z-index:3;
}
#meter .value { 
  background-image:url(/images/layout/determinate-progress.png);
  height:25px;
  width:0;
}

#project_index #new_project { display:none; }
.projects_list h2 { 
  color:#fff; 
  margin-bottom:10px;
}

.projects_list ul {
  position:relative;
  z-index:2;
}
.projects_list li {
  color:#fff;
  font-size:108%;
  padding:5px;
}
.projects_list a { color:#fff; }
.projects_list .selected { 
  background-color:#888;
  font-weight:bold; 
}
.projects_list .selected a { text-decoration:none; cursor:pointer; }

.project_name {
  float:left;
  max-width:350px;
}
.project_name h1 { 
  float:left; 
  max-width:250px;
}
.project_actions {
  float:left;
  padding-top:14px;
  padding-left:10px;
  text-transform:uppercase;
}
.project_actions a {
  margin-right:5px;
}

#account_info a.cancel {
  color:#777;
}

h2.new_scenario {
  font-size:138.5%;
  font-weight:normal;
  float:right;
  padding-top:8px;
}

p .new_scenario_trigger {
  display:inline;
  float:none;
}

p.callout {
  font-size:138.5%;
  text-align:center;
}

.scenario input {
  font-size:70%;
  width:500px;
}

.scenario .hd {
  border-bottom:1px solid #222;
  margin-bottom:10px;
  padding:2px;
}
.scenario .hd h3 {
  float:left;
  font-size:123.1%;
  margin-bottom:0;
  padding-right:10px;
}
.scenario .hd .actions,
.scenario .hd .record_link {
  float:left;
  padding-top:3px;
  text-transform:uppercase;
}
.scenario .hd .actions a,
.scenario .hd .record_link a {
  font-size:85%;
  margin-right:5px;
}
.scenario .hd .record_link {
  float:right;
}
.project .scenario {
  margin-bottom:20px;
}

.project .scenario_result {
  border-bottom:#f7f7f7;
  padding:5px;
}
.project .scenario_result:hover {
  background-color:#ff9;
  background-color:#f7f7f7;
}
.project .tester {
  float:left;
  width:330px;
}
.project .tester span {
  display:block;
  float:left;
  margin-right:20px;
}
.project .tester a.delete { 
  color:#7b0101;
  font-size:77%;
  display:none; 
  text-transform:uppercase;
 }
.project .scenario_result:hover .tester a.delete { display:inline; }
.project .test_time {
  float:right;
  text-align:right;
  width:200px;
}
.project .scenario .bd .share_scenario { display:none; }
.project .scenario .bd .new {
  background-color:#FFF9D8;
  font-weight:bold;
}

#result_limit_status {
  background-color:#FFF9D8;
  border:1px solid #F6E595;
  color:#666666;
  font-size:120%;
  font-weight:bold;
  padding:10px;
  text-align:center;
}
#result_limit_status p {
  margin-bottom:5px;
}


/* === SCENARIO RESULTS :NEW === */
/* Layout modifications */
body.public_app #page {
  margin-bottom:0;
}
body.public_app #page .content-inner {
  background-image:url(/images/layout/pagebg-760.png);
  background-position:top center;
  background-repeat:repeat-y;
  min-height:400px;
  padding:30px 50px;
  width:660px;
}
body.public_app #page.view_video .content-inner {
  padding:12px;
  width:760px;
}
#page.view_video #result_video {
  margin-left:12px;
}
body.public_app #footer {
  background-image:url(/images/layout/pagebgcap-760.png);
  background-position:top center;
  background-repeat:no-repeat;
}
body.public_app #footer .content-inner {
  padding-top:20px;
}
body.public_app .content-inner h2 { font-size:138.5%; }
body.public_app .content-inner p {
  font-size:108%;
  line-height:28px;
  margin-bottom:10px;
}
body.public_app .content-inner li { font-size:108%; }
body.public_app .content-inner strong {
  font-weight:bold;
}
body.public_app .content-inner p.callout {
  background-image:url(/images/layout/gradient-bg.png);
  background-repeat:repeat-x;
  line-height:30px;
  padding:20px;
}
h1#public_limit_message {
  color:#555;
  margin-top:50px;
  padding:40px;
  text-align:center;
  line-height:1.75em;
}
body.public_app fieldset{
  background-image:url(/images/layout/gradient-bg.png);
  background-repeat:repeat-x;
  padding:20px 0;
}
body.public_app fieldset li label {
  font-size:138.5%;
  font-weight:normal;
  letter-spacing:2px;
  width:200px;
}
body.public_app fieldset li input {
  font-size:138.5%;
  width:250px;
}

.steps {
  color:#353535;
  float:right;
  font-size:182%;
  font-weight:bold;
  left:30px;
  position:relative;
  text-align:right;
  top:-20px;
}

#step_2 ul {
  padding-right:20px;
}
#step_2 li {
  font-size:108%;
  line-height:28px;
  list-style-type:disc;
  margin-bottom:10px;
}
.step .textile { 
  background-image:url(/images/layout/gradient-bg.png);
  background-repeat:repeat-x;
  padding:20px; 
  margin-bottom:20px;
}
#scenario_instructions .textile { 
  max-height:250px;
  overflow:auto;
}
#has-java,
#upgrade-java,
#no-java { display:none; }

/* === RECORDING === */
#startLink { 
  margin-bottom:20px; 
  text-align:left; 
}
#startLink .notice { text-align:center; }
#startLink a {
  background-image:url(/images/layout/opensite-btn.png);
  background-repeat:no-repeat;
  display:block;
  height:34px;
  left:220px;
  position:relative;
  width:200px;
}
#record_messages { 
  margin-bottom:20px;
  text-align:center; 
}
#timer,
#status { 
  color:#353535;
  color:#7b0101;
  font-size:182%;
  font-weight:bold;
  padding-right:10px;
}
#status.recording,#status.failed { color:#7b0101; }
#status.cancelled { color:#bbaa00; }
#status.uploading {
  color:blue;
  text-decoration:blink;
}
#error-report-form,
#startLink { display:none; }
#error-report-form.show-console,
#startLink.show { display:block; }

#javarecord {
  background-color:#fff;
  padding:10px;
  padding-top:0;
  text-align:center;
}
#javarecord.small {
  visibility:hidden;
}
#javarecord applet { background-color:#fff; }
body.public_app .content-inner p.notice {
  font-style:italic;
  font-size:93%;
  line-height:15px;
  padding:10px 50px 0 50px;
  text-align:left;
}

.public_app #tester_notes { 
  display:none;
  margin-bottom:20px; 
  margin-left:0; 
  margin-top:0; 
  padding:0;
  width:auto;
}
.public_app #tester_notes textarea {
  height:100px;
  margin:0 22px;
  width:600px;
}
#tester_notes .buttons a { background-image:url(/images/layout/submit-btn.png); }

#record_error, #record_warning, #upload_error, #upload_retry {
  border: 2px solid #7b0101;
  padding:10px;
  margin: 10px;
  background-color: #fee;
  text-align:center;
}

.red {
  color: #7b0101;
}

#record_error_message, #record_warning_message {
  font-size: 16px;
  font-weight: bold;
  margin: 15px 5px;
}

#record_error ul {
  margin-left: 10px;
  margin-top: 5px;
}

#record_error p.heading {
  line-height: 14px;
}

#processing_progress .progress_indicator {
  background-image:url(/images/layout/determinate-progress.png);
  margin-bottom:-25px;
  width:1px;
}
#processing_progress.indeterminate .progress_indicator { background-image:url(/images/layout/progress.gif); }
#processing_progress .progress_indicator_empty {
  background-image:url(/images/layout/determinate-progressbg.png);
}
#progress_text { display:none; }

.step form div.buttons { padding-left:0; }
.step .buttons a {
  background-image:url('/images/layout/continue-btn.png');
  border:none;
  display:block;
  height:56px;
  left:244px;
  position:relative;
  width:164px;
}
.step .buttons a:hover { background-position:0 -56px; }
.step .buttons a:active { background-position:0 -112px; }

#cancelled { display:none; }
#cancelled .buttons a { background-image:url('/images/layout/tryagain-btn.png'); }

/* === SCENARIO RESULTS :SHOW === */
#scenario_result .main {
  background-color:#fff;
}
#result_video {
  background-color:#000;
  /*height:480px;*/
  width:736px;
}
#video_save {
  background-color:#000;
  display:none;
  float:right;
  height:20px;
  margin-bottom:-20px;
  position:relative;
  z-index:10;
}
#video_save a {
  color:#fff;
}
#result_video:hover #video_save {
  display:block;
}
#video_unavailable {
  background-color:#000;
  color:#fff;
  height:478px;
  text-align:center;
  width:736px;
}
#video_unavailable .message {
  background-color:#353535;
  margin:0 100px;
  padding:20px;
  position:relative;
  top:150px;
}
#video_unavailable p {
  font-weight:bold;
  letter-spacing:3px;
  line-height:30px;
  padding:0 20px;
  text-transform:uppercase;
  word-spacing:5px;
}

#actions {
  
}
#actions .action { display:none; }
#actions .callout { padding-top:20px; }
#actions .callout input { width:450px; }

#action_triggers { 
  float:right;
}
#action_triggers li { 
  float:right;
  margin-left:20px;
  padding-top:10px;
}

#creator_notes {
  padding:10px;
}
#creator_notes textarea {
  height:100px;
  margin-left:40px;
  margin-top:20px;
  width:620px;
}

#creator_notes form div.buttons { 
  padding-left:555px;
  padding-top:10px;
}
#creator_notes form div.buttons input { margin-right:0; }
#creator_notes form div.buttons .cancel { margin-left:20px; }
#creator_notes .edit { display:none; }
#tester_notes,
#creator_notes .readonly { 
  border:1px solid #fff;
  cursor:pointer;
  display:block; 
  margin-left:40px;
  margin-top:20px;
  padding:10px;
  width:620px;
}
#creator_notes .readonly:hover { 
  background-color:#f7f7f7;
  border:1px solid #ccc;
}
#creator_notes .readonly .edit_trigger { 
  margin-bottom:0;
  text-align:right; 
  visibility:hidden;
}
#creator_notes .readonly:hover .edit_trigger { visibility:visible; }
#creator_notes.edit .edit { display:block; }
#creator_notes.edit .readonly { display:none; }
#tester_notes {
  margin-left:50px;
  margin-top:30px;
}

/* === ABOUT === */
body.static #page.about { margin-top: 20px; }
body.static #page.about .bottom-cap-long { margin-top: -2px; }
body.static #page.about .main { 
}
#page.about .wrap { 
  padding:30px 50px;
}
#page.about .main h1 { margin-bottom: 20px; }
.profile {
	clear:both;
	float:left;
	margin-bottom:20px;
}
.about .book {
  float:left;
  margin-left: -180px;
  padding-right: 20px;
}
#page.about p { 
  font-size:108%;
  line-height:24px;
}
#page.about .secondary { 
  padding-top:20px;
}
.profile .pic {
	background-repeat:no-repeat;
	float:left;
	height:150px; 
	width:150px;
}
p.twitter { 
  padding-top:10px;
}
p.twitter a.shiftme { 
  color:#839328;
  position:relative;
  top:-5px;
}
p.twitter img { 
  float:right; 
  margin-left:10px;
  position:relative;
  top:-20px;
  left:-20px;
}

/* === FAQ === */
.question { font-weight:bold; }
.faq .answer { 
  border-bottom: 1px solid #222; 
  margin-bottom: 20px;
}

/* === SIGN UP === */
#selected_plan { 
  margin-bottom:30px; 
  padding-bottom:30px;
}
#selected_plan .plan_name { 
  font-size:167%;
  font-weight:bold;
  text-align:center;
}
#selected_plan .plan_price { 
  font-size:138.5%;
  font-weight:bold;
  text-align:center;
}
#selected_plan .hd { 
  margin-bottom:10px;
}
#free_plan ul,
#selected_plan ul { margin-left:30px; }
#selected_plan p { text-align:center; }
#selected_plan p.weak { 
  color:#444;
  font-size:90%;
  text-align:left; 
}

/* === side column nav === */
ul.nav {
  position:relative;
  z-index:2;
}
.nav li {
  color:#fff;
  font-size:108%;
  padding:5px;
}
.nav a { color:#fff; }
.nav .selected { 
  background-color:#888;
  font-weight:bold; 
}
.nav .selected a { text-decoration:none; cursor:pointer; }

/* === Security Settings === */
.security_info {
  float:left;
  margin-left:50px;
  width:400px;
}
.lock {
  background-image:url(/images/locks.png);
  background-repeat:no-repeat;
  float:left;
  height:128px;
  margin-left:100px;
  margin-top:20px;
  width:150px;
}
.switch {
  margin-left:50px;
  margin-top:30px;
}
.switch * {
  cursor:pointer;
  float:left;
  font-size:150%;
  font-weight:bold;
}
.toggle {
  background-image:url(/images/switch.png);
  background-repeat:no-repeat;
  background-position:0 100%;
  height:27px;
  width:93px;
}
.on, .off {
  padding:3px 10px;
}
.open .toggle {
  background-position:0 0;
}
.closed .on {
  color:#839328;
}

/* === API Access === */
.key {
  float:left;
  margin-bottom:20px;
  margin-left:70px;
  margin-top:10px;
}
.api_info {
  float:left;
  margin-bottom:20px;
  margin-left:70px;
}
.api_info p { width:400px; }
.api_info input.key_in {
  margin-left:10px;
  width:280px;
}
.forms .regen_form,
.forms .disable_form {
  float:left;
  margin-right:10px;
}
.api_report { margin-top:40px; }
.api_report table th,
.api_report table td {
  padding:10px;
  border:1px solid #ccc;
  font-size:120%;
}
.api_report table { width:100%; }
.api_report td { text-align:center; }

/* === API Docs === */
.docs {
  border-top:1px solid #ddd;
  padding:0 20px;
  padding-top:20px;
}
.docs strong,
.api_info strong {
  color:#000;
  font-weight:500;
}
#api_methods {
  margin-bottom:10px;
}
#api_methods li {
  color:#4578a8;
  cursor:pointer;
  font-size:120%;
  margin-bottom:10px;
  margin-left:20px;
  text-decoration:underline;
}
#api_methods li ul {
  display:none;
  margin-top:10px;
}
#api_methods li li {
  font-size:90%;
  float:none;
  margin-bottom:5px;
  margin-left:20px;
}
.api_method,
#result_video.api_method { 
  border: 1px #ddd solid; 
  background-color:#f3f3f3;
  display:none;
  margin-bottom: 20px; 
  padding:10px 10px 0 10px; 
  width:auto;
}
.api_method h3 {
  font-size:130%;
  font-weight:500;
  margin-bottom:5px;
}
.api_method h4 {
  font-weight:500;
  margin:0;
  margin-bottom:5px;
  text-transform:uppercase;
}
.api_method p,
.api_method ul { 
  margin-top:0;
  padding-left:20px;
}
.api_method ul li { 
  list-style-type:disc;
  margin-bottom:5px;
  margin-left:20px;
}
.api_method p {
}

/* === ADMIN === */
.admin .content-inner {
  width: 95%;
}

.admin #report {
  padding-bottom: 20px;
}

.admin #report fieldset {
  margin-bottom: 0;
}

.admin #report,
.admin table {
  background-color: #fff;
}

.admin table tr {
  border: 1px #000 solid;
}

.admin table tr th,
.admin table tr td {
  padding: 4px;
}