/* Basic browser reset  */
body,div,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dd,dt,blockquote,button,fieldset,legend,label,input,textarea,form { margin:0;padding:0;border:0; }
html,input,textarea,select { font-size: 100% } /*keep ie happy*/

body 					{ font: 82%/1.335 Arial, Helvetica, sans-serif; color: #58595B;  }
h1, h2, h3, h4, h5, h6	{ font-weight: normal; margin: 0 0 .25em 0;}

h1	{ font-size: 1.665em; letter-spacing: .03em; } 	/* 24px */
h2	{ font-size: 1.415em; color: #000; } /* 20px */
h3	{ font-size: 1.25em; color: #58595B;} /* 17px */
h4	{ font-size: 1.25em; } 	/* 15px */
h5	{ font-size: 1em; } 	/* 12px; */
h6	{ font-size: .9175em; } /* 11px; */

p	{ margin-bottom: 1em; }

input, textarea { border: 1px solid #242323; }

a {
	color: #14a0b4;
}
div.input
{
	margin: 10px;
}
input.image {
	border: none;
}
div.disabled a {
	color: #999999;
}
div.input label
{
	display: block;
	font-weight: bold;
}
div.input input
{
	width: 250px;
	font-size: 0.75em;
	padding: 3px;
}
div.radio input
{
	width: 15px;
	border: none;
}
div.radio label {
	text-indent: -1.5em;
	padding-left: 1.5em;
}
div.question
{
	padding: 10px;
}
div.question div.radio {
	font-size: 1.1em;
}
div.question h2
{
	margin-bottom: -5px;
	font-size: 1.25em;
	font-weight: bold;
	padding-left: 1em;
	text-indent: -1em;
}
div.form {
	background-color: #BDD09D;
}
div.submit input {
	background: url("../img/button_bg.gif") repeat-x;
	text-transform: uppercase;
	font-size: 0.75em;
	padding: 3px;
	margin: 0 0 10px 10px;
}
.test div.submit input
{
	width: 200px;
}
div.form abbr {
	color: #FF0000;
}
div.form legend {
	width: 486px;
	padding: 10px;
	background-color: #9CAF88;
	font-size: 1.25em;
}
div.privacy-policy {
	padding: 10px;
}
div.privacy-policy ul {
	padding: 0 20px 20px 20px;

}
#UserLoginForm input {
	width: 95px;
}
#UserLoginForm label {
	float: left;
	width: 60px;
	margin-left: 0px;
	margin-top: 3px;
	text-transform: uppercase;
	font-size: 0.75em;
	text-align: right;
	margin-right: 5px;
}
#UserLoginForm div
{
	margin-top: 5px;
}
#UserLoginForm div.submit
{
	padding-left: 65px;
	margin-bottom: 10px;
}
#UserLoginForm div.submit input
{
	background: url("../img/button_bg.gif") repeat-x;
	margin: 0;
	width: 103px;
}
img { border: none; }
body {
	background: #FFFFFF;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
div.message {
	padding: 5px 10px 5px 25px;
	background-color: #FFFFCC;
	background: url("../img/famicons/error.png") #FFFFCC 5px 5px no-repeat;
	margin: 0 5px 5px 5px;
	font-size: 1.1em;
}
div#paypal-form
{
	margin: 0px;
	background-color: #FFFFCC;
	padding: 5px 10px 5px 25px;

}
div.success {
	background: url("../img/famicons/accept.png") #FFFFCC 5px 5px no-repeat;
}
#mainContent table {
	padding: 0px;
	border-collapse: collapse;
}
#auth {
	text-align: right;
}
.num {
	text-align: right;
}
th {
	padding: 5px;
	text-align: center;
}
td {
	padding: 5px;
	text-align: left;
}
dt, dd {
	padding: 5px;
}
dd {
	margin-bottom: 5px;
}
dt {
	font-weight: bold;
}
tr.alt td, .altrow {
	background: #ECF6FC;
}
tfoot div.disabled {
	display: inline;
}
.w100 {
	width: 100px;
}
img.feature {
	margin-top: 3px;
}
.dropcap {
	font-size : 2.75em;
	float : left;
	color : #000000;
	line-height: 0.95em;
}
.darkbar {
	height: 30px;
	background-color: #7B9560;
	background: url("../img/bar_dark.gif") repeat-x;
}
.darkbar div {
	float: left;
}
.darkbar div.l {
	background: url("../img/bar_dark_l.gif") no-repeat;
	width: 10px;
	height: 30px;
}
.darkbar div.r {
	background: url("../img/bar_dark_r.gif") no-repeat;
	width: 10px;
	height: 30px;
	float: right;
}
.colwrap {

}
.col1wrap {
	float: left;
	width: 100%;
}
.col1wide {
	margin: 0 0 0 225px;
}
.col1med {
	margin: 0 0 0 350px;
}
.col1 {
	margin: 0 225px 0 225px;
}
.col1 img, .col1wide img, .col1med img {
	margin-bottom: 5px;
}
.welcome {
	font-size: 1.2em;
}
.col1>div, .col1>p, .col1wide>div, .col1wide>p, .col1med>div, .col1med>p, .col1med>h2, .col1wide>h2,
.col1med>h3, .col1wide>h3
{
	margin-left: 10px;
	margin-right: 10px;
}
.col2, .col2wide {
	float: left;
	width: 209px;
	margin-left: -976px;
}
.col2wide {
	width: 333px;
}
.col3 {
	float: left;
	width: 209px;
	margin-left: -209px;
}
div.blog-author
{
	border-top: 1px solid #000000;
	color: #999999;
	margin-bottom: 2em;
}
div.webinars-body
{
	margin-bottom: 3em;
}
.pod {
	margin-bottom: 10px;
}
.pod>div {
	margin: 0 20px 0 20px;
}
.pod>div div {
	margin: 0px;
}
.pod>div div span, .pod>div p
{
	font-size: 0.85em;
}
.pod table {
	width: 100%;
}

.pod table th {
	color: #636466;
	border-bottom: 1px solid #000000;
	text-align: center;
}
.pod table tfoot td {
	border-top: 1px solid #000000;
	text-align: right;
}
.pod table td, .pod table th {
	padding: 3px;
}
.spotlight>div img {
	float: left;
	margin-right: 3px;
	margin-bottom: 3px;
}
.pod h3 {
	color: #7b9560;
	font-size: 1.1em;
	text-align: center;
}
.bar-welcome {
	margin-top: 5px;
}
div.login {
	background: url("../img/bar_login_bg.gif") repeat-y;
}
div.login>div.top {
	width: 209px;
	height: 27px;
	background: url("../img/bar_login_top.gif") no-repeat;
	margin: 0px;
}
div.login>div.register {
	margin: 0px;
	padding: 0px;
}
div.login a {
	color: #FFFFFF;
	text-transform: uppercase;
	font-size: 0.75em;
	margin-top: 0;
	padding-top: 0;
}
div.login a.reset-password
{
	padding-left: 30px;
}
#UserLoginForm {
	margin-bottom: -5px;
}
.calendar table.calendar {
	width: 100%;
	height: 100%;
}
.calendar div.calendar {
	margin-bottom: 3em;
}
.calendar div.calendar-nav a.last {
	float: right;
}
.calendar table.calendar td {
	border: 1px solid #7B9560;
	vertical-align: top;
	width: 14%;
	height: 7em;
	padding: 3px;
}
table.calendar caption {
	font-size: 1.5em;
	text-transform: uppercase;
	color: #636466;
}
table.calendar td.today {
	background-color: #FFFFCC;
}
table.calendar div.event {
	font-size: 0.75em;
}


