@charset "UTF-8";
/* CSS Document */

#agentInfoWrapper {
	border: 3px solid #a4e1fb;
	background: #ffffff;
	padding: 11px 17px;
	margin: 0 0 20px 0;
}

#agentManager {
  width: 940px;
}

#agentInfo {
	float: left;
	color: #252525;
	font-weight: bold;
}

#agentInfo h3 {
	font-size: 30px;
	margin: 7px 0 0 0;
}

#agentInfo h5 {
	font-size: 14px;
	margin: 5px 0 0 0;
}

#agentLevel {
	float: right;
}

#agentLevel span a.title {
  display: block;
  float: left;
  color: #959595;
  font-size: 18px;
  line-height: 69px;
  margin: 0 16px 0 0;
  text-transform: uppercase;
  text-decoration:none;
}

#agentLevel span a.level {
  display: block;
  float: left;
  background: #f3f8fa;
  border: 3px #d7ecf6 solid;
  padding: 0 16px;
  color: #5e5e5e;
  font-size: 36px;
  line-height: 65px;
  font-weight: bold;
  text-align: center;
  text-decoration:none;
}


#welcomeWrapper {
		margin: 0 0 20px 0;
}

#welcomeVideo {
	float: left;
	width: 540px;
}

#welcomeCopy {
	float: left;
	width: 400px;
	line-height: 180%;
}

#welcomeCopy h3 {
	margin: 0 0 10px 0;
}

#completionPercent {
	width: 400px;
	height: 43px;
	background: #e1eef3;
	border: 1px solid #cbdfe7;
	}

#completionPercent span.progressBar {
	background: url(/images/bluetheme/bar-bg.png) no-repeat;
	width: 310px;
	height: 22px;
	margin: 11px 0 10px 9px;
	float: left;
}

#completionPercent span.percent {
	font-size:22px;
	line-height:43px;
	color: #02141c;
	font-weight: bold;
	letter-spacing: -1px;
	float: right;
	padding: 0 9px 0 0;
}	

#completionPercent img.blueBar {
	display: block;
	background: url(/images/bluetheme/blueBar.png) no-repeat;
	height: 22px;
}


#sponsoredBy {
  border: 3px solid #d6e8c6;
  background: #e9f6e6;
  height: 46px;
  padding: 9px 20px;
  margin: 0 0 20px 0;
}

#sponsoredBy span {
  display: block;
  height: 45px;
  float: left;
}

#sponsoredBy span.logo {
  float: right;
}

#sponsoredBy h3 {
  display: block;
  color: #344032;
  font-size: 18px;
  font-weight: bold;
  line-height: 45px;
  margin: 0;
}

#progressWrapper {
	background: url(/images/bluetheme/progress-wrapper-bg.png) no-repeat top left;
  margin: 20px 0 0 0;
}

#progressBars {
	padding: 13px 32px 13px 25px;
	float: left;
	width: 512px;
  min-height: 262px;
}

#learningBar {
	padding: 8px 0 8px 93px;
	width: 400px;
}

div.facebook {
  background:url(/images/bluetheme/icon-facebook.png) no-repeat left;
}

div.youtube {
  background:url(/images/bluetheme/icon-youtube.png) no-repeat left;
}
div.blogging
{
  background:url(/images/bluetheme/blogging-over.png) no-repeat left;
}

div.Ipad
{
  background:url(/images/bluetheme/ipad-over.png) no-repeat left;
}

div.mobile {
  background:url(/images/bluetheme/mobile_over.png) no-repeat left;
}

div.schedule {
background: url(/images/bluetheme/star_icon.png) no-repeat left;
}

div.schedule1 {
  background: url(/images/bluetheme/star_icon1.png) no-repeat left;
}

div.facebook1 {
  background:url(/images/bluetheme/icon-facebook1.png) no-repeat left;
}

div.youtube1 {
  background:url(/images/bluetheme/icon-youtube1.png) no-repeat left;
}
div.blogging1
{
  background:url(/images/bluetheme/blogging-over1.png) no-repeat left;
}

div.Ipad1
{
  background:url(/images/bluetheme/ipad-over1.png) no-repeat left;
}

div.mobile1 {
  background:url(/images/bluetheme/mobile_over1.png) no-repeat left;
}

div.everythingelse {
  background:url(/images/bluetheme/everything_over.png) no-repeat left;
}

#progressCopy {
  border: 2px #b9deed solid;
  background: #FBFBFB;
  width: 351px;
  height: 321px;
  float: left;
  padding: 13px 18px;
  margin: 20px 0 0 0;
  line-height: 180%;
}

#SmallprogressBars {
  padding: 13px 32px 13px 0px;
  float: left;
  width: 201px;
  min-height: 119px;
}

#SmalllearningBar {
	padding: 8px 0 8px 57px;
	width: 174px;
}

#SmallprogressCopy {
	width: 354px;
	background: url(/images/bluetheme/progress-copy-bg.png) no-repeat top left;
	float: left;
  padding: 13px 18px;
  margin: 20px 0 0 0;
  line-height: 180%;
}

