/* --------------------------------
	 Better Lesson Main CSS
   -------------------------------- */
   
/* 
Notes:
================



In This CSS:
================
+Testing
+Reset
+Unreset
+General
+Structure
+Header
+Nav
+Content
+Page Specific
+Footer
+Clearing

============================================================ */

/* +Testing
--------------------------------------------- */

/* div { border: 1px solid red; } */
   

/* +Reset 
-------------------------------- */

html, body, div, span, 
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	text-decoration: none;
	}
	
/* remember to define focus styles! */
:focus {
	outline: 0;
	}
body {
	line-height: 1;
	color: black;
	background: white;
	}
	
/* ol {list-style: none;} */
ul {list-style: none;}

table {
	border-collapse: separate;
	border-spacing: 0;
	}
caption, th, td {
	text-align: left;
	font-weight: normal;
	}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
	}
blockquote, q {
	quotes: "" "";
	}
	

/* +Unreset General
-------------------------------- */	


hr {
	border: none;
	border-top: 1px solid #ccc;
	}

em {
	font-style: italic;
	}

strong {
	font-weight: bold;
	}

	

/* +General 
-------------------------------- */

body {
	line-height: 1.5em;
	font-size: 12px;
	font-family: "Lucida Grande", arial, helvetica, sans-serif;
	color: #000;
	background-color: #fff;
	background: #fff url('i/bg-body.gif') repeat-x 0 -9px;
	}
	

body.plvl2 {
	background: #fff url('i/bg-body-plvl2.gif') repeat-x 0 0;
	}	
   

/* +Structure 
-------------------------------- */

#headerContainer {
	background-color: #224B7F;
	}


#header {
	width: 925px;
	margin: 0 auto;
	padding: 0 30px 0 30px;
	position: relative;
	height: 123px;
	}

	
#navContainer {
	height: 48px;
	}
	
#navPrimary {
	background: transparent;
	padding-top: 3px;
	height: 60px;
	}
	
#navPrimary #nav-main {
	margin: 0;
	}

	

#navContainer #navSecondaryWrap {
	padding: 0 20px 50px 20px;
	display: none;
	width: 800px;
	height: 263px;
	position: absolute;
	left: 60px;
	top: 139px;	
	background: transparent url('i/shadow-fixeddrop.png') no-repeat 0 0;
	z-index: 100;
	}
	
#navContainer #navSecondary {
	padding: 10px 30px;
	background-color: #FEF9E6;
	border: 1px solid #FDF8B6;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	}
	
	

#contentContainer {
	width: 925px;
	margin: 0 auto;
	padding: 0 30px 0 30px;
	z-index: 50;
	}
	
#content {
	padding: 1px 0 50px 0;
	}
	
	body.phome #content {
		padding: 0 0 50px 0;
		}
	
#contentA {
	width: 64%;
	padding: 0 30px 30px 0;
	float: left;
	margin-top: 15px;
	}
	
#contentB {
	float: right;
	width: 32%;
	background-color: #eee;
	margin-top: 15px;
	padding-bottom: 50px;
	background: #FAFAFA url('i/bg-sidebar.jpg') repeat-y 0 0;
	}

body.wide #contentB {
	display: none;
	}
	
#footer {
	border-top: 1px solid #ddd;
	font-size: 10px;
	color: #aaa;
	text-align: center;
	padding: 15px 30px;
	height: 50px;
	color: #777;
	z-index: 100;
	position: relative;
	width: 925px;
	}
	


/* Put the footer on the bottom */

html {height: 100%;}

body {height: 100%;}

#container {
	position: relative; 
	min-height: 75%;
	padding-bottom: 10px; 
	}

#footer {
	margin: -50px auto 0 auto;
	}





/* +Header 
-------------------------------- */


#header h1#logo {
	background: url("/img/logo-rlogin.png") no-repeat scroll -5px 14px transparent;
	height: 75px;
	width: 420px;
	}

#header h1 a {
	display: block;
	height: 75px;
	width: 270px;	
	text-indent: -9999px;
	}

p.tagline {
	display: none;
	}




/* +Nav
-------------------------------- */


