body {
  /*background:#F0F0F0 url(../images/bg.jpg) repeat;*/
  background: #424b7a;
  
}

#header {
  /*background-color:#F0F0F0;*/
  padding:15px 0 15px 0;
}

#header_link{
  padding: 0px;
  text-decoration:none;
  color:#FFF;
  font-size:1.3em;
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.7);
}

#sub_header {
  padding:33px 0 0 0;
  font-style:italic;
  font-weight:normal;
  font-size:1em;
  margin:0;color:#FFF;
}

@media (max-width: 990px) {
  #sub_header {
    padding:0px;
  }
}

#main {
  padding:5px 0 50px 0;
/*  border-bottom:1px solid #DDDDDD;
  border-top:1px solid #DDDDDD;*/
  background-color:#fff;
/*  -moz-box-shadow: 0px 5px 5px rgba(0,0,0,.3) , 0px -5px 5px rgba(0,0,0,.3);
  -webkit-box-shadow: 0px 5px 5px rgba(0,0,0,.3) , 0px -5px 5px rgba(0,0,0,.3);
  box-shadow: 0px 5px 5px rgba(0,0,0,.3) , 0px -5px 5px rgba(0,0,0,.3);*/
  /*background:#FFF url(../images/white_carbon.png) repeat;*/
  min-height: 620px;
}
@media (max-width: 750px) {
  /*No Longer have the horizontal room, so a smaller padding*/
 #main {
    min-height: 0px;
  }
}

#footer {
  padding:15px 0 0 0;
  color:#FFF;
}

#footer a{
  color:#FFF;
  text-decoration: none;
}

#footer a:hover{
  color:#FFF;
  text-decoration: underline;
}
#footer ul {
  padding:0;
}
#footer ul li {
  padding:0;
  list-style: none;
}
#footer a:hover{
  text-decoration: auto;
}

#footer_copyright {
  text-align:center;
}

#footer_ssl_seal {
  text-align:right;
}

@media (max-width: 768px) {
  #footer_copyright {
    text-align:center;
  }
  #footer_ssl_seal {
    text-align:center;
  }
}


.note_box {
  font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, monospace, serif;
  background-color:#F8F8F8;;
  border:none;
  padding: 10px;
}

/* Pages CSS: Home */
.step_links {
  /*font-size:1.3em;*/
  /*font-weight:bold;*/
  color:#9F9F9F!important;
  text-decoration:none!important;
}

.step_active {
  color:#000!important;
}

#note_box_main {
  width:100%;
  height:290px;

  margin: 10px 0;
}

#home_generate_link {
  width:100%;
}

/*Apply nice padding @ the top since we have the horizontal room*/
#link_display {
  padding-top: 100px;
}

@media (max-width: 768px) {
  /*No Longer have the horizontal room, so a smaller padding*/
  #link_display {
    padding-top: 10px;
  }
}

/* Page: Note Warning */

#note_viewed {
  margin-top:100px;
}

#note_warning_form {
  padding-top:100px;
}

#note_view_display {
  width:100%;
  min-height:500px;
}

#note_view_copy_clipboard {
  margin-top:10px;
}