@charset "utf-8";

/* Product Listing pages */

.courses {
  border-top: 1px solid #666;
}
  
.courses th {
  background-color: #ccc;
  font-size: 0.85em;
  padding-left: 1em;
}

.courses td {
  padding: 0.5em 1em;
}

.courses a:link {
  text-decoration: none;
}

.courses a:visited {
  text-decoration: none;
}

.courseid_col, .availlang_col {
	font-size: .8em;
}

.price_col {
	text-align: right;
	padding-right: 0;
	}
	
.pricebutton_col span {
  color: #000;
  font-size: 0.9em;
  background: #ccc url(../img/structure/play_icn.png) no-repeat 4px 5px;
  text-transform: lowercase;
  padding: 2px 5px 4px 20px;
  border-style: solid;
  border-width: 1px;
  border-color: #f2f2f2 #808080 #808080 #f2f2f2;
  }

.pricebutton_col span:hover {
  color: #fff;
  background-color: #666;
	border-color: #4d4d4d #ccc #ccc #4d4d4d;
  }
 

/* Product Info pages */

#back_to_list {
  display: none;	
}

h1#title {
  margin-bottom: .5em;
}

#buttonbar {
  color: #fff;
  background-color: #333;
  background-image: url(../img/portal/rnd_crnr.gif);
  background-repeat: no-repeat;
  font-size: 1.2em;
  font-weight: bold;
  height: 30px;
  text-align: right;
  vertical-align: bottom;
	margin-bottom: 20px;
}
  
#buttonbar a:link, #buttonbar a:visited {
  color:#fff;
}
  
#buttonbar span {
  display: block;
  padding-top: 3px;
}

#buttonbar span a {
	text-decoration: none;
	}

#buttonbar img {
  float:right;
  margin-left: 10px;
  margin-top: 2px;
  margin-right: 2px;
}

#info_col {
  margin-left: 210px; 
  /* margin-top: 20px;  */
  padding-bottom: 40px;
  }

#overview a:link, #overview a:visited {
	color: #3e3e3e;
	text-decoration: none;
	} 
	
#overview, #audience, #topics, #objectives {
	margin-bottom: 3em;
	}

.info_head {
  background-color: #f5f5f5;
  border-top: 1px solid #4d4d4d;
  color: #4d4d4d;
  font-size: .85em;
  margin-bottom: 1.5em;
  padding-top: 4px;
  text-transform: uppercase;
	}

#info_col p {
  color: #3E3E3E;
	}

#info_col ul {
  color: #333;
  font-size: 1.1em;
  margin-top: 0;
  margin-left: 0;
  padding-left: 0;
	}
	
#info_col ul li {
	background: none;
	padding-left: 0;
	}

#info_col li {
  margin-top: 10px;
	}

#info_col li ul { 
  color: #666666; 
  font-size: 0.9em; 
  margin: .25em 0 0 .25em;
	}

#info_col li li { 
  background: url(../img/dot_gold.gif) no-repeat 0px 0.75em; 
  margin-top: 0px; 
  padding-left: 10px;
	}
	
#info_col li img, .screen, .screen2 {
	border: 1px solid #000;
	}

.head {
  background-color: #ccc;
  color: #666666;
  font-weight: bold;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
  padding-left: 0.3em;
	}

.topics {
  padding-left: 8px;
	}

.subtopics {
  padding: 2px;
	}

#course_util_col {
  float: left;
  width: 180px;
	background: #f5f5f5 url(/res/shared/img/structure/grad_gray_bg.gif) repeat-x left bottom;
	padding: 0 10px 30px;
	color: #666;
	}

#course_util_col p {
  margin-top: 20px;
	}

#course_util_col dl { 
  line-height: 1.3;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	padding: 1em 0; 
	font-size: .9em;
  }

#course_util_col dt {
  font-weight: bold;
	}
	
#course_util_col dd {
	margin-bottom: .75em;
	}

#course_util_col ul { 
  line-height: 1.5em; 
  margin-bottom: 20px; 
  margin-left: 0px; 
  padding-top: 1em; 
	}

#meter { 
  display: block;
  margin-top: 0px; 
  padding-bottom: 20px; 
  width: 150px; 
	}

/* 
	.screen {
  display: block;
  margin-top: 20px; 
	}
*/

.screen2 {
  display: block;
  margin-top: 50px;
	}

.scroll {
  height: 180px;
  line-height: 1.6em;
  margin-bottom: 3.5em;
  overflow: auto;
  padding-right: 20px;
}

.descript {
  color: #9a9a9a;
  font-size: 0.9em;
  margin-bottom: 1em;
}

.headspace {
  margin-top: 3em;
}

#features li {
  background: url(../img/aro_grey.gif) no-repeat 0px 0.5em;
  color: #666666;
  font-size: 0.9em;
  padding-left: 10px;
}

#ceu_statement {
  background-color: #f3f3f3;
  border-top: solid 1px #999999;
  font-size: 0.85em;
  padding: 1em;
}

#ceu_statement p {
  font-weight: bold;
  line-height: 1em;
}

#ceu_statement address {
  margin-bottom: 0.5em;
}

.titlebullet_col {
  font-size: 0.75em;
}

.titlebullet_col span {
  background-color: #4fcc43;
  border-style: solid;
  border-width: 1px;
  border-color: #abe7a5 #255f1f #255f1f #abe7a5;
  color: #ffffff;
  padding: 0 5px 1px;
  vertical-align: middle;
}

.titlebullet_col span:hover {
  background-color: #85e67a;
  color: #000000;
}