/* General */
.clr, .clearfix{ clear:both; padding:0; margin:0;  }

/* Overwrite Base Skin */
#wrapper {
	background-color: #3d689b !important;
	background-color:#2c6197 !important;
	background-image: url(images/skin/bg_blue.jpg) !important;
	background-repeat: repeat-x !important;
	background-position: center 0 !important;
}
#main #content {
    float: left;
    margin: 0 10px;
    padding: 0 0 20px;
    width: 680px; /* custom*/
}
#main #content h1{ text-align:center; }

#main #sidebar, #main #sidebar-left {
    float: left;
    margin: 0 10px 10px;
    min-height: 200px;
    padding: 10px 0 20px;
    width: 240px; /* custom*/
}

#content .page, #content .page .top, #content .page .bottom {
    background-image: url(images/skin/content-bg2.png) !important;
}
#content .page {
    background-position: -1360px 0;
    background-repeat: repeat-y;
    margin: 0 0 20px;
    padding: 20px;
    position: relative;
    z-index: 1;
}
#content .page .top {
    background-position: -680px 0;
    background-repeat: no-repeat;
    height: 20px;
    left: 0;
    position: absolute;
    top: 0;
    width: 680px;
}

#content .page .bottom {
    background-position: 0 bottom;
    background-repeat: no-repeat;
    bottom: 0;
    height: 20px;
    left: 0;
    position: absolute;
    width: 680px;
}

#main-menu .flip-black .menu a, #main-menu .flip-blue .menu a, #main-menu .flip-brown .menu a, #main-menu .flip-dark-purple .menu a, #main-menu .flip-dark .menu a, #main-menu .flip-green .menu a, #main-menu .flip-light-blue .menu a, #main-menu .flip-light .menu a, #main-menu .flip-navy .menu a, #main-menu .flip-orange .menu a, #main-menu .flip-pink .menu a, #main-menu .flip-purple .menu a, #main-menu .flip-red .menu a, #main-menu .flip-slate .menu a, #main-menu .flip-teal .menu a {
	font-size: 15px;
	letter-spacing: 1px;
	line-height: 100%;
	text-decoration: none;
	text-transform: uppercase;
	font-weight:bold;
	padding-top: 20px;
	padding-right: 12px;
	padding-bottom: 17px;
	padding-left: 12px;
}

#main-menu .flip-light-blue .menu a {
    color: #EAEAEA;
    text-shadow: 1px 1px 0px #06C;
}


#contact label.name {
    width: 120px;
}

textarea, input[type="text"], input[type="password"], input[type="file"], .textInput, #BP-Container div#BP-Content form textarea {
color: #4E4F52;
font-size: 12px;
margin: 0;
padding: 5px;
outline: none;
border: 1px solid #EDEDED;
border-color: #D6D6D6 #EDEDED #E9E9E9;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background: #F7F7F7;
background: -webkit-gradient(linear, left top, left bottom, from(white), to(#F1F1F1));
background: -moz-linear-gradient(top, white, #F1F1F1);
background: linear-gradient(white, #F1F1F1);
-pie-background: linear-gradient(white, #F1F1F1);
-webkit-transition: all 0.15s ease-in-out;
-moz-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;
-webkit-background-clip: padding-box;
}

table {
border-collapse: collapse;
float: left;
clear: both;
margin: 0px 0px 0px 0px;
}

table th, table td {
padding: 6px 6px;
text-align: left;
display: table-cell;
}

td, td img {
vertical-align: top;
}

label, input[type="button"], input[type="submit"], button {
cursor: pointer;
}


/* Header Top: Member Custom Login Styling */
#header{ position:relative; } /* added for login btn position */
#headerLogin { width:250px; height:50px; float:right;}
#loginbtn, #logoutbtn{ padding:0px; position:absolute; right:25px; top:45px; }

#loginbtn a, #logoutbtn a{
    width:126px; height:34px;
	display:block;
	text-indent:-999em;
}

#loginbtn > a{
    text-indent:-999em;
	background-image:url(images/login.png);
	background-repeat:no-repeat;
	background-position:left top;
}
#logoutbtn > a{ 
    text-indent:-999em;
	background-image:url(images/login.png);
	background-repeat:no-repeat;
	background-position:left bottom;
}
/* END Header Top: Member Custom Login Styling */

/* Top Page Styling */
#content .page .grayborder{ border:3px solid #ccc; background-color:#fff;  padding:20px; 
    border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; 
	box-shadow:0px 3px 5px #f2f2f2; -moz-box-shadow:0px 3px 5px #f2f2f2; -webkit-box-shadow:0px 3px 5px #f2f2f2;
}

