.important {
   font-style: italic;
   font-weight: bold;
}

.semiimportant {
   font-weight: bold;
}

.usersettingname {
   font-weight: bold;
}

.usersettingvalue {
   font-style: italic;
}

.apptitle {
   font-weight:bold;
}

ul.noindent{
   padding-left:1.5em;
}

ul.noindent li.first{
   padding-bottom:1em;
}

.captionfancy {
   text-align:center;
   padding: 0 1em;
   margin:0;
   font-style:italic;
}

.markuptitle {  font-weight:bold; }

.markuptitle:after { content: ":" }

ol.markupdescription { margin-top:2em;}

ol.markupdescription li {
   margin-top:1em;
}

div.markup {
   float:left;
   overflow:auto;
   width:405px;
   height:503px;
   margin: 0 2em 0 0;
   padding:1px;
}
/*********************************************************
 * iPhone Images
 *********************************************************/

img.embeddedbutton { margin:0 0.5em;}

img.osxscreenshot {
   margin:0 auto -20px auto;
   padding:0;
   width:414px;
   height:770px;
}

/* 620 x 770 */
img.osxscreenshotmarkup {
   margin:0 auto;
   padding:0;
   width:403px;
   height:501px;
}

img.osxscreenshotmedium {
   margin:0 auto -10px auto;
   padding:0;
   width:212px;
   height:394px;
}

img.iphonereflected {
   margin:0;
   padding:0;
   width:177px;
   height:442px;
}

img.appstore {
   border: none;
   height: 50px;
   width: 153px;
}

img.envelope {
   width:27px;
   height:19px;
}

img.info {
   width:27px;
   height:19px;
}

img.toggle {
   width:94px;
   height:27px;
}

img.usermanualdl {
   margin:0 0.5em 0.5em 0;
}

.osxscreenshotmedium {
   width:212px;
}

ul.thumbnails {
   width: 560px;
   margin:0 30px;
   padding:0;
}

ul.thumbnails li {
    float: left;
    padding: 0 0 1.25em 0;
    list-style: none;
    width: 110px;
    height: 222px;
    text-align:center;
    margin:0;
    overflow:auto;
}

/*********************************************************
 * YATC Specific Images
 *********************************************************/
img.yatcsinglebutton {
   width:64px;
   height:28px;
}

img.yatcsubtotalarea {
   margin-bottom: 0.5em;
   padding:0;
   width:288px;
   height:57px
}

img.yatcpicker {
   width:70px;
   height:214px
}

img.yatcbuttons {
   margin:1em auto;
   padding:0;
   width:314px;
   height:28px;
}

img.yatcchecksumalert {
   margin:0 auto;
   width:276px;
   height:209px
}

img.yatcresultarea {
   margin:0 auto;
   padding:0;
   width:318px;
   height:169px;
}

/****************************************************************************
 * YATC SPECIFIC
 ****************************************************************************/
.fraud {
   font-weight:bold;
   color:#FA8CD0;
}

.exactamt {
   font-style: italic;
   font-weight:bold;
}

.mathexample, .mathexample-extended {
   padding: 0 0 0 5em;
   margin:0;
   overflow:auto;
}

.mathexample-extended .label {
   width:5em;
   float:left;
   clear:both;
}

.mathexample-extended .value, .mathexample-extended .total{
   width:5em;
   float:left;
   text-align:right;
}

.mathexample-extended .notes{
   width:15em;
   float:left;
   margin-left:1em;
   text-align:left;
}

.mathexample-extended .total{
   border-top:1px solid white;
}