﻿
#CEPRO-signup-all
{
    clear: both;
    height: 580px;
    margin: 0 auto;
    overflow: hidden;
    padding: 20px 30px;
    width: 860px;
    border: none; /*fonts*/
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #444;
    text-shadow: 1px 1px 1px #efefef;
}

#CEPRO-signup-all h2
{
    clear: both;
    text-align: left;
    color: #0564AC; /*color:#7EA82A;*/
    font-weight: bold;
    font-size: 25px;
    margin: 5px 0;
    padding: 0;
    width: 100%;
}

/*BASIC PANEL*/

.container-basic-panel
{
    float: left;
    height: 77px;
    margin: 24px 5px 0 50px; /*overflow:hidden;*/
    padding: 0px;
    width: 360px; /*border:1px solid #ddd;*/
}


.container-basic-header
{
    clear: both;
    height: 77px;
    width: 362px; /*border-bottom:4px solid #ddd;*/
    background: url(../Images/cepro-bg--topheader-panel-short.jpg) #fff no-repeat 0 0;
    padding: 0;
    margin: 0 auto;
}


.container-basic-header h3
{
    font-family: Century Gothic, Arial, Helvetica, sans-serif;
    font-size: 30px;
    text-align: center;
    padding-top: 31px;
    margin: 0px 20px 0 120px;
    display: inline-block;
}
.container-basic-header h4
{
    
    font-size: 26px;
    color: #fff;
    display: inline;
   line-height:81px;
    text-shadow: 1px 1px 1px #333;
}

.container-basic-body
{
    background: url(../Images/bg-basic-panel.png) #fff repeat-y top left;
    padding: 0;
    margin: 0 auto;
    width: 362px;
    height: 216px;
}

.container-basic-body ul
{
    list-style-type: none;
    padding: 5px 0 0 0;
    margin: 0px auto 0 auto;
    width: 336px;
}

.container-basic-body ul li
{
    background: url(../Images/cepro-icon-green-check.jpg) #fff no-repeat 0% 50%;
    padding: 0px 0 4px 44px;
    line-height: 32px;
    font-size: 15px;
    color: #555;
    text-shadow: 1px 1px 1px #efefef;
}


/*in case the cart has items*/

.basic-if-cart-full
{
    background: url(../Images/bg-cepro-signup-cart-full-panel.jpg) #fff repeat-y top left;
    padding: 0;
    margin: 0 auto;
    width: 362px;
    height: 130px;
}

.basic-items-in-cart
{
    padding: 8px 0 4px 26px;
    margin:0;
    font-weight: bold;
    color: #0564AC;
}

.basic-course-total-label, .basic-course-total-cost {
    font-weight: bold;
    font-size: 15px; 
}

.cepro-course-total-label, .cepro-course-total-cost {
    font-weight: bold;
    font-size: 15px; 
}
.cepro-course-total-label {
    padding: 0px 0 4px 14px;
}

.cepro-course-total-label2 {} 

.basic-course-total-label {
    padding: 0px 0 4px 14px; 
}

.basic-course-total-cost
{
    padding: 0px 0 4px 1px;
}


.basic-bottom-blue-panel
{
    position: relative;
    background: url(../Images/bg-basic-bottom-blue.jpg) #fff no-repeat top left;
    padding: 0;
    margin: 0 auto;
    width: 362px;
    height: 90px;
}

.basic-select-cart-button
{
    position: absolute; /*margin:272px auto;*/
    top: -8px;
    padding: 0;
    border: none;
    width: 362px;
    height: 35px;
    text-align: center;
    z-index: 99000;
}

/*******************CE PRO PANEL***************/


.container-cepro-panel
{
    position: relative;
    float: left;
    margin: 24px 5px 0 0; /*overflow:hidden;*/
    padding: 0 0 30px 0;
    width: 360px;
    height: 400px; /*border:1px solid #ddd;*/
}

.container-cepro-header
{
    clear: both;
    height: 77px;
    width: 382px; /*border-bottom:4px solid #ddd;*/
    background: url(../Images/cepro-bg--topheader-panel.jpg) #fff no-repeat 0 0;
    padding: 0;
    margin: 0 auto;
}