#navPrimary #nav-main li {
	font-size: 14px;
	float: left;
	padding: 13px 0 0 0;
	margin: 0 28px 0 0;
	}	

	body.phome #navPrimary #nav-main li {
		padding: 28px 0 0 0;
		margin: 0 28px 0 0;
		}
	
#navPrimary #nav-main li a {
	display: block;
	color: #fff;
	}


#navPrimary  #nav-main li a:hover {
	color: #9fd50c;
	}
	
	
#navContainer #navPrimary .nav-home a {
	width: 3.2em;
	}
	
#navContainer #navPrimary .nav-about a {
	width: 4.7em;
	}
	
#navContainer #navPrimary .nav-contact a {
	width: 4.1em;
	}
	
#navPrimary #nav-main .nav-signin {	
	padding: 10px 0 0 0;
	}	

	body.phome #navPrimary #nav-main .nav-signin {	
		margin-top: 8px;
		padding: 15px 0 0 0;
		}

#navPrimary #nav-main .nav-signin a {
	display: block;
	width: 130px;
	height: 28px;
	background: transparent url('i/button-signin.gif') no-repeat 0 -29px;	
	text-indent: -9999px;
	}
	
#navPrimary #nav-main .nav-signin a:hover {
	background: transparent url('i/button-signin.gif') no-repeat 0 -2px;	
	}
	

/* current page states */	
	
body.phome	#navContainer #navPrimary .nav-home {
	background: transparent url('i/arrow-up-blue.gif') no-repeat center 2px;	
	}
	
	body.phome	#navContainer #navPrimary .nav-home a {
		color: #9fd50c;
		}	
		
body.pabout	#navContainer #navPrimary .nav-about {
	background: transparent url('i/arrow-dn-blue.gif') no-repeat center bottom;	
	}
	
	body.pabout	#navContainer #navPrimary .nav-about a {
		color: #9fd50c;
        }

.pabout #content .team h2 {
    margin-bottom: 0px;
    color: #23334E;
    letter-spacing: 1px;
}
.pabout #content .team {
    font-size: 125%;
    line-height: 1.5em;
    margin-bottom: 40px;
}
.pabout #content .team .teammember {
    padding-top: 25px;
}
.pabout #content .team .teammember p {
    margin-bottom: 2px;
}
.pabout #content .team .teammember .photo {
    float: left;
    padding: 0px;
    margin-right: 20px;
    height: 100px;
    width: 100px;
}
.pabout #content .team .teammember .web {
    margin-left: 20px;
    color: #aaa;
}
.pabout #content .team .teammember .web li{
    float: left;
    margin-left: 10px;
}
.pabout #content .team .teammember .web a {
    color :#446688;
    margin-left: 3px;
}
.pabout .clearfix {
    clear: both;
    height: 10px;
}

.pabout #content .icon-sets { font-size: 125%; line-height: 1.5em; margin-bottom: 40px; }
.pabout #content .icon-sets h2 { color: #2B6030; letter-spacing: 1px; margin-bottom: 0;}
.pabout #content .icon-sets .content { padding-top: 10px; }
.pabout #content .icon-sets .content .photo { float: left; height: 100px; width: 100px; padding: 0; }
.pabout #content .icon-sets .content .description { margin-left: 120px }

.pabout #content .about {
    margin-bottom: 20px;
}

.pabout #content .about p {
    font-size: 1.2em;
}

.pabout #content .about .aboutsection {
    padding: 5px 0px 25px 5px;;
}

    .pabout #content #contentB {
        padding-bottom: 0;
    }

    .pabout #content #contentB h3 {
        margin-top: 10px;
        font-size: 120%;
        color: #333;
    }
	
body.pcontact	#navContainer #navPrimary .nav-contact {
	background: transparent url('i/arrow-dn-blue.gif') no-repeat center bottom;	
	}
	
	body.pcontact	#navContainer #navPrimary .nav-contact a {
		color: #9fd50c;
		}			



/* +Content
-------------------------------- */


#content p {
	margin-bottom: 15px;
	}


#content ol {
	list-style-type: decimal;
	list-style-position: inside;
	margin: 0 0 10px 10px;
	}
	