#content .page .blueHeadline,
.blueHeadline{ 
    font-size:1.57em; 
	color:#2d8abe; 
	font-weight:bold; 
	text-shadow: 1px 1px 3px #f8f8f8;
	-moz-text-shadow:1px 1px 3px #f8f8f8;
	-webkit-text-shadow:1px 1px 3px #f8f8f8;
    text-align:left;
}


#content .page .productwrap,
.productwrap{
	width:880px;
	margin:0 auto;
}
#content .page .productbox,
#content .page .productbox_last,
.productbox,
.productbox_last,
#content .page .productbox0,
#content .page .productbox_last0,
.productbox0,
.productbox_last0{ 
    float:left;
	margin-right:10px;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border:1px solid #ccc;
	background-color:#f2f2f2;
	padding:10px;
	width:260px; 
	margin-bottom:10px;
}

#content .page .productbox,
#content .page .productbox_last,
.productbox,
.productbox_last{ cursor:pointer; }


#content .page .productbox:hover,
#content .page .productbox_last:hover,
.productbox:hover,
.productbox_last:hover{
    border:1px solid #39F;
	background-color:#bfe3fd;
}


#content .page .productbox_last,
.productbox_last,
#content .page .productbox_last0,
.productbox_last0{
	margin-right:0px; 
}
#content .page .productbox h3,
#content .page .productbox_last h3,
.productbox h3, .productbox_last h3,
#content .page .productbox0 h3,
#content .page .productbox_last0 h3,
.productbox0 h3, .productbox_last0 h3{ text-align:center; }


#content .page .productbox h3 a,
#content .page .productbox_last h3 a,
.productbox h3 a,
.productbox_last h3 a,
#content .page .productbox0 h3 a,
#content .page .productbox_last0 h3 a,
.productbox0 h3 a,
.productbox_last0 h3 a{ 
    color:3399cc; /*fallback*/
    color:#2d8abe;
	text-decoration:none;
}
#content .page .productbox h3 a:hover,
#content .page .productbox_last h3 a:hover,
.productbox h3 a:hover,
.productbox_last h3 a:hover,
#content .page .productbox0 h3 a:hover,
#content .page .productbox_las0t h3 a:hover,
.productbox0 h3 a:hover,
.productbox_last0 h3 a:hover{
    text-decoration:underline;
	color:#006dbd;
}