.calendar-list>div>h2 {

	border-bottom: 1px solid #F8983E;
	color: #636466;
	margin-top: 3px;
	padding-bottom: 5px;
	text-transform: uppercase;
}
.calendar-list>div div {
	border-bottom: 1px solid #F8983E;
	margin-bottom: 5px;
	padding-bottom: 15px;
}
.pod>div h2 {
	color: #636466;
}
.calendar-list>div h2 span {
	color: #719198;
	font-size: 0.75em;	
}
#container {
	width: 976px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
#header {
	width: 976px;
	height: 118px;
	position: relative;
}
/*
#header span {
	background: url("../img/header.gif");
	position: absolute;
	width: 100%;
	height: 100%;
}
*/
#mainContent {
	background: #FFFFFF;
}
#footer {
	clear: both;
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background: url("../img/affiliates.gif") no-repeat;
	width: 976px;
	height: 128px;
}
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

#row1
{
	float: left;
	background-color: #FFFFED;
}
#row2
{
	clear: both;
}
#mainContent
{
	clear: both;
}
#nav
{
	width: 956px;
	height: 30px;
	color: #FFFFFF;
	text-align: center;
	line-height: 30px;
	font-size: 1.05em;
	font-weight: bold;
	margin-bottom: 5px;
}
#nav a
{
	text-decoration: none;
	color: #FFFFFF;
	padding: 4px 14px 5px 14px;
	line-height: 30px;
}
.research #nav a.research, 
.my-training #nav a.my-training,
.calendar #nav a.calendar,
.webinars #nav a.webinars,
.tests #nav a.tests,
.study-guides #nav a.study-guides,
.blog #nav a.blog
{
	background-color: #BDD09D;
	padding-top: 4px;
	padding-bottom: 5px;
}
#valueprop
{
	float: left;
	width: 815px;
}
#valuepic
{
	float: right;
}
#valueprop div
{
	margin: 10px;
}
div#articles
{
	width: 45%;
	margin: 10px;
	float: left;
}
div#my-training
{
	width: 45%;
	margin: 10px;
	float: right;
}
ul.courses li
{
	padding: 3px 0px 3px 25px;	
	list-style-position: inside;
	list-style-type: none;
}
div.body {
	padding: 20px;
}