#SmallcompletionPercent {
	width: 172px;
	height: 43px;
	background: #e1eef3;
	border: 1px solid #cbdfe7;
	}

#SmallcompletionPercent span.progressBar {
  background: url(/images/bluetheme/bar-bg-small.png) no-repeat;
  width:110px;
  height:22px;
  margin:11px 0 10px 6px;
  float:left;
}

#SmallcompletionPercent span.percent {
	font-size:17px;
	line-height:43px;
	color: #02141c;
	font-weight: bold;
	letter-spacing: -1px;
	float: right;
	padding: 0 9px 0 0;
}	

#SmallcompletionPercent img.blueBar {
	display: block;
	background: url(/images/bluetheme/blueBar.png) no-repeat;
	height: 22px;
}


a.buttonGray {
  background: transparent url(/images/bluetheme/button-gray-right.png) no-repeat scroll top right;
  display: block;
  height: 30px;
  float: left;
  color: #556270;
  line-height: 30px;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  text-shadow: 1px 1px 3px #ddd;
  padding:0 12px 0 0;
}

a.buttonGray span {
  background: transparent url(/images/bluetheme/button-gray-left.png) no-repeat;
  display: block;
  height: 30px;
  padding:0 0 0 12px;
}

a.buttonGray:hover
{
  color: #777777;
}

#contactBar {
  border: 3px solid #d6e8c6;
  background: #f4f9f5;
  height: 38px;
  padding: 15px 20px;
}

#contactBar span.butt {
  float: right;
}

#contactBar span {
  display: block;
  height: 38px;
  float: left;
}

#contactBar h3 {
  display: block;
  color: #344032;
  font-size: 18px;
  font-weight: bold;
  line-height: 38px;
  margin: 0;
}

a.buttonBrightGreen {
  background: transparent url(/images/bluetheme/button-bright-green-right.png) no-repeat scroll top right;
  display: block;
  height: 38px;
  float: left;
  color: #ffffff;
  line-height: 38px;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  text-shadow: 1px 1px 3px #8c8c8c;
  padding: 0 40px 0 0;/*Amount of space bewteen txt and edge of button*/
}

a.buttonBrightGreen span {
  background: transparent url(/images/bluetheme/button-bright-green-left.png) no-repeat;
  display: block;
  height: 38px;
  padding: 0 0 0 40px;/*Amount of space between txt and edge of button*/
}

a.buttonBrightGreen:hover {
  color: #f1f1f1;
}
#actionBox {
  border: 3px solid #b3db70;
  background: #e6f5de;
  height: 46px;
  padding: 13px 20px;
  margin: 10px 0 20px 0;
}

#actionBox span {
  display: block;
  height: 45px;
  float: left;
}

#actionBox h3 {
  display: block;
  color: #344032;
  font-size: 18px;
  font-weight: bold;
  line-height: 45px;
  margin: 0;
}

a.buttonGray {
	margin: 0 0 0 10px;
	float: right;
}

#agentManager {
	width: 962px;
}

#managerActions, #managerPagination {}

#managerTable {
	width: 962px;
	border: 3px #d2effb solid;
	border-collapse:collapse;
	background: #f7fbfd;
	margin: 20px 0;
}

#managerTable td {
	border: 1px #c6ebfa solid;
	border-collapse: collapse;
	padding: 9px 14px;
	color: #252525;
	line-height: 25px;
}

tr.managerTableHead td {
	background: #e7f2f7;
	color: #252525;
	font-weight: bold;
	padding: 12px 14px !important;
}

#managerTable tr:hover {
	background: #eff7fb;
}

#managerTable td.icon {
	padding: 9px 14px;
	text-align: center;
}

#managerTable span {
	padding: 5px;
}

#box {
  border: 2px #b9deed solid;
  margin: 10px;
  float: left;
	color: #939598;
	font-size: 12px;
	line-height: 160%;
	min-height: 137px;
}

#box h3 {
	font-size: 16px;
	color: #666666;
	margin: 0 0 5px 0;
}

.boxMostActive {
	background: url(/images/bluetheme/green-guy.png) top left no-repeat #ffffff;
	width: 177px;
	padding: 16px 10px 16px 95px;
}
.boxRecentCert {
	background: url(/images/bluetheme/certificate-agent.png) top left no-repeat #ffffff;
	width: 172px;
	padding: 16px 10px 16px 100px;
}
.boxLeastActive {
	background: url(/images/bluetheme/red-guy.png) top left no-repeat #ffffff;
	width: 177px;
	padding:16px 10px 16px 95px;
}


#prevVideosWrapper {
	background: url(/images/bluetheme/prev-training-bg.png) top no-repeat;
}

#prevVideoBlock {
	width: 166px;
	color: #00aeff;
	font-size: 13px;
 line-height : 100%;
	float: left;
}

#prevVideoBlock h4 { 
  color: #231f20;
  font-size: 13px;
  margin: 15px 0 5px 0;
  line-height: 150%;
}
	
#prevVideoBlock span {
	display: block;
	color: #231f20;
	font-weight: bold;
}