
.a01,.aoff01,.aon01,
.a02,.aoff02,.aon02,
.a04,.aoff04,.aon04,
.a05,.aoff05,.aon05,
.a06,.aoff06,.aon06 {
    border-radius:5px;
    padding:3px 4px;
    text-decoration:none;
    z-index:2;
}
.a01:focus,.aoff01:focus,.aon01:focus,
.a02:focus,.aoff02:focus,.aon02:focus,
.a04:focus,.aoff04:focus,.aon04:focus,
.a05:focus,.aoff05:focus,.aon05:focus,
.a06:focus,.aoff06:focus,.aon06:focus,
.a07:focus,.aoff07:focus,.aon07:focus,
.a08:focus,.aoff08:focus,.aon08:focus,
.a09:focus,.aoff09:focus,.aon09:focus {
    outline-color:blue;
    outline-width:2px;
    outline-offset:1px;
}
.a01,.a02,.a03,.a04,.a05,.a06,.a08,.a09 {
    background-color:#F0F0FF; /* light blue */
    border:thin solid blue;
    color:blue;
}
.aoff01,.aoff02,.aoff03,.aoff04,.aoff05,.aoff06,.aoff08 {
    background-color:#F9F9F9; /* very light grey */
    border:thin solid #DDD; /* light grey */
    color:#BBB; /* grey */
}
.aon01,.aon02,.aon03,.aon04,.aon05,.aon06,.aon08 {
    background-color:blue;
    border:thin solid black;
    color:white;
}
.a01,.aoff01,.aon01 {
    /* standard button on right */
    float:right;
    margin:3px 0 3px 4px;
}
.a02,.aoff02,.aon02 {
    /* standard button on left */
    float:left;
    margin:3px 4px 3px 0;
}
.leftSide .a02,.leftSide .aoff02,.leftSide .aon02 {
    margin:6px 4px 0 0;
}
.leftSide2 .a02,.leftSide2 .aoff02,.leftSide2 .aon02 {
    margin:6px 0px 0 2px;
    padding:0px 0px;
}
.leftSide2 .fa-plus {
    position:relative;
    top:1px;
}
.a03 {
    /* plus sign when adding a new tag inline */
    border-radius:5px;
    float:left;
    font-size:13px;
    line-height:16px;
    margin:0 4px 3px 1px;
    padding:0 4px;
    z-index:2;
}
.a04,.aon04,.aoff04 {
    /* buttons on left, fixed width */
    float:left;
    height:18px;
    margin:3px 4px;
    padding-top:2px;
    text-align:left;
    width:85px;
}
.rightSide .a04, .rightSide .aon04, .rightSide .aoff04 {
    margin:3px 0;
}
.a05,.aon05,.aoff05 {
    /* large items in a list with enough room for an edit button */
    float:left;
    margin:3px 4px 3px 0;
    max-height:18px;
    max-width:395px;
    overflow:hidden;
}
.a06,.aon06,.aoff06 {
    /* tags on the right */
    float:left;
    height:18px;
    margin:3px 0px;
    max-width:175px;
    min-width:85px;
    overflow:hidden;
    padding-top:2px;
    position:relative;
    text-align:left;
}
.a07down,.a07up {
    border-radius:5px;
    color:blue;
    float:right;
    font-size:11px;
    z-index:2;
}
.a07up {
    margin:5px 0 0;
}
.a08,.aoff08,.aon08 {
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
    bottom:5px;
    float:left;
    margin-left:4px;
    padding:1px 0 0 1px;
    position:relative;
    width:19px;
    z-index:2;
}
.a08a {
    margin-left:4px;
}
.a09 {
    border-radius:4px;
    float:left;
    padding:0 1px 0 0;
    width:17px;
    z-index:2;
}
.a09a {
    margin-right:2px;
}

.a10down,.a10up {
    border-radius:5px;
    color:blue;
    float:right;
    font-size:11px;
    margin-left:5px;
    z-index:2;
}
.a10up {
    margin:1px 0 0;
}

