/* === LAYOUT === */
#content {
  width: 850px;
  margin-left: auto;
  margin-right: auto;
}

.highlight{
  background-color: yellow;
  font-weight: normal;
}

/* === HEADERS === */
h1 {
  font-size: 28px;
  margin-top: 2px;
  margin-bottom: 2px;
}

h2 { 
  font-size: 18px;
  font-weight: bold;
}

h3 {
  font-size: 16px;
}

h4 {
  font-size: 15px;
  color: gray;
}

a {
  color: brown;
}

strong {
  font-weight: bold;
}

#footer {
  text-align: center;
  color: gray;
  font-size: 90%;
  border-top: 1px double #DDD;
  -moz-border-radius: 10px;
  padding: 12px;
  margin-bottom: 30px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-topleft: 0px;
  margin-top: 20px;
}

/*=== user header === */
.user_header .header_thumb {
  border: 1px gray solid; 
  margin; 2px; 
  padding: 2px;  
  -moz-border-radius: xpx;
  -webkit-border-radius: xpx;
}

.user_header .name_location_links {
  margin-left: 10px;
}

.user_header h2 {
  font-size: 195%;
  font-weight: normal;
}

.user_header h2 a {
  color: black !important;
  text-decoration: none !important;
}  

.user_header h3 {
  font-size: 16px; 
  color: #333;
}

.user_header .links {
  margin-top: 3px;
}


.user_header .links .selected  {
  font-weight: bold;
}

.user_header .links a {
}




/* === tabbed_form === */
.form_tabs li {
  display: inline;
  list-style-type: none;
  background-color: #EEE;
  padding: 5px;
  padding-left: 10px;
  padding-right: 10px;

  -moz-border-radius-topleft: 6px;
  -moz-border-radius-topright: 6px;

  border: 1px #CCC solid;
  margin-left: 3px;
}

.form_tabs li a {
  color: black;
  text-decoration: none;
}

.form_tabs li.active {
  border-bottom: 0px;
  font-weight: bold;
  border-bottom: 1px #EEE solid;

}

.form_tabs li.inactive {
  background-color: #DDD;
  color: gray;
}

.form_tabs li.inactive a {
  color: gray;
}


/* === images === */
.image_title {
  border: 1px gray solid;
  padding: 2px;
  width: 420px;
}
.image_description {
  border: 1px gray solid;
  border-top:  0px;
  padding: 2px;
  width: 420px;
  height: 50px;
}

.image_tags {
  border: 1px gray solid;
  padding: 2px;
  width: 420px; 
  border-top: 0px; 
  margin-bottom: 10px;
}

/* === entries *=== */

.entry th {
  background-color: #f6f6f6;
  padding-left: 10px;
  padding-right: 10px;
  border-right: 1px #CCC solid;
}

.entry .elements {
  line-height: 17px;
}

.entry .elements a {
  color: black;
  text-decoration: none;
  border-bottom: 1px #CCC solid;
}

/* === workout desc === */

.workout_description p {
  margin-bottom: 10px;
}

.workout_description li {
  list-style-position: inside;
  list-style-type: square;
  margin-left: 12px;
  margin-bottom: 5px;
}

.workout_description ul {
  margin-bottom: 10px;
}

/* === workout notes *=== */

.workout_notes p {
  margin-bottom: 10px;
}

.workout_notes li {
  list-style-position: inside;
  list-style-type: disc;
  margin-left: 12px;
  margin-bottom: 5px;
}

.workout_notes ul {
  margin-bottom: 10px;
}

/* === Log Book === */

table.log_book th {
  font-weight: bold;
  border: 0px;
}

.log_book input[type='text'] {
  border: 1px #CCC solid;
  padding: 2px;
}

.log_book_category {
  width: 60px;
}

.log_book_name {
  width: 70px;
}

.log_book_value {
  width: 40px;
}

.log_book_notes {
  width: 240px;
  height: 63px;
  border: 1px #CCC solid;
  padding: 2px;
}

/* === TABLES === */

div.tbl_left {
  float: left;
  width: 10%;
  background-color: #EEE;
  padding: 5px;
  font-weight: bold;
  margin-bottom: 3px;
}

div.tbl_right {
  float: right;
  width: 87%;
  margin-bottom: 3px;
}

/* Summary Table */

table.summary tbody th {
  font-weight: bold;
  background-color: #EEE;
}

table.summary tbody td, th {
  padding: 5px;
  vertical-align: top;
}

/* Result Table */

input.result_measure_name {
  width: 300px;
}

table.results { border: 0px; !important }
table.results th, td {
  padding: 5px;
}
table.results th {
  background-color: lightyellow;
  font-weight: bold;
  border: 1px #CCC solid;    
}

table.results thead:first-child th:first-child {
  background-color: white;
  border-top: 0px;
  border-left: 0px;
  color: white;
}

table.results td:first-child {
  background-color: lightyellow;
  font-weight: bold;
}  

table.results td {
  border: 1px #CCC solid;
}

/* === STATUS & NOTES === */
#status {
  margin-top: 5px;
  margin-bottom: 10px;
}

.note {
  color: gray;
  font-size: 90%;
}

/* === FLASH MESSAGES === */
div#flash-notice {
	
}

div#flash-warning {
	
}

div#flash-error {
	
}

/* === ERROR MESSAGES === */
div.error {
  padding: 6px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  background-color: pink;
  border: 1px red solid;
  color: black;
}

div#errorExplanation {
	
}

div#errorExplanation h2 {
	
}

div#errorExplanation p {
	
}

div#errorExplanation ul {
	
}

div#errorExplanation ul li {
	
}

/* === FORMS === */
div.fieldWithErrors {
	
}

div.fieldWithErrors label {
	
}

div.fieldWithErrors input, div.fieldWithErrors select, 
div.fieldWithErrors textarea
{
	
	
}

/* === ICONS === */
.icon_trash {
  vertical-align: top; 
  cursor: pointer;
}

/* AUTOCOMPLETE */

div.autocomplete {
  margin:0px;  
  padding:0px;  
  width:243px;
  background:#fff;
  border:1px solid #CCC;
  border-top: 0px;
  position:absolute;
}

div.autocomplete ul {
  margin:0px;
  padding:0px;
  list-style-type:none;
}

div.autocomplete ul li.selected { 
  background-color:#ffb;
}

div.autocomplete ul li {
  margin:0;
  padding:2px;
  display:block;
  list-style-type:none;
  cursor:pointer;
}



/* === UPLOADS === */
.thumb {
  margin-bottom: 10px;
}

.thumb_thumbnail {
  border: 1px gray solid;
  cursor: move;
}

.thumb_title {
  width: 533px; 
  border: 1px gray solid; 
  padding: 3px; 
  font-size: 12px; 
  margin: 0px; 
  border-bottom: 0px;
  font-weight: bold;
}

.thumb_description {
  border: 1px gray solid;
  width: 533px; 
  font-size: 12px; 
  padding: 3px; 
  font-family: arial; 
  margin: 0px;
}

.thumb_tags {
  width: 533px; 
  border: 1px gray solid; 
  border-top: 0px;
  padding: 3px; 
  font-size: 12px; 
  margin: 0px; 
}


.spinner {
  vertical-align: middle;
  margin-right: 3px;
}

/* ADMIN */
table.admin thead.cols th {
  background-color: #EEE;
}

table.admin tbody.header th {
  background-color: pink;
}

table.admin td {
  white-space: nowrap;
}


/* === CLEARFIX === */
.left { float: left; }
.right { float: right; }
.tap { margin-left: 5px; }
.nudge { margin-left: 15px; }
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-table; min-height:1%;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */