/* 43actions.com main stylesheet (iPhone)
 * Dump your mind.
 * Oskar Lissheim-Boethius, 2007
 * oskarlissheimboethius.com */
/* ******************************
 * Main layout */
/* Main reset */
* {
  margin: 0;
  padding: 0;
  position: relative; }

body {
  color: #000;
  -webkit-text-size-adjust: none;
  font-family: Helvetica, Trebuchet, Verdana, sans-serif;
  font-size: 17px; }

#container {
  width: 100%;
  margin: 0 auto; }

/* ******************************
 * Navigation bar top */
#navbarcontainer {
  position: fixed;
  width: 100%;
  margin: 0;
  margin-top: 0px;
  padding: 0;
  z-index: 3; }

#navbar {
  position: relative;
  margin: 0;
  font-family: Helvetica;
  background: #fff;
  color: #000;
  overflow: hidden; }
  #navbar #title {
    box-sizing: border-box;
    margin: 0;
    padding: 10px;
    line-height: 20px;
    color: #fff;
    background: url(/images/iUI_silver/iPhoneToolbar.png) #6d84a2 repeat-x;
    border-bottom: 1px solid #2d3642;
    font-size: 20px;
    font-weight: bold;
    
    text-align: center;
    text-shadow: rgba(0, 0, 0, 0.6) 0px -1px 0;
    text-overflow: ellipsis; }
  #navbar .button {
    position: absolute;
    top: 8px;
    right: 4px;
    -webkit-border-image: url(/images/iUI_silver/iPhoneButton.png) 0 5 0 5;
    -webkit-border-radius: 0;
    border-width: 0 4px 0 4px;
    padding: 0 3px;
    height: 28px;
    line-height: 28px;
    color: #fff;
    background: none;
    background-color: none;
    font-size: 12px;
    font-weight: bold;
    
    text-shadow: rgba(0, 0, 0, 0.6) 0px -1px 0;
    text-decoration: none; }
    #navbar .button a:active {
      -webkit-border-image: url(/images/iUI_silver/iPhoneGoButton.png) 0 5 0 5; }
  #navbar #backbutton {
    left: 4px;
    padding: 0;
    right: auto;
    -webkit-border-image: url(/images/iUI_silver/iPhoneBackButton.png) 0 8 0 14;
    border-width: 0 7px 0 13px; }
  #navbar .goButton {
    -webkit-border-image: url(/images/iUI_silver/iPhoneGoButton.png) 0 5 0 5;
    border-width: 0 5px; }
  #navbar .alertButton {
    -webkit-border-image: url(/images/iUI_silver/iPhoneAlertButton.png) 0 5 0 5;
    border-width: 0 5px; }
  #navbar a {
    background-color: none;
    color: #fff;
    text-decoration: none; }
  #navbar a:active {
    background-color: none;
    color: #fff;
    text-decoration: none; }

#sub-navbar {
  margin: 0;
  padding: 0;
  border: 0;
  margin-bottom: -12px;
  background-color: #fff;
  background: url(/images/darkShadow.png) top repeat-x; }

/* ******************************
 * Content */
#content {
  clear: both;
  z-index: 1;
  position: relative;
  padding-top: 45px; }

#maintext {
  margin: 10px 0px;
  padding: 5px 20px; }

#faq {
  font-size: 15px;
  list-style-image: none;
  list-style-type: decimal; }
  #faq ul {
    margin: 10px;
    list-style-image: none;
    list-style-type: none; }

#flash {
  margin: 0px 30px;
  padding-top: 10px;
  font-size: 14px;
  text-align: center; }

/* ******************************
 * General tags layout */
p a:active, li a:active, td a:active {
  background-color: #000;
  color: #fff;
  text-decoration: none; }

p {
  padding: 5px 0; }

small {
  font-size: 14px; }

img {
  border: 0; }

ul {
  line-height: 20px;
  margin-top: 5px;
  margin-left: 25px;
  margin-bottom: 10px; }

li {
  padding-top: 7px; }

ol {
  margin-left: 25px; }

a {
  padding: 0px;
  color: #00f;
  text-decoration: underline;
  background-color: none; }

