/* ----------------------------------------- */
/* CSS for Carb Counts */

table { page-break-inside:auto }
tr    { page-break-inside:avoid; page-break-after:auto }
thead { display:table-header-group }
tfoot { display:table-footer-group }

/* ----------------------------------------- */
/* RESET */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    font-weight: normal;
    word-wrap: break-word;

    direction: ltr !important;      /* Bing Translator applies custom inline styles for non-ltr languages (like 'ar') */
    text-align: start !important;   /* which seriously jam up our style */
}
* {
    padding: 0;
    margin: 0;
}
body {
    background: #e3ecf9;
    background-image: url('../images/diagmonds.png');
    line-height: 1.3em;
    font-size: 14px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    color: black;
}
p {
    margin : 0 0 1em;
    word-wrap: break-word;
}
th {text-align: left;}
strong {
    font-weight: bold;
}
em {
    font-style: italic;
}


/* ----------------------------------------- */
/* @PAGE STRUCTURE*/
/* @pages */

.container {
    width: 792pt;
    margin: 10px;
}
.container.portrait-page {
    position: relative;
    width: 674px;
    height: 100%;
    font-size: 12px;
    background: #fff;
    padding:0;
}

.page-break {
    clear: left;
    height: 1px;
    page-break-after:always;
}

/* ----------------------------------------- */
/* @UTILITY CLASSES */
.strike-through {color: #666 !important; text-decoration:line-through !important;}
.left {float: left;}
.right {float: right;}
.center {margin: 0 auto;}
.centered {text-align: center;}
p.right {margin-right: 1px;}
.hidden {display: none;}
.clear {clear: both;height: 0;}
.clear-left {clear: left;}
.rounded {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

/* ----------------------------------------- */
/* @headers */

.title {margin: 2pt 6pt 2pt 20px; float: left;}
.title p {margin: 0;}

.page-title {
    font-size: 38px;
    line-height: 1;
}
.sub-title {
    font-size: 24px;
    line-height: 1;
}
.sub-sub-title {
    font-size: 14px;
    line-height: 1;
}

/* ----------------------------------------- */
/* @please-note div */

.please-note {
    display: inline-block;
    width: 645px;
    margin: 15px 15px -5px;
    padding: 8px 10px;
    background-color: #fff;
    line-height: 1.3em;
    border: solid 1px #edf6fd;
    font-style: italic;
    color: #444;
}

/* ----------------------------------------- */
/* @tables */

.carbs-table {
    clear: both;
    width: 646px;
    margin: 0 6pt 0px 15px;
    border-collapse: collapse;
    font-size: 12px;
}
.carbs-table th {
    padding: 0 0 2px 8px;
    text-transform: uppercase;
    text-align: left;
    color: #666666;
}

.carbs-table td {
    min-height: 12pt;
    border: 1px solid #999;
    padding: 4pt 0;
    line-height: 1.5;
}

.carbs-table p {
    margin: 0 5px 1px 8px;
    font-size: 14px;
    line-height: 1;
}

td.carbs-table-item, th.carbs-table-item {
    width: 277px;
    max-width: 277px;
}

td.carbs-table-size, th.carbs-table-size {
    width: 100px;
    max-width: 100px;
}

td.carbs-table-count, th.carbs-table-count {
    width: 135px;
    max-width: 135px;
}

tr:nth-of-type(even) {
    background-color:#f4f9f4;
}

th.carbs-table-item {padding-top: 20px;}
.btn-green-small {
    display: inline-block;
    *display: inline;
    padding: 4px 12px;
    margin: 2px 0 0 0;
    font-size: 16px;
    line-height: 20px;
    *line-height: 20px;
    line-height: normal;
    color: #ffffff;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    vertical-align: middle;
    cursor: pointer;
    background-color: #5bb75b;
    *background-color: #51a351;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
    background-image: -webkit-linear-gradient(top, #62c462, #51a351);
    background-image: -o-linear-gradient(top, #62c462, #51a351);
    background-image: linear-gradient(to bottom, #62c462, #51a351);
    background-image: -moz-linear-gradient(top, #62c462, #51a351);
    background-repeat: repeat-x;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    *zoom: 1;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    border: 1px solid #bbbbbb;
    *border: 0;
    border-color: #51a351 #51a351 #387038;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
    width: auto;
    height: auto;

}

.btn-green-small:first-child {
    *margin-left: 0;
}

.btn-green-small:hover {
    text-decoration: none;
    background-position: 0 -15px;
    -webkit-transition: background-position 0.1s linear;
    -moz-transition: background-position 0.1s linear;
    -o-transition: background-position 0.1s linear;
    transition: background-position 0.1s linear;
}

.btn-green-small:hover,
.btn-green-small:active,
.btn-green-small.active,
.btn-green-small.disabled,
.btn-green-small[disabled] {
    color: #ffffff;
    background-color: #51a351;
    *background-color: #499249;
    /* Buttons in IE7 don't get borders, so darken on hover */

}

.btn-green-small:active,
.btn-green-small.active {
    background-color: #408140 \9;
}

.btn-new-block {
    display: block;
    padding-right: 0;
    padding-left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.btn-new-block + .btn-box-block {
    margin-top: 5px;
}

input[type="submit"].btn-new-block,
input[type="reset"].btn-new-block,
input[type="button"].btn-new-block {
    width: 100%;
}

[class^="icon-"],
[class*=" icon-"] {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-top: 1px;
    *margin-right: .3em;
    line-height: 14px;
    vertical-align: text-top;
    background-image: url("../images/glyphicons-halflings-white.png");
    background-position: 14px 14px;
    background-repeat: no-repeat;
}

.icon-print {
    background-position: -96px -48px;
}

/* ----------------------------------------- */
/* @footer */

.carbs-footer {
    display: inline-block;
    width: 625px;
    margin: 20px 15px 0;
    line-height: 1.3em;
    font-size: 10px;
}

/* ----------------------------------------- */
/* screen only, non-print */

@media screen {
    .print-button-container {
        display: block;
        width: 674px;
        height: 50px;
        background: #E3ECF9;
        background-image: url(../images/diagmonds.png);
        padding:10px;
    }
    .carb-counts-button {
        float: right;
        margin-right: 6px;
        margin-top: 0px;
        margin-bottom: 0px;
        margin-left: 0px;
    }
    .carb-counts-button.print {
        background: #2771E7;
        color: #fff;
    }
    .carb-counts-button.print:hover {
        background: #013DB5;
    }
    .carb-counts-button:first-child {
        margin-right: 0;
    }
	#print-button {
		float: left;
		padding: 4px 12px;
		margin-right: 12px;
		margin-top: 4px;
	}

    .btn-group-print-carbs {
        display:block;
        float:right;
    }

    .btn-group-print-carbs .btn-sm:first-child {
        margin-left: 5px;
    }

    .btn-group-print-carbs .btn-sm:last-child {
        margin-right: 10px;
    }
    #carb-counts-date-selector {
        margin-right: 5px;
        margin-left: 5px;
    }
    #carb-counts-date-selector div {
        width: 84px;
    }
    #carb-counts-date-selector #start-date {
        border-top-right-radius:0;
        border-bottom-right-radius:0;
    }
    #carb-counts-date-selector #end-date {
        border-top-left-radius:0;
        border-bottom-left-radius:0;
        margin-left: -5px;
    }
}

/* ----------------------------------------- */
/* print only */

@media print {
    #WidgetFloaterPanels {
        display: none !important;
    }

    #non-print-footer {
        display: none !important
    }

}