.container-cepro-header h3
{
    font-family: Century Gothic, Arial, Helvetica, sans-serif;
    font-size: 30px;
    text-align: center;
    padding-top: 31px;
    margin: 0px 20px 0 120px;
    display: inline-block;
}

.container-cepro-header h3 span
{
    font-size: 29px;
    color: #7EA82A;
}

.container-cepro-header h4
{
    
    font-size: 26px;
    color: #fff;
    display: inline;
   line-height:81px;
    text-shadow: 1px 1px 1px #333;
}


.container-cepro-body
{
    background: url(../Images/cepro-bg--body-panel.jpg) #fff repeat-y top left;
    padding: 0;
    margin: 0 auto;
    width: 382px;
    height: 216px;
}

.container-cepro-body ul
{
    list-style-type: none;
    padding: 5px 0 0 0;
    margin: 0px auto 0 auto;
    width: 358px;
}

.container-cepro-body li
{
    background: url(../Images/cepro-icon-green-check.jpg) #fff no-repeat 0% 50%;
    padding: 0px 0 4px 44px;
    line-height: 32px;
    font-size: 15px;
    color: #555;
    text-shadow: 1px 1px 1px #efefef;
}


ul.icon-red-check li
{
    background: url(../Images/icon-red-check-small.png) #fff no-repeat 5% 10%;
    
    color: #999;
    font-size: 13px;
    font-weight: bold;
    line-height: 20px;
    padding: 0px 0 14px 44px;   
    text-shadow: 1px 1px 1px #efefef;
}

ul.icon-green-plus li
{
    background: url(../Images/cepro-icon-green-check.jpg) #fff no-repeat 0% 10%;
    padding: 0px 0 14px 44px;
    line-height: 20px;
    font-size: 15px;
    font-weight: bold;
    color: #0564AC;
    text-shadow: 1px 1px 1px #efefef;
}


/*in case the cart has items*/

.cepro-if-cart-full
{
    background: url(../Images/cepro-bg--ifcart-below-panel.jpg) #fff repeat-y top left;
    padding: 0;
    margin: 0 auto;
    width: 382px;
    height: 165px;
}

.cepro-if-cart-full-nosavepic
{
    background: url(../Images/bg-cepro-signup-cart-empty-panel.jpg) #fff repeat-y top left;
    padding: 0;
    margin: 0 auto;
    width: 382px;
    height: 130px;
}

.cepro-items-in-cart
{
    padding: 14px 0 4px 25px;
    font-weight: bold;
    color: #0564AC;
    margin:0;
}

.cepro-course-total
{
    padding: 0px 0 4px 30px;
    font-weight: bold;
    font-size: 15px;
}

.cepro-course-crossed
{
    margin: 0 0 0 0px;
    padding: 2px 3px 4px 3px;
    font-weight: bold;
    font-size: 15px;
    color: #cc0000;
    background: url(../Images/red-strike.png) repeat-x 100% 52%;
    
}

.cepro-course-green, .cepro-course-cost
{
    float: right;
    
    font-weight: bold;
    font-size: 15px;
}