#content ul {
	list-style-type: disc;
	list-style-position: inside;
	margin: 0 0 10px 10px;
	}
	
#content li {
	padding: 3px 0;
	}

	

.blForm form {
	margin: 5px 0 15px 0;
	}
	
.blForm form fieldset {
	border: 1px solid #eee;
	padding: 10px;
	margin-bottom: 15px;
	}

.blForm form legend {
	color: #999;
	font-size: 11px;
	}
	
.blForm form label {
	font-size: 12px;
	margin: 0 3px 3px 0;
	font-weight: bold;
	}

.blForm form dt {
	margin-bottom: 5px;
	}

.blForm form dd {
	margin-bottom: 15px;
	}
	
.blForm form option {
	padding: 0 5px;
	}
	
.blForm form input[type="radio"] {
/* 	margin: 0 5px 10px 0; */
	}	
	
.blForm form .tip {
	color: #555;
	font-size: .8em;
	display: block;
	}
	
.blForm form .req {
	color: #f00;
	}

.blForm form .checkboxes dt {
	float: left;
	margin-right: 5px;
	}

.blForm form .checkboxes label {
	font-weight: normal;
	}
	
.blForm form [type="checkbox"] {
	margin: 1px;
	}
	
.blForm form .related {
	display: block;
	margin-top: 5px;
	color: #777;
	font-size: .9em;
	}
		
.blForm form .message {
	color: #DA3704;
	display: block;
	}

.blForm .submitButton, 
.blForm .signinButton, 
.blForm .cancelButton {
	border: none;
	cursor: pointer;
	display: block;
	height: 30px;
	text-decoration: none;
	text-indent: -9999px;
	width: 100px;
	margin: 10px 0;
	}
		
.blForm .submitButton {
	background: transparent url('i/button-form-submit.gif') no-repeat scroll 0 0;
	}	

.blForm .signinButton {
	background: transparent url('i/button-form-signin.gif') no-repeat scroll 0 0;
	}	
	
.blForm .cancelButton {
	background: transparent url('i/button-form-cancel.gif') no-repeat scroll 0 0;
	}
	
.blForm .submitButton:hover {
	background: transparent url('i/button-form-submit.gif') no-repeat scroll 0 -30px;
	}	

.blForm .signinButton:hover {
	background: transparent url('i/button-form-signin.gif') no-repeat scroll 0 -30px;
	}	
	
.blForm .cancelButton:hover {
	background: transparent url('i/button-form-cancel.gif') no-repeat scroll 0 -30px;
	}	
	
.blForm .generalButton {
	background: none;
	width: auto;
	border-top: 1px solid #ececec;
	border-right: 1px solid #dadada;
	border-bottom: 1px solid #dadada;
	border-left: 1px solid #ececec;
	background-color: #f0f0f0;
	font-weight: bold;
	padding: 5px 20px;
	margin: 10px 0;
	color: #000 !important;
	font-size: 1em;
	-webkit-border-radius: 13px;
	-moz-border-radius: 13px;
	cursor: pointer;
	}
	
#container .blForm .generalButton:hover {
	background-color: #ddd;
	text-decoration: none;
	}


.blForm form.register {
	width: 400px;
	}

.blForm form.register .name span {
	float: left;
	}

.blForm form.register .name span input {
	display: block;
	width: 90%;
	}
	
.blForm form.register input.medium, 
.blForm form.register select.medium {
	width: 50%;
	}

.blForm form.register input.button {
	width: auto;
	}
	


#content blockquote .source {
	display: block;
	font-weight: bold;
	margin: 10px 0 0 0;
	}				

#content blockquote .source:before {
	content: "- ";
	}

#content blockquote.leftie {
	margin: 5px 25px 15px 0;
	}

#content blockquote.rightie {
	margin: 5px 0 15px 25px;
	}



#content a,
#content a:link {
	color: #416496;
	text-decoration: none;
	}

#content a:visited {
	color: #679DBB;
	text-decoration: none;
	}
	
#content a:hover {
	color: #333;
	text-decoration: underline;
	}	
	
#content a:active {
	color: #4587C4;
	text-decoration: none;
	}		




/* +Public Home 
-------------------------------- */

