@import url("bootstrap.min.css");

html,
body { height: 100%; }

a { color: #55AAFF; text-decoration: underline; }
a:hover { color: #77ccff; }
th a { text-decoration: none; color: #fff; }
th a:hover { text-decoration: none; color: #ccc; }
td a { text-decoration: none; color: #55AAFF; }

a { background-color: transparent; }

a.btn { text-decoration: none; }
li a { text-decoration: none; }

#w2 li a { font-size: 0.8em; }
#w3 li a,
#w4 li a,
#w5 li a,
#w6 li a,
#w7 li a,
#w8 li a,
#w9 li a { font-size: 1em; }

.wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto -60px;
    padding: 0 0 60px;
    background-color: #000;
    background: url('../bg/fitness-models.png') no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.wrap > .container {
    padding: 70px 15px 20px;
}

.alpha80 {
    /* Fallback for web browsers that doesn't support RGBa */
    background: rgb(0, 0, 0) transparent;
    /* RGBa with 0.6 opacity */
    background: rgba(0, 0, 0, 0.8);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}

.jumbotron {
    text-align: center;
}

.footer {
    height: 60px;
    background-color: #272727;
    border-top: 1px solid #15171a;
    padding-top: 20px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

/*-- Sorting --*/

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
    text-decoration: underline;
}


a.asc:after {
    content: /*"\e113"*/ "\e151";
}

a.desc:after {
    content: /*"\e114"*/ "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

/*-- Other --*/

.grid-view th {
    white-space: nowrap;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

/* add red asterisk to required form fields */
div.required label:after {
    content: " *";
    color: #e13431;
}

/*-- GridView options display tweaks --*/

.user-index td:last-child,
.articles-admin td:last-child {
    width: 68px;
}

.article-view th {
    min-width: 90px;
}

/*-- Css for nicer display of boolean yes/no values --*/

.boolean-true {
    font-weight: bold;
    color: #00b100;
}

.boolean-false {
    font-weight: bold;
    color: #e34542;
}

/*-- Css for nicer display of user roles --*/

.role-theCreator {
    font-weight: bold;
    color: #f9f9f9;
}

.role-admin {
    font-weight: bold;
    color: #c4a500;
}

.role-editor {
    font-weight: bold;
    color: #a700a7;
}

.role-support {
    font-weight: bold;
    color: #009d00;
}

.role-premium {
    font-weight: bold;
    color: #6060ff;
}

.role-member {
    font-weight: bold;
}

/*-- Colors used for various data presentation purposes --*/

.blue {
    font-weight: bold;
    color: #7373ff; 
}

.green {
    font-weight: bold;
    color: #009d00;
}

.gold {
    font-weight: bold;
    color: #c4a500;   
}

hr.top {
    margin-top: 0px;
    border-width: 2px;
    border-color: #333;
    text-align: left;
}

hr.article-devider {
    border-width: 1px;
    border-color: #444;
    border-style: dashed;
    text-align: left;
}

/*-- Password strength --*/

/* hide strength meter so we can fade it in nicely with jQuery */
.nz-meter-container {
    display: none;
}

.panel { background-color: #272727; }

/* small strength meter display tweaks for this theme */
#form-signup table,
#form-user table,
#reset-password-form table {
    background-color: transparent;
}
.day { color: red; }
.mobile-block-button { text-align: left; }
.modal { background: rgba(0,0,0, 0.8) !important; }
#language-dropdown { color: #000; font-size: 0.8em;}

/************ LAYOUT *************************/

#brand-label { font-family: 'Sitka Banner Bold'; font-size: 1.8em; position: absolute; top: 20px; text-shadow: 1px 2px 2px red; color: #fff; font-weight: bold; font-style: italic; margin-top: -8px;}
.navbar-brand img { margin-top: -12px; height: 65px; }
.print-only { display: none; }
.initially-hidden { visibility: hidden; }
.does-not-belong-to-user { font: italic 1em arial; color: #ccc; }
.captcha-container img { margin: 1px; box-shadow: 3px 3px 3px #000; border-radius: 5px; border: 1px dotted #000; }
.captcha-container input { width: 100px; float: left; display: inline; margin-right: 20px; }
.captcha-container .notice { font: italic 0.8em serif; margin-top: 0; }
.notice { font: italic 0.8em serif; }
.highlighted { color: red; text-shadow: 1px 1px 1px #000; }
#mike-pic { float: left; position: relative; margin-top: -80px; margin-left: -50px; z-index: 1;}
#first-page-advice { margin-left: 30px; }
#first-page-recommend {  }

.page-header { border-bottom: none; padding-bottom: 0; margin: 0;}
.logtime { color: yellow; }
.disqus { margin-top: 200px; }
.apparent-disabled { background-color: #999; font-style: italic; }
h1.statusCode { font-size: 8em; color: red; text-shadow: 1px 1px 1px #fff; }
.site-error { text-align: center;}

/*******************************************************
  SITE
 *******************************************************/
a.chart-links { text-decoration: none; color: white; }
.well { text-align: center; }
#donation { text-align: center; margin-top: 10px; }
.paypal-div { text-align: center;  font: italic 0.8em verdana}
#scroll-to-top { position: fixed; right: 20px; bottom: 10px; }
#scroll-to-top img { height: 80px; }
#ius-captcha-tos-container-display { font: italic 0.7em verdana; text-align: right;}
.temp-hide { display: none; }

/*******************************************************
  DAILY TRACK
 *******************************************************/

.item-view { display: block; }
#daily-nav { margin-top: -0.8em; margin-bottom: 1em; text-align: center; }
#daily-nav .pull-center { display: inline-block; }
#daily-nav a.btn-flat { color: black; text-shadow: none; }
#daily-nav a.btn-flat:hover { color: white; }
#calories .cal-info { color: #fefefe; }
#calories .progress-bar { float: none; background-color:#0000CD; font-size: 1.3em; text-shadow: 1px 1px 1px #000; vertical-align: middle; line-height: 20px;}
#space-down { height: 50px; }
.daily-notes { background-color: transparent; border:none; color: #efefef;}
.please-wait { padding-left: 20px; font-style: italic; font-weight: normal; font-size: 0.8em }

#macros_summary { margin-top: -10px; }
#macros_summary .macro_wrap { float: left; height: 40px; background-color: #222; border-right: 6px solid #666;}
#macros_summary .macro_wrap .macro_info { height: 20px; }
#macros_summary .macro_wrap .macro_info .macro_name { padding: 0 8px; }
#macros_summary .macro_wrap .macro_info .macro_max { padding: 0 8px; }
#macros_summary .macro_wrap .progress { height: 20px; border-radius: 0; background-image: none; background-color: #666;}
#macros_summary #wrap_proteins .macro_info { color: #D276D2; }
#macros_summary #wrap_carbs .macro_info { color: #32CD32; }
#macros_summary #wrap_fats .macro_info { color: #FF8C00; }

#macros_summary .macro_wrap #proteins .progress-bar { background-color: #8B008B; }
#macros_summary .macro_wrap #carbs .progress-bar { background-color: #32CD32;}
#macros_summary .macro_wrap #fats .progress-bar {  background-color: #FF8C00;}
#macros_summary .macro_wrap .progress .progress-bar span { font-size: 1.3em; text-shadow: 1px 1px 1px #000; vertical-align: middle; line-height: 20px;}

.eat_calories { color: lime; }
.bmr_calories { color: green; }
.tdee_calories { color: red; }

#goals ul { margin-left: -20px; }
#goals .info { font: 0.8em italic verdana; }
#goals-xs { text-align: center; background-color: #222; padding: 5px; margin-top: 0.8em; }

#workouts #workout_frame,
#actual_meals #meal_frame,
#meal-planning div { background-color: #363637; color: #eee; border-radius: 15px; min-height: 400px; padding: 5px;}

#body-status div { border-radius: 15px; background-color: #363637; margin: 5px;}
#workouts #workout_frame { margin: 5px; }

#meal-planning, #actual-meals { padding: 0; }
#meal-planning div,
#actual-meals div { margin: 5px; }
#show-buttom-div { margin-left: 20px; }
.exceeded { color: red; }
.progress-bar { max-width: 100%; }
#fat-percentage-result { font-size: 3em; }
.statistics { padding: 2px 5px; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; }
.main_value { font-weight: bold; color: #fff; }
.link-faded { color: #333; }
.phase_name { font: italic 3em "Anton"; }
.day_title { color: red; font: italic 2em "Oswald"; }
.macros_description { color: #888; }
.values { color: #fff; text-shadow: 1px 1px 1px blue; }
.arrow_div_left a span,
.arrow_div_right a span { height: 60px; }
.arrow_div_left { }
.arrow_div_right {}

.workout-table { background-color: #222; padding: 5px; border: 1px solid #000;}
.workout-table table { width: 100%; background-color: transparent;}
.workout-table table tr { border: 1px solid #000;}
.workout-table table th { border: 1px solid #000;}
.workout-table table td { border: 1px solid #000; padding: 3px; text-align: center;}
.workout-table table td.measurement { width: 20px; border: 1px solid #000;}
.workout-table table .exercise-name { width: 45%; text-align: left; border: 1px solid #000; }
table tr td.exercise-name { padding: 0 5px;}

.workout_value_input { width: 50px; height: 20px; text-align: center; background-color: transparent; color: #fff; text-shadow: 1px solid #000; border: 0;padding: 0; margin: 0 }
.workout_value_input_disabled { width: 50px; height: 20px; text-align: center; background-color: transparent; color: #555; text-shadow: 1px solid #000; border: 0;padding: 0; margin: 0 }
.workout_exercise_value_input { width: 150px; text-align: left; background-color: transparent; border: 0; padding: 0; margin: 0; }
.small_measurement { font-size: 0.8em; text-align: left; }
.workout_exercise_value_input,
.workout-set-comment { font: italic 0.7em sans-serif; color: lightgreen; border-bottom: 1px dotted #666; display: block;}
#loading-message { color: lime; }

.labelInPlace { color: #000; }
.whiteInput { color: #000; }

.grid-header { background-color: #333; }
#pagination_nr_dropdown { display: inline; width: 200px; }
#pagination_nr_dropdown_mobile { display: inline; width: 100px; }
.day-values { font: bold 1.1em verdana; color: lime; }


/*******************************************************
  WORKOUT-PROGRM
 *******************************************************/
.model_view-edit_h1 { background-color: transparent; border: 0; color: #800080; height: 1.5em; padding: 0 15px; display: inline; margin: 0; font: normal 3.5em "oswald"; text-shadow: 1px 1px 2px #fff; }
.model_view-edit_h3 { background-color: transparent; border: 0; color: #eee; font-size: 1.2em; height: 30px; padding: 0 15px; display: inline; margin: 0;}
.model_view-edit_textarea { background-color: transparent; border: 0; color: #eee; font-size: 1em; padding: 0; margin: 0 30px;}
.operations_links { font: normal 0.8em arial; float: left;color: #555; }
.operations_links a:link,
.operations_links a:visited { color: #555; }
.operations_links a:hover { color: #fff; }
.operations_links span { float: left; margin-left: 20px;}

.edit_links { font: normal 0.8em arial; display: inline;color: #555; }
.edit_links a:link,
.edit_links a:visited { color: #555; }
.edit_links a:hover { color: #fff; }


.h2_edit_links { font: normal 0.3em arial; display: inline;color: #555; }
.h2_edit_links a:link,
.h2_edit_links a:visited { color: #555; }
.h2_edit_links a:hover { color: #fff; }

.h2_links { font: normal 0.5em arial; display: inline;color: #999; padding-top: 9px; }
.h2_links a:link,
.h2_links a:visited { color: #999; }
.h2_links a:hover { color: #fff; }

.h3_edit_links { font: normal 0.4em arial; display: inline; color: #555;}
.h3_edit_links a:link,
.h3_edit_links a:visited { color: #555; }
.h3_edit_links a:hover { color: #fff; }

.h4_edit_links { font: normal 0.4em arial; display: inline; color: #555;}
.h4_edit_links a:link,
.h4_edit_links a:visited { color: #555; }
.h4_edit_links a:hover { color: #fff; }

#separator { min-height: 200px; }
.modal_load { color: #fff; }
.delete_modal,
.delete_modal a:link,
.delete_modal a:visited,
.delete_modal a:hover { color: #fff; }

.exercise { background-color: #202020; padding: 5px; margin:2px; }
.exercise p { font: normal 0.9 verdana; }
.exercise_subtitle { font: italic 1em arial; }
.day_subtitle { font: italic 1em arial; }

.workout_time { font: italic 0.8em verdana; }
a.tooltipster,
a.tooltipster:visited,
a.tooltipster:active,
a.tooltipster:hover { text-decoration: none; border-bottom: 1px dotted #74B9F5; cursor: help}

#duration-tooltip { color: #fff; font-family: courier; font-size: 0.8em; border: 1px solid #fff; padding: 5px; margin: 5px; }

.link_meal_save_template,
.link_meal_load_template { margin-left: 5px; }
#breadcrumbs .buttons { text-align: center;}
.not-breadcrumbs-inactive a { text-decoration: none; color: #eee;}
.not-breadcrumbs-active { text-decoration: none; color: gray; font-style: italic;}

a.pos-arrow { color: #555; dis margin-top: 10px;}
a.pos-arrow:link,
a.pos-arrow:visited { color: #555; }
a.pos-arrow:hover { color: #fff; }
.days { border: 0; margin: 0; }
ul.sortable,
li.drag-starting-order { border: 0; margin: 0; padding: 0;}
.sortable li:hover { background-color: #222; position: relative;}
.handle-div { border: solid 1px #000; background-color: #333; color: #333; height: 15px; font-size: 0.7em; padding-left: 30px;}
.handle-div:hover { color: #fff;}
.table-head { background-color: #222; height: 25px;}

.workout-program-exercise-starting-order { position: absolute; font: normal 1em "times new roman"; color: #000; top: -22px; margin: 0 0 10px -15px;}
.day-messages { font-size: 0.5em; visibility: hidden}
.workout-program-table-div { background-color: #fff; max-width: 500px; color: #000; margin: 2px; float: left;}
.workout-program-table { background-color: #fff; padding: 5px; border: 1px solid #000; color: #000;}
.workout-program-table table { background-color: transparent; font-size: 0.9em}
.workout-program-table table td,
.workout-program-table table tr { border: 1px solid #000; padding: 1px; text-align: center;}
.workout-program-table table td.measurement { width: 20px; border: 1px solid #000;}
.workout-program-table table tr td.workout-program-exercise-detail { background: #999; color: #000; font: bold 1.2em arial; }
.workout-program-table table tr td.exercise-name { font: bold 1.5em arial;  width: 45%; text-align: left; border: 1px solid #000;}
.workout-program-table input { color: #000; }
.workout-program-table table td.alt-measurement,
.workout-program-table table td.alt-measurement input { color: #999; }

.workout-phase-table-div { background-color: #fff; color: #000; margin: 2px;}
.workout-phase-table { background-color: #fff; padding: 5px; border: 1px solid #000; color: #000;}
.workout-phase-table table { background-color: transparent; font-size: 0.9em}
.workout-phase-table table td,
.workout-phase-table table tr { border: 1px solid #000; padding: 1px; text-align: center;}
.workout-phase-table table td.measurement { width: 20px; border: 1px solid #000;}
.workout-phase-table table .exercise-name { width: 45%; text-align: left; border: 1px solid #000;}
.workout-phase-table input { color: #000; }
.workout-phase-table table td.alt-measurement,
.workout-phase-table table td.alt-measurement input { color: #999; }
.input-multiselect { background-color: transparent; font: bold 1em verdana; color: white;}
.input-multiselect.option-box .radio { border: 1px solid #222; padding: 5px; margin: 1px 0; background-color: #333;}
.input-multiselect.option-box .radio label { display: block;}
.workout-table table td { position:relative; }
.exercise-starting-order { position: absolute; font: normal 1em "times new roman"; color: #111; top: -16px;}
.exercise-delete-button { position: absolute; font: normal 1em "times new roman"; color: #343434; top: -5px; right: 3px;}
.workout-phase { text-align: center; font: bold 1.2em arial}
.workout-phase-exercise-name { font: bold 1.5em verdana; text-align: left;}
.bodypart-focus { color: white; font: bold 1.2em verdana; }
#workout-messages { text-align: center; color: white; font: italic 0.8em verdana; position: absolute; display: block; margin-left: 100px; }
.workout-messages { visibility: hidden; font: italic 1em times-new-roman; text-align: center; display: inline-block; margin-left: 50px;}
.td-set-detail { background-color: #ccc; color: #000; font-weight: bold;}

.edit_links_daily_workout { font: normal 0.8em arial; color: #555; display: block; }
.edit_links_daily_workout a:link,
.edit_links_daily_workout a:visited { color: #555; }
.edit_links_daily_workout a:hover { color: #000; }



/*******************************************************
  DAILY WORKOUTS
 *******************************************************/
.daily-workout-table-div { background-color: #fff; color: #000; margin: 2px;}
.daily-workout-table { background-color: #fff; padding: 5px; border: 1px solid #000; color: #000;}
.daily-workout-table table { background-color: transparent; font-size: 0.9em}
.daily-workout-table table td,
.daily-workout-table table tr { border: 1px solid #000; padding: 1px; text-align: center;}
.daily-workout-table table td.measurement { width: 20px; border: 1px solid #000;}
.daily-workout-table table .exercise-name { width: 45%; text-align: left; border: 1px solid #000;}
.daily-workout-table input { color: #000; }
.daily-workout-table table td.alt-measurement,
.daily-workout-table table td.alt-measurement input { color: #999; }
.input-multiselect { background-color: transparent; font: bold 1em verdana; color: white;}
.input-multiselect.option-box .radio { border: 1px solid #222; padding: 5px; margin: 1px 0; background-color: #333;}
.input-multiselect.option-box .radio label { display: block;}
.workout-table table td { position:relative; }
.exercise-starting-order { position: absolute; font: normal 1em "times new roman"; color: #111; top: -16px;}
.exercise-delete-button { position: absolute; font: normal 1em "times new roman"; color: #343434; top: -5px; right: 3px;}
.daily-workout { text-align: center; font: bold 1.2em arial}
.daily-workout-exercise-name { font: bold 1.5em verdana; text-align: left;}
.bodypart-focus { color: white; font: bold 1.2em verdana; }
#workout-messages { text-align: center; color: white; font: italic 0.8em verdana; position: absolute; display: block; margin-left: 100px; }
.workout-messages { visibility: hidden; font: italic 1em times-new-roman; text-align: center; display: inline-block; margin-left: 50px;}
.td-set-detail { background-color: #ccc; color: #000; font-weight: bold;}

.edit_links_daily_workout { font: normal 0.8em arial; color: #555; display: block; }
.edit_links_daily_workout a:link,
.edit_links_daily_workout a:visited { color: #555; }
.edit_links_daily_workout a:hover { color: #000; }



/*******************************************************
  DAILY MEALS
 *******************************************************/
.meal { background-color: #222; padding: 5px; border: 1px solid #000;}
.meal table { width: 100%; background-color: transparent;}
.meal table tr { border: 1px solid #000;}
.meal table th { border: 1px solid #000;}
.meal table td { border: 1px solid #000; padding: 1px; text-align: center;}
.meal table td.time { width: 80px; border: 1px solid #000; background-color: #666; color: #ddd; vertical-align: top; }
.meal table td.title { text-align: left; padding-left: 2px; background-color: #666; color: #fff; text-shadow: 1px 1px 1px #000;}
.meal table td.food-item { text-align: left; padding-left: 2px;}

.meal table td.food-item .food-nutrition { }
.meal table td.food-item .food-nutrition ul { list-style: none;}
.meal table td.food-item .food-nutrition li { display: inline; padding: 1px; text-align: center; margin:0; text-indent: -2px; }
.meal table td.food-item .food-nutrition li.calories { background-color: #0000CD;}
.meal table td.food-item .food-nutrition li.proteins { background-color: #8B008B;}
.meal table td.food-item .food-nutrition li.carbs { background-color: #32CD32;}
.meal table td.food-item .food-nutrition li.fats { background-color: #FF8C00;}

.meal table td.food-item .food-quantity { color: #fff; font-weight: bold; }

.calories_badge { background-color: #0000CD; }
.proteins_badge { background-color: #8B008B; }
.carbs_badge { background-color: #32CD32; }
.fats_badge { background-color: #FF8C00; color: #000; text-shadow: none;}
#serving_size_info { margin: 10px 0 5px 10px; }
#food_item_search_results { max-height: 200px; overflow: auto; background-color: #ccc; color: #000; font-weight: bold; margin: 0 10px; padding: 0;}
#food_item_search_results .usda_link { width: 100%; }
#food_item_search_results .personal_food_link { width: 100%; }

.food-quantity { color: white; text-decoration: none;}
.meal-form .btn-group { margin-top: 20px; }
.food-photo { text-align: center; }
.food-photo img { box-shadow: 2px 2px 2px #000; }


/*******************************************************
  PERSONAL FOOD DATABASE
 *******************************************************/
.personal-food-form .text-long { width: 250px; }
.personal-food-form .text-short { width: 70px; display: inline; }
.personal-food-form .val_percentage { width: 220px;  display: inline;  }

#food-photos .photo {background-color: #333; padding: 10px;display: inline-block; text-align: center;}
#food-photos .photo-small {background-color: #333; padding: 10px; width: 380px; display: inline-block; text-align: center; font-size: 0.8em;}
/*#food-photos .photo-small img { width: 180px;}*/
.ajax-manufacturer-form { margin-left: 115px; }
.ajax-manufacturer-form input { width: 300px; }
.ajax-manufacturer-form textarea { width: 300px; }
#cancel-new-manufacturer { display: none; }

#nutrition-edit { background-color: #222; padding: 5px; border: 1px solid #000;}
#nutrition-edit table { width: 100%; background-color: transparent;}
#nutrition-edit table tr { border: 1px solid #000;}
#nutrition-edit table th { border: 1px solid #000; padding-left: 5px; }
#nutrition-edit table td { border: 1px solid #000; padding: 1px; text-align: left; padding-left: 5px; }
#nutrition-edit table td.description { border: 1px solid #000; background-color: #666; color: #ddd; vertical-align: top; text-shadow: 1px 1px 1px #000;}
#nutrition-edit table td.value {text-align: left; padding-left: 2px; background-color: #666; color: #fff; text-shadow: 1px 1px 1px #000;}
.personal-food-form .field-info { font: italic 0.8em verdana; float: left; display: inline; padding-left: 150px;}

/*******************************************************
  USDA FOOD
 *******************************************************/
#nutrition-info { background-color: #222; padding: 5px; border: 1px solid #000;}
#nutrition-info table { width: 100%; background-color: transparent;}
#nutrition-info table tr { border: 1px solid #000;}
#nutrition-info table th { border: 1px solid #000; padding-left: 5px; }
#nutrition-info table td { border: 1px solid #000; padding: 1px; text-align: left; padding-left: 5px; }
#nutrition-info table td.description { border: 1px solid #000; background-color: #666; color: #ddd; vertical-align: top;}
#nutrition-info table td.value {text-align: left; padding-left: 2px; background-color: #666; color: #fff; text-shadow: 1px 1px 1px #000;}

#search-results .usda_link,
#search-results .personal_food_link { width: 100%; }



/*******************************************************
  USER PROFILE
 *******************************************************/
.text-danger { color: red; }
.tracking-options { background-color: #666; padding: 15px; margin-bottom: 10px; }

/*******************************************************
  BODY PARTS
 *******************************************************/
.body-part-listing { width: 100%; background-color: #444; margin: 3px 0; padding-left: 10px;}
.body-part-listing a { text-decoration: none; display: inline; float: left; }
.body-part-listing .body-part-map { }
/*******************************************************
  MEAL TEMPLATE
 *******************************************************/
#food-list { padding-left: 30px; margin-bottom: 30px; background-color: #555; border-radius: 5px; text-shadow: 1px 1px 1px #000;}

/*******************************************************
  BMR CALCULATOR
 *******************************************************/
.bmr-calculator-form input, .bmr-calculator-form select { margin: 3px; }
#bmr-result { font: bold 2em "arial narrow" }

/*******************************************************
  GLYCEMIC FOODS
 *******************************************************/
.glycemic-food-category { background-color: #272727; margin: 20px; border-radius: 10px;}
.glycemic-food-category h4 { color: white; border-bottom: 2px solid white;}
.glycemic-food { border-bottom: 1px dotted gray; }

/*******************************************************
  EXERCISE GUIDE
 *******************************************************/
.alt_name { font: italic 1.2em serif; color: deepskyblue; text-shadow: 1px 1px 1px #000;}
#exercise-details { background-color: #222; padding: 5px; border: 1px solid #000;}
#exercise-details table { width: 100%; background-color: transparent; text-align: left;}
#exercise-details table tr { border: 1px solid #000;}
#exercise-details table th { border: 1px solid #000;}
#exercise-details table td { border: 1px solid #000; padding: 3px;}
#exercise-details table td.measurement { width: 20px; border: 1px solid #000;}
#exercise-details table .map-col {text-align: center}
#exercise-details table .exercise-name-td { width: 45%; text-align: left; border: 1px solid #000;}
#exercise-muscle_map { text-align: center; }
#exercise-videos { text-align: center; width: 100%;}
#exercise-videos .video-view { margin: 5px; display: inline-block;}
#exercise-videos .video-view .video_title { border-bottom: 3px solid #ddd; margin-bottom: 5px;}
#exercise-videos .video-view .video-title-box { width: 80%; }

#exercise-photos { margin-top: 30px; }
#exercise-photos .photo {background-color: #333; padding: 5px; width: 250px; display: inline-block; text-align: center;  margin: 3px;}
#exercise-photos .photo img { width: 230px;}
#exercise-photos .photo-small {background-color: #333; padding: 10px; width: 200px; display: inline-block; text-align: center; font-size: 0.8em;}
#exercise-photos .photo-small img { width: 180px;}

#search-results .found-exercise { width: 100%; background-color: #444; margin: 2px 0; display: inline-block; }
#search-results .found-exercise .photo { width: 10%; }
#search-results .found-exercise .found-name { display: block;  text-align: center; width: 80%; float: left;}
#search-results .found-exercise .found-name a { width: 100%;}
#search-results .found-exercise .video-links { display: block; width: 10%; float: right;}

/*******************************************************
 ARTICLES
 *******************************************************/
.article-view { background-color: #333; padding: 20px; text-shadow: 1px 1px 1px #000; border-radius: 20px; }
#article-buttons { margin-top: -30px; }
.article-written { margin-top: -80px; }


/*******************************************************
 RECIPEES
 *******************************************************/
.recipe { border: 1px solid #1c1e22; color: #c8c8c8; background-color: #232323; padding: 5px; margin-bottom: 5px; }
.load-more-link { font: italic 0.8em verdana; }
#recipe-items-search-results { height: 200px; overflow: auto; }
#recipe-items-search-results .usda_link,
#recipe-items-search-results .personal_food_link { width: 100%; }
#ingredients-list { padding-top: 30px; font-size: 1.2em; }

/*******************************************************
 DISH
 *******************************************************/
.dish { border: 1px solid #1c1e22; color: #c8c8c8; background-color: #232323; padding: 5px; margin-bottom: 5px; }
.load-more-link { font: italic 0.8em verdana; }
#dish-items-search-results { max-height: 200px; overflow: auto; }
#dish-items-search-results .usda_link,
#dish-items-search-results .personal_food_link { width: 100%; }

/*******************************************************
 TRANSLATE
 *******************************************************/
a.flag-link { width: 100px; }
a.flag-link img { margin: 0 10px; }
#translates textarea { height: 200px; }

/*******************************************************
 HELP
 *******************************************************/
.help { text-align: center; padding: 10px; font-size: 1.6em;}

/*******************************************************
 FAQ
 *******************************************************/
.faq-widget { padding: 20px; background-color: #222; margin: 30px 0; border-radius: 20px;}


/*******************************************************
 VIDEO TUTORIALS
 *******************************************************/
.disclaimer { color: red; font: italic 0.8em verdana; }

div#video-tutorials { padding: 10px; text-align: center;}
.video-tutorial { width: 460px; height: 440px; float: left; padding: 20px; background-color: #333; margin: 10px; text-align: center; border-radius: 10px;}
.video-tutorial h3 { font-size: 1.5em; }

.video-link { position: relative; display: inline-block;}
.video-link:before { content: ""; position: absolute; width: 100%; height: 100%; z-index: 10; background: transparent  url(../../../images/play_youtube.png) no-repeat center;}
.video-link:hover:before { content: ""; position: absolute; width: 100%; height: 100%; z-index: 10; background: transparent  url(../../../images/play_youtube2.png) no-repeat center;}

.btn-flat {
    filter:progid:DXImageTransform.Microsoft.Gradient(enabled='false');
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background-image:none;
    border:0;
}

.form-control-small { width: 50px; border: 0; text-align: center;}
.form-control-medium { width: 200px; border: 0; text-align: center;}
.conversion-chart,
.conversion-chart thead tr th,
.conversion-chart body { text-align: center; }
.conversion-chart th,
.conversion-chart td { padding: 10px; }

/*******************************************************
 MEAL PLANS
 *******************************************************/
.center-title { text-align: center; }
.uppercase { text-transform: uppercase; }
.inactive-entry { color: pink; font-style: italic; }
.meal-plan-notes { margin-top: 5em; }

.macros-summaries { min-height: 100px; border-radius: 30px; margin: 10px 2px; width: 100px; position: relative; padding: 10px;}
.macros-summaries span { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 70%; height: 20%; margin: auto;  font: bold 1.1em arial-narrow; }
.calories { color: #fefefe; background-color: #0000CD; }
.proteins { color: #fff; background-color: #8B008B;}
.carbs { color: #000; background-color: #32CD32; }
.fats {  color: #000; background-color: #FF8C00; }
.macros-line span { padding: 5px; border-radius: 5px; margin: 2px; }
.affiliate-offers-label { display: block; text-align: right; font: italic 0.8em verdana; margin-bottom: 10px; }
.horizontal-affiliate-links { text-align: center; margin-bottom: 10px; }
.goto { margin-bottom: 30px; }
.strike-exercise { color: pink; }
.strike-exercise a:link,
.strike-exercise a:visited,
.strike-exercise a:hover { color: pink; font: italic 1em verdana; }