/*MDC TOOLS CSS
Version Number: 12.10.15.1.0SB
*/
.globeButton {
	width: 27px;
	height: 27px;
	float: left;
	margin: 5px 0px 5px 3px;
	background: url(../Media/MDCx13ButtonsSprite.gif) -697px -10px;
}
.goldBadgeP {
	width: 25px;
	height: 25px;
	background: url(../Media/metalBadges.gif) -6px -6px;
	background-repeat: no-repeat;
	margin: 5px;
}
.silverBadgeP {
	width: 25px;
	height: 25px;
	background: url(../Media/metalBadges.jpg) -36px -6px;
	background-repeat: no-repeat;
	margin: 5px;
}
.bronzeBadgeP {
	width: 26px;
	height: 26px;
	background: url(../Media/metalBadges.jpg) -66px -6px;
	background-repeat: no-repeat;
	margin: 5px;
}
.goldBadgeW {
	width: 25px;
	height: 25px;
	background: url(../Media/metalBadges.gif) -102px -6px;
	background-repeat: no-repeat;
	margin: 5px;
}
.silverBadgeW {
	width: 25px;
	height: 25px;
	background: url(../Media/metalBadges.gif) -132px -6px;
	background-repeat: no-repeat;
	margin: 5px;

}
.bronzeBadgeW {
	width: 26px;
	height: 26px;
	background: url(../Media/metalBadges.gif) -162px -6px;
	background-repeat: no-repeat;
	margin: 5px;
}
.goldBadgeS {
	width: 25px;
	height: 25px;
	background: url(../Media/metalBadges.jpg) -192px -6px;
	background-repeat: no-repeat;
	margin: 5px;
}
.silverBadgeS {
	width: 25px;
	height: 25px;
	background: url(../Media/metalBadges.jpg) -222px -6px;
	background-repeat: no-repeat;
	margin: 5px;

}
.bronzeBadgeS {
	width: 26px;
	height: 26px;
	background: url(../Media/metalBadges.jpg) -252px -6px;
	background-repeat: no-repeat;
	margin: 5px;
}

/*Step Progress*/

.progressBar {
	width: 99%;
	height: 25px;
	background: url(../Media/MDCx13ButtonsSprite.gif) 0px -153px;
	background-repeat:  repeat;
	/**/border: #EDECDD 1px solid;
}
.progressBar p {
	margin: 4px 2px 4px 2px;
	font-size: 11px;
}
.progressPast {
	width: 174px;
	height: 24px;
	float: left;
	background: url(../Media/MDCx13ButtonsSprite.gif) 1px -123px;
}
.progressPresent {
	width: 173px;
	height: 24px;
	float: left;
	background: url(../Media/MDCx13ButtonsSprite.gif) -223px -123px;
}
.progressFuture {
	width: 173px;
	height: 24px;
	float: left;
	background: url(../Media/MDCx13ButtonsSprite.gif) -448px -123px;
}
.progressNumber {
	width: 23px;
	height: 25px;
	float: left;
}
.progressNumber h5 {
	font-size: 18px;
	color: #FFf;
	margin-top: -2px;
	text-align: center;
}

/*Other Tools*/
.editGear {
	width: 20px;
	height: 25px;
	float: right;
	margin: -2px 0px 0px 0px;
	background: url(../Media/MDCx13ButtonsSprite.gif) -731px -10px;
}

.specialOffer {
	width: 66px;
	height: 45px;
	float: right;
	margin: 2px 15px 2px 5px;
	background: url(../Media/MDCx13ButtonsSprite.gif) -748px -100px;
}

/*Social Media Icons*/