.gotologin{ clear:both; }
.gotologin p { height:43px;  line-height:43px;  display:block; clear:both; padding-bottom:10px; }
.gotologin a,
.gotolessonlist a{ 
    display:block;
	line-height:28px;
    margin:0 auto;
    width:150px;
	text-align:center;
	padding:0.35em 0.45em; 
	border:1px solid #ccc;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	background-color:#ccc; /*fallback*/
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cccccc));
    background: -moz-linear-gradient(top, #ffffff, #cccccc);
    background: linear-gradient(#ffffff, #cccccc);
    -pie-background:none;
}
.gotolessonlist a{
    width:300px;	
}

.gotologin a:link, .gotologin a:visited, .gotologin a:active,
.gotolessonlist a:link, .gotolessonlist a:visited, .gotolessonlist a:active{ 
    font-weight:bold; 
	color:#369ccd;/*blue*/  
	font-size:20px; 	
	text-decoration:underline; 
}
.gotologin a:hover,
.gotolessonlist a:hover{ 
    background-color:#999;/*fallback*/
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dddddd));
    background: -moz-linear-gradient(top, #ffffff, #dddddd);
    background: linear-gradient(#ffffff, #dddddd);
    -pie-background:none;
	font-weight:bold; 
	color:#006c91;/*deep blue*/ 
	text-decoration:underline;
}

/* Top Page Styling End */

/* Full Width Content */
#full-width-content h1{ text-align:center;   }



/* Login, Logout Page Styling */

/*Login form & Logout form */
.WishListMember_LoginMergeCode form.wlm_inpageloginform{
    background-color:#fff;
	boder-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
    width:450px;
    height:240px;
}

.WishListMember_LoginMergeCode form.wlm_inpageloginform table{
    margin:20px 0px 20px 20px;
}
.WishListMember_LoginMergeCode form.wlm_inpageloginform table th,
.WishListMember_LoginMergeCode form.wlm_inpageloginform table td{
    font-size:110%;
	height:38px;
	margin:0;
}
.WishListMember_LoginMergeCode form.wlm_inpageloginform table input[type="text"],
.WishListMember_LoginMergeCode form.wlm_inpageloginform table input[type="password"]{
	width:280px;
	border:1px solid #ccc;
	box-shadow:none;
	border-radius:0px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
}
.WishListMember_LoginMergeCode form.wlm_inpageloginform table input[type="text"]:active,
.WishListMember_LoginMergeCode form.wlm_inpageloginform table input[type="text"]:hover,
.WishListMember_LoginMergeCode form.wlm_inpageloginform table input[type="password"]:active,
.WishListMember_LoginMergeCode form.wlm_inpageloginform table input[type="password"]:hover{
   border:2px solid #0482bc;
}

.WishListMember_LoginMergeCode form.wlm_inpageloginform table input[type="submit"],
.WishListMember_LoginMergeCode form.wlm_inpageloginform table input[type="submit"]:visited{
    display: inline-block;
    zoom: 1;
    margin: 0 2px;
    outline: none;
    cursor: pointer;
    text-decoration: none;
    vertical-align:baseline;
	background: #C0C3C9;
	border: solid 1px #EBEDF1;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 1px 0 rgba(0, 0, 0, .1);
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;	
	width:90px;
	height:36px;
	line-height:1.1;
	background:#3798c2 !important; /*blue*/
	color:#fff !important;
	font-size:120%;
	line-height: 1.4;
	text-shadow:none;
	font-weight:bold;
	margin-bottom:10px;
	padding: .35em 1.3em .45em;
    text-align: center;
	-pie-background: linear-gradient(#F2F5FC, #C9CCD2);
    -webkit-background-clip: padding-box;
}
.WishListMember_LoginMergeCode form.wlm_inpageloginform table input[type="submit"]:hover{
    color: #393A3C;
	text-shadow: 0 0 3px rgba(255,255,255,.9);
	border-color: #F5F7FD #EAECF1 #C2C4CB;
	background: #D3D7DF;
	background: -webkit-gradient(linear, left top, left bottom, from(#F2F5FC), to(#B1B6BE));
	background: -moz-linear-gradient(top, #F2F5FC,  #B1B6BE);
	background: linear-gradient(#F2F5FC, #B1B6BE);
	-pie-background: linear-gradient(#F2F5FC, #B1B6BE);	
	box-shadow:none !important;
	background:#0482bc !important; /*dark blue */
}

.WishListMember_LoginMergeCode form.wlm_inpageloginform table input[type="submit"]:active{
	color: #494949;
	background: -webkit-gradient(linear, left top, left bottom, from(#C9CCD2), to(#F2F5FC));
	background: -moz-linear-gradient(top, #C9CCD2,  #F2F5FC);
	background: linear-gradient(#C9CCD2, #F2F5FC);
	-pie-background: linear-gradient(#C9CCD2, #F2F5FC);
}


div.not-member-msg{ float:right; width:250px; clear:right; }

div.login{ float:left; clear:left; width:500px; border-right:1px solid #ccc;  min-height:400px; }
div.login div.WishListMember_LoginMergeCode{
	font-size:14px;
	padding:0px;
	width:500px;
	height:220px;
	position:relative;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

div.loginR{ float:right; width:400px; clear:right;  }

/* Introduction Page */
div.BlButton{ 
    text-align:center; 
	line-height:32px; 
	height:32px; 
	padding:1.2em 2em; 
	background-color:#9CF; 
	color:#333; 
	border-radius:8px; 
	-moz-border-radius:8px; 
	-o-border-radius:8px; 
	-webkit-border-radius:8px;
}
div.BlButton a{ font-size:120%; color:#333; }
div.BlButton a:hover{ color:#666; }

#logo {
    display: block;
    float: left;
    margin: 10px 10px 3px 10px;
}

/* requirement page */
.abox{ border: 1px dashed #ccc; padding:10px 15px; margin:0px 15px 15px 15px; }
.abox ul { margin-left:25px; }


/* Congraduation Page */
.billNotice{ border:1px dashed #666; padding-top:5px; width:740px; margin:0 auto; background-color:#f8f8f8; margin-bottom:10px; }


/*--------------------------------------*/
/*----------- Lesson Styling -----------*/
/*--------------------------------------*/
.module_container{ padding:0px 0px 15px 0px; }/* this contains all the contents */
.module_container h1{ font-size:1.57em; color:#2d8abe; font-weight:bold; text-shadow: 1px 1px 3px #f8f8f8; -webkit-text-shadow:1px 1px 3px #f8f8f8; -moz-text-shadow:1px 1px 3px #f8f8f8; text-align:center; }
.module_container p { margin-bottom:20px; }
.togDesc > p > u{ background-color:#FF6; }

.themeblvd-toggle div.box em{ background-color:#FC0 !important; }

.themeblvd-toggle div.box span.grn{ background-color:#3C9 !important; }

h3.img{ margin:0px; border:0px; text-indent:0; }
.notebg{ font-size:16px; background-image:url(images/live/note_bg.jpg); background-repeat:repeat; padding:15px; color:#333; margin:10px 0px; }

.step1{ background-image:url(images/live/step1.png); background-repeat:no-repeat; background-position:left top; padding-right:8px; }
.step2{  background-image:url(images/live/step2.png); background-repeat:no-repeat; background-position:left top; padding-right:8px;  }
.step3{ background-image:url(images/live/step3.png); background-repeat:no-repeat; background-position:left top; padding-right:8px;  }
.step4{ background-image:url(images/live/step4.png); background-repeat:no-repeat; background-position:left top; padding-right:8px; }
.step1, .step2, .step3, .step4{ text-indent:-999em; display:block; float:left; height:23px; padding-bottom:5px;width:173px;  font-weight:normal;}


.step1p{ background-image:url(images/live/step1y.png); background-repeat:no-repeat; background-position:left top; padding-right:8px;  }
.step2p{  background-image:url(images/live/step2y.png); background-repeat:no-repeat; background-position:left top; padding-right:8px; }
.step3p{ background-image:url(images/live/step3y.png); background-repeat:no-repeat; background-position:left top; padding-right:8px;  }
.step1p, .step2p, .step3p{ font-size:90%; text-indent:-999em; display:block; float:left; height:23px; padding-bottom:5px; width:133px; font-weight:normal;}


.borderO{
	background-color:#f8f8f8;
	padding:5px 25px;
	color:#000;
	text-align:left;
	width:590px;
	clear:both;
	font-weight:bold;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCC;
	border-bottom-color: #CCC;
	margin-bottom:15px;
	font-size:16px;
}

.boxyel{ margin:2px; padding:10px; /*border:4px dashed #e8e8e8;*/ background-color:#f8f8f8; 
margin:15px 0px;  }
.steptxt, .steptxt2{ float:right; padding-left:2px; clear:right; width:430px; font-size:1em; font-weight:normal;  }
.boxblue_nd{ background-color:#eff9ff; color:#333; font-weight:normal; padding:10px; margin-bottom:10px; }

.boxblue{ border:3px dashed #a6d7e4; background-color:#eff9ff; color:#333; font-weight:normal; padding:10px; margin-bottom:10px; }
.boxblue p {padding-bottom:0px; margin-bottom:0px; }

table.nbr{ border:none; border-collapse:collapse; background-color:#fff; padding:0; margin:20px 0px 0px 0px; height:40px; clear:both; }
table.nbr td{ border:none; padding:0px 4px; margin:0; }

.exclamation{ 
    display:block; 
	border:1px dotted #ccc; 
	padding:4px 8px; 
	background-image:url(images/live/Exclamation.png); 
	background-repeat:no-repeat; 
	background-position:8px center;
	line-height:23px; 
	clear:both;  
	width:620px; 
	color:#2d8abe;
	text-indent:28px;
	font-size:15px;
	font-weight:bold;
	margin-top:5px;
	margin-bottom:30px !important;
}

.greg{ background-image:url(images/live/Greg.gif); background-repeat:no-repeat; background-position:left top; padding:10px; }
.greg p{ padding-left:80px; }

.form_container{
	background-color:#fff;
	border:6px solid #aee1fe;
	padding:20px;
	margin:15px 0px;
}
.hint{ text-indent:28px; background-image:url(images/live/hint.gif); background-repeat:no-repeat; background-position:left center; color:#333; font-size:0.89em; }
p.example{ background-color:#fff; border:1px dotted #ccc; padding:10px; display:block; clear:both; width:575px; }

form.validate{ padding-bottom:20px; padding-top:15px;}
form.borderbtm{ border-bottom:1px dotted #ccc; border-top:0px;  }
form.validate input[type="text"]{ font-size:18px !important; color:#333 !important; margin-bottom:5px !important; }

form.validate div.AllRevealBTN{ padding-top:25px; }
form.validate p.hint.padTop{ margin-top:35px; }


.gotonext{ margin:0 auto; width:325px;   } 
.btmlinks{  margin:0 auto; clear:both; text-align:center; margin-top:20px; }
.btmlinks a{ color:#039; text-decoration:underline;  }

.btmlinks a:link, .btmlinks a:visited, .btmlinks a:active{ color:#039; }
.btmlinks a:hover{ color:#F60; }
.btmlinks a.current{ color:#666;  }


table.newwords{ margin-left:35px; margin-right:35px; margin-bottom:15px; width:570px; border-collapse:collapse; padding:6px; }
table.newwords th, table.newwords td { border:1px solid #dddee0;  background-color:#f8f8f8; } 
table.newwords th{ font-size:14px; color:#333;font-weight:normal; }
table.newwords p{ font-size:16px;  padding:8px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;}


.downloadswrap{ background-color:#f8f8f8; margin-bottom:25px;  margin-left:0px; padding:15px 16px 7px 16px;  }
.downloadbox{ 
    background-color:#fff; 
	padding:15px;
	border-radius:7px; 
	-webkit-border-radius:7px;
	-moz-border-radius:7px; 
	border:2px solid #2d91d2;  
	float:left; 
	width:160px; 
	margin-right:8px;
	margin-bottom:8px;
	}
.downloadbox a{ font-size:16px; display:block; background-image:url(images/live/Download.png); background-repeat:no-repeat; background-position:left center; line-height:16px; color:#069;  text-decoration:underline; padding-left:21px; font-weight:bold; line-height:1.2;  }
.downloadbox a:hover{ color:#333; }


/* Align="left" assisn images */
img.alignleft{ float:left; margin-right:8px; margin-bottom:8px; }
/* END */


/* Video Library */

.linktofollow{ }


.videobxWrap { padding:10px 0px; margin:0px 0px 15px 0px; clear:both; }
.videobxWrap h3{ border-top: 1px solid #ccc; background-color:#f5f5f5; border-bottom:1px solid #ccc; display:block; text-indent:15px; width:100%;  }

.videobx, .videobxL{ float:left; margin-right:15px; clear:none; margin-bottom:15px; }
.videobxR{ float:left; margin-right:15px; clear:none; margin-bottom:15px; }
.videobxL{ padding-left:15px; }

/*----------------------------sidebar---------------------------*/
#sidebar p.backmain{ 
    display:block;
	background-image:url(images/navigation.png);
	background-repeat:no-repeat;
	background-position:left center;
	line-height:16px;
	text-indent:25px;
	margin-bottom:8px !important;
}
p.backmain a:link, p.backmain a:visited{ }
p.backmain a:hover{ color:#333;}

#text-9 { margin-bottom:0px;  } /* necessary */

#sidebar .ugc #categoryposts-7 {
    background: #f2eee3;
    margin: 0px;
    padding: 5px;
}

#sidebar .ugc #categoryposts-7 h4.widgetTitle {
    margin-bottom: 0px;
    background-image: url(images/live/map.png);
    background-position: 6px center;
    background-repeat: no-repeat;
    text-indent: 40px;
}
#Middle .widgetTitle {
    background: #EFEFEF;
    border: 1px solid #DBDEE1;
    color: #333;
    text-indent: 20px;
    line-height: 1.7em;
    height: 24px;
}

#Middle .widgetTitle a {
    color: #333;
    text-decoration: none;
}
#sidebar .ugc #categoryposts-7 ul {
    background-color: white;
    border-right: 1px solid #CCC;
    border-left: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    margin: 0px;
    padding: 0px 5px;
}

#Middle .widget ul li {
    border-bottom-color: #EEEFF0;
}
#sidebar .ugc #categoryposts-7 ul li a:link, 
#sidebar .ugc #categoryposts-7 ul li a:visited {
    color: #4DADE2;
}

#sidebar .ugc div.scg_widget {
    background: white;
    padding: 0px;
}
#sidebar p.information a{
    display: block;
    clear: both;
    text-indent: 22px;
    background-image: url(images/information.png);
    background-position: 5px center;
    background-repeat: no-repeat;
    line-height: 16px;
    font-size: 13px;
    padding: 10px 0px;
}
/* END Live Convo Sidebar */

div.themeblvd-toggle{ }
div.themeblvd-toggle a.trigger{ padding: 9px 12px 12px 40px; }
							
div.themeblvd-toggle a.trigger,
div.themeblvd-toggle a.trigger:active,
div.themeblvd-toggle a.trigger:visited{ color: #1F7099; font-size:18px; }
div.themeblvd-toggle a.trigger:hover{ color: #D91A54; }
div.themeblvd-toggle div.box { font-size:18px; }



/* Hack */
#main-inner #content span.single-meta{ display:none !important;}
h1.single{display:none !important; }

form.validate p br, form.borderbtm p br{display:none !important; }