a:visited {
  color: #00f; }

h1 {
  font-size: 26px;
  font-weight: bold;
  margin: 10px 0; }

h2 {
  margin: 10px 0;
  font-size: 22px;
  font-weight: bold; }

h3 {
  margin: 6px 0;
  font-size: 16px;
  font-weight: bold; }

input {
  margin: 0;
  padding: 0;
  font-size: 1.2em; }

select {
  margin: 0;
  padding: 0;
  font-size: 1.2em; }

textarea {
  margin: 0;
  padding: 0;
  font-size: 1.2em; }

label {
  margin: 0;
  padding: 0;
  border: 0;
  white-space: nowrap; }

/* ******************************
 * Classes */
.lineitem {
  clear: both;
  border: 0;
  border-bottom: 1px;
  border-color: #cccccc;
  border-style: solid; }
  .lineitem a {
    color: #000;
    text-decoration: none; }
  .lineitem a:active {
    background-color: none; }

.lineitem.arrow {
  background-image: url("/images/iPhoneArrow.png");
  background-repeat: no-repeat;
  background-position: right center; }

.lineitemtext {
  padding: 15px 10px;
  padding-right: 70px; }

.lineitemtext_inline {
  padding: 15px 10px;
  padding-right: 0px; }

.lineitem_notes {
  clear: both;
  font-size: 12px;
  color: #aaaaaa;
  line-height: 18px; }

/* openid logo in the input-field */
.openid {
  background: url(/images/openid.gif) no-repeat;
  background-position: 0 50%;
  padding-left: 18px; }

.count {
  position: absolute;
  top: 18px;
  right: 10px;
  text-align: right;
  color: #888888;
  font-size: 12px;
  font-weight: bold; }

.active {
  background-color: #000;
  color: #fff; }

.special {
  background-color: #ddeeff; }

.special_grayblue {
  background-color: #ddddee; }

.special_advertising {
  background-color: #e6ffe6; }

.alert {
  background-color: #cc0000;
  color: #fff; }

.alerttext {
  color: #cc0000; }

.warningtext {
  color: #b36100; }

.checkedtext {
  color: #777777; }

.flaggedtext {
  color: #006699; }

.greentext {
  color: #4C8B57; }

.small {
  font-size: 12px; }

.placeholder {
  color: #bbb;
  font-style: none; }

/* for Help/FAQ section */
.question {
  font-weight: bold;
  font-style: italic; }


/* hiding and showing elements */
.open {
  display: block; }

.closed {
  display: none; }

/* ******************************
 * Context layout */

#management {
  margin: 10px 5px;
  padding: 5px 10px; }
  #management ul {
    padding: 5px 0px;
    list-style-image: none;
    list-style: square; }
  #management li {
    margin: 0;
    padding: 15px 0px; }

/* ******************************
 * Item layout */
#item_editor {
  padding: 0; }
  #item_editor p {
    padding: 5px 20px; }

#itemviewer .lineitem {
  clear: both;
  border: 0;
  margin: 0;
  padding: 0;
  border-bottom: 1px;
  border-color: #cccccc;
  border-style: solid; }
#itemviewer .lineitemtext {
  padding: 10px 10px; }
#itemviewer .status {
  color: #888888;
  font-size: 12px;
  font-weight: bold; }
#itemviewer .sectionlink {
  font-size: 15px; }
  #itemviewer .sectionlink a {
    padding: 1px 3px;
    background-color: #000;
    color: #fff; }
  #itemviewer .sectionlink a:active {
    background-color: #000;
    color: #000; }
#itemviewer .notes {
  font-size: 15px; }
  #itemviewer .notes a {
    color: #00f;
    text-decoration: underline; }
  #itemviewer .notes a:active {
    background-color: #000;
    color: #fff;
    text-decoration: none; }
#itemviewer .check {
  padding: 8px;
  color: #fff;
  background-color: #090;
  -webkit-border-radius: 8px; }
#itemviewer .mail {
  padding: 8px;
  color: #fff;
  background-color: #D8AE25;
  -webkit-border-radius: 8px; }
#itemviewer .dismiss {
  padding: 8px;
  color: #fff;
  background-color: #DCAF00;
  -webkit-border-radius: 8px; }
#itemviewer .mark {
  padding: 8px;
  color: #fff;
  background-color: !flagged_blue;
  -webkit-border-radius: 8px; }