/**
 * MY TRAINING
 */
div.catalog>h2 {
	font-weight: bold;
}
div.catalog-head {
	font-size: 1.25em;
	font-weight: bold;
}
div.catalog-head div.l {
	float: left;
	background-color: #BDD09D;
	color: #FFFFFF;
	padding: 0.5em 1em 0.5em 1em;
	border-right: 3px solid #7b9560;
}
div.catalog-head div.active {
	background-color: #7b9560;
}
div.catalog-head a {
	text-decoration: none;
	color: white;
}
div.catalog-head div.r {
	float: right;
}
div.catalog-description {
	clear: both;
	padding: 5px;
}
div.course {
	border-top: 1px solid #F8983E;
	clear: both;
	margin-bottom: 1.5em;
}
div.course .head {
	position: relative;
	height: 1.5em;
	padding: 0.5em;
	background-color: #BDD09D;
	color: #455031;
}
div.course .title {
	float: left;
	font-weight: bold;
	font-size: 1.25em;
}
div.course .status {
	float: right;
	font-weight: bold;
	font-size: 1.25em;
}
div.course .completed {
	background: url('../img/famicons/accept.png') 0 2px no-repeat;
	padding-left: 18px;
}
div.course .type {
	background: url('../img/famicons/group.png') 0 2px no-repeat;
	line-height: 20px;
	padding-left: 18px;
}
div.course .wbt {
	background: url('../img/famicons/computer.png') 0 2px no-repeat;
}
div.course .type, div.course .cost {
	clear: both;
}
div.course .actions {
	margin-top: 5px;
}
div.course .actions li {
	border-right: 1px solid #636466;
	padding: 3px 5px 3px 0;
	display: inline;
}
div.course .actions li.last {
	border: none;
}
div.course .actions a {
	margin: 0 3px 0 3px;
}
div.course-details {
	padding: 5px;
}
body.study-guides div.course-details div{
	clear: both;
}
body.study-guides div.course-details p {
	float: left;
	margin-right: 2em;
}
/**
 * Bottom Bar
 */
div.bottombar {
	margin: 0px;
	color: #636466;
}
div.bottombar div {
	width: 240px;
	float: left;
	margin-right: 15px;
}
div.bottombar div.last {
	margin-right: 0px;
}
div.bottombar div p {
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: .5em;
}

a.action span {
	text-indent: 20px;
}
a.action {
	background: url('../img/famicons/page_go.png') no-repeat;
	padding-bottom: 3px;
	padding-left: 18px;
	font-weight: bold;
}
a.webinar {
	background: url('../img/famicons/computer_go.png') no-repeat;
}
a.register {
	background: url('../img/famicons/vcard_edit.png') no-repeat;
}
a.study-guide {
	background: url('../img/famicons/report.png') no-repeat;
}
a.test {
	background: url('../img/famicons/table_edit.png') no-repeat;
}
a.resource {
	background: url('../img/famicons/page_white_acrobat.png') no-repeat;
}
a.article {
	background: url('../img/famicons/page_white_world.png') no-repeat;
}
a.go {
	background: url('../img/famicons/bullet_go.png') no-repeat;
}
a.video, a.video-disabled {
	background: url('../img/famicons/film.png') no-repeat;
}