/* -----[ base settings ]----- */

body{
  margin: 0;
  padding: 0;
  font:normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
  background-color: #eaeaea;
}
  
div, h1, h2, h3, h4, p, form, label, input, textarea, img, span{
  margin: 0;
  padding: 0;
}

h2, h3 {
  margin: 0 0 5px 0;
  font: normal 28px "Trebuchet MS",Arial, Helvetica, sans-serif;
  color: #464646;
}

h3 {
  font: normal 21px "Trebuchet MS",Arial, Helvetica, sans-serif;
}

a img {
  border: none;
}

.spacer {
  clear: both; 
  font-size: 0; 
  line-height: 0;
}

p {
  margin: 0 0 1em 0;
  font-size: 14px;
}


td, th, a, ul, li, ol {
  font-size: 14px;
}

ol ol li {
  list-style-type: lower-alpha;
}

/* -----[ header ]----- */

#header-container {
  width: 100%;
  height: 89px;
  background: url(/images/coaching_generator_header_bg-2.png) repeat-x;
}

#header {
  position: relative;
  margin: 0 auto;
  width: 935px;
  height: 89px;
}

#header img.logo {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

#login-box-container {
  position: absolute;
  right: 0;
  top: 0;
  width: 15em;
  margin: 0 30px;
  padding: 0 10px;
  height: 87px;
/*   background: url(/images/login_bg.gif) repeat-x 0 0; */
}

#login-box-right {
  position: absolute;
  float: right;
  top: 0;
  right: -20px;
  width: 20px;
  height: 87px;
/*   background: url(/images/login_border_right.gif) no-repeat 0 0; */
}

#login-box-left {
  position: absolute;
  float: left;
  top: 0;
  left: -20px;
  width: 20px;
  height: 87px;
/*   background: url(/images/login_border_left.gif) no-repeat 0 0; */
}

#login-box-container h3 {
  /*width: 0 auto;*/
  width: auto;
  text-align: left;
  margin: 0;
  padding: 0;
  color: #fff;
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
}

#login-box-container .welcome {
  width: 240px;
  text-align: center;
}
#login-box-container .welcome h3 {
  text-align: center;
}

#login-box-outer {
  display: table;
  height: 87px;
  /*position: relative;*/
}

#login-box-inner {
  display: table-cell;
  vertical-align: middle;
}

#login-box-content input[type=text], #login-box-content input[type=password] {
  width: 160px;
}


#login-box-content {
  vertical-align: middle;
  text-align: center;
}

#login-box-content label {
  float: left;
  width: 5.5em;
  font-size: 12px;
  color: #fff;
  line-height: 20px;
}

#login-box-content br {
  margin-bottom: 0.5em;
}

#login-box-content a {
  text-decoration: none;
  color: #449;
}

#login-box-content a:hover {
  text-decoration: underline;
  color: #fff;
}

#login-box-content a {
  padding-right: 4px;
  border-right: 1px solid #aaa;
  color: #ffffff;
}
#login-box-content a:last-child {
  padding-right: 4px;
  border-right: none;
}

#login-box-content .submit {
  width: 100%;
  margin: 0 auto;
  text-align: right;
}


/* -----[ navigation bar ]----- */

#nav ul, #footer ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-size: 0;
}


#nav-container {
  width: 100%;
  height: 31px;
  background-color: #666;
  border-top: 1px solid #888;
  border-bottom: 1px solid #333;
/*   background: url(/images/nav_bg.gif) repeat-x 0 0; */
/*   border-top: 1px solid #b8b882; */
}

#nav {
  width: 935px;
  height: 31px;
  margin: 0 auto;
}

#nav ul {
  width: 736px;
  height: 31px;
/*   background: url(/images/nav_div.gif) no-repeat left top; */
}

#nav ul li {
  float: left;
  height: 30px;
  padding: 0 0 0 0;
/*   background: url(/images/nav_div.gif) no-repeat right top; */
}

#nav ul li a {
  display: block;
  padding: 0 11px;
  height: 31px;
  font: bold 12px/31px "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #fff;
  background-color: inherit;
  text-transform: uppercase;
  text-decoration: none;
/*   border: 1px outset #eec; */
}

#nav ul li a:hover {
  text-decoration: underline;
/*   border: 1px solid #5af; */
/*   border-color: #5af #367 #367 #5af; */
}

/*
#nav ul li a.hover {
  display: block;
  padding: 0 13px;
  font: bold 12px/31px "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #333;
  background-color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  cursor: text;
}
*/

#nav ul li.no-img {
  background-image: none;
}



/* Subnav */
#subnav-container {
  position: absolute;
  width: 100%;
  top: 97px;
  left: 0;
}