.cpSMWebsite {
	width: 30px;
	height: 32px;
	float: left;
	margin-top: 5px;
	background: url(../Media/MDCx13ButtonsSprite.gif) -501px -90px;
}
.cpSMBlog {
	width: 30px;
	height: 32px;
	float: left;
	margin-top: 5px;
	background: url(../Media/MDCx13ButtonsSprite.gif) -410px -90px;
}
.cpSMFacebook {
	width: 30px;
	height: 32px;
	float: left;
	margin-top: 5px;
	background: url(../Media/MDCx13ButtonsSprite.gif) -532px -90px;
}
.cpSMTwitter {
	width: 30px;
	height: 32px;
	float: left;
	margin-top: 5px;
	background: url(../Media/MDCx13ButtonsSprite.gif) -563px -90px;
}
.cpSMGooglePlus{
	width: 30px;
	height: 32px;
	float: left;
	margin-top: 5px;
	background: url(../Media/MDCx13ButtonsSprite.gif) -470px -90px;
}
.cpSMLinkedIn {
	width: 30px;
	height: 32px;
	float: left;
	margin-top: 5px;
	background: url(../Media/MDCx13ButtonsSprite.gif) -349px -90px;
}
.cpSMYouTube {
	width: 30px;
	height: 32px;
	float: left;
	margin-top: 5px;
	background: url(../Media/MDCx13ButtonsSprite.gif) -442px -90px;
}
.cpSMPinterest {
	width: 30px;
	height: 32px;
	float: left;
	margin-top: 5px;
	background: url(../Media/MDCx13ButtonsSprite.gif) -380px -90px;
}
.cpSocialMediaUploadedIcon {
	width: 30px;
	height: 32px;
	float: left;
	margin-top: 5px;
	
}
.cpSocialMediaUploadedIcon img {
	margin: 0px;
}

.cpCourseDateIcon {
	width: 24px;
	height: 24px;
	float: left;
	background: url(../Media/MDCx13ButtonsSprite.gif) -627px -71px;
	margin-left: 25px;
	margin-top: 10px;
}

.cpCourseSaleOn {
	width: 32px;
	height: 25px;
	float: left;
	background: url(../Media/MDCx13ButtonsSprite.gif) -693px -69px;
	margin-left: 25px;
	margin-top: 10px;
}

.cpCourseSaleOff {
	width: 32px;
	height: 25px;
	float: left;
	background: url(../Media/MDCx13ButtonsSprite.gif) -657px -69px;
	margin-left: 25px;
	margin-top: 10px;
}

.cpCourseCurrent {
	width: 25px;
	height: 25px;
	float: left;
	background: url(../Media/MDCx13ButtonsSprite.gif) -815px -70px;
	margin-left: 25px;
	margin-top: 10px;
}
.cpCourseExpired {
	width: 30px;
	height: 25px;
	float: left;
	background: url(../Media/MDCx13ButtonsSprite.gif) -782px -70px;
	margin-left: 25px;
	margin-top: 10px;
}
.cpCourseVisibleOn {
	width: 30px;
	height: 25px;
	float: left;
	background: url(../Media/MDCx13ButtonsSprite.gif) -876px -70px;
	margin-left: 25px;
	margin-top: 10px;
}
.cpCourseVisibleOff {
	width: 30px;
	height: 25px;
	float: left;
	background: url(../Media/MDCx13ButtonsSprite.gif) -843px -70px;
	margin-left: 25px;
	margin-top: 10px;
}
.cpCourseApproved {
	width: 30px;
	height: 25px;
	float: left;
	background: url(../Media/MDCx13ButtonsSprite.gif) -726px -70px;
	margin-left: 25px;
	margin-top: 10px;
}
.cpCourseReview {
	width: 25px;
	height: 25px;
	float: left;
	background: url(../Media/MDCx13ButtonsSprite.gif) -754px -70px;
	margin-left: 25px;
	margin-top: 10px;
}
.cpCourseDelete {
	width: 25px;
	height: 25px;
	float: left;
	background: url(../Media/MDCx13ButtonsSprite.gif) -791px -10px;
	margin-left: 15px;
	margin-top: 10px;
}
.cpButtonEdit {
	width: 25px;
	height: 25px;
	float: left;
	background: url(../Media/MDCx13ButtonsSprite.gif) -905px -10px;
	margin-left: 15px;
	margin-top: 10px;
}
.cpCourseFeatured {
	width: 25px;
	height: 25px;
	float: left;
	background: url(../Media/MDCx13ButtonsSprite.gif) -820px -10px;
	margin-left: 10px;
	margin-top: 5px;
}
.cpCourseNotFeatured {
	width: 25px;
	height: 25px;
	float: left;
	background: url(../Media/MDCx13ButtonsSprite.gif) -850px -10px;
	margin-left: 10px;
	margin-top: 5px;
}
.cpFeaturedCP {
	width: 25px;
	height: 25px;
	float: left;
	background: url(../Media/MDCx13ButtonsSprite.gif) -878px -10px;
	margin-left: 5px;
	margin-top: 5px;
}
.bidSuccessMeter {
	width: 280px;
	height: 32px;
	background: url(../Media/MDCx13ButtonsSprite.gif) -819px -300px;
	margin: 10px 15px;
	padding: 2px 0px;
}
.bidIndicator {
	width: 8px;
	height: 32px;
	float: left;
	background-image: url(../Media/bidIndicator.gif);
	background-position: left;
	background-repeat: no-repeat;
	margin-top: -4px;
	}
	.bidSpacer {
		min-width: 8px;
		height: 28px;
		float: left;
	}


