/*
  Chris De David
*/
body {
    padding-bottom: 20px;
}

header div.banner {
    height: 117px;
    background: url(../img/banner/header-bg.jpg) top left no-repeat;
}

.clear:after,
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clear,
.clearfix {
    display: inline-block;
}

html[xmlns] .clear,
html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1px;
}

/*form elements*/
input[type="text"], textarea {
    color: #333;
}

#targetform label {
    cursor: pointer;
}

/*form extras*/
.row {
    overflow-x: hidden;
    padding: 0.6em 0;
}

.num {
    color: #009933;
}

.ttl {
    color: #333366;
    font-size: 1.4em;
    font-weight: 700;
}

.col3 .ttl {
    font-size: 1em;
}

.help {
    font-size: 0.9em;
    color: #aaa;
}

.help_r {
    font-size: 0.9em;
    color: #aaa;
    float: right;
}

div.LW .preview,
div.crosshair .preview {
    line-height: 0.2em;
    height: auto;
    width: 80%;
    background-color: #CC0000;
    clear: both;
}

.SBC .preview .gap {
    width: 1px;
    overflow-x: hidden;
}

.SBC .preview * {
    display: inline;
    display: block;
    float: left;
}

.decor {
    border: 1px solid #dcdcdc;
    padding: 5px;
}

#btnBuildDiv {
    height: 72px;
}

.btnBuildDivFixed {
    position: fixed;
    bottom: 1em;
    /*right:0;*/
    /*left:0;*/
    z-index: 10001;
    max-width: 80%;
}

.ui-body-c, .ui-overlay-c {
    background: none;
    border: none;
    color: #333333;
    text-shadow: none;
}

.ttl {
    clear: right;
}

/*special make targets form stuff*/

.pageLayoutL, .pageLayoutP {
    font-size: 90%;
    border: 1px solid #777;
    text-align: center;
    line-height: 90px;
    width: 58px;
    cursor: pointer;
}

.pageLayoutL {
    line-height: 48px;
    width: 80px;
}

.layoutTh {
    /*background:#fff url(http://www.printtargets.net/img/print-target-layout-faded-ls.gif) no-repeat;*/
    float: left;
    width: auto;
    /*border: 3px solid #FFF;*/
    text-align: center;
    cursor: pointer;
    line-height: 0;
    margin: 0;
    padding: 2px;
}

.layoutTh.noImg div {
    border: 1px solid #999;
    width: 58px;
    background-color: white;
}

.layoutTh.selected, .layoutTh.noImg.selected {
    /*border: 3px solid #C00;
    margin: 0;*/
    background-color: #C00;
}

.layoutTh.noImg {
    color: #c00;
    font-size: 16px;
    background: none;
    line-height: 37px;
    font-weight: bold;
}

div .paper-sizes div {
    /*float: left;
    width: auto;
    white-space: nowrap;
    padding-right: 1em;*/
}

.paper-sizes .help {
    font-weight: normal;
}

.paper-size {
    font-weight: bold;
    /*clear: right;*/
}

.numbers-row .ui-checkbox {
    float: left;
    width: 8em;
    clear: none;
}

.numbers-row input {
    width: 2.5em;
}

.numbers-row .range input {
    display: inline;
    clear: none;
}

.calibration .thumbs {
    float: left;
    padding: 0.4em;
    cursor: pointer;
    background-color: none;
}

.calibration .selected {
    background-color: darkred;
}

.target-preview .info div.lbl {
    font-size: 0.8em;
    color: #999;
}

.target-preview .info div.data {
    font-size: 1em;
    color: #222;
}

/* fixes to override other styles :( */
#targetform img {
    max-width: none;
}

.entry-content, .entry-summary {
    /*padding: 0;*/
}

#primary

/*jQuery UI Overrides*/

 .paper-sizes label {
    /*width: 16em;*/
}

.paper-sizes.ui-radio {
    /*float: left;*/
}

div.ui-slider {
    margin-bottom: 0.5em;
}