#subnav {
  width: 935px;
  margin: 0 auto;
  height: 20px;
}


#subnav ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  height: 20px;
}

#subnav ul li {
  float: right;
  height: 20px;
  padding: 0 0 0 0;
  background-color: #525252;
}

#subnav ul li a {
  display: block;
  padding: 3px 11px;
  height: 14px;
  font-weight: bold;
  font-size: 12px;
  color: #444;
  text-transform: uppercase;
  text-decoration: none;
  background-color: #ccc;
  border: 1px solid #ccc;
  border-color: #999;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  width: 130px;
  text-align: center;
}

#subnav a:hover {
  text-decoration: underline;
  border-color: #eee;
  background-color: #eee;
}





/* -----[ tagline box ]----- */

#tagline-container, #tagline-container-sm {
  width: 100%;
  height: 130px;
  margin: 0;
  padding: 0 0 6px 0;
  background: #525252 url(/images/coaching_generator_tagline_bg.png) repeat-x 0 0;
  color: #9c9c9c;
  border-bottom: 1px solid #333;
}

#tagline-container-sm {
  height: 60px;
  padding: 2px 0 0px 6px;
}

#tagline {
  position: relative;
  margin: 0 auto;
  width: 935px;
  height: 100%;
}

#tagline h1 {
  display: block;
  width: 800px;
  /*margin: 32px 0 16px 0;*/
  padding: 10px 0 12px 0;
  font: bold 26px/29px "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #fff;
  background-color: inherit;
}


#tagline-container-sm #tagline h1 {
  color: #eee;
}


#tagline p {
  display: block;
  width: 697px;
  font-size: 14px;
  line-height: 22px;
}

#tagline a.more {
  margin: 0 0 0 15px;
  font-weight: bold;
  color: #bcbc84;
  background-color: inherit;
  text-decoration: underline;
}

#tagline a.more:hover {
  color: #fff;
  background-color: inherit;
}

#tagline img.date{
  position:absolute;
  left:737px;
  top:0;
}
#tagline a.star{
  display:block;
  background:url(/images/member_login.gif) no-repeat 0 0;
  width:122px;
  height:124px;
  position:absolute;
  left:771px;
  top:5px;
  border:none;
}
#tagline a.star:hover{
  background:url(/images/member_login_hover.gif) no-repeat 0 0;
}

#tagline a.whatNew{
  background:url(/images/member_login.gif) no-repeat 0 0;
}
#tagline a.whatNew:hover{
  background:url(/images/member_login_hover.gif) no-repeat 0 0;
}

#tagline a.freetrial{
  background:url(/images/free_trial.gif) no-repeat 0 0;
}
#tagline a.freetrial:hover{
  background:url(/images/free_trial_hover.gif) no-repeat 0 0;
}

#tagline a.joinnow{
  background:url(/images/join_now.gif) no-repeat 0 0;
}
#tagline a.joinnow:hover{
  background:url(/images/join_now_hover.gif) no-repeat 0 0;
}


/* -----[ main content ]----- */

#content-container {
  width: 100%;
  padding: 11px 0 33px 0;
  background-color: #eaeaea;
  color:#000;
}

#content {
  width: 935px;
  margin: 0 auto;
}

#full-page {
  width: 100%;
}