/*Course Provider Dashboard Elements*/

	#cpWrapper { 
	 margin: 0px auto 0px auto;
	 width: 980px;
	  min-height: 450px;
	 _height: 450px;
	 background: #E6E4D4;
	 }

#cpTopBar {
	width: 100%;
	height: 55px;
	float: left;
	background-image:  url(../Media/cpDashBoardHead.jpg);
	background-position: left;
	background-repeat: repeat-x;

}
#cpHeader {
	width: 980px;
	height: 55px;
	margin: 0 auto 0 auto;
	background-image: url(../Media/cpDashBoardLogo.jpg);
	background-position: 820px -5px;
	background-repeat: no-repeat;
}
#cpMenu {
	width: 980px;
	height: 30px;
	float: left;
	background: #EDECDD;
}
#cpMenu {
	margin: 2px 0px 
}
#cpMenu p {
	margin: 1px 5px 3px 5px;

}
#cpMain {
	width: 980px;
	min-height: 200px;
	float: left; 
}
#cpContent {
	width: 960px;
	min-height: 200px;
	float: left;
	margin: 10px;
}
.cpHalfColumn {
	width: 470px;
	min-height: 250px;
	float: left;
	margin: 5px 10px 10px 0px;
}
#cpMain ul, li{
	margin: 3px 0px 3px 5px;
}
.cpLine {
	width: 100%;
	min-height: 20px;
	float: left;
	
}

/* =======================
	CP Detail Tabs and Panels
	======================*/
	
	.tabsPanel {
		width: 690px;
		min-height: 250px;
		float: left;
		margin: 10px;
	}
	

div.TabView div.Tabs
{
    height: 26px;
    overflow: hidden;
	background: #FFFFFF;
	
}

div.TabView div.Tabs a
{
    float: left;
    display: block;
    width:  120px;
    text-align: center;
    height: 26px;
    padding-top: 3px;
    vertical-align: middle;
    border: 1px solid #C0BEA9;
    border-bottom-width: 0;
    text-decoration: none;
    font-family: Verdana, Arial, Serif;
    font-weight: normal;
    color: #69675C;
	 margin-right: 2px;
	background: url(../Media/MDCx13ButtonsSprite.gif) 0px -153px;
	background-repeat: repeat-x;
	-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}

div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
{
    background-color: #FFF;
	color:#8F2C65;
}

div.TabView div.Pages
{
    clear: both;
    border: 1px solid #C0BEA9;
    overflow: hidden;
-webkit-border-top-right-radius: 6px;
-moz-border-radius-topright: 6px;
border-top-right-radius: 6px;
	/*background: #E8E9ED;*/

}

div.TabView div.Pages div.Page
{
    height: 100%;
    padding: 0px;
    /*overflow: hidden;*/
}

div.TabView div.Pages div.Page div.Pad
{
    padding: 3px 5px;
}
 
	
		.showPop  {
		color:#000000; 
		background: #F5F5F5;
 layer-background-color:#F5F5F5;
 border: 1px solid #000000;
position:absolute; 
top:50%;
 left:50%; 
 margin-left: -250px;
 margin-top:-75px;
 width:500px; 
 height:150px; 
z-index:999;  
visibility:hidden;

		}
	#showHide {
		border: #000000;
		padding: 5px;
	}
	
	#advertisingPanel {
		width: 160px;
		min-height: 250px;
		background-color: #FFF;
		border: 1px solid #C0BEA9;
		float: right;
		margin-top: 180px;
		margin-right: 15px;
		margin-left: 0px;
	}
	
	#boxFixed {
		width:980px;
		height:40px;
		position:fixed;
		bottom:0px;
		z-index:1000;
		background:  url(../Media/SocialMediaBarBG.jpg);
		background-repeat:  repeat;
		border-top: solid 1px #69675C;
		border-right: solid 1px #69675C;
		border-left: solid 1px #69675C;
	}
	

	
		/*
		SOCIAL MEDIA BAR CSS
		*/	
		#fixedFooter {
		width: 950px;
		height: 40px;
		margin-left: auto; 
		margin-right: auto; 
		margin-top: 5px;
		color: #8D8A7B;
		}