#quick_add_container {
  clear: both;
  border: 0;
  border-bottom: 1px;
  border-color: #ccc;
  border-style: solid; }

#quick_add_editor {
  margin: 10px;
  padding: 10px;
  border: 4px dashed #cccccc;
  background-color: #fff;
  -webkit-border-radius: 7px; }

#feedback_field {
  margin: 10px;
  padding: 10px;
  border: 4px dashed #CEE2E9;
  background-color: #fff;
  -webkit-border-radius: 7px; }

/* ******************************
 * Settings layout */
#settings_table {
  margin-top: 0px;
  padding: 15px; }
  #settings_table td {
    padding-top: 15px; }
  #settings_table td.SettingsSubTitle {
    letter-spacing: 0.15em;
    padding-left: 10px;
    font-style: italic;
    font-variant: small-caps;
    font-size: 20px; }
  #settings_table td.OptionTitle {
    padding-left: 10px; }
  #settings_table td.OptionSubTitle {
    padding-left: 20px;
    font-size: 15px; }
  #settings_table td.OptionValue {
    padding-left: 0px; }
  #settings_table td.OptionSubValue {
    font-size: 15px; }
  #settings_table tr.SettingsTitle {
    letter-spacing: 0.15em;
    font-size: 24px;
    font-weight: bold;
    font-variant: small-caps; }

/* ******************************
 * Scaffolding error tags */
.field_error {
  border: 6px solid #f0f0f0; }

.fieldWithErrors {
  margin: 10px;
  padding: 2px;
  background-color: #f0f0f0; }

#errorExplanation {
  margin: 10px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  background-color: #f0f0f0; }
  #errorExplanation h2 {
    text-align: left;
    padding: 5px 5px 5px 15px;
    background-color: #cc0000;
    color: #fff;
    font-weight: bold;
    font-size: 12px; }
  #errorExplanation p {
    color: #333;
    padding: 5px; }
  #errorExplanation ul li {
    font-size: 12px;
    list-style: square; }

.uploadStatus {
  margin: 5px; }

.progressBar {
  margin: 5px; }
  .progressBar .border {
    background-color: #fff;
    border: 1px solid #aaaaaa;
    width: 100%; }
  .progressBar .background {
    background-color: #777777;
    height: 18px;
    width: 0%; }

/* ******************************
 * datepicker styles */
div.set_day_and_time {
  margin: 5px;
  padding: 0pt 0pt 10px 20px;
  margin-bottom: -12px; }
  div.set_day_and_time table {
    width: auto !important; }
  div.set_day_and_time p {
    margin-bottom: 0pt; }
  div.set_day_and_time table {
    border-collapse: collapse;
    font-size: 14px;
    margin: 3px 0pt 8px;
    font-family: Helvetica;
    font-weight: normal;
    color: #000;
    background-color: #ececec; }
    div.set_day_and_time table th {
      font-size: 16px;
      padding: 3px;
      text-align: center;
      color: #333; }
    div.set_day_and_time table th.bigdate {
      font-size: 22px; }
    div.set_day_and_time table th.arrows a {
      font-size: 20px;
      text-decoration: none;
      padding: 3px;
      color: #666; }
    div.set_day_and_time table tr.weekdays {
      font-size: 18px;
      border-bottom: 1px solid #CCCCCC; }
    div.set_day_and_time table td {
      font-size: 20px;
      border-bottom: 1px solid #CCCCCC;
      border-right: 1px solid #CCCCCC;
      padding: 0pt;
      text-align: right;
      background-color: #fff; }
      div.set_day_and_time table td a {
        color: #03c;
        display: block;
        padding: 7px;
        text-decoration: none; }
      div.set_day_and_time table td a:hover {
        background: #ccc none repeat scroll 0%;
        color: #000;
        text-decoration: none; }
      div.set_day_and_time table td a:active {
        background: #000 none repeat scroll 0%;
        color: #FFFFFF;
        text-decoration: none; }
      div.set_day_and_time table td a.current {
        background: #0033BB none repeat scroll 0%;
        color: #FFFFFF;
        text-decoration: none; }
    div.set_day_and_time table td.first {
      border-left: 1px solid #CCCCCC; }