div.box {
  background-color: #ffffff;
  border: 1px solid #ddd;
  border-color: #ccc #bbb #aaa #ccc;
  padding: 0;
  margin-bottom: 10px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
div.box-content {
  padding: 0 10px 10px 10px;
  color: #333;
}

div.box h2{
  height: 24px;
  margin: 0;
  padding: 3px 10px;
  font-size: 16px;
  font-weight: bold;
  background: #1E5BB6 url(/images/blue_gloss.png) repeat-x 0 0;
  color: #fff;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
}
div.box h2.active{
  background: #1E5BB6 url(/images/blue_gloss.png) repeat-x 0 0;
}
div.box h2.stopped{
  color: #333;
  background: #aaa url(/images/ltgray_gloss.png) repeat-x 0 0;
}
div.box h2.stopped img {
  padding-top: 3px;
}

div.box p{
  padding: 0;
  margin: 10px 0 0 0;
}




/*Replacement for vertical*/
table.vertical-pretty th {
  text-align:center;
}
table.vertical-pretty td {
  padding:0 0.5em 0 0.5em;
}
table.vertical-pretty tr {
  vertical-align:top;
}

table.vertical-pretty td, table.vertical-pretty th {
  padding-bottom:0.5em;
  padding-top: 0.5em;
  border-bottom:1px solid #eee;
}

table.vertical-pretty a {
  text-decoration:none;
  color:black;
}
/* End vertical replacement */



/* Box 2 Columns */
div.box-columns{
  width: 955px;
  height: 240px;
  margin: 30px 0;
}
div.box-columns div.box {
  width: 455px;
  float: left;
  margin-right: 10px;
}
div.box-columns:last-child {
  margin-right: 0;
}
div.box-columns div.box div.box-content {
  position: relative;
  left: 0;
  top: 0;
}






a.button, table a.button {
  border: 1px solid #bbb;
  border-color: #ccc #aaa #999 #ccc;
  display: inline-block;
  text-decoration: none;
  height: 18px;
  padding: 6px 10px;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  background: #333 url(/images/gray_gloss.png) repeat-x 0 0;
  color: #fff;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
a.button:hover {
  color: #333;
/*   text-decoration: underline; */
  border-color: #bbb #777 #666 #bbb;
  background: #5F5F5F url(/images/orange_gloss.png) repeat-x 0 0;
  background: #668010 url(/images/lime_gloss_highlight.png) repeat-x 0 0;
}
a.button img {
  border:none;
  vertical-align:top;
  padding: 1px 0px 0px 6px;
  margin: 0;
}
a.button-s{
  width: 100px;
}
a.button-m{
  width: 150px;
}
a.button-l{
  width: 200px;
}




div.list div.box {
  margin-top:40px;
}
div.box span.status{
  float:right;
  font-weight: normal;
}


/* -----[ left column ]----- */

#left {
  width: 510px;
  margin: 0 22px 0 0;
  float: left;
}


#left p.read-more {
  display: block;
  margin: 0 0 16px 0;
  padding: 0 0 0 400px;
  width: 83px;
  height: 19px!important;
  background: url(/images/read_more_div.gif) repeat-x 0 0;
  font-size: 0;
  line-height: 0;
}

#left p.read-more a {
  display: block;
  margin: 0;
  width: 83px;
  height: 19px;
  background: url(/images/read_more_bg.gif) no-repeat 0 0;
  font: normal 11px/19px Arial, Helvetica, sans-serif;
  color: #333;
  text-decoration: none;
  text-align: center;
  background-color: #fff;
}

#left p.read-more a:hover {
  color: #000;
  background-color: #fffffe;
}

#left p.quote {
  display: block;
  padding:0 0 0 17px;
  background: url(/images/coma.gif) no-repeat 0 0;
  font: italic 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
  background-color: inherit;
}

#left p.rightText2 img.coma {
  display: block;
  width: 14px;
  height: 11px;
}


/* -----[ right column ]----- */

#right {
  width: 400px;
  float: right;
}


#right ul {
  margin: 0;
  padding: 0 0 17px 0;
  font-size: 0;
}

#right ul li {
  /*display: block;*/
  margin: 0;
  padding: 0;
  /*height: 24px;*/
  font-size: 0;
  line-height: 24px;
}

#right ul li a {
  display: block;
  padding: 0 0 0 17px;
  background: url(/images/arrow.gif) no-repeat 0 8px;
  font-size: 13px;
  font-weight: normal;
  line-height: 24px;
  color: #4a9494;
  background-color: inherit;
  text-decoration: underline;
}

#right ul li a:hover{
  color:#000;
  background-color:#E2E4E4;
}

#right h4 {
  display: block;
  margin: 0 0 24px 0;
  padding: 0 0 0 21px;
  width: 269px;
  height: 16px;
  background: url(/images/star.gif) no-repeat 0 3px;
  font-size: 14px;
  font-weight: bold;
  line-height: 16px;
}

#right img {
  width: 285px;
  height: 86px;
}
  




/* ----- Free Learning Content ----- */
ul.free-learning-content li {
  padding-top: 5px;
  padding-bottom: 5px;
  border-bottom: 1px dashed #ddd;
}
ul.free-learning-content li a {
  color: #444;
  text-decoration: none;
}
ul.free-learning-content li a:hover {
  color: #8a0;
  text-decoration: underline;
}



/* -----[ footer ]----- */

#footer-container{
  width:100%;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #333;
  color:#fff;
  background-color: #666;
  height: 23px;
  padding: 7px 20px 0 20px;
}

#footer{
  position: relative;
  margin: 0 auto;
  width: 935px;
}

#footer ul li{
  float:left;
  text-transform:uppercase;
}
#footer ul li a{
  padding:0 14px 0 0;
  color:#fff;
  background-color:inherit;
  text-decoration:none;
  font-size: 10px;
}
#footer ul li a:hover{
  text-decoration:underline;
}
#footer p.copyright{
  font-size: 11px;
  float: right;
  margin: 0;
}





div.login-box {
  margin-left: auto;
  margin-right: auto;
  width: 300px;
}