div#content h1{border-bottom:3px solid #333333; margin-bottom: 15px; clear:both;color:#444;font-family:Helvetica,Arial,sans-serif;font-size:30px;font-weight:bold;letter-spacing:0;line-height:36px;}

img {background: none;}
img#indicator_box { position: absolute; margin: 10px 35px; }
div#index ul {border: none; margin: 0 0 0 100px; height: 580px;  } /* aqueous includes top borders. get rid of it */
ul.buttons li {border:1px solid gray; list-style:none; width: 310px; height: 280px;float:left; margin: 10px; background-color: #4F9EC9; color: white;text-align:center; overflow:hidden; }
ul.buttons li h5 {font-weight: bold; font: bold 16px Geneva; margin: 5px 0px; } 
ul.buttons li:hover {background-color: #3F5EC9}
ul.buttons div.blurb {padding-top: 5px; background-color: white; color: black; height:100%; line-height:1.3em;}
div#about div.example_pic {border:1px solid gray; width: 321px; float:right; clear:right; margin: 5px 0;}
div#about div.example_pic h5 {text-align:center; font-size: 16px;}
body#statistics_controller div#content {width: 990px; padding: 0px}
body#exercises_controller div#content {width: 954px; padding: 0px 18px 0 18px}
body#diaries_controller div#content {width: 954px; padding: 0px 18px 0 18px}
body#user_data_controller div#content {width: 990px; padding: 0px 0 18px}
body#user_data_controller h1 {margin-bottom: 18px}

div.statistics ul.buttons {margin-left:120px !important;}
div.statistics ul.buttons img {width: 300px; height: 200px; }
div#work_outs p {margin: 10px 0px; padding:0px;}
div#work_outs{margin: 9px 0px 0px 0; position:relative;}/*  move the start of the workouts down to make room for pagination*/
div#work_outs div.pagination {position:absolute; top:-36px; right:10px; } /* so it's not sitting on workout title*/
div#work_outs img#ind1 {position:absolute; top:-70px; right:90px; border: 1px solid gray; visibility:hidden}
table.work_out_buttons {margin: 11px 0 0px 140px}
table.work_out_buttons td.indicator {background-image: none}
div#content table.work_out_buttons a {color: white !important;}
table.work_out_buttons td {width: 198px; height: 30px; text-align: center}

/* dont think we need this, but easier to leave it in */
div.work_out{clear: both; }
div.work_out ul{ padding: 0 !important; margin: 0 !important;  }
div.work_out form {padding: 0px}
div.work_out ul.work_out_exercise_rows  { margin: 10px 10px 13px 0px !important; }
div.work_out ul.work_out_exercise_rows li {list-style-type: none; margin: 5px 0 !important; }
div.work_out ul.work_out_exercise_rows li.work_out_exercise_row ul li  {margin: 0 9px 0 0 !important; padding: 0px;  float:left; width: 72px; overflow: hidden; height: 26px;   background-image: url(/images/cell.gif); background-repeat: no-repeat;}
div.work_out ul.work_out_exercise_rows li.work_out_exercise_row ul.plain li  {background-image: url(/images/cell-plain.gif); }

div.work_out ul.work_out_exercise_rows li.work_out_exercise_row ul li.name  {  color: #555; background-color: gray; ; padding-left: 5px; width: 150px; height: 26px;overflow: hidden; position: relative;}
div.work_out ul.work_out_exercise_rows li.work_out_exercise_row ul li.lower {color: #555;}
div.work_out ul.work_out_exercise_rows li.work_out_exercise_row ul li.name a { position: absolute; right: 10px; font-size: 12px; font-weight: normal;}

div.work_out ul.work_out_exercise_rows li.work_out_exercise_row input {width: 25px !important;}

/* these two rules make the display and edit rule occupy the same space */
div.work_out ul.work_out_exercise_rows li.work_out_exercise_row {position: relative; height: 31px;  }
div.work_out ul.work_out_exercise_rows ul.edit_row,
div.work_out ul.work_out_exercise_rows ul.display_row {position:absolute; top: 0; font-size: 12px;}

div.work_out ul.work_out_exercise_rows ul.edit_row li input {float:left; ; margin: 0px; height: 18px; padding:0; color: white !important;  }
div.work_out ul.work_out_exercise_rows ul.edit_row li input.reps {background-color: gray;border: 0px; border-bottom: 1px solid black;  position: relative; top: 2px; left: 1px;width: 18px !important}
div.work_out ul.work_out_exercise_rows ul.edit_row li input.weight {background-color: lightgray;border: 0px;color: black !important; border-bottom: 1px solid black;border-left: 1px solid lightgray;  position: relative; top: 5px; left: 12px; width: 28px !important;}

div.work_out ul.work_out_exercise_rows ul.display_row li span.reps { margin: 0; position: relative; top: -1px; left: 5px; width: 20px !important; font-weight: bold; color: white !important;}
div.work_out ul.work_out_exercise_rows ul.display_row li span.weight {margin: 0; position: relative; top: 7px; left: 12px; width: 30px !important;  color: white;}
div.work_out ul.work_out_exercise_rows ul.display_row li span.weight span {font-size: 9px; font-weight: normal;}

div.work_out ul.work_out_exercise_rows ul.display_row li span.reps { margin: 0; position: relative; top: -1px; left: 5px; width: 20px !important; font-weight: bold; color: white !important;}

div.work_out ul.work_out_exercise_rows ul.display_row.plain li span.reps { position: relative; top: 4px; left: 5px; color: white !important}


div.work_out ul.work_out_exercise_rows li.work_out_exercise_row  ul li.upper,
div.work_out ul.work_out_exercise_rows li.work_out_exercise_row  ul li.lower,
div.work_out ul.work_out_exercise_rows li.work_out_exercise_row  ul li.cardio{width: 162px;  margin-right: 13px !important;  background-repeat: no-repeat; font-weight: bold; background-color: white; clear:left;  }
div.work_out ul.work_out_exercise_rows li.work_out_exercise_row  ul li.upper { background-image: url(/images/rect-upper.gif);   }
div.work_out ul.work_out_exercise_rows li.work_out_exercise_row  ul li.lower { background-image: url(/images/rect-lower.gif);  }
div.work_out ul.work_out_exercise_rows li.work_out_exercise_row  ul li.cardio { background-image: url(/images/rect-cardio.gif);}

div.work_out ul.work_out_exercise_rows ul li.options { background-image:none !important; width: 40px !important;  clear:right;}
div.work_out ul.work_out_exercise_rows ul li.options img {border:none; float: left; margin: 3px 1px; }
div.work_out ul.work_out_exercise_rows ul.edit_row li.options input  {float:left; width: 16px !important; height: 16px !important;border: none; margin: 3px 1px; }


div.work_out ul.work_out_exercise_rows ul.hidden {display:none;}
div.work_out select.exercise_list option {margin-left: 10px;} /* indent the exercises in the select list*/
div.work_out div.title {background-color: #B0B0B0; padding: 5px; height: 25px; position: relative}


body#generators_controller h2,
body#generators_controller h3,
div.work_out h2.title {background-color: #333 !important; color: #e3e3e3 !important; height: 18px; padding: 7px 0 11px 10px; font-weight:bold; }

body#generators_controller h2 {font-size: 18px}
body#generators_controller h3 span{float: right; font-size: 14px; padding-right: 18px}

body#generators_controller div.blurb {padding-bottom: 18px}

div.work_out div.title div.status,
div.work_out div.title input,
div.work_out div.title div.date {float: right; margin-top: 4px }
div.awork_out div.title input {width: 90px; position: relative; left: 0px;}
div.work_out div.title img#btn_destroy {position: absolute; top:0px ; left: 450px}
div.work_out div.title input#btn_add_exercise {position: absolute;top:5px ; left: 270px}
div.work_out div.title form input { left: -40px;}
div.work_out div.title select {width: 240px; margin-top: 4px}
div.work_out div.title div.date {float: right; margin-right: 0px;  23px; width: 130px; height: 20px; position: relative; top: 0px; padding: 0px 0px; }
div.work_out div.title div.date {z-index: 10;}
div.work_out div.title div.date strong {margin-left: 10px;}
div.work_out div.title div.date input{ width: 100px; margin: 2px;}
div.work_out div.title div.date form {outline: 1px solid black; position: absolute; top: 0px;  width: 140px; background-color: #999; padding: 0 15px 2px 0px;}
div.work_out div.title div.date form div.date input { width: 115px; height: 12px; left: 0px !important;}
div.work_out div.title div.date form div.buttons input { margin: 0 1px !important; width: 60px;left: 0px !important; }
div.work_out div.title div.date div input {  float: right }
span.work_out_links {position: absolute; right: 18px; top: 14px; font-weight: bold; }
span.work_out_links a:hover {text-decoration: underline !important }



div.work_out div.title {padding-left: 18px; clear:right}
/* TODO merge and forms.css into here. these styles should aply after forms.css*/
/* what was this rule for? messes up tabber tab 
form.generate_workout ul {margin: 0 !important; padding: 0 !important; }
*/

/* tables (currently only used for statistics */
table#hor-minimalist-b { font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 12px; background: #fff; margin: 0px; width: 900px; border-collapse: collapse; text-align: left; }
table#hor-minimalist-b th { font-size: 14px; font-weight: normal; color: #039; padding: 10px 8px; border-bottom: 2px solid #6678b1; }
table#hor-minimalist-b td { border-bottom: 1px solid #ccc; color: #669; padding: 6px 8px; }
table#hor-minimalist-b td a{  color: #669;  }
table#hor-minimalist-b td.wide {width: 140px;}
table#hor-minimalist-b tbody tr:hover td,
table#hor-minimalist-b tbody tr:hover td a{ color: #009; }


/* exercises */
ul.exercise_list li {height: 18px;  width: 470px; margin: 0px font-size: 1.2em; font-weight: bold;}
div#exercise_list ul.exercise_list { margin-top: 18px;  float: left;margin-bottom: 34px;}
div#exercise_list  ul.exercise_list li a{  text-decoration: none;  color: #333;} 
div#exercise_list  ul.exercise_list li a:hover { text-decoration: underline;}

div.exercise p.disclaimer {}
div.exercise {clear:both; border: 1px solid gray; padding: 5px 9px; width: 936px; margin-top: 5px; margin-bottom: 18px; background-color: #f8f8f8; -moz-border-radius: 1% ; position:relative;}
div.exercise p.type span, 
div.exercise p.type { font-size: 0.9em; width: 300px; margin: 5px 0; padding: 1px;}
div.exercise p.type span {border: none; font-weight:bold;}
div.exercise p.reference{ font-size: 0.8em;}
div.exercise p{ margin-left: 10px !important; }
div.exercise img { margin: 10px;}

div#content div.exercise h2{ color: #eee;  margin-left: 12px;  margin-top: 8px; padding-bottom:5px; font-weight: bold; border: none;  background-color: #f8f8f8 !important;  }
div#content div.exercise h2 a {font-size:30px; text-decoration: underline; color: #444;}

div.exercise_inner img { display: block; border: 1px solid gray; margin-left: auto; margin-right: auto;}
div.exercise_inner ul li {list-style-type: disc; margin: 0 0 0 25px; color: #333;}

idiv.exercise div.muscle_cloud{ background: #eee; width: 310px;  height: 60px; position: absolute; right: 0px; top: 0px; margin: 15px 15px 0px 0px; border: 2px solid #999999; text-align: center; -moz-border-radius: 4% ; overflow: hidden;}
div.exercise div.muscle_cloud{ background: #eee; width: 310px;  height: 60px; float: right; 0px; margin: 11px 9px 14px 18px; border: 2px solid #999999; text-align: center; -moz-border-radius: 4% ; overflow: hidden;}
div.exercise div.muscle_cloud a { margin: 1px 5px 0 5px; text-decoration:none; font-size: 14px; float: left; color: #333; }
div.exercise div.muscle_cloud a.major { font-weight: bold; }
div.exercise div.muscle_cloud a:hover { text-decoration: underline;} 
div.exercise div.muscle_cloud a.minor { font-weight: normal }


div.muscles {position: relative}
div.muscles h2 {background-color: #fff!important; font-size: 20px; margin: 5px 0 !important;}
div.muscles ul.muscle_cloud {position: absolute; left:620px;  margin: 0 !important; color: #333; width: 200px;  padding: 0px !important; background: #eee; border: 2px solid #999999; -moz-border-radius: 4% ; height: 380px; overflow: hidden;}
div.muscles ul.muscle_cloud li  {list-style-type:none; height: 23px;}
div.muscles ul.muscle_cloud li.title {font-weight: bold; font-size: 15px; color: #333; text-decoration: underline; margin: 0 0 0 10px !important; }
div.muscles ul.muscle_cloud li.title:hover{background-color: #eee}
div.muscles ul.muscle_cloud li a { text-decoration:none; margin-left: 20px}
div.muscles ul.muscle_cloud li:hover {background: #ddd;}
div.muscles { width: 900px;}
div.muscles div.body_image { width: 550px; border: 2px solid #999999; -moz-border-radius: 1% ; margin-bottom: 30px;}
div.muscles div.body_image img.body { height: 380px; margin-left: 70px;}
div.muscles div.exercise { width: 900px !important;}


div#pt_ad ul{margin-left: 20px}
div#pt_ad ul li {list-style:disc}