div.clear{clear:both}


div#generator_tab div.tabbertab {height: 380px}
div#generator_tab div.tabbertab div.tabbertab {height: 330px}
div#generator_tab div.wo_conf{padding: 5px 17px}
div#generator_tab { width: 954px;}
div#generator_tab div.column { width: 400px; float: left;}
div#generator_tab div.column fieldset {padding-top: 0px; border: none;}
div#generator_tab p {position: relative; }
div#generator_tab p label {  }
div#generator_tab p span.form_field input {position: absolute; left: 300px; top: -0px}
div#generator_tab p span.form_field select {position: absolute; left: 270px;top: -0px; width: 80px}



div#generator_tab span.help {display:none}
div#generator_tab fieldset{padding-left: 13px; padding-top: 18px; padding-bottom: 18px}
div#generator_tab fieldset.exercises {height: 325px; padding-top: 10px}
div#generator_tab fieldset.muscles {height: 325px; padding-top: 10px}
div#generator_tab fieldset.settings {height: 325px;}
div#generator_tab fieldset.settings div.title {padding-bottom: 18px; position: relative; top: -5px}
div#generator_tab fieldset.main_settings {height: 360px;}
div#generator_tab fieldset.main_settings p.select select {width: 120px; left: 300px}
div#generator_tab  p.select, div#generator_tab fieldset.main_settings p {margin-bottom: 9px}
div#generator_tab fieldset.exercises ul  {padding-top: 18px; }
div#generator_tab fieldset.exercises ul li {height: 18px; }
div#generator_tab fieldset.muscles   ul  li {height: 18px;}
div#generator_tab div.button {position:relative; margin-bottom: 18px; margin-top: 18px; height: 36px}
div#generator_tab div.button #generate_btn{z-index: 20; left: 288px; bottom: 0px; position: absolute; }
div#generator_tab div.button #save_btn{z-index: 20; left: 180px; bottom: 0px; position: absolute; }
div#generator_tab div.button p.button{bottom: 0px; position: absolute; }

div#generator_tab img#ind1 { position: absolute; left: 469px; bottom: 0px; visibility:hidden }
div#contentnorightbar p.button input { position: relative; top: -55px; left: 200px;}
div#contentnorightbar div.pagination {float: right;}


div#generator_tab fieldset.exercises, 
div#generator_tab fieldset.settings, 
div#generator_tab fieldset.muscles {position: relative;}
div#generator_tab fieldset.select_toggles {position:absolute; width: 230px; right: 106px; top: 12px;padding: 0px; }
div#generator_tab fieldset.select_toggles input {margin-left: 19px;}
/* would like this to be at bottom (36px), but ff wont honour it so 54px it is... */
div#generator_tab fieldset  p.button  {position: absolute; bottom: 54px; }
div#generator_tab fieldset  p.detail  {font-style: italic;}
div#generator_tab fieldset.muscles ul {width: 288px;  float: left; position: relative; top: 20px;}
div#generator_tab li {list-style: none; color: #333; }
div#generator_tab div.title {text-align:left; font-size: 18px; font-weight:bold;}
div#generator_tab li.title {font-weight:bold; text-decoration: underline;}
div#generator_tab fieldset.exercises ul li {width: 288px;   float: left; position: relative; top: 2px;}
div#generator_tab p:hover span.help { display: block;  width: 300px;  outline: 1px solid gray; position: absolute; padding: 2px; background-color: #eee; left: 870px; top: -10px; font-size: 14px; color: #333;}
div#generator_tab div.column2 p:hover span.help {display:block; position: absolute; left: 470px !important;}

div#generator_tab fieldset.settings  span#generator_genwos_count {position: absolute; left: 300px; top: 0px; /* this is bad. should display it inline instead of doing this =) */}

/* initially, all unused workouts should be hidden from list */
div#generator_tab  ul.tabbernav li.inactive { display: none;}

ul.stats li {position: relative}
ul.stats li label {display: inline; }
ul.stats li span {left: 300px; position: absolute !important; }

div.graph {border: 1px solid gray; width: 515px; margin-top: 18px; margin-left:auto; margin-right: auto ;background-color: #eee;} 
div.graph h5 {font-weight: bold; font-size: 18px; text-decoration:underline; text-align:center; padding: 5px 0px; }
div.graph img {margin: 5px; border:1px solid black;}


/* for user profiles. a lot of this is the same as the #generator_tab */
form.profile                                {margin:1em;	width:30em;}
form.profile                                {margin:0;padding:0;} 
form.profile fieldset div                   {margin:0.3em 0;}
form.profile label                          {float:left;	width:10em;	text-align:right;}
form.profile input                          {width:10em;	border:1px solid #ddd;	background:#fafafa;}
form.profile fieldset legend                {color:#000;	*margin-left:-7px; }
form.profile fieldset                       {border:1px solid #dedede;         margin-bottom: 10px;}
form.profile fieldset legend ,
form.profile fieldset .help p.title         {color:#333; font-weight: bold;font-size:1.2em;  margin-left: 18px;}
form.profile fieldset  legend span          {width:10em;	text-align:right;}
form.profile fieldset div                   {overflow:hidden; isplay:inline-block; }
form.profile fieldset div                   {display:block;}
form.profile fieldset div label             {float:left;	width:150px;}
form.profile fieldset .radio                {position:relative;	border:0;}
form.profile fieldset .radio span,          {position:absolute; top:0;left:0; width:5em; }
form.profile div fieldset label.radio       {margin-top: 1em; width:12em; }
form.profile div fieldset ul.radio          {margin-left: 13em; margin-top: 1em; margin-bottom: 1em; list-style:none; }
form.profile  fieldset  .radio li           {position:relative; display:inline;  white-space:nowrap;  }
form.profile  fieldset  .vertical li        {position:relative; display:block;  top: 10px; white-space:nowrap;  }

form.profile fieldset  .radio label,
form.profile .radio input                   {width:auto;  float:none;  vertical-align:middle;  }
form.profile .radio fieldset label          {width: 150px;float: left;}
form.profile .radio fieldset select         {margin-left: 7em; }
form.profile fieldset div input             {padding:0.15em; width:12em; border:1px solid #ddd; background:#fafafa; font:bold 0.95em arial, sans-serif; -moz-border-radius:0.4em; -khtml-border-radius:0.4em; }
form.profile fieldset:hover,
form.profile fieldset div input:focus       {border-color:#c5c5c5; background:#fafafa; }
form.profile div button                     {margin-bottom: 20px;}
form.profile fieldset                       {position: relative; }
form.profile .help                          {position: absolute; left: 32em; width: 27em;}
form.profile .help                          {display: none; top: -5px; padding-left: 10px;}
form.profile .help p.title                  {margin: 0px; padding: 0px; position: relative;}
form.profile fieldset:hover div#login_help  {display: block;}
form.profile fieldset:hover div#user_help   {display: block;}
form.profile fieldset:hover div#workout_help{display: block;}
form.profile label {display:inline; margin: 0 5px 0 0;}

div.cardio {position:relative;}
div.cardio h1 a {position: absolute; left: 420px}
div#cardio form {position: absolute;  bottom: 0px; margin:  0 0 0px 30px; padding: 3px;border: 1px solid gray; width: 560px;-moz-border-radius: 0.8% ;}
div#cardio form input {width: 120px}
div#cardio form input[type=submit] {width: 40px}
div#cardio form span input {width: 20px}