.ad {
    border-left: 3px solid orange !important;
}

body {
    font-family: 'Molengo', sans-serif;
    margin:20px;
}

.borderBetween1-2of3, .borderBetween2-3of3 {
    float:left;
    width:3%;
}

.bullet {
    font-size: 35px;
    line-height: 5px;
    position: relative;
    bottom: 3px;
}

.card01 {
    background-color:#FAFAFA;
    border-color:#FCFCFC;
    border-style:solid;
    border-width:5px;
    clear:both;
    margin:2px 0 0;
    padding:6px 17px;
    position:relative;
    max-width:450px;
}

.cardContainer01 {
    border-left: 3px solid #CCC;
    margin:0 0 20px;
    overflow:hidden;
    max-width:530px;
}

.cardTopLeft {
    float:left;
    font-size:17px;
    font-style:italic;
    left:10px;
    margin-bottom:2px;
    position:relative;
}
.cardTopLeft > .fa {
    float:left;
    left:0;
    position:absolute;
    top:-8px;
}
.cardTopLeftNoIcon {
    float:left;
    font-size:20px;
    left:37px;
    line-height:6px;
    position:absolute;
    top:14px;
}
.cardTopRight {
    float:right;
    font-size:10px;
    right:37px;
    line-height:6px;
    position:absolute;
    top:-10px;
}

.cell, .cell25, .cell50, .cell75, .cell100, .cell125, .cell150, .cell175, .cell200, .cell225, .cell250, .cell275, .cell300 {
    float:left;
    min-height:22px;
    line-height:20px;
    text-align:left;
    width:100%;    
}

.cell25  { max-width:25px; }
.cell50  { max-width:50px; }
.cell75  { max-width:75px; }
.cell100 { max-width:100px; }
.cell150 { max-width:150px; }
.cell200 { max-width:200px; }
.cell225 { max-width:225px; }
.cell250 { max-width:250px; }
.cell300 { max-width:300px; }

.contentarea {
    display:inline;
    max-width:1000px;
}

.column1-3, .column2-3, .column3-3 {
    float:left;
    width:31%;
}

.h0  { clear:both;              }
.h1  { clear:both; height:1px; }
.h2  { clear:both; height:2px; }
.h3  { clear:both; height:3px; }
.h4  { clear:both; height:4px; }
.h5  { clear:both; height:5px; }
.h6  { clear:both; height:6px; }
.h7  { clear:both; height:7px; }
.h8  { clear:both; height:8px; }
.h9  { clear:both; height:9px; }
.h10 { clear:both; height:10px; }
.h11 { clear:both; height:11px; }
.h12 { clear:both; height:12px; }
.h13 { clear:both; height:13px; }
.h14 { clear:both; height:14px; }
.h15 { clear:both; height:15px; }
.h20 { clear:both; height:20px; }
.h25 { clear:both; height:25px; }
.h30 { clear:both; height:30px; }
.h35 { clear:both; height:35px; }

hr,.hr, .darkgrey, .lightgrey, .rowDivider, .hrCount {
    border:0;
    height:0;
    margin:0;
    position:relative;
    right:35px;
    width:520px;
}

.promotion {
    border-left:3px solid #5C5 !important;
}

.row10, .row20 {
    clear:both;
    max-width:450px;
}

.row10 {
    margin:10px 0 0 0;
}

.row20 {
    margin:20px 0 0 0;
}

.rowDivider {
    border-top:1px solid rgba(0, 0, 0, 0.1);
    right:initial;
    max-width:450px;
}

.text01 {
    background-color:#FAFAFA;
    border-color:#666;
    border-style:dotted;
    border-width:0 0 1px 0;
    font-family:'Lucida Grande';
    font-size:11px;
    padding:3px;
    width:100%;
}
.text01:focus {
    border-color:blue;
    border-style:solid;
    border-width:0 0 2px 0;
    outline:none;
}