.cepro-course-green {color: #7EA82A; padding: 2px 8px 1px 0px;}

.cepro-course-cost  {color: #333;padding: 2px 8px 0px 0px;}


.cepro-course-membership-cost
{
    padding: 0px 0 4px 14px;
    font-weight: bold;
    font-size: 15px;
    color: #0564AC;
}
.cepro-course-membership-cost-no-item
{
    padding: 42px 0 4px 22px;
    font-weight: bold;
    font-size: 15px;
    color: #0564AC;
}
.cepro-course-membership-green
{
    color: #7EA82A;
    font-weight: bold;
    font-size: 15px;
}

.cepro-regular
{
    font-size: 12px;
    color: #555;
}


.cepro-membership-cost
{
    font-weight: bold;
    font-size: 15px;
    color: #555;
}

.box-renewal-on-off {float:right; padding: 10px 20px 10px  10px;}

.renewal-confirmation-box {
    font-family: Arial, Helvetica, sans-serif;
    width:500px; 
    height:300px; 
    border:2px solid #ddd; 
    text-shadow:1px 1px 1px #efefef; 
    font-size:15px; 
    color:#444; 
    padding:30px; 
    font-weight:bold; 
    text-align:center; 
    background-color:#efefef;
    
    }
    
.btn-update-credit-card {clear:both; margin:8px 3px 0 0;}    
    
.cepro-are-you-sure {font-size:18px; line-height:25px; margin:25px auto; color:#cc0000; }

.cepro-renew-no, .cepro-renew-yes {text-align:center; margin:0 0 10px 0;}

.cepro-renew-no a{clear:both; font-size:15px; }

.cepro-renew-yes a{clear:both; font-size:15px; }

.cepro-grand-total
{
    font-size: 15px;
    color: #333;
    font-weight: bold;
    padding: 8px 0 4px 30px;
}

.cepro-grand-total-cost
{
    font-size: 15px;
    color: #333;
    font-weight: bold;
    padding: 0px 0 4px 96px;
}

.cepro-bottom-blue-panel
{
    position: relative;
    background: url(../Images/cepro-bg-bottom-blue-bar.jpg) #fff no-repeat top left;
    padding: 0;
    margin: 0 auto 30px auto;
    width: 382px;
    height: 100px;
}

.cepro-select-cart-button
{
    position: absolute; /*margin:272px auto;*/
    top: -8px;
    padding: 0;
    border: none;
    width: 382px;
    height: 35px;
    text-align: center;
    z-index: 99000;
}


table.ce-pro-pricing-comparison-basic {width: 340px; margin:0 0 0 9px; }
table.ce-pro-pricing-comparison-pro {width: 270px; margin:0 0 0 9px; }
table.ce-pro-pricing-comparison-pro2 {width: 270px; margin:0 0 0 9px;}
table.ce-pro-pricing-comparison-pro3 {width: 270px; margin:25px 0 0 9px;}

/**************CE PRO OBJECTIVE PAGES PANEL*******************************/


.cepro-panel-obj
{
    background: url(../Images/bg-cepro-sgnup-panel-bottom.jpg) #fff no-repeat top left;
    clear: both;
    height: 243px;
    margin: 0 auto 30px auto;
    padding: 0;
    position: relative;
    width: 810px;
    text-shadow: 1px 1px 1px #efefef;
}

.cepro-signup-blue-button
{
    position: absolute;
    height: 62px;
    width: 310px;
    border: none;
    top: 155px;
}

.cepro-signup-left-side
{
    float: left;
    width: 370px;
    margin: 0;
    padding: 10px 10px 0 30px;
    position: relative;
    border: none;
}
.cepro-signup-left-side h3
{
    margin-top: 28px;
    font-size: 25px;
}

.cepro-signup-left-side p
{
    line-height: 24px;
    font-size: 17px;
    font-weight: bold;
    color: #555;
}


.cepro-signup-left-side span, .cepro-signup-right-side span
{
    font-size: 100%;
}

.cepro-signup-right-side
{
    float: left;
    width: 390px;
    margin: 0;
    padding: 17px 0 0 0;
    position: relative;
    border: none;
}
.cepro-signup-right-side h3
{
    font-size: 22px;
}

.cepro-signup-right-side ul
{
    list-style-type: none;
    padding: 5px 0 0 0;
    margin: 0px auto 0 auto;
}

ul li.icon-green-check2
{
    padding: 0px 0 4px 24px;
    font-size: 13px;
    font-weight: bold;
    color: #333;
    text-shadow: 1px 1px 1px #efefef;
}

.cepro-signup-right-side li
{
    background: url(../Images/icon-green-check2.png) no-repeat 0% 0%;
    font-weight: bold;
    padding: 0px 0 4px 24px;
    line-height: 19px;
    font-size: 13px;
    color: #666;
    text-shadow: 1px 1px 1px #efefef;
}

.coupon-message-cepro b
{
    color: #0564AC;
    font-weight: bold;
}

.coupon-message-cepro span
{
    color: #7EA82A;
    font-weight: bold;
}

.PROblue
{
    color: #0564AC;
}

.cepro-signup-left-side b, .cepro-signup-right-side b
{
    font-size: 120%;
    color: #0564AC;
}

.PROgreen
{
    color: #7EA82A;
}

.cepro-right-title-text
{
    color: #555;
    font-size: 18px;
}

.top-upgrade-sign
{
    float: left;
    padding: 0;
    margin: 1px 0 0 0;
    font-weight: bold;
    width: 120px;
    color: #0564AC;
    font-family: Arial, Helvetica, Sans-Serif;
}
.top-upgrade-sign > a.aligned-top-upgrade
{
    top: 126px; 
    left: 473px;
    font-size: 15px;
    position: absolute;
}
.top-upgrade-sign > a.aligned-top-upgrade-ND
{
    top: 152px;
    left: 473px;
    font-size: 15px;
    position: absolute;
}

.top-upgrade-sign a
{
    color: #0564AC !important;
    text-decoration: none;
}

/*CE-PRO USER ACCOUNT SAVINGS LEFT PANEL*/

.cepro-savings-box
{
    clear: both;
    position: relative;
    margin: 0 auto;
    padding: 12px 8px 2px 0;
    width: 184px;
    text-align:center;
    
}

.cepro-savings-box span
{
    font-weight: bold;
    font-size: 13px;
    text-align:center;
}

.saving-title1, .saving-title2
{
    clear: both;
    margin:0px 0 25px 0;
    padding: 10px 0;
    text-align:center;
    border-top: 1px solid #7EA82A;
    border-bottom: 1px solid #7EA82A;
    width: 180px;
}

.user-benefits-comparison {width:260px;}

.user-benefits-comparison ul {
list-style-image: url('../Images/icon-green-check-small.png');
}

ul.red-check-list {
list-style-image: url('../Images/icon-red-check-small.png');
}

ul.red-check-list li {color:#999; font-weight:bold;}

.ceprorenew-box-creditcard, 
.ceprorenew-box-billing {float:left; color:#555; text-align:right;}
.ceprorenew-box-creditcard ol li label, 
.ceprorenew-box-creditcard ol li input,
.ceprorenew-box-creditcard ol li select, 
.ceprorenew-box-billing ol li label, 
.ceprorenew-box-billing ol li input, 
.ceprorenew-box-billing ol li select

{color:#555;}

.ceprorenew-box-creditcard { padding:0 25px 0 0; width:305px;}

.ceprorenew-box-billing {padding:0;}

.ceprorenew-box-billing h4, 
.ceprorenew-box-creditcard h4  {
font-family:Arial, Helvetica, Sans-Serif Serif; 
color:#666; border-bottom:2px solid #ddd; padding: 0 0 05px 0; 
text-align:left;}
 
.FormView ol li{padding:3px 0; margin:0; width:auto; float:left; vertical-align:middle;}

.FormView {margin:0; padding:0; width:300px;}

.FormView table {width:270px;}

.FormView table tr td {padding-bottom:3px; text-align:right;}

.first-column-label{width:134px;}

.second-column-field select {
    width:174px; 
    }

.cepro-card-field-month select, 
.cepro-card-field-year select,
.second-column-field select,
.second-column-field input {
    border:1px solid #ddd; 
    color:#555;
 }
 
.second-column-field input {
    width:168px;
    }
 .second-column-field input {   
    padding-left:4px;
    }
    
 .cepro-card-field-month select {
    width:105px;
    }
    
 .cepro-card-field-year select {
    width:65px;
    }

.course-pro-info {
    color:#555; 
    font-style:italic; 
    height:20px; 
    line-height:12px;
    padding:7px 4px 0 4px;
    }
    

.course-fcf-info {
    color:#555; 
    font-style:italic;
    padding:7px 4px 0 4px;
    }
    
.course-fcf-info span {
    color:#555; 
    font-style:italic;
    font-size:24px;
    padding:7px 4px 0 4px;
    }

.my-account-edit-billing-button {
    position:relative; 
    float:right; 
    width:180px; 
    margin:10px 30px 0 0;
    }

.FormView ol {
    width: 300px; 
    padding:1px; 
    margin:0;
    }

.cepro-membership-message-right {
    float:right; 
    width:330px; 
    margin:50px 40px 0 0; 
    }

.btn-preview-course-objective {
    clear:both; 
    text-align:right;
    }

.btn-checkout-course-objective {
    clear:both; 
    text-align:right;
    }
    
  /* ## CE-PRO Landing Page ## */
 
  .ceprolandingcontainer{
	width:899px;
	margin:0 auto;
	}

.ceprolandingh1{
	padding:0 0 0 53px;
	margin:25px 0 25px 0;
	font-family: 'Century Gothic', Arial, Helvetica, sans-serif;
	font-size: 40px;
	color:#535353;
	font-weight:bold;
	text-shadow:2px 2px 2px #ddd;
	}

.ceprolandingh1span{
	color:#0564AC;
	font-size:40px;
	}
	
.ceprolandingh1strong{
	font-size:40px;
	color:#7EA82A;
	}

.ceprolandingbox{
	width: 899px;
	height: 439px;
	margin-bottom: 20px;
	background: url(../Images/bckgrnd_cepro.png) top center no-repeat;
	font-family: 'Century Gothic', Arial, Helvetica, sans-serif;
	}
	
.ceprolandingh2{
	color: #fff;
	text-align: center;
	padding: 0;
	margin: 0;
	font-size: 30px;
	width: 899px;
 	font-weight: normal;
	padding-top: 15px;
	text-shadow:2px 2px 2px #333;
	}

.ceprolandingh2strong{
	font-size: 50px;
	line-height: 40px;
	}
	
.ceprolandingh2smaller{
	font-size: 20px;
	line-height: 25px;
	}
	
.ceprolandingh2smallerstrong{
	font-size: 20px;
	line-height: 20px;
	}
	
.ceprolandingh2green{
	font-size: 30px;;
	line-height: 25px;
	font-weight: bold;
	color: #AED061;
	}
	
.ceprolandingleftside {
    float: left;
    margin: 0;
    padding: 26px 10px 0 90px;
    width: 340px;
	color: #54545E;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
	line-height:32px;
	text-shadow:none;
}

.ceprolandingleftsidep{
	margin-bottom:25px;
	font-size: 16px;
	line-height: 32px;
	color: #54545E;
	}

.ceprolandingleftsidestrong{
	font-size: 20px;
	color: #0564AC;
	}

.ceprolandingleftsideblue{
	color: #0564AC;
	font-size: 20px;
	}

.ceprolandingleftsidegreen{
	color: #7EA82A;
	font-size: 20px;
}

.ceprolandingleftsideribbon{
	margin:0 0 0 -50px;
	padding:10px 0 0 47px;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	width:336px;
	height:68px;
	background: url(../Images/ceprolandingribbonWide.png) no-repeat;	
	text-decoration:none;
	color:#fff;
	text-shadow: 2px 2px 2px #666;
	}

.ceprolandingleftsideribbona{
color:#fff;
}
	
.ceprolandingleftsideribbonspan{
	font-size:22px;
	font-family: 'Century Gothic', Arial, Helvetica, sans-serif;
	}

.ceprolandingleftsideribbon:hover{
	text-decoration:underline;
	}

	
.ceprolandingrightside{
    float: left;
    margin: 0;
    padding: 36px 10px 0 30px;
    width: 375px;
	color: #54545E;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	line-height:30px;
}

.ceprolandingrightsideh3{
	font-size:22px;
	padding:0;
	margin:0;
	color: #545454;
	margin-bottom:20px;
	font-weight:bold;
	text-align: left;
	font-family: 'Century Gothic', Arial, Helvetica, sans-serif;
	text-shadow:2px 2px 2px #efefef;
}

.ceprolandingrightsideblue{
    font-size:22px;
	color: #0564AC;
	}

.ceprolandingrightsidegreen {
    font-size:22px;
	color: #7EA82A;
}
	
.ceprolandingrightsideul{
	padding:0;
	margin:0;
	list-style-position: inside;
	}

.ceprolandingrightsideulli{
	padding:0;
	margin:0;
	padding-left: 25px;
	list-style-type:none;
	background: url(../Images/icon-green-check2.png) left no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 24px;
	font-size: 13px;
	color: #666;
	list-style-position: inside;
	text-shadow:2px 2px 2px #efefef;
	}

.ceprolandingrightsideullispan{
	color:#333333;
	font-size:13px;
}

.ceprolandingrightsideullispanstrong{
	color:#0564AC;
	font-size:16px;
}