/* sharethis */
.shareThisBar {
    clear: both;
}

.shareThisBar span {
    clear: none;
    float: left;
}

/* Preview Page */

.preview-img {
    margin: 0 0 0.6em 0;
}

.preview-img .content {
    border: 1px solid #777;
    padding: 3px 5px;
}

.caption-top {
    background-color: #777;
    color: #fff;
    line-height: 1.6em;
    font-size: 0.8em;
    padding: 0 1em;
}

.caption-bottom {
    background-color: #777;
    color: #fff;
    line-height: 2em;
    font-size: 1em;
    text-align: center;
}

.target-preview .paper-size {
    font-size: 1.4em;
    color: #555;
}

.target-preview .fb-share {
    position: relative;
    float: right;
}

/* Download Page */

.downloads {
    padding: 0;
}

.downloads .cell {
    border: 1px solid #ccc;
    padding: 0.4em 0.6em;
    float: left;
    margin: 0 0.4em 0.4em 0;
    min-height: 21em;
}

.downloads .data {
    font-size: 1.1em;
}

.downloads .ttl {
    max-width: 300px;
    overflow: hidden;
}

.downloads .ttl a {
    color: #333366;
}

.downloads .data .col1 {
    display: inline;
    float: left;
}

.downloads .data .col2 {
    display: inline;
    float: right;
}

.downloads .share-buttons,
.downloads .target-cells,
.downloads .paper-size-select {
    margin-top: -20px;
}

.target-preview .col1 {
    display: inline;
    float: left;
    width: 40%;
}

.target-preview .col2 {
    display: inline;
    float: right;
    width: 60%;
}

.ajax-msg {
    z-index: 100001;
    position: fixed;
    display: none;
    top: 0;
    width: 30em;
    letter-spacing: 1px;
    margin: 0 auto;
    max-width: 100%;
}

.ajax-msg.error {
    background-image: none;
    background-color: #DDB3B0;
    color: black;
    border: 3px solid red;
}

.ajax-msg.success {

}

input.hi {
    background-color: yellow;
    border: 2px solid #F99;
    font-weight: bold;
}

div.env-local {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 80px;
    background-color: #f0f0b8;
    color: #444;
    font-size: 0.7em;
    line-height: 2em;
    height: 2em;
    text-align: center;
}

.target-preview div.top-row .paper-size {
    clear: both !important;
}

/* like buttons */
.like-buttons .btn {
    white-space: nowrap;
    display: inline;
}

.like-buttons .stats {
    white-space: nowrap;
    display: inline;
    font-size: 63.333%;
}

.like-buttons .stats a {
    cursor: help;
}

.like-buttons .stats .likes a {
    color: darkgreen;
}

.like-buttons .stats .dislikes a {
    color: #778899;
}

.like-buttons .lbl {
    font-size: 80%;
    color: #555;
}

.downloads .like-buttons,
.target-preview .like-buttons {
    text-align: left;
}

.target-preview .like-buttons {
    float: right;
    padding-right: 1em;
}

.no-results {
    text-align: center;
    font-size: 130%;
    padding: 2em;
}

.downloads .dls {
    color: #AAA;
    float: right;
    font-size: 63.333%;
}

.pad {
    padding-top: 2em;
}

.NOC_preview {
    width: 100%;
    height: 54px !important;
    max-height: 54px;
    overflow: hidden !important;
}

.CTF_preview {
    width: 162px;
    height: 101px;
    /*background: url(http://www.printtargets.net/assets/img/circles-to-fill.png) center center no-repeat;*/
}

div.NOC .preview {
height: 54px !important;
max-height: 54px;
overflow: hidden !important;
}

.ptr {
    cursor: pointer;
}

/* specific browser hacks! :( */
::-webkit-input-placeholder {
    color: #aaa;
}

:-moz-placeholder {
    color: #aaa;
}

input[type="number"] {
    width: 3em;
}

.preview {
    margin-top: 1em;
    margin-bottom: 1em;
}