body.phome {
	background: #fff url('i/bg-body-phome.gif') repeat-x 0 0;
	}		
	

body.phome #beta-sash {
	height: 60px;
	display: block;
	}	
	
body #beta-sash {
	display: none;
	}


body.phome #header {
	height: 410px;
	padding: 0 30px 0;
	width: 925px;
        margin-top: 60px;
	}

body.phome #header h1 {
	background: transparent url(i/logo-bl-public-home.gif) no-repeat scroll 0 90px;
	border-right: 1px solid #3C608F;
	height: 280px;
	width: 380px;
	}
	
body.phome #header h1 a {
	display: block;
	height: 90px;
	width: 270px;	
	text-indent: -9999px;
	}



	
body.phome #conversion {
	background: transparent url(i/bg-pagepeel.gif) no-repeat scroll right bottom;
	color: #FFFFFF;
	height: 304px;
	padding: 10px 30px 0 0;
	position: absolute;
	right: 40px;
	top: 15px;
	width: 38em;	
	}

body.phome #conversion h2 {
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 15px;
	}
	
body.phome #conversion ul {
	width: 220px;
	color: #9FC1E4;
	font-size: 11px;
	}
	
body.phome #conversion li {
	padding: 5px 5px 5px 15px;
	background: transparent url('i/bullet-orange-square.gif') no-repeat 0 9px;	
	}
	
body.phome #conversion .join {
	clear: both;
	background: transparent url('i/button-join.gif') no-repeat 0 0;	
	margin-top: 20px;
	}

body.phome #conversion .join a {
	margin-top: 20px;
	display: block;
	width: 250px;
	height: 40px;
	text-indent: -9999px;
	}
	
body.phome #conversion .join a:hover {
	background: transparent url('i/button-join.gif') no-repeat 0 -41px;	
	}	
	

body.phome #navContainer {
	margin-top: 32px;
	}


body.phome #contentContainer {
	padding-bottom: 50px;
	width: 925px;
	}


body.phome #footlets .footlet {
	float: left;
	width: 30%;
	margin: 0 40px 0 0;
	font-size: 11px;
	color: #777;
	}
	
body.phome #footlets #footlet3 {
	margin: 0;
	width: 31%;
	}
	
body.phome #footlets h3 {
	text-indent: -9999px;
	height: 35px;
	margin: 0 0 15px 0;
	}
	
body.phome #footlets h4 {
	font-weight: bold;
	font-size: 12px;
	margin: 0 0 10px 0;
	}	
	
body.phome #footlets .footlet h4 a {
	color: #000;
	}
	
	
body.phome #footlets .footlet a {
	color: #da3704;
	}
	
	
/* home footlet features */

body.phome .blog h3 {
	background: transparent url('i/bg-header-blog-public.gif') no-repeat 0 0;	
	font-size: 1px;
	line-height: 1px;
/*	position: relative; */
	}

body.phome .blog .rss {
/* 	background: transparent url('i/icon-rss.gif') no-repeat 0 0; */
	display: block;
/*	position: absolute; */
	float: left;
	margin-left: 130px;
	left: 130px;
	height: 20px;
	width: 30px;
	}
	
	
	
body.phome .twitter h3 {
	background: transparent url('i/bg-header-twitter-public.gif') no-repeat 0 0;	
	}	
	
body.phome .twitter .followbutton {
	background: transparent url('i/button-follow.gif') no-repeat 0 0;	
	margin-top: 20px;
	}

body.phome .twitter .followbutton a {
	display: block;
	height: 25px; 
	width: 80px;
	text-indent: -9999px;
	}
	
	
	
body.phome .touch h3 {
	background: transparent url('i/bg-header-touch-public.gif') no-repeat 0 0;	
	}





/* +Public lvl2 
-------------------------------- */


#contentA h2 {
	color: #23334e;
	font-size: 30px;
	line-height: 1.5em;
	margin: 0 0 15px 0;
	}

	/* SIFR2 */
	
	/* standard sIFR styles... do not modify */
	.sIFR-flash {visibility: visible !important; margin: 0;}
	.sIFR-replaced {visibility: visible !important;}
	span.sIFR-alternate {position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden;}
	.sIFR-flash + div[adblocktab=true] {display: none !important;}
	
	
	/* site-specific sIFR styles */
	
	.sIFR-hasFlash h2.replace {
		visibility: hidden; 
		height: 1.3em;
		margin-left: 0px;
		}


