#content {background: transparent;}
#zzsidebar, .help-sidebar {background: #fff8ee; border-radius: 14px; padding:10px;}
#error-header h2 {color: #fff!important}

.content-box, .content-box2, .column1, .column2{ margin: 25px 0px 10px 0px; 
	padding: 10px 25px}
.sidebar-box { margin: 0px;  padding: 10px}
.columns { background-color: #ec07fb; width: 720px; overflow: hidden }
.column1 {background-color: #ece71c; float: left;}
.column2 {background-color: #51ed15;	float: right;	}

.content-box, .sidebar-box, /*.column1, .column2*/.metalbg, .paperbg{	-moz-border-radius: 14px;
	border-radius: 14px;}

.box .box-header {background-color: #1a83a3;}

.personaldev {border: 3px solid #F16739; 
  background: #f7ecda url(/system/data/696/content/personal-development.png?1420650949) 
    no-repeat  bottom right; 
  padding: 25px 25px 115px;
  margin-bottom: 30px;}

.col-md-5 {padding: 10px 10px 10px 25px ; margin: 15px 25px 15px 0;}

/* I2E background styles */
.metalbg {  
    background-image: url(/system/data/77/content/metal2.png?1327401012); }
.paperbg {
	background-image: url(/system/data/76/content/paper5.png?1327400385); }


/* BSU background styles */
.dottedborder {border: 1px dotted #02485B;}
.dottedbg {	
	background-color: #f5f4f4;
	border: 1px dotted #1A84A3;
}
.tintbg {border: 1px dotted #02485B;
	background-color: #D6E8ED;}
.orangebg {border: 1px dotted #F16739;
	background-color: #F7DCD5;}

/* Julia and Cynthia background styles */
.juliabg {border: 1px solid #1A84A3;
	background-color: #d8f2f9;  margin: 10px 0 20px;  padding: 0px 15px 10px}

.cynthiabg {border: 1px solid #f16739;
	background-color: #ffeedc; margin: 10px 0px 20px;  padding: 0px 15px 10px}

.juliabg h3, .cynthiabg h3, .juliabg h4, .cynthiabg h4 {font-size: 14px!important;}
.juliabg h5, .cynthiabg h5 {font-size: 12px}

.juliabg h3, .cynthiabg h3, 
.juliabg h4, .cynthiabg h4, 
.juliabg h5, .cynthiabg h5 {margin: 6px 0;}

.juliabg li .cynthiabg li{margin: 0 0px 4px 0px;}

.video { position: relative; clear: both;
 padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden; margin: 10px 0;}

Iframe {    width: 100%;    height:auto;    }

.video iframe, .video object, .video embed, .small-video-left iframe, .small-video-left object, .small-video-left embed {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
    }

.info {padding: 20px 20px 10px 20px;}
.stage-image {margin: 10px 0;}
.stage-image a {font-size: 1.1em; line-height: 1.5em; font-weight: bold;}
#content .stage-image p {margin:-15px 0 10px; }



/* Typography */
.cap {color: #404040;font-size: 24px;	}
.orange, .red {color: #F16739;}
h1, h2, h3  {	color: #F16739!important; margin-top: 20px;}
h3, .main-holder .info-content h3 {    font-size: 18px;}
h4, h5, h6 {color: #02485B!important;}
h4 { font-size: 16px; }
h5 { font-size: 15px; }
h6 { font-size: 14px; }

p {	color: #404040;	}
.intro { color: #024858; font-size: 1.15em; line-height: 2em; margin: 20px 0; padding: 20px 0;}

.newStepsNavigation {margin-right: 20px;}
.pull-left-icon  { 
 margin: 0px 20px 0px 0px; ;}
#nav li   {margin: 0 20px 12px 0;}

#payment-form.form.login-form.validate-form label,  div.form-row.form-row-stripe {color: #1A84A3!important;}

h2.arrow, h2.ribbon {position:relative;
  color:#fff;}

blockquote  {border-left: #F16739 solid 7px!important;
      margin: 40px 0!important;}

table .total-tr td {  background: none #058e98; }

.your-progress-bar ul {padding-left: 0px;}
.your-progress-bar ul li.completed { background: url("/system/data/794/content/tick.png") no-repeat 4px 4px; 
    background-color: #ea5f2d;
  }
.your-progress-bar ul li { padding: 5px 5px 5px 25px; float: none; margin-bottom: 3px;
    font-size: .9em; width: auto;}

#seasaw {
    width: 333px; 
    height: 232px;
    background-image: url(/system/data/309/content/mass1.png?1334848759);
    float: left;
}
#seasaw2 {
    position: relative;
    width: 333px; 
    height: 232px;
   
    background-image: url(http://app.outsetonline.com/system/data/310/content/mass2.png);
    float: left;    left: -333px;
    -webkit-transition: all 1s ease-in-out;    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;    -ms-transition: all 1s ease-in-out;
}
#seasaw2:hover {
    transform:rotate(-7deg);    -ms-transform:rotate(-7deg);
    -moz-transform:rotate(-7deg);    -webkit-transform:rotate(-7deg);
  -o-transform:rotate(-7deg);
}


/* Home Buttons*/

.subbtn {
float: left;
    -webkit-transition: all 1s ease-in-out;    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;    -ms-transition: all 1s ease-in-out;
  }
  .subbtn:hover {
    -webkit-transform: /*rotate(10deg)*/ scale(1.1);    -moz-transform: /*rotate(10deg)*/ scale(1.1);
    -o-transform: /*rotate(10deg)*/ scale(1.1);    -ms-transform: /*rotate(10deg)*/ scale(1.1);
  }

/* Moving Van*/

#bgimage {width:600px; height:150px; background-image: none;}
#bgimage:hover .van{
 -webkit-transform: translate(500px,0px);    -moz-transform: translate(500px,0px);
    -o-transform: translate(500px,0px);    -ms-transform: translate(500px,0px);
}
.van {width: 200px;height: 120px;position: relative;
 background-image: url(        "http://app.outsetonline.com/system/data/274/content/van.png?1330700278");
 left:0px;    top:0px;
    -webkit-transition: all 3s ease-in-out;    -moz-transition: all 3s ease-in-out;
    -o-transition: all 3s ease-in-out;    -ms-transition: all 3s ease-in-out;
}


.calculator-button {    background: rgba(0, 0, 0, 0) url("/system/data/525/content/gross-profilt.gif")  no-repeat scroll 0 0; height: 80px}
a.show_startup_calc {    background: rgba(0, 0, 0, 0) url("/system/data/528/content/start-up.gif")  no-repeat scroll 0 0; height: 80px!important}
a.show_survival_calc {    background: rgba(0, 0, 0, 0)  url("/system/data/527/content/personal-survival.gif") no-repeat scroll 0 0;}
a.show_gross_calc {    background: rgba(0, 0, 0, 0)  url("/system/data/525/content/gross-profilt.gif") no-repeat scroll 0 0; }
a.show_net_calc {    background: rgba(0, 0, 0, 0)  url("/system/data/526/content/net-profit.gif") no-repeat scroll 0 0;}
a.calculator-spreadsheet-button, .calculator-button {    background:rgba(0, 0, 0, 0) url("/system/data/529/content/cash-flow.gif")  no-repeat scroll 0 0;}


.btn-success, .calculator-success, .success-row  {background-color: #1a83a3!important;}
.calculator-success {background-color: #1a83a3!important;}
.btn-danger, .calculator-danger {background-color: #ea5f2d!important;}

/*
.calculator-title {font-size: 1em; /*border-bottom: 1px dotted #ea5f2d;*/
   /*  line-height: 1.1em;    text-align: left;    width: auto;
}
.link-holder .pen {    margin: 0px 6px 0;
}

.link-holder { clear: both;}
.main-holder .info-area .info-block, .main-holder .info-block-holder {
    overflow: auto;
    width: 100%!important;
}


.main-holder .info-block-holder, .info-block-holder {width: 100%!important; background-image: none; background: #f5f5f4;border-radius: 10px;}
.main-holder .info-block-frame, .info-block-frame {width: 100%!important; background-image: none; background: #f5f5f4; border-radius: 10px;}
.main-holder .info-content, .info-content {width: 100%!important; background-image: none; background: #f5f5f4}
.info-block-holder {
 background: none #f5f5f4;     padding: 4px 20px 0px; margin-bottom: 20px; min-height:150px;
}

*/



.alert-success {
    background-color: #f5f4f4!mportant;
    border-color: #ea5F2D;
    color: #006b7d;
}

.box .box-header {background-color: #1a83a3;}
.box-header-selected {  background-color: #ea5f2d!important;  }

.response_table tr:nth-child(1) td, .handsontable th {     background-color: /*Cynthia bg*/#fdf5f3!important;
    font-weight: bold;  color: #005353;}
.handsontable th {  background-color: #ffeedc!important;}/* Very Pale orange */
.htDimmed, .htNumeric{  background-color: #eaf7fa!important; color: #005353!important;}/* Very Pale Blue */

/* Every odd row */ 
.ht_master tr:nth-of-type(odd) > td, .ht_master tr:nth-of-type(odd) > td { background-color:#fcfaf9!important; } /* Very Pale orange */ 
/* Every even row */ 
.ht_master tr:nth-of-type(even) > td, .ht_master tr:nth-of-type(even) > td { background-color: #f2f9fb!important; }/* Very Pale Blue */

.ht_master, .ht_clone_left, .ht_clone_top, .ht_clone_bottom {    overflow: scroll ;}
/* Every odd row 
.ht_master tr:nth-of-type(odd) > td { background-color:#fdf5f3!important; } /* Light Blue */ 
/* Every even row
.ht_master tr:nth-of-type(even) > td { background-color: #eaf7fa!important; }/* Very light orange */

/*according dropdown for My Documents*/
.ui-state-default {background-color: #fff8ee!important; border: 1px #f16739 solid;}

#app-nav { margin-bottom: -1.5em }

a#exportAsPdfLink.btn.btn-primary {color: #ffffff;}
/* Print style sheet*/

@media print {
  body {font:12px/14px Arial, Helvetica, sans-serif;}
  
  #header, .progress-bar, #fade, #fade-responce-message,
  #popup-responce-message, .popup-message, #fade-message-send, 
  #popup-message-send, .video, .small-video-left,
.small-video-right, blockquote, h3.sidebar,
  .download, #nextlink, ul steps, .back-link, 
  .footer, .quesionaire-text, .lightbox-3, 
  #content .task-holder, .triangle-l,
#content .upload-holder  {display: none!important;}
  
  h1, h2, h3 {font-weight: normal;
	color: #F16739!important;}
  
h4, h5 {font-weight: bold;
	color: #1A84A3!important;}
  
  #nav, .link-holder, h1 {display: none !important;}
 #zzsidebar {background: #FFF; 
}