#btnBuild2 {
    padding: 20px 80px; cursor: pointer; font-size: 20px; font-weight: bold; color:#060;
}

.sprite-alpha{ background-position: 0 0; width: 10px; height: 100px; }
.sprite-bulls-eye-size{ background-position: -60px 0; width: 162px; height: 101px; }
.sprite-calibration_diagram_shooting_black-w80{ background-position: -272px 0; width: 80px; height: 80px; }
.sprite-calibration_diagram_shooting_charcoal-w80{ background-position: -402px 0; width: 80px; height: 80px; }
.sprite-calibration_diagram_shooting_darkred-w80{ background-position: -532px 0; width: 80px; height: 80px; }
.sprite-calibration_diagram_shooting_green-w80{ background-position: -662px 0; width: 80px; height: 80px; }
.sprite-calibration_diagram_shooting_navyblue-w80{ background-position: -792px 0; width: 80px; height: 80px; }
.sprite-calibration_diagram_shooting_orange-w80{ background-position: -922px 0; width: 80px; height: 80px; }
.sprite-calibration_diagram_shooting_red-w80{ background-position: -1052px 0; width: 80px; height: 80px; }
.sprite-circle-edge{ background-position: -1182px 0; width: 6px; height: 56px; }
.sprite-circles-to-fill{ background-position: -1238px 0; width: 162px; height: 101px; }
.sprite-color-help-fill{ background-position: -1450px 0; width: 162px; height: 101px; }
.sprite-color-help-line{ background-position: -1662px 0; width: 162px; height: 101px; }
.sprite-crosshair-help{ background-position: -1874px 0; width: 162px; height: 101px; }
.sprite-document_pdf{ background-position: 0 -151px; width: 44px; height: 44px; }
.sprite-filled-circle{ background-position: -94px -151px; width: 200px; height: 200px; }
.sprite-header-bg{ background-position: -344px -151px; width: 1000px; height: 117px; }
.sprite-hue{ background-position: -1394px -151px; width: 1px; height: 100px; }
.sprite-inner-bullseye-size{ background-position: -1445px -151px; width: 162px; height: 101px; }
.sprite-number-colors{ background-position: -1657px -151px; width: 162px; height: 101px; }
.sprite-number-of-cirlcles{ background-position: -1869px -151px; width: 162px; height: 101px; }
.sprite-print-target-layout-c1-ls{ background-position: 0 -401px; width: 60px; height: 40px; }
.sprite-print-target-layout-c12-ls{ background-position: -110px -401px; width: 60px; height: 40px; }
.sprite-print-target-layout-c16-ls{ background-position: -220px -401px; width: 60px; height: 40px; }
.sprite-print-target-layout-c2-ls{ background-position: -330px -401px; width: 60px; height: 40px; }
.sprite-print-target-layout-c20-ls{ background-position: -440px -401px; width: 60px; height: 40px; }
.sprite-print-target-layout-c3-ls{ background-position: -550px -401px; width: 60px; height: 40px; }
.sprite-print-target-layout-c4-ls{ background-position: -660px -401px; width: 60px; height: 40px; }
.sprite-print-target-layout-c42-ls{ background-position: -770px -401px; width: 61px; height: 40px; }
.sprite-print-target-layout-c6-ls{ background-position: -881px -401px; width: 60px; height: 40px; }
.sprite-print-target-layout-c63-ls{ background-position: -991px -401px; width: 61px; height: 40px; }
.sprite-print-target-layout-c8-ls{ background-position: -1102px -401px; width: 60px; height: 40px; }
.sprite-print-target-layout-c9-ls{ background-position: -1212px -401px; width: 60px; height: 40px; }
.sprite-saturation{ background-position: -1322px -401px; width: 100px; height: 100px; }
.sprite-space-between-circles{ background-position: -1472px -401px; width: 162px; height: 101px; }

.home .sprite {
    background: url(sprite-home.gif) no-repeat top left;
}
.sprite.w162 {
    width: 162px;
    height: 101px;
}