#contentA h3 {
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 15px;
	}	


#contentA h4 {
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 10px;
	}	


#contentA h5 {
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 7px;
	}	


#contentA h6 {
	font-size: 12px;
	font-style: italic;
	margin-bottom: 5px;
	}	

#contentA table {
	width: 100%;
	border-top: 1px solid #eee;
	}

	
#contentA table th {
	font-weight: bold;
	}

#contentA table td {
	border-top: 1px solid #ddd;
	padding: 10px 0 20px 20px;
	}
	
	
	
	
	
	
#contentB h2 {
	background-color: #333;
	color: #fff;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
	padding: 3px 20px;
	margin-bottom: 15px;
	}

#contentB h3 {
	text-transform: uppercase;
	background: transparent;
	border-bottom: 1px solid #ddd;
	font-size: 10px;
	font-weight: bold;
	padding-bottom: 3px;
	margin: 20px 20px 6px 20px;
	}

	
#contentB p {
	padding: 3px 20px 10px 20px;
	font-size: 10px;
	margin: 0;
	}	

#contentB ul {
	padding: 3px 20px 10px 20px;
	font-size: 10px;
	margin: 0;
	}	






/* +Footer 
-------------------------------- */	

#footer a {
	color: #777;
	}
	
#footer a:hover {
	color: #000;
	}	

#c02 {
	margin: 8px;
	}






/* +Misc 
-------------------------------- */

.hide {
	display: none;
	visibility: hidden;
	}
	
.left {
	float: left;
	}
	
img.left {
	margin: 0 10px 10px 0;
	}

.right {
	float: right;
	}
	
img.right {
	margin: 0 0 10px 10px;
	}	





/* +Clearing 
-------------------------------- */

#navPrimary:after, 
#content:after, 
#content form .name:after, 
#footlets:after, 
.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	}

/* password strength detection */
#psr_score { display: inline; padding-left: 10px; }
#psr_verify { display: inline; padding-left: 10px; color:#A52A2A; }
#psr_strength_notice { display: inline; padding-left: 10px; color:#A52A2A; }

.psr_Weak { color: #A52A2A; }
.psr_Medium { color: #FFA500; }
.psr_Strong { color: #3DBE5E; }
.psr_Excellent { color: #416EC2; }

/* Inline Login Stuff - AWD 11-24-2009 */

/* Don't show login form on the login page */
body.plvl2.plogin li.nav-signin,
body.plvl2.plogin form#InlineUserLoginForm { display:none; }

form#InlineUserLoginForm { float:right; padding-top:8px;}
.phome form#InlineUserLoginForm { padding-top:23px; }
form#InlineUserLoginForm dl { padding-top:5px; }
form#InlineUserLoginForm dd,
form#InlineUserLoginForm dt { float:left; margin-right:10px;}
form#InlineUserLoginForm dd {}
form#InlineUserLoginForm dt { color:#FFFFFF; }
form#InlineUserLoginForm dd input { font-size:12px; width:150px; border:1px solid #999; padding:1px;}
form#InlineUserLoginForm dl, form#InlineUserLoginForm p { float:left; }
form#InlineUserLoginForm button {
    background:transparent url(i/button-signin-inline.gif) no-repeat scroll 0 -29px;
    display:block;
    height:28px;
    text-indent:-9999px;
    width:84px;
    float:left;
    border:none;
    cursor:pointer;
}

form#InlineUserLoginForm button:hover {
    background-position: 0px -2px;
}

form#InlineUserLoginForm #forgot-box {
    float: left;
    padding-left: 15px;
    line-height: 1.3em;
    padding-right: 15px;
}

form#InlineUserLoginForm a#forgot-link {
    color: #ccc;
    top: -2px;
    position: relative;
    line-height: 1em;
    font-size: 12px;
}

form#InlineUserLoginForm a#forgot-link:hover {
    color: #fff;
}