.btn-light-gray {
color: #333333;
background-color: #dadada;
border-color: #cccccc;
}

.btn-light-gray:hover,
.btn-light-gray:focus,
.btn-light-gray:active,
.btn-light-gray.active,
.open .dropdown-toggle.btn-light-gray {
  color: #333333;
  background-color: #fcfcfc;
  border-color: #adadad;
}

.btn-light-gray:active,
.btn-light-gray.active,
.open .dropdown-toggle.btn-light-gray {
  background-image: none;
}

.btn-light-gray.disabled,
.btn-light-gray[disabled],
fieldset[disabled] .btn-light-gray,
.btn-light-gray.disabled:hover,
.btn-light-gray[disabled]:hover,
fieldset[disabled] .btn-light-gray:hover,
.btn-light-gray.disabled:focus,
.btn-light-gray[disabled]:focus,
fieldset[disabled] .btn-light-gray:focus,
.btn-light-gray.disabled:active,
.btn-light-gray[disabled]:active,
fieldset[disabled] .btn-light-gray:active,
.btn-light-gray.disabled.active,
.btn-light-gray[disabled].active,
fieldset[disabled] .btn-light-gray.active {
  background-color: #ffffff;
  border-color: #cccccc;
}

.carbs-table th.carbs-table-strongtitle {
    font-size: 24px;
    text-transform: none;
    color: #000;
    background-color: #fff;
    padding-top: 20px;
    line-height: 1.3;
}

.carbs-table-strongtitle-date {
    font-size: 12px;
    color: #666;
}

#language-selector-btn {
    width: 150px;
    padding: 4px;
    font-size: 15px;
    font-family: sans-serif;
    border-width: 1px;
    border-radius: 3px;
    border-color: #AAAAAA;
    background-color: #EEEEEE;
    color: #444;
    font-weight: bold;
    margin-bottom: 12px;
}
#language-selector-btn:hover {
    background: white;
    color: black;
}


#non-print-footer {
    float:left;
    clear:both;
    background:white;
    padding: .25in;
    margin: 10px;
}
#non-print-footer a {
    color: #2771E7;
}
#non-print-footer a:hover {
    color: #013DB5;
}