/*------------------------------
Base Layout
------------------------------*/
html, body { height: 100%; margin: 0; padding: 0; z-index: 1; }
html { min-width: 960px; overflow-x: hidden; }
body { background: #edeee9; }
#container { background: #fdfdfd; /*background: url('../../images/redesign/1000grid.jpg') repeat-y;*/ margin: 0 auto; padding: 0 20px; width: 960px; border: 1px solid #ccc; border-top: 0px; }
#container-footer { /*background: url('../../images/redesign/1000grid.jpg') repeat-y;*/ overflow: auto; margin: 0 auto; padding: 0 20px; width: 960px; }
.right { float: right; }
.left { float: left; }
.center { text-align: center; }
.clear { clear: both; }
.clear-left { clear: left; float: left; }
.clear-right { clear: right; float: right; }
.hidden { display: none; }

/* CLEARFIX
Will implement in a future sprint; cleaning up the overflow: auto; hack with a micro clearfix.

.clear:before,
.clear:after { content: ""; display: table; }
.clear:after { clear: both; }

For IE 6/7 (trigger hasLayout)
.clear { zoom: 1; } */

/* Main Sections */
#header { background: transparent; width: 100%; margin: 0; padding: 0; }
#main { background: transparent; width: 100%; min-height: 300px; overflow: hidden; margin: 0; padding: 0; }
#footer { background: transparent; width: 100%; overflow: hidden; margin: 0; padding: 0; }

/*------------------------------
Base Typography
------------------------------*/
body { text-align: left; font-size: 14px; font-family: arial, helvetica, "Trebuchet MS", sans-serif; color: #333; line-height: 23px; }
a { color: #0c75ad; font-weight: bold; text-decoration: none; }
a:link { }
a:visited { text-decoration: none; }
a:hover { text-decoration: underline; }

a img { border: 0; }

li.permalink a { }

em, italic { font-style: italic; }
small { font-size: 12px; line-height: 23px; display: block; }

h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }
h1, h2 { color: #ef7700; }
p, ul, ol, dl, table, small { margin: 0 0 23px 0; }
h1, h2, h3, h5, h6 { font-weight: normal; }
h4, blockquote, dt, caption, strong, bold { font-weight: 700; }

h1 { font-size: 32px; line-height: 41px; margin: 0 0 3px 0; padding: 0; border-bottom: 2px solid #ef7700; }
h1.no-border { line-height: 46px; margin: 0px; border-bottom: 0px; }
h2 { font-size: 23px; line-height: 23px; margin: 0; padding: 11px 0 12px 0; }
  h2 a { text-decoration: none; border-bottom: none; }
  h2 a:hover { text-decoration: none; border-bottom: none; }
h2.black { font-size: 23px; line-height: 23px; margin: 0; padding: 11px 0 12px 0; color: #333333; }
h3 { font-size: 18px; line-height: 23px; }
  h3 a { text-decoration: none; font-weight: normal; }
  h3 a:hover { text-decoration: underline; }
h4 { font-size: 14px; line-height: 23px; font-weight: bold; }
h5 { font-size: 14px; font-weight: normal; }
h6 { font-size: 12px; text-transform: uppercase; letter-spacing: 1px; line-height: 23px; }

blockquote { font-size: 14px; font-style: italic; }
q { font-style: italic; line-height: 23px; }

table { font-size: 12px; width: 100%; border-spacing: 3px 3px; border-collapse: collapse; }
caption { font-variant: small-caps; font-size: 18px; line-height: 45px; text-align: left; }
tr th { line-height: 23px; }
tr td { line-height: 22px; /*border-bottom: 1px dotted #ddd;*/ padding: 0 5px; }

code { font-family: sans-serif; }

form { padding-top: 5px; }
input, textarea { border: 1px solid #bbb; font-family: arial, helvetica, "Trebuchet MS", sans-serif; font-size: 14px; padding: 4px 7px; }
input[type=radio], input[type=checkbox] { border: 0px; margin: 0; padding: 0; }
button { cursor: pointer; }
input.text-field { width: 225px; }
textarea.text-area { width: 500px; height: 100px; }
textarea.text-area-sign-up { width: 440px; height: 100px; }
button.button { border: 2px solid #ccc; margin-bottom: 23px; padding: 3px 5px; background: #ef7700; -moz-border-radius: 3px; -webkit-border-radius: 3px; font-size: 14px; font-weight: bold; display: inline; color: #fdfdfd; text-decoration: none; cursor: pointer; }
button:hover.button { background: #edeee9; color: #666; text-decoration: none; }

img { padding: 0; margin: 0; }

.important { color: #c00; font-weight: bold; }
.bold { font-weight: bold; }
.large-text { font-size: 18px; line-height: 23px; }

/*------------------------------
Theme Library
--------------------------------
  1. Branding
  2. Primary Navigation
    2a. Dropdown
    2b. Search
    2c. Coach Navigation (Signed In)
      - Coach/Client Identification Card
      - Main Navigation
      - Subnavigation
  3. Secondary [LEFT] Navigation
  4. Breadcrumb/Pagination Navigation
  5. Global Content Type
    5a. Home Content
    5b. Internal Content
    5c. Coach Content
    5d. Profile Content
    5e. For Coaches
      - Sign-Up Form
      - Pricing Table
      - Messages
  6. Footer
------------------------------*/

/* 1. Branding */
#branding { margin: 0; padding: 0; width: 100%; height: 69px; }
#branding #branding-logo { float: left; padding: 0px; }
#logo { margin: 23px 0 0; padding: 0px 7px;}

#navigation-top { float: right; }
#navigation-top ul { padding: 0; margin: 0; list-style: none; float: right; font-size: 12px; }
#navigation-top li { padding: 6px 0 0 5px; margin: 0; float: left; }
#navigation-top li a { background-color: #f6f7f1; color: #0c75ad; text-align: right; font-weight: bold; text-decoration: none; margin: 0; padding: 1px 10px 0; display: block; border: 1px solid #ccc; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
#navigation-top li a:hover { background-color: #edeee9; }
#navigation-top p { clear: both; padding-top: 15px; margin: 0; text-align: right; font-size: 18px; }

/* 2. Primary Navigation */
#navigation-main { background: #0c75ad; height: 46px; }
#no-navigation-main { background: #0c75ad; height: 10px; margin: 10px 0 23px; }

ul.dropdown { padding: 0; margin: 0; list-style: none; position: relative; }
ul.dropdown li { margin: 0; padding: 0; list-style: none; float: left; background: #0c75ad; }
ul.dropdown li a { display: block; color: #fdfdfd; font-size: 14px; font-weight: bold; text-decoration: none; margin: 0; padding: 12px 15px 11px; border-right: 1px solid #095882; border-left: 1px solid #4594bb; }

ul.dropdown li.hover,
ul.dropdown li:hover { background-color: #edeee9; color: #666; position: relative; }
ul.dropdown li.hover a { color: #666; }

ul.dropdown li.active { background-color: #ef7700; }
ul.dropdown li:hover.active { background-color: #edeee9; }
ul.dropdown li.active a:hover { background-color: #edeee9; }

ul.dropdown li.first a { border-left: 0px; }
ul.dropdown li.last a { border-right: 0px; }
ul.dropdown li.last ul li a { border-right: 1px solid #ccc; }

  /* 2a. Dropdown */
ul.dropdown ul { margin: 0; padding: 0; width: 185px; visibility: hidden; position: absolute; top: 100%; left: 0; border-left: 1px solid #ccc; border-right: 1px solid #ccc; }
ul.dropdown ul li { text-align: left; float: none; }
ul.dropdown ul li a, ul.dropdown li.active ul li a { font-weight: normal; font-size: 12px; background: #edeee9; color: #666; padding: 1px 15px 0px; border: 0; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; width: 100%; display: inline-block; }
ul.dropdown ul li a:hover, ul.dropdown li.active ul li a:hover { background: #ef7700; color: #fdfdfd; }

  /* 2b. Search */
#search { padding: 5px 10px; float: right; font-size: 12px; }
#search input { padding: 4px 7px; border: 1px solid #095882; }
#search input.search-field { background: #fdfdfd url('') no-repeat !important; width: 180px; font-size: 12px; }
#search input.search-button { background-color: #f6f7f1; color: #666; font-size: 12px; font-weight: bold; border: 2px solid #ccc; padding: 2px 5px; -moz-border-radius: 3px; -webkit-border-radius: 3px; display: inline; cursor: pointer; }
#search input:hover.search-button { background-color: #edeee9; }

  /* 2c. Coach Navigation (Signed In) */
  
#navigation-main-auth { background: #0c75ad; height: 46px; }
#navigation-main-auth ul.dropdown li.active { background-color: #edeee9; }
#navigation-main-auth ul.dropdown li.active a { color: #666; }

#navigation-sub { background: #edeee9; height: 46px; }
ul.sub { padding: 0; margin: 0 10px; list-style: none; position: relative; }
ul.sub li { margin: 0; padding: 0; list-style: none; float: left; }
ul.sub li a { background: #ddd; display: block; color: #666; font-size: 12px; font-weight: bold; text-decoration: none; margin: 10px 5px; padding: 1px 6px 0; border: 1px solid #ccc; border-radius: 5px; }
ul.sub li a:hover { background: #f6f5f1; }


/* 3. Secondary [LEFT] Navigation */
#navigation-left { width: 224px; margin: 0 0 0 -960px; float: left; }

#navigation-left ul { width: 225px; padding: 0 0 0 20px; margin: 0 0 23px 0; }
#navigation-left li { padding: 0; margin: 0; float: left; width: 100%; }
#navigation-left li a { padding-left: 10px; font-weight: normal; display: block; }
#navigation-left li.active a { font-weight: bold; }

#navigation-left ul.links { width: 225px; padding: 0; margin: 0 0 23px 0; list-style: none; background: #edeee9; border: 1px solid #ccc; border-right: 0px; border-top: 0px; overflow: hidden; }
#navigation-left ul.links li { padding: 0; margin: 0; float: left; display: block; width: 100%; }
#navigation-left ul.links li a { padding: 3px 0 3px 10px; font-weight: normal; display: block; border-top: 1px solid #ccc; border-right: 1px solid #ccc; }
#navigation-left ul.links li a:hover { background: #fdfdfd; border-right: 1px solid #fdfdfd; text-decoration: underline; }
#navigation-left ul.links li:hover { border-right: 1px solid #fdfdfd; }
#navigation-left ul.links li.active { background: #fdfdfd; border-right: 1px solid #fdfdfd; }
#navigation-left ul.links li.active a { font-weight: bold; color: #ef7700; border-right: 1px solid #fdfdfd; }

#navigation-left ul.directory { width: 225px; padding: 0; margin: 0 0 23px 0; font-size: 12px; line-height: 18px; list-style: none; overflow: hidden; }
#navigation-left ul.directory li { padding: 0; margin: 0; float: left; display: block; width: 100%; }
#navigation-left ul.directory li:hover { border-right: 1px solid #fdfdfd; }
#navigation-left ul.directory li.active { }
#navigation-left ul.directory li.active a { font-weight: bold; color: #ef7700; }

.widget { border-top: 1px solid #ccc; padding: 22px 10px 23px 0; font-size: 12px; line-height: 18px; overflow: hidden; }
.widget p { margin-bottom: 0; }
.widget a.action-button { margin: 12px 0 0 0; font-size: 12px; }
.widget ol, .widget ul { overflow: hidden; padding-left: 20px; margin: 0 0 18px 0; }

/* 4. Breadcrumb/Pagination Navigation */
#navigation-breadcrumb { color: #666; font-size: 12px; margin: 11px 0 12px 0; }
#navigation-breadcrumb a { font-size: 12px; font-weight: normal; font-style: italic; }

#navigation-pagination { width: 713px; background: #edeee9; border: 1px solid #ccc; font-size: 12px; line-height: 21px; margin-bottom: 23px; overflow: hidden; }
#navigation-pagination a { font-size: 12px; font-style: italic; }
#navigation-pagination .pagination { float: right; margin: 0; padding-right: 10px; }
#navigation-pagination .pagination span { margin: 0 0 0 5px; }
#navigation-pagination .pagination span.current { font-weight: bold; } /*For the current page in the pagination*/
#navigation-pagination.full-page { width: 958px; }

/* 5. Global Content Type */
.two-column-1 { margin-bottom: 23px; padding-right: 20px; width: 460px; float: left; }
.two-column-2 { margin-bottom: 23px; padding-left: 19px; border-left: 1px solid #ccc; width: 460px; float: left; }

#four-column-1 { padding-right: 20px; width: 225px; float: left; }
#four-column-2 { padding-right: 20px; width: 225px; float: left; }
#four-column-3 { padding-right: 20px; width: 225px; float: left; }
#four-column-4 { width: 225px; float: left; }

a.action-button, input.action-button, button { border: 2px solid #ccc; cursor: pointer; margin-bottom: 23px; padding: 3px 5px; background: #ef7700; -moz-border-radius: 3px; -webkit-border-radius: 3px; font-size: 14px; font-weight: bold; display: inline; color: #fdfdfd; text-decoration: none; }
a:hover.action-button, input:hover.action-button, button:hover { background: #edeee9; color: #666; text-decoration: none; }

a.action-button-large { border: 2px solid #ccc; margin-bottom: 23px; padding: 5px 10px; background: #ef7700; -moz-border-radius: 3px; -webkit-border-radius: 3px; font-size: 23px; display: inline; color: #fdfdfd; text-decoration: none; }
a:hover.action-button-large { background: #edeee9; color: #666; text-decoration: none; }

a.cancel-button { margin: 0 0 0 10px; }

img.icon { padding: 2px 5px 0 0; float: left; }
img.photo { background: #fff; margin: 0 8px 0 0; padding: 5px; border: 1px solid #ccc; float: left; }

.new-section { border-top: 1px solid #ccc; clear: both; }

.video { margin: 0 0 23px 0; }
.video p { font-size: 12px; line-height: 18px; color: #666; }
.video.left { margin-left: 0; }
.video.right { margin-right: 0; }

p.desc { font-size: 12px; line-height: 18px; color: #666; }

p.desc.articles { font-size: 12px; line-height: 18px; color: #666; margin-bottom: 0; }
p.articles { margin-bottom: 0; }

.flash-notice { background: #efe; color: #070; margin: 0 auto 23px; padding: 11px 10px 10px; overflow: hidden; border: 1px solid #090; }
.flash-notice.small { background: #efe; color: #070; margin: 0 auto 23px; padding: 8px 10px 8px; overflow: hidden; border: 1px solid #090; font-size: 12px; line-height: 18px; }

.caution { background: #efe; color: #070; margin: 0 auto 23px; padding: 11px 10px 10px; overflow: hidden; border: 1px solid #090; }
.caution.small { background: #efe; color: #070; margin: 0 auto 23px; padding: 8px 10px 8px; overflow: hidden; border: 1px solid #090; font-size: 12px; line-height: 18px; }

.error, .errorExplanation { background: #fee; clear: both; color: #c00; margin: 0 auto 23px; padding: 11px 10px 10px; overflow: hidden; border: 1px solid #c00; }
.error ul { margin-bottom: 0; }

#main .fieldWithErrors input.text-field,
#main .fieldWithErrors textarea.text-area, 
#main .fieldWithErrors textarea.text-area-sign-up { border: 2px solid #c00; }

#main .search { background: #f6f7f1; width: 918px; margin: 0 0 23px; padding: 10px 20px 15px; overflow: hidden; border: 1px solid #ccc; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-size: 12px; }
#main .search input.search-button { background-color: #f6f7f1; color: #666; font-size: 12px; font-weight: bold; border: 2px solid #ccc; padding: 2px 5px; -moz-border-radius: 3px; -webkit-border-radius: 3px; display: inline; cursor: pointer; }
#main .search input:hover.search-button { background-color: #edeee9; }

.tooltip { display: none; }
.tooltip .bold { font-weight: bold; }
.tooltip p, .tooltip ul { margin-bottom: 0px; }

  /* --> 5a. Home Content */
#home-content { border-bottom: 1px solid #ccc; margin-bottom: 23px; overflow: hidden; width: 100%; }

#home-column-1 { padding-right: 20px; width: 460px; float: left; }
#home-column-2 { padding-left: 19px; border-left: 1px solid #ccc; width: 460px; float: left; }

#home-image { background: url('../../images/redesign/home-image.jpg') 0px 50px no-repeat; margin: 23px 0; padding-bottom: 15px; height: 635px; border-bottom: 1px solid #ccc; }
#home-image #home-column-1 { margin-top: 165px; padding-right: 20px; width: 365px; float: left; }
#home-image #home-column-2 { margin-top: 165px; padding: 0 10px; border: 0px; width: 435px; float: left; }
#home-image #home-column-2 p { font-size: 18px; }

#recent-client-leads { padding-bottom: 22px; width: 100%; border-bottom: 1px solid #ccc; overflow: hidden; }
table.client-leads-home { text-align: left; }
table.client-leads-home thead tr { background: #edeee9; border: 1px solid #ccc; }
table.client-leads-home thead th { font-size: 14px; padding: 6px 10px 5px; }
table.client-leads-home tr td { padding: 6px 10px 5px 10px; }
table.client-leads-home tr td.overview { width: 658px; }
table.client-leads-home tr td.location { width: 200px; vertical-align: top; }
table.client-leads-home tr td.published-at { width: 100px; vertical-align: top; }

.home-image-column { width: 220px; float: left; margin-bottom: 23px; padding-right: 19px; border-right: 1px solid #ccc; }
.home-image-column ul { margin: 0; padding: 0; list-style: none; }
.home-image-column li { width: 100px; float: left; margin: 0 5px 5px 5px; font-size: 12px; line-height: 18px; text-align: center; }
.home-image-column img { background: #fff; padding: 5px; border: 1px solid #ccc; }

.home-us-city-column { float: left; margin: 0 0 23px 20px; }
.home-can-city-column { float: left; margin: 0 0 23px 0; }
.home-us-city-column ul, .home-can-city-column ul { font-size: 12px; line-height: 18px; margin: 0; padding: 0 20px 0 0; list-style: none; float: left; width: 120px; }

.home-featured-column { width: 260px; float: left; margin: 0 0 23px 0; padding-left: 19px; border-left: 1px solid #ccc; }
.home-featured-column img.photo { background: #fff; margin: 0 10px 0 0; padding: 5px; border: 1px solid #ccc; float: left; width: 75px; }

  /* --> 5b. Internal Content */
#page-content { margin: 0 0 0 225px; width: 715px; padding-left: 19px; float: left; border-left: 1px solid #ccc; }
#sidebar-left { width: 224px; margin: 0 0 0 -960px; float: left; border-top: 1px solid #ccc; padding-top: 10px; }

.staff-info { margin-bottom: 23px; overflow: hidden; }
.staff-info img.photo { background: #fff; margin-right: 10px; padding: 5px; border: 1px solid #ccc; float: left; width: 100px; }
.staff-info .role { margin-left: 10px; font-size: 14px; color: #999; }
.staff-info .wrapper { float: left; width: 593px; }
.staff-info .wrapper p { margin-bottom: 0px; }

.greybox { background: #f6f7f1; width: 500px; margin: 23px auto; padding: 10px 20px; overflow: hidden; border: 1px solid #ccc; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

#get-started { background: #f6f7f1; margin-bottom: 23px; padding: 10px 19px; overflow: hidden; border: 1px solid #ccc; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#get-started p { margin-bottom: 0px; }
#get-started .step { display: block; border-right: 1px solid #ddd; width: 150px; float: left; padding-right: 9px; margin-right: 10px; }
#get-started .step.last { border-right: 0; padding-right: 0; }

/************************ START UI-DIALOG STYLES ***************************/
/*Dialogs -- style copied from the stylesheet before redesign if this is here
 * after august 15 we should refactor*/

/*dialog*/
.ui-dialog {
  /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
  font-family: 'lucida grande', verdana, arial, sans-serif;
  font-size: 12px;
  background: #f1f1f1 url(../../images/jqui/f1f1f1_40x100_textures_01_flat_100.png) 0 0 repeat-x;
  color: #333333;
  border: 4px solid #dddddd;
  position: relative;
}
.ui-dialog-titlebar {
  /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
  padding: .5em 1.5em .5em 1em;
  color: #333;
  background: #f6f6f6 url(../../images/jqui/f6f6f6_40x100_textures_01_flat_100.png) 0 50% repeat-x;
  border-bottom: 1px solid #cccccc;
  font-size: 1em;
  font-weight: bold;
  position: relative;
}
.ui-dialog-title {}
.ui-dialog-titlebar-close {
  /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
  background: url(../../images/jqui/038af2_11x11_icon_close.gif) 0 0 no-repeat;
  position: absolute;
  right: 8px;
  top: .7em;
  width: 11px;
  height: 11px;
  z-index: 100;
}
.ui-dialog-titlebar-close-hover, .ui-dialog-titlebar-close:hover {
  background: url(../../images/jqui/ffffff_11x11_icon_close.gif) 0 0 no-repeat;
}
.ui-dialog-titlebar-close:active {
  background: url(../../images/jqui/ff8700_11x11_icon_close.gif) 0 0 no-repeat;
}
.ui-dialog-titlebar-close span {
  display: none;
}
.ui-dialog-content {
  /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
  color: #333333;
  padding: 1.5em 1.7em;
}
.ui-dialog-buttonpane {
  bottom: 0;
  width: 100%;
  text-align: left;
  border-top: 1px solid #dddddd;
  background: #f1f1f1;
}
.ui-dialog-buttonset {
  margin: 10px;
}
.ui-dialog-titlebar .ui-state-hover {
  color: #ef7700;
  background: url(../../images/jqui/ff8700_11x11_icon_close.gif) 0 50% repeat-x;
}
/*
.ui-dialog-buttonpane button {
  margin: .5em 0 .5em 8px;
  color: #038af2;
  background: #f6f6f6 url(../../images/jqui/f6f6f6_40x100_textures_01_flat_100.png) 0 50% repeat-x;
  font-size: 1em;
  border: 1px solid #cccccc;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  line-height: 1.4em;
}

.ui-dialog-buttonpane button:active {
  color: #ef7700;
  background: #038af2 url(../../images/jqui/ff8700_11x11_icon_close.gif) 0 50% repeat-x;
  border: 1px solid #038af2;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus {
    background: url("../images/?new=fdf5ce&w=1&h=400&f=png&q=100&fltr[]=over|textures/02_glass.png|0|0|100") repeat-x scroll 50% 50% #FDF5CE;
    border: 1px solid #FBCB09;
    color: #C77405;
    font-weight: bold;
    outline: medium none;
}*/


/* This file skins dialog */
.ui-dialog.ui-draggable .ui-dialog-titlebar,
.ui-dialog.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}
/*this is horrible we need to refactor*/
.oneone {
    font-size: 1.1em !important;
    padding-bottom: 5px;
}

.onefour {
    font-size: 1.4em !important;
    padding-bottom: 10px;
}

#coach_match_dialog .faux-h1 {
    padding-top: 5px;
}

.marginBottom {
    margin-bottom: 20px !important;
}
.faux-h1 {
    color: #F89627;
    font-weight: bold;
}
.red {
    color: #FF0000 !important;
}
/*
 * This is redesign. We reverted.
.ui-dialog { border: 1px solid #ccc; background: #f6f7f1; padding: 23px 20px; width: 500px; margin: 0 auto; }
.ui-dialog-titlebar { margin: 0 0 23px 0; clear: both; overflow: hidden; }
.ui-dialog-title { font-size: 18px; }
.ui-dialog button:hover.button { background: #edeee9; color: #666; text-decoration: none; }
*/
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #666; opacity: .90; filter: Alpha(Opacity=90); }

.ui-dialog input, .ui-dialog textarea { padding: 4px 7px; border: 1px solid #bbb; font-size: 14px; }
.ui-dialog input.text-field { width: 225px; }
.ui-dialog textarea.text-area { width: 500px; height: 150px; }
.ui-dialog button.button { border: 2px solid #ccc; margin-bottom: 23px; padding: 3px 5px; background: #ef7700; -moz-border-radius: 3px; -webkit-border-radius: 3px; font-size: 14px; font-weight: bold; display: inline; color: #fdfdfd; text-decoration: none; cursor: pointer; }
.ui-dialog button:hover.button { background: #edeee9; color: #666; text-decoration: none; }

.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #666; opacity: .90; filter: Alpha(Opacity=90); }

/************************ END UI-DIALOG STYLES ***************************/


    /* --> Articles */
.social-bar { width: 713px; margin-bottom: 23px; overflow: hidden; clear: both; }
.social-bar .facebook, .social-bar .twitter { float: left; vertical-align: top; display: block; }

    /* --> Coach Match */
table.client-leads { text-align: left; }
table.client-leads thead tr { background: #edeee9; border: 1px solid #ccc; }
table.client-leads thead th { font-size: 14px; padding: 6px 10px 5px; }
table.client-leads tr td { padding: 6px 10px 5px 10px; }
table.client-leads tr td.overview { width: 550px; }
table.client-leads tr td.location { width: 175px; vertical-align: top; }
table.client-leads tr td.published-at { width: 100px; vertical-align: top; }
table.client-leads tr td.time-to-close { width: 133px; vertical-align: top; }
table.client-leads tr td.time-to-close img.icon { padding: 2px 5px 0 0; float: left; }

#page-content.coach-match { margin: 0; width: 715px; padding: 0 19px 0 0; float: left; border: 0; border-right: 1px solid #ccc; overflow: hidden; }
#sidebar-right { margin: 0; width: 210px; padding-left: 15px; float: left; border: 0; overflow: hidden; line-height: 18px; font-size: 12px; }
#sidebar-right ol { padding-left: 20px; }
.lead-notes { background: #edfee9; width: 673px; margin: 23px auto; padding: 10px 20px; overflow: hidden; border: 1px solid #aca; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.coach-match .desc { max-width: 500px; }

  /* --> 5c. Directory Content */
.coach-info { margin-bottom: 12px; padding-bottom: 8px; border-bottom: 1px solid #ccc; overflow: hidden; }
.coach-info h3 a:hover { text-decoration: underline; }
.coach-info img.icon { padding: 2px 5px 0 0; float: left; }

.coach-info .avatar { float: left; width: 95px; }
.coach-info img.photo { background: #fff; margin: 0 8px 0 0; padding: 5px; border: 1px solid #ccc; width: 75px; float: left; }

.coach-info .summary { float: left; width: 395px; padding-right: 20px; }
.coach-info .summary h4 { font-size: 12px; line-height: 18px;}
.coach-info .summary p,
.coach-info .details p { line-height: 18px; font-size: 12px; margin-bottom: 0; }
.coach-info .summary .credential { float: left; overflow: hidden; }
.coach-info .summary img.credential { height: 17px; padding: 2px 5px 0 0; float: left; }
.coach-info .summary .credentials { margin-left: 5px; font-size: 12px; line-height: 18px; font-weight: normal; color: #999; }
.coach-info .summary.coach-match p { margin-bottom: 23px; }

.coach-info .summary .message a { background: #ef7700; border: 2px solid #ccc; border-radius: 3px; color: #fdfdfd; float: right; font-size: 12px; font-weight: bold; line-height: 18px; margin: 12px 0px 6px; padding: 1px 5px; text-decoration: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.coach-info .summary .message a:hover { background: #edeee9; color: #666; text-decoration: none; }

.coach-info .details { float: left; width: 205px; font-size: 12px; font-weight: bold; }
.coach-info .details .phone { font-weight: normal; }
.coach-info .details .address,
.coach-info .details .phone,
.coach-info .details .reviews { width: 205px; overflow: hidden; }

    /* --> Coach Match & Locations */

/* New Coach Match Ad

#coach-match-banner { background: url('../../images/redesign/four-steps2.png') no-repeat; margin-bottom: 23px; height: 238px; }
a.coach-match-button { background: url('../../images/redesign/coach-match-button.png') no-repeat; width: 192px; height: 61px; margin: 175px 10px 0 0; text-decoration: none; display: block; float: right; }
a:hover.coach-match-button { background: url('../../images/redesign/coach-match-button-hover.png') no-repeat; }
*/

/* COLE OVER HERE! Temporal Request CoachMatch Widget **LEGACY** */

.coach-match-request-form {
	background: url('../../images/layout/directory-coach-request.gif') no-repeat left top;
	width: 696px;
	height: 390px;
	float: left;
	padding: 0px;
	margin-bottom: 10px;
	margin-top: -20px;
	font-size: 1.4em;
	text-align: center;
}

.coach-match-request-form a.coachMatch {
  background: url('../../images/buttons/large-orange-button-directory.gif') no-repeat left top;
  width: 177px;
  height: 71px;
  float: left;
  margin-left: 30px;
  padding-top: 20px;
  margin-top: 275px;
  color: #fdfdfd;
}
.coach-match-request-form a.coachMatch:hover {
  background-position: 0px -91px;
}

#location-list { background: #f6f7f1; margin-bottom: 23px; padding: 10px 19px 0; overflow: hidden; border: 1px solid #ccc; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#location-list .left,
#location-list ul.column { font-size: 12px; line-height: 18px; }
#location-list .left.end { width: 166px; }
#location-list ul.column { width: 166px; display: block; float: left; list-style: none; padding: 0; margin: 0 0 18px 0; }
#location-list ul.column li { padding: 0; margin: 0; }
#location-list a { font-weight: normal; }
#location-list .left > a { clear: both; }
#location-list a.big-city { font-weight: bold; }

  /* --> 5d. Profile Content */
#page-content.profile { margin: 0; width: 960px; padding-left: 0px; float: left; border: 0; overflow: hidden; }

.profile .info { overflow: hidden; padding-bottom: 23px; border-bottom: 1px solid #ccc; }
.profile .info img.photo { background: #fff; margin: 0 8px 0 0; padding: 5px; border: 1px solid #ccc; float: left; width: 150px; }
.profile .info img.icon { padding: 2px 5px 0 0; float: left; }
.profile .info .details { float: left; width: 175px; font-size: 13px; font-weight: bold; }
.profile .info .details p { margin-bottom: 0; }

.profile .info .details .redbox { background: #fcc; color: #c33; font-style: italic; border: 1px dashed #c66; width: 150px; padding: 0 5px; }
.profile .info .details .redbox p { line-height: 18px; }
.profile .info .details .redbox a { color: #c33; font-style: italic; }

.profile .info .summary { float: left; width: 460px; }
.profile .info .summary .credential { float: left; overflow: hidden; }
.profile .info .summary img.credential { height: 17px; padding: 2px 5px 0 0; float: left; }
.profile .info .summary .credentials { color: #333; font-weight: bold; }

.profile .request { float: left; width: 285px; }
.profile .request .rate { width: 285px; }
.profile .request .gender { width: 285px; }
.profile .request .timezone { width: 285px; margin-bottom: 23px; }
.profile .facebook { background: #f6f7f1; margin-bottom: 23px; padding: 10px; border: 1px solid #ccc; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.fb-like .connect_comment_widget, .fb-like .comment_content { max-width: 275px !important; z-index: 5; }

.profile .content { width: 635px; float: left; padding-right: 19px; border-right: 1px solid #ccc; }
.profile .content #reviews p { margin-bottom: 23px; overflow: hidden; }
.profile .content .review { margin-bottom: 23px; overflow: hidden; }

.profile.side { float: left; width: 285px; padding-left: 20px; }
.profile.side p { font-size: 12px; line-height: 18px; margin-bottom: 18px; }
.profile.side q { font-size: 12px; line-height: 18px; }
.profile.side h3 { padding-top: 12px; }

#noomii-review { background: #f6f7f1; margin-bottom: 23px; padding: 10px; border: 1px solid #ccc; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#noomii-review img.icon { padding: 2px 5px 0 0; float: left; }
#noomii-review object { width: 263px !important;}

      /* --> iframe Content */
#iframe { background: #fdfdfd; }
#iframe .top { border-bottom: 5px solid #0c75ad; height: 70px; overflow: hidden; }
#iframe .content { float: left; }
#iframe .content h4 { margin: 10px 0 5px; }
#iframe .close { float: right; margin: 20px; }
#iframe .close img { background: #f6f7f1; border: 1px solid #ccc; padding: 3px; }

#iframe #logo { float: left; margin: 12px 20px 11px 0; width: 229px; height: 46px; }
#iframe img.photo { float: left; height: 50px; margin: 4px 10px 4px 0; }
#iframe .phone { float: left; font-weight: bold; }
#iframe .message { float: left; margin-left: 20px; }

/* IFRAME FIX? Hacky! Tried everything. Giving up on negative margins and creativity. */

body.iframe-fix { overflow-y: hidden; }
div.iframe-fix { position: absolute; top: 75px; bottom: 0; left: 0; right: 0; }

/* IE Fix */
.iframe-fix iframe { width: 100%; height: 100%; min-height: 400px; border: 0; padding: 0; margin: 0; }

    /* --> Edit Buttons */
.edit a { float: right; margin: 10px 0px 8px 5px; border: 2px solid #ccc; height: 18px; line-height: 18px; padding: 1px 3px 0; background: #edeee9; font-size: 12px; display: inline; color: #666; text-decoration: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; overflow: hidden; }
.edit a:hover { background: #f6f7f1; color: #666; text-decoration: none; }
.edit a img.icon { padding: 0px 5px 0 0; float: left; }

  /* --> 5e. For Coaches */
#coach-column-1 { margin-top: 23px; padding-right: 20px; width: 460px; float: left; }
#coach-column-1 h1 { font-size: 40px; line-height: 41px; margin: 0 0 3px 0; padding: 0; border-bottom: 0px; }
#coach-column-1 h2 { font-size: 23px; line-height: 23px; margin: 0; padding: 11px 0 12px 0; color: #333333; }
  #coach-column-1 h2 a { text-decoration: none; border-bottom: none; }
  #coach-column-1 h2 a:hover { text-decoration: none; border-bottom: none; }
#coach-column-2 { margin-top: 23px; padding-left: 20px; width: 460px; float: left; }

.border-top { border-top: 1px solid #ccc; padding-top: 22px; }
.testimonial { width: 300px; float: left; margin-right: 30px; }
.testimonial.last { margin-right: 0; }
.testimonial .quote { background: #f6f7f1; padding: 10px; border: 1px solid #ccc; border-bottom: 0px; border-radius: 5px 5px 0 0; }
.testimonial .quote-bottom { background: url('../../images/redesign/testimonial.png'); height: 40px; margin-bottom: 10px; }

    /* --> Sign-up Form/Login Form */
.form-header { background: #edeee9; border: 1px solid #ccc; margin-bottom: 23px; padding: 6px 10px 5px; clear: both; }
.form-header p { font-size: 14px; margin-bottom: 0px; font-weight: normal; }

.sign-up #two-column-1 p { margin-bottom: 0px; }

.sign-up .inline { margin-bottom: 3px; clear: both; overflow: hidden; }
.sign-up .inline label { padding: 5px 20px 0 0; width: 175px; text-align: left; font-weight: bold; float: left; }
.sign-up .inline label span.desc { font-weight: normal; font-size: 12px; }
.sign-up .inline input[type=text],
.sign-up .inline select { color: #333; padding: 5px 0 6px 0; width: 250px; float: left; }
.sign-up .inline input[type=radio],
.sign-up .inline input[type=checkbox] { margin: 5px 5px 0 0; float: left; overflow: hidden; }

.sign-up .block { margin-bottom: 23px; clear: both; overflow: hidden; }
.sign-up .block label { padding: 0 10px 0 0; text-align: left; font-weight: bold; display: block; }
.sign-up .block span.desc { font-weight: normal; font-size: 12px; }
.sign-up .block input[type=text],
.sign-up .block select { color: #333; padding: 5px 0 6px 0; width: 265px; float: left; overflow: hidden; }
.sign-up .block input[type=radio],
.sign-up .block input[type=checkbox] { margin: 5px 5px 0 0; float: left; overflow: hidden; }

.sign-up .column { width: 220px; float: left; }
.sign-up p.desc { margin-bottom: 5px; }
.sign-up span.currency { display: inline-block; font-weight: bold; padding: 7px 2px 3px; }

.two-column-2.sign-up { color: #999; }
.two-column-2.sign-up h4 { color: #666; }

.sign-up .block.location { background: #f6f5f1; border: 1px solid #ccc; padding: 10px; }
.sign-up .block.location select,
.sign-up .block.location input[type="text"] { clear: both; float: none; }
.sign-up .block.location .onethree { margin-bottom: 0px; }

#login { clear: both; overflow: auto; }
#login .inline { margin-bottom: 3px; clear: both; overflow: hidden; }

.block { margin-bottom: 23px; clear: both; overflow: hidden; }
.block label { padding: 0 20px 0 0; text-align: left; font-weight: bold; display: block; }

    /* --> Pricing Table */
table#pricing { margin: 23px 0; border-collapse: collapse; width: 958px; }
table#pricing thead th { font-size: 14px; padding: 6px 10px 5px; vertical-align: bottom; }
table#pricing thead th.price { background: #edeee9; border: 1px solid #ccc; font-size: 14px; font-weight: normal; padding: 11px 10px 12px; width: 125px;  text-align: center; vertical-align: center; }
table#pricing thead th.price.suggested { background: #edeee9; border-top: 0px; border-bottom: 0px; }
table#pricing thead th.price h1 { color: #ef7700; border-bottom: 0px; }
table#pricing thead th.price.suggested h1 { font-size: 42px; color: #ef7700; border-bottom: 0px; }
table#pricing thead th.price span { color: #999; font-size: 14px; }
table#pricing thead th.price.suggested span { color: #999; font-size: 18px; }
table#pricing thead th.price.suggested.desc { padding: 0px; font-size: 14px; font-weight: bold; border: 1px solid #ccc; border-bottom: 0px; }

table#pricing tr td { padding: 6px 10px 5px; vertical-align: middle; text-align: center; font-weight: bold; border: 1px dotted #ccc; }
table#pricing tr td.feature { font-weight: normal; text-align: left; }
table#pricing tr td.feature div.left { width: 77%; }
table#pricing tr td.feature div.right { width: 20%; text-align: right; }
table#pricing tr td.suggested { background: #f6f7f1; border: 1px dotted #ccc; }

table#pricing tfoot th { font-size: 14px; padding: 6px 10px 5px; vertical-align: center; }
table#pricing tfoot th.price { font-size: 14px; font-weight: normal; padding: 11px 10px 12px; width: 125px; text-align: center; vertical-align: top; border: 1px dotted #ccc; }
table#pricing tfoot th.price.suggested { background: #f6f7f1; border: 1px dotted #ccc; }
table#pricing tfoot th .desc { color: #999; font-size: 12px; line-height: 18px; }
table#pricing tfoot th .payment-icons { width: 78px; margin: 5px auto; }
table#pricing tfoot th img.icon { padding: 0 3px; }
table#pricing tfoot th input.action-button { margin-bottom: 0; }

  /* --> 5f. Authenticated Content */
a.more { float: right; line-height: 18px; font-size: 12px; margin-bottom: 0; margin-top: 18px; }

.client-info { margin-bottom: 12px; padding-bottom: 8px; border-bottom: 1px solid #ccc; overflow: hidden; }
.client-info h3 a:hover { text-decoration: underline; }
.client-info img.icon { padding: 2px 5px 0 0; float: left; }
.client-info .avatar { float: left; width: 95px; }
.client-info img.photo { background: #fff; margin: 0 8px 0 0; padding: 5px; border: 1px solid #ccc; width: 75px; float: left; }
.client-info .summary { float: left; width: 345px; padding-left: 20px; }
.client-info .summary p { line-height: 18px; font-size: 12px; margin-bottom: 0; }
.coach-match .client-info .summary { float: left; width: 600px; padding-left: 20px; }

ul#client-menu { padding: 0; margin: 0; list-style: none; position: relative; }
ul#client-menu li { margin: 0 10px 0 0; padding: 0; list-style: none; float: left; }
ul#client-menu li a { background: #ddd; display: block; color: #666; font-size: 12px; font-weight: bold; text-decoration: none; margin: 10px 0; padding: 1px 6px 0; border: 1px solid #ccc; border-radius: 5px; }
ul#client-menu li a:hover { background: #f6f5f1; }

.activity-feed { margin-bottom: 12px; padding-bottom: 8px; border-bottom: 1px solid #ccc; overflow: hidden; }
.activity-feed img.icon { padding: 2px 5px 0 0; float: left; }
.activity-feed .avatar { float: left; width: 95px; }
.activity-feed img.photo { background: #fff; margin: 0 8px 0 0; padding: 5px; border: 1px solid #ccc; width: 75px; float: left; }
.activity-feed .summary { float: left; width: 345px; padding-left: 20px; }
.activity-feed .summary p { line-height: 18px; font-size: 12px; margin-bottom: 0; }
.activity-feed .summary a.more { float: right; line-height: 18px; font-size: 12px; margin-bottom: 0; margin-top: 18px; }
.coach-match .activity-feed .summary { float: left; width: 600px; padding-left: 20px; }

.goal-info { margin-bottom: 12px; padding-bottom: 8px; border-bottom: 1px solid #ccc; overflow: hidden; }
.goal-info img.icon { padding: 2px 5px 0 0; float: left; }

    /* --> Messages */
table#messages { border-collapse: collapse; }
table#messages thead tr { background: #edeee9; border: 1px solid #ccc; }
table#messages thead th { text-transform: uppercase; font-weight: normal; font-size: 12px; padding: 6px 5px 5px; vertical-align: bottom; }
table#messages thead th.from { width: 150px; }
table#messages thead th.date { width: 100px; }
table#messages thead th.source { width: 140px; }

table#messages tr { border-bottom: 1px dotted #ccc; }
table#messages tr td { padding: 6px 15px 5px 5px; vertical-align: middle; text-align: left; }
table#messages tr.new { font-weight: bold; }

#page-content.message-inbox { margin: 23px 0 0 225px; width: 715px; padding-left: 19px; float: left; border-left: 1px solid #ccc; }
#navigation-left.message-inbox { width: 224px; margin: 23px 0 0 -960px; float: left; }

#page-content.view-messages { margin-top: 23px; width: 460px; padding-right: 19px; border-right: 1px solid #ccc; }
#navigation-left.view-messages { margin: 0 0 0 -725px; margin-top: 23px; }
#sidebar-right.view-messages { width: 224px; float: right; margin-top: 23px; }

/* 6. Footer */
#footer { font-size: 12px; color: #777; margin-bottom: 23px; }
#footer a { font-weight: normal; }
.footer-desc { font-size: 14px; margin: 23px 0; width: 735px; float: left; padding-right: 20px; border-right: 1px solid #ccc; }
.footer-social { margin: 23px 0; width: 185px; float: left; padding-left: 19px; }
.footer-social ul { margin: 0; padding: 0; list-style: none; }
.footer-social li { padding-right: 10px; float: left; display: block; }
.footer-social li a { width: 45px; height: 45px; text-decoration: none; display: block; }
.footer-social li a:hover { text-decoration: none; }

.footer-social li a.facebook { background: url('../../images/redesign/social/facebook-icon-grey.png') no-repeat; }
.footer-social li a:hover.facebook { background: url('../../images/redesign/social/facebook-icon.png') no-repeat; }
.footer-social li a.twitter { background: url('../../images/redesign/social/twitter-icon-grey.png') no-repeat; }
.footer-social li a:hover.twitter { background: url('../../images/redesign/social/twitter-icon.png') no-repeat; }
.footer-social li a.youtube { background: url('../../images/redesign/social/youtube-icon-grey.png') no-repeat; }
.footer-social li a:hover.youtube { background: url('../../images/redesign/social/youtube-icon.png') no-repeat; }

.footer-column-wrapper { font-size: 12px; line-height: 18px; color: #777; overflow: hidden; margin-bottom: 23px; padding-top: 22px; border-top: 1px solid #ccc;}
.footer-column-wrapper .column ul { padding: 0; margin: 0; list-style: none; }
.footer-column-wrapper .column li { padding: 0; margin: 0; float: left; display: block; width: 100%; }

.footer-column-wrapper ul.inline { padding: 0; margin: 0; list-style: none; }
.footer-column-wrapper ul.inline li { padding: 0 5px 0 0; margin: 0 0 0 5px; float: left; display: block; border-right: 1px solid #ccc; }
.footer-column-wrapper ul.inline li.last { padding: 0px; border-right: 0; }
.footer-column-wrapper .column { width: 140px; padding-right: 20px; }
footer a { font-weight: normal; }