/*
Theme Name: engVid2
Theme URI: https://www.engvid.com
Description: engVid 2.6 Style
Author: MORDOK
Version: 2.6.2
Tags: buddypress
For use on Learnvid Education sites ONLY. Unauthorized use will result in termination.
*/

/**********************************************************************************/

/*********************** CORE ********************************/
* {
  margin: 0;
  padding: 0;
  outline: none;
}

fieldset {margin: 0; border: 0; padding: 0;}
body {
	margin: 0 0 20px 0;
	padding: 0 !important; /*important to override buddypress's padding-top*/
	background-color: #26b1cf;
	font: 13px Arial, "Helvetica Neue", helvetica, "Lucida Grande", tahoma, sans-serif;
	color: #666;
}

.clearer {clear:both;}

a {
	color: #666;
	text-decoration: underline;
	font-weight: normal;
}

a:hover {
	color: #ff0066;
	text-decoration: underline;
}
a.nohover:hover {cursor: default;}

.centered-hor {text-align: center; margin: 0 auto;}
/*********************** end CORE ********************************/

/************************ ADMIN *****************************************/

#wp-admin-bar {margin:0; padding:5px; background:#f9f9f9; border:1px solid #666; clear:both; text-align:center;}
#wp-admin-bar ul {margin:0; padding:0;list-style:none;}
#wp-admin-bar ul li {list-style:none; display:inline; margin:0 10px; padding:0;}

.updated {
	background-color: #DFE6E8;
	border: 2px solid #26B1CF;
	font-size: 1.7em;
	margin: 10px auto;
	max-width: 500px;
	padding: 0;
	text-align: center;
}

/*********************** end ADMIN * ************************************/

/*********************** ICON FONT ********************************/
@font-face {
  font-family: 'fontello';
  src: url('fonts/fontello.eot?44270501');
  src: url('fonts/fontello.eot?44270501#iefix') format('embedded-opentype'),
       url('fonts/fontello.woff?44270501') format('woff'),
       url('fonts/fontello.ttf?44270501') format('truetype'),
       url('fonts/fontello.svg?44270501#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;

  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;

  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;

  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;

  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */

  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.icon-search:before { content: '\e800'; } /* '' */
.icon-heart:before { content: '\e801'; } /* '' */
.icon-heart-empty:before { content: '\e802'; } /* '' */
.icon-facebook:before { content: '\e805'; } /* '' */
.icon-twitter:before { content: '\e806'; } /* '' */
.icon-gplus:before { content: '\e807'; } /* '' */
.icon-share-1:before { content: '\e808'; } /* '' */
.icon-play:before { content: '\e80c'; } /* '' */
.icon-money:before { content: '\e80d'; } /* '' */
.icon-youtube:before { content: '\e80e'; } /* '' */
.icon-youtube-play:before { content: '\e80f'; } /* '' */
.icon-shareable:before { content: '\e811'; } /* '' */
.icon-paper-plane:before { content: '\e812'; } /* '' */
.icon-paper-plane-empty:before { content: '\e813'; } /* '' */
.icon-vkontakte:before { content: '\e821'; } /* '' */
/*********************** end ICON FONT * ************************************/

/*********************** MAIN STRUCTURE ********************************/
#page {
	width: 980px;
	margin: 0px auto 5px auto; /* 20px bottom to allow for footer */
	padding: 0;
	background-color: #fff;
	text-align: left;
	background: url('images/background980w.gif') repeat-y 0px 100px; border: none;
	}

#header {
	height: 140px;
	width: 980px;
	margin: 0;
	padding: 0;
	background-color: #26b1cf;
	position: relative;
	}

#head_login {float: left; padding: 5px 0 0 5px; width: 190px; height: 80px; color: #d5e6ea;text-align: right;}
#head_social {float: right; width: 185px; height:24px; margin: 31px 0 0 0; overflow: hidden; font-size: 1px;}
#head_social .fb_edge_widget_with_comment span.fb_edge_comment_widget {left: -260px!important;}
#head_social .fbSendButtonFormWidget .nub {left: 345px!important;}

.login .avatar {float: right; padding-left: 2px;}
.login a, .login a:visited {color: #fff; font-size: 10px;}
.login a:hover {color: #fff;}
a.login:hover {text-decoration: none; background-color: #fff; color: #26b1cf;}
.input_login {background-color: #26b1cf; border: 1px solid #fff; color: #eee; font-size: 11px; width: 100px; padding: 2px; margin: 2px 0 0 1px;}
.input_login_button {display: block; width:108px; height: 22px; border: none; outline: none; background: #26b1cf url('images/butLogin.png') no-repeat top left; margin-top: 2px;}
.input_login_button:hover ,.input_login_button:focus{border: none; background: #26b1cf url('images/butLogin.png') no-repeat top right; outline: none; cursor: pointer;}
a.ym-lostpassword-link {font-size: 0.7em; color: #fff; width: 106px; text-align: center; display: block;}
a.register_button {display: block; width:63px; height: 66px; float: left; margin-left: 5px; background: #26b1cf url('images/signupfree.png') no-repeat top left;}
a.register_button:hover {cursor: pointer; background: #26b1cf url('images/signupfree.png') no-repeat top right; outline: none;}

.related_posts {
	color: #FFF;
	padding: 0 5px;
	width: 300px;
}

.related_posts a {color: #fff; display: block; height: 32px; cursor: pointer; border: none; margin: 0 -6px 0 -13px; padding: 0 5px 0 14px; line-height: 0.89em;}
.related_posts a:hover{text-decoration: none; color: #26b1cf; border: none; background-color: #fff;}
.related_posts img {padding-right: 0.5em;}
.related_posts h3 {padding: 0; margin: 0;
font-family: Arial, "Helvetica Neue", helvetica, "Lucida Grande", tahoma, sans-serif;
font-size:1.2em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight: normal;
letter-spacing:-0.2px;
line-height:normal;}


.entry {
	margin-left: 200px;
	}

/* Hack to fix IE6 3px jog */
* html .   {
    margin-left: 91px;
    height: 1%;
   }
* html .meta  {
   margin-right: -3px;
  }

.avatar {vertical-align:middle; float:left; }

.ad_topleft_skyscraperwide {clear: left; float: left; width: 160px; height: 620px; padding: 0px 20px;}
.entry_vid {
	background: #26b1cf;
	padding: 0 0 0 0;
/*	height: 392px;  turned off so that widescreen (not as high) vids will not have big empty space under. see if not defining causes bugs in IE etc, though. ok in ff3 */
	text-align: center;
	}

.featured_lessonlinks {
	box-sizing: border-box;
	float: left;
	width: 200px;
	margin: 16px 0 0 0;
	}
.featured_lessonlinks:last-child {
	margin-left: 5px;
	}
.featured_lessonlinks a {
	font-size: 11px;
	color: #fff;
	display: block;
	height: 32px;
	cursor: pointer;
	border: none;
	margin: 2px 0;
	padding: 0;
	line-height: 1em;
	overflow: hidden;
}
.featured_lessonlinks a:hover {
	color: #26b1cf;
	background: #fff;
	text-decoration: none;
}
.featured_lessonlinks_title,
.featured_lessonlinks_title a{
	font-size: 18px !important;
	height: 27px;
	line-height: 27px;
	color: #fff;
	text-align: center;
	border-bottom: 1px solid #fff;
	margin: 0 0 3px 0;
}
a.featured_lessonlinks_button_more {
	font-size: 16px !important;
}
a.featured_lessonlinks_button_more:hover {
	background: #fff !important;
	color: #26b1cf !important;
}
.featured_lessonlinks img {margin-right: 2px;}


.lessonlinks {
	box-sizing: border-box;
	float: left;
	width: 200px;
	margin: 10px 0 0 0;
	border: 2px solid #26b1cf;
	border-radius: 0 20px 20px 20px;
	overflow: hidden;
	/*background: #fff url('images/lessonlinks_bg_top.png') no-repeat top center;*/
	/*display: inline;  fix for ie6 margin doubling */
	}
.lessonlinks_610_pink {background: #fff url('images/lessonlinks_610_bg_full.png') no-repeat top center; height: 624px;}
.lessonlinks_pink {border: 2px solid #ff0066;}
.lessonlinks_pink_button_empty {width: 200px; height: 32px; background: #fff url('images/lessonlinks_pink_button_empty.png') no-repeat top center; clear: both;}

.lessonlinks_topics_ad160x600 {background: #fff url('images/lessonlinks_610_bg_full_topless.png') no-repeat top center; height: 624px; text-align: center; padding-top: 9px;}
.lessonlinks_teachers_list {background: #fff url('images/lessonlinks_teachers_bg_full.png') no-repeat top center; height: 239px;}

.lessonlinks a {
	font-size: 11px;
	color: #26b1cf;
	display: block;
	height: 32px;
	cursor: pointer;
	border: none;
	overflow: hidden;
	margin: 2px 0 2px 0;
	padding: 0 0 0 2px;
	line-height: 1em;
	overflow: hidden;
	}
.lessonlinks a:hover {
	color: #fff;
	background: #26b1cf;
	text-decoration: none;
}
.lessonlinks_title {font-size: 18px; color: #fff; background-color: #26b1cf; text-align: center; height: 35px; line-height: 35px; vertical-align: middle; }
.lessonlinks_pink .lessonlinks_title {background-color: #ff0066 !important;}
.lessonlinks img {margin-right: 2px;}

a.lessonlinks_button_more {
	display: block;
	height: 32px;
	line-height: 30px;
	font-size: 20px;
	text-align: center;
	border-top: 2px solid #26b1cf;
	margin: 0;
	padding: 0;
}
a.lessonlinks_button_more::after {
	content: "more…";
}
a.lessonlinks_button_more:hover {
	cursor: pointer;
	background: #26b1cf;
	color: #fff;
}


.lessonlinks_recent {float: left; width: 940px; margin: 10px 0 0 0;}
.lessonlinks_recent_title {font-size: 22px; color: #fff; display: block; text-align: center; width: 100%; line-height: 1.5; font-weight: normal; background: #26b1cf; border-radius: 0 1em 0 0;}
.lessonlinks_recent_rows {padding: 0 0 5px; border: 2px solid #26b1cf; border-top: none; border-bottom: none; }
.lessonlinks_recent_row {color: #26b1cf; display: block; padding: 5px; line-height: 1.4; clear: both; text-decoration: none; overflow: hidden;}
.lessonlinks_recent_row:hover {cursor: pointer; background: #26b1cf; /*#e2e9ea*/; text-decoration: none;}
.lessonlinks_recent_row:hover .lessonlinks_recent_lessontitle, .lessonlinks_recent_row:hover .lessonlinks_recent_lessonexcerpt, .lessonlinks_recent_row:hover .lessonlinks_recent_category_list {color: #fff;}
.lessonlinks_recent_lessoninfo {color: #26b1cf; display: inline-block; width: 75%; float: left; text-decoration: none; overflow: hidden;}
.lessonlinks_recent_lessoninfo:hover {text-decoration: none;}
.lessonlinks_recent .avatar {margin-right: 10px; vertical-align: top !important; display: inline-block; border: 1px solid rgba(100,100,100,.4);}
.lessonlinks_recent_lessontitle {display: block; font-size: 18px; color: #26b1cf; letter-spacing: -0.5px; }
.lessonlinks_recent_lessonexcerpt {display: block; color: #999; margin: 0;}
.lessonlinks_recent_button_more {display: block; font-size: 4em; line-height: 1.4; background: #fff; color: #26b1cf; border: 2px solid #26b1cf; border-radius: 0 0 1em 1em; text-decoration: none; text-align: center; letter-spacing: -.02em;}
.lessonlinks_recent_button_more:hover, a.lessonlinks_recent_button_more:active {background: #26b1cf; cursor: pointer; color: #fff; text-decoration: none;}
.lessonlinks_recent_button_more .site-name {font-weight: bold; letter-spacing: -.05em;}
.lessonlinks_recent_category_list {font-size: 11px; color: #666; display: inline-block; width: 100px; text-align: left; float:left;}
.lessonlinks_recent_category_list ul {list-style-type: none;}


.lessonlinks_all {width: 630px; margin: 0 0 0 0; padding: 0 0 0 0; background: #fff url('images/lessonlinks_recent_bg_top.png') no-repeat top right;}
.lessonlinks_all_title {font-size: 22px; color: #fff; display: inline-block; text-align: center; width: 630px; height: 34px; overflow:hidden; vertical-align: middle; letter-spacing: -1px; line-height: 34px;}
#lessonlinks_all_content {width: 630px;}
.lessonlinks_all_row {color: #26b1cf; display: block; width: 616px; padding: 5px 5px 5px 5px; line-height: 1.1em; overflow: hidden; clear: both; border-bottom: 1px dashed #CCC; border-left: 2px solid #26b1cf; border-right: 2px solid #26b1cf;}
.lessonlinks_all_row:hover {cursor: pointer; background: #e2e9ea;}
.lessonlinks_all img {margin-right: 5px;}
.lessonlinks_all_category_list {font-size: 11px; color: #999; padding: 0;}
.lessonlinks_all_lesson_link:hover {text-decoration: none;}
.lessonlinks_all_lessontitle {font-size: 14px; color: #26b1cf; }



.browser {margin: 30px 0 0 6px; padding: 0 0 0 16px;}
.browser h3 {font-size: 28px; color: #26b1cf; letter-spacing: -1px; width: 96%; border-bottom: 2px solid #26b1cf; margin-left: -16px; padding: 20px 0 0 16px; font-weight: normal;}
h3.about-header {padding: 0; width: 98%; margin: -65px 0 0 0; text-align: center;}
#sidebar-about h3.about-header {font-size: 28px; color: #26b1cf; letter-spacing: -1px; border-bottom: 2px solid #26b1cf; font-weight: normal; padding: 0; width: 98%; margin: 0; text-align: center;}
#sidebar-about h3.morelessons-header {font-size: 28px; color: #ff0066; letter-spacing: -1px; border-bottom: 2px solid #ff0066; font-weight: normal; padding: 0; width: 98%; margin: 0; text-align: center;}
#browse_levels {}
#browse_all {width: 630px; float: left; margin: 0; padding: 0;}

.lessonlinks_selectlist {
	border-radius: 0 0 0 20px !important;
	border-right: 0;
	min-height: 560px;
}

.lessonlinks_resultslist {
	border-radius: 0 20px 20px 20px;
	width: 400px;
	min-height: 560px;
}
.lessonlinks_resultscontent {
	min-height: 517px;
}
.browse_topics_list {margin: 0; padding: 0;}
.browse_topics_list li {
	list-style-type: none;
	vertical-align: middle;
	clear: both;
}
.browse_topics_list a {
	font-size: 18px;
	display: block;
	color: #ff0066;
	padding: 2px 0 2px 9px;
	line-height: 32px;
}
.browse_topics_list a:hover {
	display: block;
	color: #fff;
	background: #ff0066;
}

.browse_topics_list_select {margin: 0; padding: 0;}
.browse_topics_list_select li {
	list-style-type: none;
	vertical-align: middle;
	clear: both;
}
.browse_topics_list_select a {
	font-size: 18px;
	display: block;
	color: #26b1cf;
	padding: 2px 0 2px 9px;
	line-height: 32px;
}

.browse_topics_list_select a.selected {
	background: #26b1cf;
	color: #fff;
}

a.lessonlinks_select_more {
	height: 36px;
	line-height: 36px;
	font-size: 22px;
	color: #26b1cf;
	text-align: center;
	border-top: 2px solid #26b1cf;
	margin: 0;
	padding: 0;
}
a.lessonlinks_select_more:hover {
	background: #26b1cf;
	color: #fff;
	text-decoration: none;
}

.browse_teachers_list_select {margin: 0; padding: 0;}
.browser_teachers_list_select a {font-size: 18px; display: block; color: #26b1cf; margin: 0 2px; padding: 0 0 0 2px; border: 2px solid #fff; border-right: none; border-left: none; line-height: 32px; cursor: pointer;}
.browser_teachers_list_select a:hover {border: 2px solid #26b1cf; border-left: none; border-right: 2px solid #fff; background: #fff url('images/selector_hover_arrow.png') no-repeat right; color: #26b1cf; margin: 0 0 0 2px;}
.browser_teachers_list_select a.selected {border: 2px solid #26b1cf; border-left: none; border-right: 2px solid #fff; background: #fff; color: #26b1cf; margin: 0 0 0 2px;}

.teacher_list img {vertical-align: middle;}
.teacher_listitem a {cursor: pointer; height: 32px; font-size: 18px; margin: 2px 0 0 4px; padding: 0; line-height: 32px;}
.teacher_listitem a:hover{background: #ff0066; color: #fff; text-decoration: none;}

.featured_lessonlinks .teacher_listitem a {cursor: pointer; height: 32px; font-size: 18px; margin: 2px 2px 0 4px; padding: 0; line-height: 32px;}
.featured_lessonlinks .teacher_listitem a:hover{background: #fff; color: #26b1cf; text-decoration: none;}

._text {text-align: justify; padding: 0px 4px; }
._text p {margin: 0;}

.textwidget {padding: 0 2px 0px 4px;}

.navigation { /* page navigation NEXT 5 ENTRIES etc */
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
	line-height: 0.9em;
	font: 2em Arial, "Helvetica Neue", helvetica, "Lucida Grande", tahoma, sans-serif;
	letter-spacing: -1px;
	}
.about_buttons {float: left; padding: 6px 0 0 40px; width: 450px;}
.button-about {padding: 0 0 0 8px; float: left;}
#sidebar-about .button-about {padding: 0;}
.button-about a{display: block; width: 198px; height: 50px; margin-bottom: 4px;}
.button-support {background: #fff url('images/butSupport.png') no-repeat top left;}
.button-support:hover {background: #fff url('images/butSupport.png') no-repeat top right;}
.button-facebook {background: #fff url('images/butFacebook-fan.png') no-repeat top left;}
.button-facebook:hover {background: #fff url('images/butFacebook-fan.png') no-repeat top right;}
.button-twitter {background: #fff url('images/butTwitter-follow.png') no-repeat top left;}
.button-twitter:hover {background: #fff url('images/butTwitter-follow.png') no-repeat top right;}
.button-share {background: #fff url('images/butShare-save.png') no-repeat top left;}
.button-share:hover {background: #fff url('images/butShare-save.png') no-repeat top right;}

/*********************** end MAIN STRUCTURE ************************/

/*********************** FEATURED section ************************/
#featured {
	/* for big section at top, plus all associated sub stuffs */
	text-align: left;
	width: 955px; /* PAY ATTENTION */
	overflow: hidden; /* this allows background to extend behind featured content */
	background: #fff url('images/bg_featured.png') 200px 0px repeat-y; /*the y position will have no effect anyway because of the repeat-y which repeats down AND up */
	margin: 10px 0 10px 6px;
}
.featured_post {
	width: 100%;
}
.featured_author {
background-color: #26b1cf;
padding: 5px 0 4px 0px; /* 4px 2px 4px 3px; */
width: 90px;
color: #aaf0ff;
font-size: 10px;
text-align: center;
float: left;
}

.featured_top_left {float: left; background: #26b1cf url('images/corner_featured_under_avatar.png') no-repeat bottom right; height: 160px;}
.featured_author a {display: block; width: 100%; height: 100%; color: #fff;}
.featured_author a:visited, .featured_author a:hover {color: #fff; text-decoration: none;}
.featured_author:hover {background: #ff0066; cursor:pointer;}
.featured_author a img {padding: 0 0 5px 5px;}
.featured_category_list {
	width: 105px;
	float: left;
	text-align: left;
	padding: 5px 0 0 5px;
	color: #fff;
}
.featured_category_list a{
	color: #fff;
}
.featured_category_list a:hover{
	color: #fff;
	text-decoration: underline;
}
.featured_ytsubscribe {
	text-align: center;
}
.featured_title_section {
	float: left;
}

.featured_title {
	float: left;
	background-color: #26b1cf;
	width: 735px;
	}

.featured_description {height: 80px; max-height: 110px; overflow: auto; color: #ececec; margin: 0 0 3px 0; padding: 0 3px 0 8px; display:block;}
.featured_description a {color: #ff0066; background: #ECECEC; padding: 2px 5px; border-radius: 3px;}
.featured_description code {color: #fff; padding: 1px 5px; border-radius: 2px; background-color: #2094AD;}

.featured_top {
	clear: both;
}
.featured_right {
	width: 311px;
	min-height: 450px;
	overflow:visible;
	float: left;
	font-size: .85em;
	margin: 0 0 0 6px;
	background-color: #26b1cf;
}

.featured_right form {
	margin: 0;
	}

.featured_right h1, .featured_right h1 a {
	display: block;
	margin: 0;
	padding: 0 1px 0 3px;
	font-family: Arial, "Helvetica Neue", helvetica, "Lucida Grande", tahoma, sans-serif;
	font-size: 1.2em;
	background: #fff;
	border-bottom: 2px solid #26b1cf;
	color: #26b1cf;
	}
.featured_bottom {
	background: #fff url('images/featured_bottom.png') no-repeat bottom left;
	margin-left: 200px;
	width: 755px;
	height: 15px;
}

.featured_under_video {margin-bottom: 15px;}
.featured_bottom_left {
	float: left;
	width: 408px;
	padding: 0 0 0 6px;
	line-height: 1px;
}

.featured_bottom_left_buttons {
	width: 407px; height: 35px; padding: 0 0 0 1px;
	}
.featured_bottom_right {float: left; width: 340px; text-align: center;}

#butFeaturedQuiz {float: left; padding-right: 2px; }
#butFeaturedQuiz a{
	display:block;
	width: 134px;
	height: 29px;
	background: #26b1cf url('images/butQuiz.png') top left no-repeat;
}
#butFeaturedQuiz a:hover{
	background: #26b1cf url('images/butQuiz.png') bottom right no-repeat;
}

#butFeaturedComments {float: left; padding-right: 2px; text-align: center;}
#butFeaturedComments a{
	display:block;
	width: 134px;
	height: 29px;
	background: #26b1cf url('images/butComments.png') top left no-repeat;
}
#butFeaturedComments a:hover{
	background: #26b1cf url('images/butComments.png') bottom right no-repeat;
}

#butFeaturedShare {float: left; padding-right: 0px; }
#butFeaturedShare a{
	display:block;
	width: 134px;
	height: 29px;
	background: #26b1cf url('images/butShare.png') top left no-repeat;
}
#butFeaturedShare a:hover{
	background: #26b1cf url('images/butShare.png') bottom right no-repeat;
	text-decoration: none; /* need this to hide he npsp I used there to overcome fact I have no img specified for AddThis ( it is the bg here) */
}
#butFeaturedFacebookLike {padding: 5px 0 0 5px;}
/*********************** end FEATURED section ************************/

/*********************** FOOTER ************************/
#footer {
	background: #26b1cf url('images/foot_bg.png') no-repeat top;
	border: none;
	padding: 30px 0 5px 0;
	margin: 0 auto;
	width: 980px;
	clear: both;
	}

#footer_main {float: left; width: 560px; background: none;}
#footer_about {float: left; color: #4d7178; margin-left: 185px; display: inline; font-size: 11px;padding-right: 5px; text-align: justify;}
#footer_links {float: left; margin-top: 2px;}
#footer_fblike {padding: 10px 0 0 180px; clear: both;}


#footer .button-about {float: left;}
#footer_links ul {list-style: none;}
#footer_links li {margin-left: 30px; float: left; display: inline;}
#footer_links a {font-weight: bold; font-size: 16px; color: #4d7178;}

 /*Added 2015-08-09:*/
#footer_buttons {float: right; width: 380px; padding: 0 10px 0 0;}
	.footer_buttons-social {margin: 0 auto; text-align: center;}

.footer_logo-image {width: 100%;}
#footer_buttons .social_link {
	display: inline-block;
	margin: 0 10px 0 0;
	width: 60px;
	height: 60px;
	font-size: 34px;
	text-align: center;
	border-radius: 60px;
	border: 1px solid transparent;
	background: #eee;
	color: #444;
}
.social_link:before {line-height: 60px;}
#footer_buttons .social_link:last-child {margin: 0;}
.social_link:hover,
.social_link:active {color: #fff !important; text-decoration: none;}
.social_link-fb:hover,
.social_link-fb:active {background: #3B5998 !important;}
.social_link-vk:hover,
.social_link-vk:active {background: #4e729a !important;}
.social_link-tw:hover,
.social_link-tw:active {background: #00ACED !important; border: 1px solid rgba(100,100,100,.25) !important;}
.social_link-gp:hover,
.social_link-gp:active {background: #D14836 !important;}
.social_link-yt {font-size: 36px !important;}
.social_link-yt:hover,
.social_link-yt:active {background: #CD332D !important;}
.footer_button-support {
	display: block;
	float: left;
	clear: both;
	width: 100%;
	margin: 15px 0;
	background: #444;
	color: #fff;
	font-size: 20px;
	padding: 10px 0px;
	border-radius: 5px;
	text-align: center;
}
.footer_button-support:hover {color: #444; background: gold; text-decoration: none;}
.footer_button-support span::before {transition: transform .4s;}
.footer_button-support:hover span::before{transform: scale(1.4);}

/*********************** end FOOTER ************************/

/************************ ALL LESSONS PAGE *************************/
#all_content{
	width: 970px;
	margin: 0 0 0 6px;
	padding: 20px 0 0 0;
}

#loading-indicator {display: none; text-align: center; margin: 200px 0 0 0;}

#all_sidecolumn {
	margin: 0;
	padding: 0 10px;
	float: left;
	width: 310px;
}
#all_sidecolumn_controls {
	width: 310px;
	height: 100%;
	margin-bottom: 10px;
}
#all_sidecolumn h3 {font-size: 20px; color: #26b1cf; letter-spacing: -1px; width: 310px; border-bottom: 2px solid #26b1cf; margin: 0 0 5px -10px; padding: 5px 0 0 10px; font-weight: normal; text-align: center;}
.all_ul {
	color: #26b1cf;
	margin: 0;
	padding: 0;
	display: block;
}

#finder_result {
	display: block;
	float: left;
	border: 1px solid #aaa;
	border-radius: 10px;
	width: 140px;
	height: 95px;
	color: #666;
	text-align: center;
	text-transform: uppercase;
	font-size: 20px;
	margin: 5px 0 0 10px;
	background-color: #dedede;
	padding: 3px 0 0 0;
}

#finder_result_count {
	font-size: 50px;
}


.all_ul_header {
	text-align: center;
	padding: 4px 0;
	width: 98%;
	color: #fff;
	background: #26b1cf;
	}
.all_ul_topics {
	float: left;
	clear: left;
	width: 150px;
	}
.all_ul_teachers {
	float: left;
	width: 160px;
	}
.all_ul_levels {
	float: left;
	margin: 0 0 10px 0;
	color: #26b1cf;
	width: 150px;
}
.all_ul input{
	margin: 0 2px 0 4px;
	height: 13px;
	}
.all_teacher-item input {
	padding: 0;
	height: 24px;
	line-height: 24px;
}
.all_ul_teachers label {
	padding: 0 !important;
}
.all_ul label {
	display: block;
	margin: 2px 0;
	width: 95%;
	padding: 4px 0;
	border-radius: 3px;
	}
.all_ul label:hover {
	background-color: #26b1cf;
	color: #fff;
	cursor: pointer;
	}
.all_ul label input:checked + li{
	color: #ff0066;
}
.all_ul label input:checked + span{
	color: #ff0066;
}
.all_cat-item-div {
	display: block;
	margin: 0;
	float: none;
	clear: both;
	}

.all_cat-item {
	list-style-type: none;
	/*padding: 4px 0;*/
}
.all_teacher-item {
	list-style-type: none;
	margin: 2px 0;
	line-height: 24px;
}
.all_teacher-item:hover {
	background-color: #26b1cf;
	color: #fff;
	cursor: pointer;
}
.all_cat-item_level {
	list-style-type: none;
	margin: 2px 0;
	display: inline;
	padding: 10px;
}

.css3button {
	position: relative;
	color: #19667d;
    background: #26B1CF;
    background: -moz-linear-gradient(top,  #70c9e3 0%,#26b1cf 100%);
    background: -webkit-linear-gradient(top,  #70c9e3 0%,#26b1cf 100%);
    background: -o-linear-gradient(top,  #70c9e3 0%,#26b1cf 100%);
    background: -ms-linear-gradient(top,  #70c9e3 0%,#26b1cf 100%);
    background: linear-gradient(top,  #70c9e3 0%,#26b1cf 100%);
    border-radius: 10px;
  	box-shadow: 1px 1px 1px rgba(0,0,0, .29), inset 1px 1px 1px rgba(255,255,255, .44);
    font-family: 'Open Sans', 'Droid Sans', Arial, 'Helvetica Neue';
    text-decoration: none;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(255,255,255, .22);
    transition: all 0.15s ease;
}
.css3button:hover {
	top: 1px;
	left: 1px;
	background: #26b1cf;
	box-shadow: 1px 1px 3px rgba(0,0,0,.5) inset;
	cursor: pointer;
	color: #19667d;
	text-decoration: none;
}
.css3button:active {
	box-shadow: 1px 1px 7px rgba(0,0,0, .8) inset;
}

#all_find_button {
	width: 150px;
	height: 40px;
	line-height: 40px;
	margin: 20px auto 0 auto;
	font-size: 18px;

}

.sticky_sidecolumn {width: 310px; display: block;}

/************************ End ALL LESSONS PAGE *************************/

/************************ TOPICS PAGE **************************/
#topics_content{
	width: 970px;
	margin: 0 0 0 6px;
	padding: 20px 0 0 0;
}
.topics_left {float: left; width: 210px; padding: 0 0 0 10px;}
.topics_main {float: left; width: 740px;}
h2.topics_child {
	font-size: 2em;
	text-align: left;
	padding: 15px 0 0 0;
	background: #fff;
	color: #26b1cf;
}
h2.topics_child a{
	color: #ff0066;
}
h2.topics_child a:hover{
	text-decoration: underline;
}
.topics_entry {padding: 0 0 0 5px;}
/************************ end TOPICS PAGE **************************/


/************************ TEACHERS PAGE **************************/
#teachers_content{
	width: 970px;
	margin: 0 0 0 6px;
	padding: 20px 0 0 0;
}
.teachers_main {float: left; width: 650px;}
.teachers_right {float: left; width: 310px; text-align: center;}
.teachers_entry {width:630px; margin: 10px 0 0 10px;}
.teachers_entry-title {font-size: 36px; color: #fff; display: inline-block; margin: 0 0 0 0px; padding: 0; width: 630px; height: 80px; overflow: hidden; vertical-align: middle; line-height: 80px; background: #fff url('images/teachers_entry-title.png') no-repeat top right;}
.teachers_entry-title-text {padding-left: 10px;}
.teachers_entry-title a{color: #fff;}
.teachers_entry-title a:hover{color: #fff; text-decoration: underline;}
.teachers_entry-main-recent {float: left; width: 200px; background-color: #26b1cf} .teachers_entry-main-recent-header {color: #fff; margin: 0 0 4px 0; padding: 3px 0 0 5px; display: block; font-weight: bold; border-bottom: 1px solid #fff;}
.teachers_entry-main-recent a {font-size: 10px; color: #fff; display: block; height: 32px; cursor: pointer; border: none; margin: 2px 3px 0px 5px; padding: 0; line-height: 1em; overflow: hidden;}
.teachers_entry-main-recent a:hover {color: #26b1cf; background: #fff; text-decoration: none;}
.teachers_entry-main-recent img {margin-right: 2px;}
.teachers_entry-main-info{ float: left; width: 408px; height: 306px; overflow: auto; padding: 10px; border-right: 2px solid #26b1cf; border-bottom: 2px solid #26b1cf; }
.teachers_entry-main-info p{ padding-bottom: 1em;}
.teachers_entry-button{background: #fff url('images/teachers_entry-button.png') no-repeat top left; display: block; width: 630px; height: 39px; color: #26b1cf; clear: both; text-align: center; font-size: 24px; line-height: 39px;}
.teachers_entry-button:hover{background: #fff url('images/teachers_entry-button.png') no-repeat top right; text-decoration: none; color: #fff;}
/************************ end TEACHERS PAGE **************************/

/************************ TEACHER PAGE **************************/
#teacher_content{
	width: 970px;
	margin: 0 0 0 6px;
}

#teacher_teacher_info {width: 550px; height: 250px; overflow: auto; float: left; text-align: justify; margin: 0 0 10px 16px;}
#teacher_teacher_info p {margin-bottom: 1em;}
#teacher_teacher_info .avatar{padding-right: 5px;}
#teacher_teacher_info_side {
	background: #666;
	background: linear-gradient(135deg, rgba(102,102,102,1) 0%, rgba(71,70,71,1) 100%);
	border-radius: 0.5em 0.5em 0.5em 0.5em;
    box-shadow: 1px 1px 3px rgba(66, 66, 66, 0.4);
    color: #EEEEEE;
    float: left;
    margin: 0 0 0 10px;
    overflow: hidden;
    padding: 1em;
    text-align: center;
    width: 350px;
}
#teacher_ytsubscribewidget {width: 300px; text-align: center; margin: 0 auto; box-shadow: 0 0 100px red inset;}

/************************ end TEACHER PAGE **************************/

/************************ SINGLE PAGE **************************/
#single_main {
	margin: 0 0 0 0px; /*was 0 0 0 206px*/
	width: 540px;
	float: left;
	display: inline; /* IE6 margin doubling fix */
	overflow: hidden;
	}

#single_sidebar {
	float: left;
	margin: 0;
	padding-left: 15px;
	width: 200px;
	display: inline; /* IE6 margin doubling fix */
	}
#sticky-box2 {width: 200px; height: 624px; float: left; text-align: center;margin-top: 10px; background: url('images/pink_tall_filled.png') no-repeat top center; border: none; padding-top: 20px;}
/************************ end SINGLE PAGE **************************/

/************************ SEARCH RESULTS PAGE **************************/
#search_content {
	width: 970px;
	margin: 0 0 0 6px;
}
#search_content h1 {
	margin: 1em 0;
	line-height: 1;
	text-align: center;
	width: 100%;
	border-bottom: 2px solid;
	padding: 0;
}
.search_button_all_lessons {
	display: block;
	font-size: 4em;
	line-height: 1.4;
	background: #fff;
	color: #26b1cf;
	border: 2px solid #26b1cf;
	text-decoration: none;
	text-align: center;
	width: 80%;
	margin: 0 auto;
	padding: 20px 0;
	border-radius: 0.2em;
}
.search_button_all_lessons:hover {
	text-decoration: none;
	background: #26b1cf;
	color: #fff;
}
/************************ end SEARCH RESULTS PAGE **************************/

/************************ RESOURCE SINGLE PAGE ********************/
#resource_content {
	width: 969px;
	margin: 0 0 0 6px;
	padding: 20px 0 0 0;
}

#resource_left {width: 310px; padding-left: 5px; float: left;}
#resource_right {float: right; margin: 10px 10px 0 0;}
#resource_main{
	margin: 10px;
	width: 630px;
	float: left;
	}
#resource_secondary {clear: both; margin: 10px;}
.resource_ad_top {height: 90px; text-align: center; overflow: hidden;}
.resource_ad_bottom {clear: both; overflow: hidden;}
.resource_top {clear: both; margin: 10px;}
.resource_title {
	background: #fff;
	font-size: 2.3em;
	color: #26b1cf;
	padding: 0;
	float: left;
	border-bottom: 2px solid #26b1cf;
	display: block;
	width: 100%;
	}

.resource_title a {color: #26b1cf;}
.resource_title a:hover {color: #26b1cf; text-decoration: none;}
.resource_author {
	background: #fff;
	float: left;
	clear: both;
	padding: 0 3px 0 0;
	}
.resource_author a {color: #26b1cf; font-size: 1.3em; line-height: 32px; display: block; width: 100%; padding: 0 3px 0 0;}
.resource_author a:hover {color: #fff; background-color: #26b1cf; text-decoration: none;}
.resource_author .avatar {padding-right: 3px;}
.resource_tabs {float: right;}
.butResourceTab {float: right; padding-left: 6px; margin-top: -1px;}
.butResourceTab a{
	display:block;
	width: 134px;
	height: 29px;
	float: right;
}

#butResourceShare a{
	background: #26b1cf url('images/butResourceShare.png') top left no-repeat;
}
#butResourceShare a:hover{
	background: #26b1cf url('images/butResourceShare.png') bottom left no-repeat;
	text-decoration: none; /* need this to hide he npsp I used there to overcome fact I have no img specified for AddThis ( it is the bg here) */
}
#butResourceQuiz a{
	background: #26b1cf url('images/butResourceQuiz.png') top left no-repeat;
}
#butResourceQuiz a:hover{
	background: #26b1cf url('images/butResourceQuiz.png') bottom left no-repeat;
}
#butResourceSave a{
	background: #26b1cf url('images/butResourceSave.png') top left no-repeat;
}
#butResourceSave a:hover{
	background: #26b1cf url('images/butResourceSave.png') bottom left no-repeat;
}


.resource_entry {clear: both; margin-top: 14px;}
.resource_entry p {line-height: 1.5em; margin: 0 0 1em 0; font-size: 1.1em;}
.resource_entry code {
  background-color: #dee;
  padding: 3px 5px;
  border-radius: 2px;
  color: #000;
}

.normallist  { margin: 0 1em 1em 1.5em; font-size: 1.1em; line-height: 1.5em;}
.numberspacedlist {margin: 0 1em 1em 2.5em; font-size: 1.1em; line-height: 1.5em; list-style: decimal outside;}
.numberspacedlist li {margin-bottom: .5em;}
.wordlistcol {width: 190px; float: left;}
.wordlist {
	list-style-type: none;
	float: left;
	width: 160px;
	margin: 10px 10px 0 0;
	-moz-border-radius: 0 12px 12px 12px;
	-webkit-border-radius: 0 12px 12px 12px;
	border: 1px solid #ddd;
}
.wordlist h3 {
	background-color:#26B1CF;
	color:#FFFFFF;
	display:block;
	padding:6px 4px 4px 0;
	text-align:center;
	margin: 0;
	-moz-border-radius: 0 12px 0 0;
	-webkit-border-radius: 0 12px 0 0;
	border-radius: 0 12px 0 0;
	}

.wordlist li {padding: 0.4em; border-top: 1px solid #ddd; }
.wordlist li.highlighted {background-color: #E2E9EA;}
.wordlist li:hover {background-color: #E2E9EA;}
.resource_entry table{width: 90%; margin: 0 auto 10px auto; border-collapse: separate;}
.resource_entry thead{}
.resource_entry tr{}
.resource_entry tr:hover{background-color: #E2E9EA;}
.resource_entry th {background-color: #26b1cf; font-size: 1.2em; padding: 6px; text-align: center; color: #fff;}
.resource_entry .rowheader { /*th for rows*/
  background-color: #fff; color: #26b1cf; border: 1px solid #ddd; border-top: none;
}
.resource_entry th:last-child {-moz-border-radius: 0 12px 0 0; -webkit-border-radius: 0 12px 0 0; border-radius: 0 12px 0 0;}
.resource_entry td{ width: 33%; padding: 6px 5px; border: 1px solid #ddd; border-top: none; border-right: none; text-align: center;}
.resource_entry .setcolwidthtable td {
  width: inherit; text-align: left; padding: 10px 5px 10px 10px;
}
.resource_entry tr td:last-child {border-right: 1px solid #ddd;}
.resource_entry tr:last-child td:first-child{
	-moz-border-radius-bottomleft: 12px;
	-webkit-border-bottom-left-radius: 12px;
	border-bottom-left-radius: 12px}
.resource_entry tr:last-child td:last-child{
	-moz-border-radius-bottomright: 12px;
	-webkit-border-bottom-right-radius: 12px;
	border-bottom-right-radius: 12px}
.resource_divider {display: block; height: 20px; width: 95%; border-bottom: 2px dotted #25b1cf;}
.sentencecomplist {list-style-type: decimal; list-style-position: inside; font-size: 1.2em;}
.sentencecomplist li {margin-bottom: 1em;}
.sentencecomp tr:hover {background-color: inherit;}
.sentencecomp td {text-align: left;}
.sentencecomp tr:first-child td {border-top: 1px solid #ddd;}
.sentencecomp tr:first-child .sentence 	{-moz-border-radius: 0 12px 0 0; -webkit-border-radius: 0 12px 0 0;	border-radius: 0 12px 0 0;}
td.wrong {background-color:#EBAFAF;
color:#000000;
font-weight:bold;
text-align:center;
width:20%;}
td.right {
	background-color: #95daa0; color:#000000;
	font-weight:bold;
	text-align:center;
	width:20%;
	}
td.sentence {width: 80%}

.lessonlinks2 {display: inline-block;}
.lessonlinks2_body {border: 2px solid #26b1cf; border-top: none; border-bottom: none; min-height: 216px; padding-top: 2px;}
.lessonlinks2_link {font-size: 16px; color: #26b1cf; display: block; margin: 2px 0 0 2px; height: 32px; cursor: pointer; border: none; line-height: 32px; overflow: hidden;}
.lessonlinks2_link:hover {color: #fff; background: #26b1cf; text-decoration: none;}
.lessonlinks2_title {font-size: 18px; background: #26b1cf; color: #fff; display: block; border-radius: 0 1em 0 0; text-align: center; height: 35px; overflow:hidden; line-height: 35px; letter-spacing: -.2px;}
.lessonlinks2 img {margin-right: 2px;}

a.lessonlinks2_button_more {display: block; height: 32px; line-height: 32px; font-size: 1.5em; text-align: center; color: #26b1cf; border: 2px solid #26b1cf; border-radius: 0 0 1em 1em;}
a.lessonlinks2_button_more:hover {background: #26b1cf; color: #fff; text-decoration: none; cursor: pointer;}
.spacer10top {margin-top: 10px;}
/************************ end RESOURCE SINGLE PAGE ********************/

/************************ bpREGISTRATION PAGE ********************/
#register_content {margin: 0 0 0 6px; padding: 20px 0 0 0; width: 970px;}
#signup_form {
  margin: 0 0 0 10px;
  font-size: 20px;
  color: #666;
  }
#signup_form td {padding: 0 10px 15px 0;}
.signup_form_textbox, .signup_form_dropdown, .signup_form_textarea {
  font-size: 20px;
  color: #333;
  padding: 5px;
  border: 2px solid #ddd;
  background-color: #E8F1F3;
  width: 250px;
  border-radius: 10px;
  transition: all 0.25s ease-in-out;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
}
.signup_form_textarea {font-size: 14px !important; width: 460px; height: 90px;}
#signup_form input:focus, #signup_form select:focus, #signup_form textarea:focus {border: 2px solid #26b1cf;}
.signup_form_country {width: 263px;}
.signup_form_date {width: 150px;}
/*input.signup_form_radio {width: auto;}*/
/*input.signup_form_checkbox {width: auto;}*/

.signup_form_table {}
.signup_form_table td.signup_form_table_label {width: 200px; text-align: right;}
.signup_form_table_label label {display: block; margin: 0; line-height: 30px;}
.signup_table_note {font-size: 12px; font-style: italic; margin: 0 0 0 20px;}
.signup_form_ul {width: 220px; float: left; margin-right: 20px; list-style-type: none;}
.signup_form_li_label {font-size: 13px; display: block}
#signup_form li {padding-left: 5px; height: 20px; margin: 2px 0;}
#signup_form li:hover {background-color: #E8F1F3;}
.signup_form_languages input {vertical-align: middle;}
.signup_form_label_normal {vertical-align: middle;}
.signup_form_label_strong {vertical-align: middle; font-weight: bold;}
.signup_form_submit_button {width: 500px; height: 100px; font-size: 40px; -moz-border-radius:20px; -webkit-border-radius: 20px; border-radius: 20px; border:4px solid #26b1cf; background: #fff; color: #26b1cf; text-align: center; margin: 30px auto; display: block;}
.signup_form_submit_button:hover,.signup_form_submit_button:active {background: #26b1cf; color: #fff; cursor: pointer;}
#signup_form .error {color: #F10701; font-size: 14px;}
.but-ev-big {
    background: none repeat scroll 0 0 #26B1CF;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 2px 2px 3px 1px #666666;
    color: #fff;
    display: block;
    font-size: 1.5em;
    margin: 0 auto 5px;
    padding: 20px;
    text-align: center;
    width: 80%;
}
.but-ev-big:hover {
 	border-left: 2px solid white;
    border-top: 2px solid white;
    box-shadow: none;
    color: #FFFFFF;
    margin-bottom: 3px;
    text-decoration: none;
}
/************************ end bpREGISTRATION PAGE ********************/


/************************ TEXT & HEADERS **************************/

small {
	font-family: Arial, "Helvetica Neue", helvetica, "Lucida Grande", tahoma, sans-serif;
	font-size: 0.9em;
	line-height: 1.5em;
	}

h1, h2, h3 {
	font-family: Arial, "Helvetica Neue", helvetica, "Lucida Grande", tahoma, sans-serif;
	font-weight: bold;
	}

h3 {
	font-size: 1.3em;
	}

h1.pagetitle {
	margin: 13px 0 0 6px;
	padding-left: 10px;
	font-size: 2.2em;
	border-bottom: 2px solid #26b1cf;
	color: #26b1cf;
	font-weight: normal;
	letter-spacing: -0.5px;
	background: none;
}

h3 {
	padding: 0;
	margin: 30px 0 0;
	}

small, #sidebar ul ul li, #sidebar ul ol li, #sidebar2 ul ul li, #sidebar2 ul ol li, .nocomments, .postmetadata, blockquote, strike {
	color: #777;
	}

code {
	font: 1em "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	}

acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}

a, h3 a:hover {
	color: #ff0066;
	text-decoration: none;
	}

a:hover {
	color: #ff0066;
	text-decoration: underline;
	}
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}
.center {
	text-align: center;
	}

h1 {
	margin: 0;
	line-height: 0.9em;
	font: 2em Arial, "Helvetica Neue", helvetica, "Lucida Grande", tahoma, sans-serif;
	padding: 2px 0 0 6px; /* space from side */
	/*background: #26b1cf url('images/TRblue.jpg') no-repeat top right; /*curved background tab image */*/
	border-radius: 0 20px 0 0;
	}

h1 a {
color: #fff;
text-decoration: none;
}

h1 a:hover {  text-decoration:underline; color: #fff;}
.posttitle {
	float: left;
	width: 749px;
	line-height: 1.1em;
}

/************************ end - TEXT & HEADERS *******************/


/************** IMAGES ***************/
p img {
	padding: 0;
	max-width: 100%; /* so that image won't be bigger than content */
	}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	margin: 0 0 2px 0px !important;
	display: inline;
	}

img.alignleft {
	margin: 0 0px 2px 0 !important;
	display: inline;
	}
a img {border: none;}
/*********** end IMAGES ***************/


/******* LISTS *******/

/*	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body . ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	}

html>body . li {
	margin: 7px 0 8px 10px;
	}

. ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

. ol li {
	margin: 0;
	padding: 0;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}

.categories-1 ul li{list-style-type: disc;}

/***** end LISTS *****/

/*************** QUIZ ev2 ****************/

#quiz {
	width: 540px;
	margin-top: 0px;
	background: #26b1cf;
	border-radius: 0 15px 15px 15px;
	padding: 0 0 15px 0;
	}

.quiz_above {width: 100%;}
.quiz_thumbnail {
	padding: 5px 0 0 0;
	width: 90px;
	color: #aaf0ff;
	font-size: 10px;
	text-align: center;
	float: left;
	}
.quiz_title {
	width: 450px;
	float:	left;
	}

h3.quiz_title {
	margin: 0;
	line-height: 0.7em;
	font: 1.5em Arial, "Helvetica Neue", helvetica, "Lucida Grande", tahoma, sans-serif;
	letter-spacing: -.75px;
	padding: 9px 0 2px 0;
	color: #fff;
	text-decoration: none;
	/*width: 100%;*/
	}

.quiz_body {
	line-height: 160%;
	background: #26b1cf;
	clear: left;
	padding: 1em 1em 0 1em;
	}

.quiz_body_inside {
	padding: 1em;
	background: #fff;
	border-radius: 10px;
	box-shadow: 1px 1px 1px 0 #999 inset;
}
.quiz_body code {
  background-color: #dee;
  padding: 3px 5px;
  border-radius: 2px;
  color: #000;
}

 /* QUIZZIN: */
 .quiz_results_answertext {
 	padding: 0 0 0 20px;
 }
.quizzin-question, #action-button {
	display:none;
}

form.quiz-form {
	text-align:left;
}

.single-page-quiz .quizzin-question, .single-page-quiz #action-button {
	display:block;
}
.single-page-quiz #next-question {
	display:none;
}
.question-content {
	margin-top:0px;
}

.show-question {
	border-bottom: 1px dotted #999;
	padding: 10px 0;
}
.show-question:last-child {border: none;}
.answer_label {
	border-radius: 5px;
	padding: 5px;
	display: block;
	clear: left;
	width: 80%;
}
.answer_label:hover {
	cursor: pointer;
	box-shadow: 1px 1px 2px 0 #666 inset;
	background-color: #E2E9EA;
}
.answer_label>input[type="radio"]:checked+span {font-weight: bold;}
.show-question ul {list-style-type: none;}
.answer_label>span {
	padding-left:20px;
}
.user-answer span {
	font-weight:bold;
	background:url(images/wrong.png) no-repeat left center;
}
.correct-answer span {
	background:url(images/correct.png) no-repeat left center;
}

.nextquestion_button {
	display: block;
	margin: 0 auto;
	font-size: 1.5em;
	padding: .5em;
	width: 80%;
}
.nextquestion_button:hover {
	left: 1px;
	top: 1px;
}

.finishquiz_button {
	border: none;
	margin: 0 auto;
	font-size: 1.5em;
	padding: .5em;
	width: 80%;
	color: green;
    background: #6edb92;
    background: -moz-linear-gradient(top,  #6edb92 0%,#26cf4e 100%);
    background: -webkit-linear-gradient(top,  #6edb92 0%,#26cf4e 100%);
    background: -o-linear-gradient(top,  #6edb92 0%,#26cf4e 100%);
    background: -ms-linear-gradient(top,  #6edb92 0%,#26cf4e 100%);
    background: linear-gradient(top,  #6edb92 0%,#26cf4e 100%);
}
.finishquiz_button:hover {
	background: #26cf4e;
	box-shadow: 1px 1px 3px rgba(0,0,0,.5) inset;
	cursor: pointer;
	color: green;
}

.quiz_percent_box {
	display: block;
	float: left;
	border: 1px solid #aaa;
	background-color: #dedede;
	color: #666;
	border-radius: 10px;
	width: 140px;
	height: 95px;
	line-height: 95px;
	text-align: center;
	text-transform: uppercase;
	font-size: 65px;
	margin: 0 0 0 10px;
	padding: 3px 0 0 0;
}
.quiz_results {
	display: block;
	clear: both;
	margin: 0 0 10px 0;
	background-color: #cdcdcd;
	border-radius: 5px;
	box-shadow: 2px 2px 2px 1px #999;
	padding: 10px 2px;
}
.quiz_results .bad {
	border: 1px solid #5D0000;
	background-color: #d57e7e;
	color: #5D0000;
}
.quiz_results .good {
	border: 1px solid #255d00;
	background-color: #51B80D;
	color: #255d00;
}
.quiz_results .perfect {
	background: gold;
	background: -moz-linear-gradient(top, yellow 0%, #FFDE00 100%);
	background: -webkit-linear-gradient(top, yellow 0%, #FFDE00 100%);
	background: -o-linear-gradient(top, yellow 0%, #FFDE00 100%);
	background: -ms-linear-gradient(top, yellow 0%, #FFDE00 100%);
	background: linear-gradient(top, yellow 0%, #FFDE00 100%);
	box-shadow: 0 0 3px 0 gold;
}

.quiz_results_message {
	display: block;
	float: left;
	width: 330px;
	height: 95px;
	margin: 0 auto;
	text-align: center;
	line-height: 46px;
	font-size: 2em;
}
/* END OF QUIZZIN */

/*************** end QUIZ ev2 ****************/


/*************** COMMENTS ev2 ****************/
#comments{
	width: 540px;
	margin-top: 10px;
	padding: 0 0 28px 0;
	background: #fff url(images/comments-bot.png) no-repeat bottom center;
	}
.comments_above {width: 100%; float: left; background-color: #26b1cf; padding-bottom: 5px;}
.comments_thumbnail {
	background: #26b1cf;
	padding: 5px 0 0 0;
	width: 90px;
	color: #aaf0ff;
	font-size: 10px;
	text-align: center;
	float: left;
	}
.comments_title {
	width: 450px;
	float:	left;
	background-color: #26b1cf;
	}

h3.comments_title_text {
	margin: 0;
	line-height: 0.7em;
	font: 1.5em Arial, "Helvetica Neue", helvetica, "Lucida Grande", tahoma, sans-serif;
	letter-spacing: -1px;
	padding: 9px 0 2px 0;
	background: #26b1cf url('images/TRblue.jpg') no-repeat top right; /*curved background tab image */
	color: #fff;
	text-decoration: none;
	float: left;
	width: 100%;
	}

.comments_comment-button {
  text-align: center;
  display: block;
  clear: both;
  color: #fff;
  background-color: #26b1cf;
  font-size: 16px;
  font-weight: bold;
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
  border-radius: 9px;
  border: 2px solid #fff;
  margin: 10px auto 0 auto;
  width: 180px;
  padding: 8px;
}

.comments_comment-button:hover {color: #26b1cf; background-color: #fff; text-decoration: none;}

.comments_body {
	background-color: #26b1cf;
	clear: left;
	padding: 0 10px 0 0; /*was 0 10px 0 11px, removed left */
	width: 100%;
}

.commentlist {background-color: #26b1cf;}
.comment {margin-bottom: 10px; float: left; display: inline; 	background-color: #26b1cf;
}
.depth-1 {clear: both;}
.comment-indenter {width: 91px; height: 60px; float: left;}
.comment-author-area {
	width: 93px; /*overwritten and height defined on reverse area*/
	float: left;
	text-align: center;
	padding-top: 15px;
}
.comment-author-area:hover {background: #26b1cf url('images/comment-author-area-buttonbg.png') repeat-x center center; cursor: pointer;}
.comment-author-area-nohover:hover {background: none !important; cursor: default !important;}
.comment-author-area-nohover a:hover {text-decoration: none !important;}
.comment-author-area-icons {
	width: 25px;
	float: left;
	padding: 0 1px 0 4px;
}
.comment-author-area a{color: #fff; font-size: 11px;}
.comment-author-area a:hover {color: #fff;}
.avatar_holder img {display: block; float: left; padding-top: 4px;}
.comment-author-name {float: right; width: 80px; padding: 0 2px 0 0;}
.comment-author-name:hover {text-decoration: none;}

.comment-balloon-tail {	float: left;padding: 17px 0 0 3px;}
.comment-balloon-tail-reverse {float: left; padding: 17px 0 0 0;}

.comment-balloon-long{
	background: #fff url('images/comment-balloon-long-bot.png') no-repeat bottom center;
	width: 428px;
	padding-bottom: 14px;
	float: left;
	}

.comment-balloon-short {
	background: #fff url('images/comment-balloon-short-bot.png') no-repeat bottom center;
	width: 345px;
	padding-bottom: 14px;
	float: left;
	}

.comment-body { background: #fff; padding: 0 1em; min-height: 80px;
}
/* IE6 hack: */
* html div.comment-body {height:80px;}

.comment-body p {padding-bottom: 0.7em;}
.bypostauthor {
	font-weight: bold !important;
	color: #ff0066;
	}
.comment-author-engVid {
	font-weight: bold !important;
	color: #ff0066;
	}

.commentfooter {visibility: hidden; opacity: 0; transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out;}
.comment:hover .commentfooter {visibility: visible; opacity: 1;}
.commentmeta {color: #CCC; font-size: 0.8em; float: left; margin-top: -18px;}
.comment-reply-link {cursor: pointer;}

#respond {
  margin: 10px 0 0 0;
  border-radius: 0 20px 20px 20px;
  padding: 5px 0 20px 0;
  background-color: #26b1cf;
  }
#respond a, #respond-top a {color: #fff; border-bottom: 1px dashed #fff;}
#respond a:hover, #respond-top a:hover {color: #fff; border-bottom: 1px solid #fff; text-decoration: none;}

.respond_above {float: left; background-color: #26b1cf; padding-bottom: 5px;}
.respond_thumbnail {
	width: 90px;
	color: #aaf0ff;
	font-size: 10px;
	text-align: center;
	float: left;
}
.respond_title {
	float:	left;
	}

h3.respond_title_text {
	margin: 0;
	line-height: 0.7em;
	font: 1.5em Arial, "Helvetica Neue", helvetica, "Lucida Grande", tahoma, sans-serif;
	letter-spacing: -1px;
	padding: 9px 0 2px 0;
	color: #fff;
	text-decoration: none;
	}

.respond_loggedin {
	width: 70px;
	float: left;
	text-align: center;
	padding-top: 19px;
	color: #fff;}
.respond_notregistered	{color: #fff;}
.respond_body {
	background-color: #26b1cf;
	clear: left;
	padding: 0 10px 0 11px;
}

.respond_response-area {float: left; width: 428px;}

#commentform {
}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 3px 4px 1px 0;
	}

#commentform textarea {
	width: 100%;
	border: none;
	color: #666;
	}

#commentform #submit {
	margin: 5px 0 0 0;
	width: 100%;
	}

#commentform p {
	font-family: Arial, "Helvetica Neue", helvetica, "Lucida Grande", tahoma, sans-serif;
	}
#commentform p {
	margin: 5px 0;
	}
.respond_loggedin img.avatar {float: none;}
#respond_comment_balloon {
  background-color: #fff;
  padding: 10px;
  border-radius: 10px;
  float: left;
  width: 77%;
}

.usercard_sidearea {
  width: 93px; /*overwritten and height defined on reverse area*/
  float: left;
  text-align: center;
  padding-top: 15px;
  }
.usercard_sidearea a:hover {cursor: pointer;}
/*************** end COMMENTS ev2 ****************/

/**************** USERPROFILE ev2.3 + USERCARD ****************/

#userprofile_content {
	width: 970px;
	margin: 0 0 0 6px;
	padding: 20px 0 0 0;
}

/*#userprofile_left {width: 310px; padding-left: 5px; float: left;}*/
#userprofile_main{margin: 0 auto; width: 95%;}
#userprofile_main h2 {color: #626161; font-weight: normal; font-size: 1.85em; display: block; line-height: 100%;}
#usercard_main h2 {color: #626161; font-weight: normal; font-size: 25px; float: left; display: block; width: 180px;}
.userprofile_header_title_eng_student {background: url('images/indicator_user_l.png') no-repeat scroll left center; padding-left: 45px;}
.userprofile_header_title_eng_teacher {background: url('images/indicator_teacher_l.png') no-repeat scroll left center; padding-left: 45px;}
.userprofile_header_title_engvid_teacher {background: url('images/indicator_evteacher_l.png') no-repeat scroll left center; padding-left: 45px;}
#userprofile_header_subtitle {font-size: .6em;}
#userprofile_main h2 a {color: #626161;}
#userprofile_main img.avatar {width: 100%; max-width: 400px; border-radius: .5em; box-shadow: -2px 2px 4px #999;}
#userprofile_left {float: left; width: 45%;}
.userprofile_userinfo {float: left; width: 53%;}
.userprofile_country_name {display: block; width: 300px; float: left; font-size: 15px; font-weight: bold;}
.userprofile_city_name {display: block; width: 300px; float: left; font-size: 13px; padding-left: 1px;}
.userprofile_description {text-align: justify; margin-top: 1em; clear: both;}
.userprofile_controls {
	background-color: #ddd;
    border-radius: .5em;
    box-shadow: 0 0 3px #999999 inset;
    margin: 0 auto 1.5em;
    padding: 1em;
    text-align: center;}
.userprofile_controls-button {
  display: inline-block;
  width: 130px;
  font-size: 19px;
  color: #fff;
  background: rgb(38,177,207);
background: rgb(38,177,207);
background: -moz-linear-gradient(top,  rgba(38,177,207,1) 0%, rgba(35,128,186,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(38,177,207,1)), color-stop(100%,rgba(35,128,186,1)));
background: -webkit-linear-gradient(top,  rgba(38,177,207,1) 0%,rgba(35,128,186,1) 100%);
background: -o-linear-gradient(top,  rgba(38,177,207,1) 0%,rgba(35,128,186,1) 100%);
background: -ms-linear-gradient(top,  rgba(38,177,207,1) 0%,rgba(35,128,186,1) 100%);
background: linear-gradient(to bottom,  rgba(38,177,207,1) 0%,rgba(35,128,186,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26b1cf', endColorstr='#2380ba',GradientType=0 );
  border: none;
  border-radius: .3em;
  margin: 0 10px 0 0;
  text-align: center;
  padding: 5px;
}
.userprofile_controls-button:hover {
  background: none #2380BA;
  color: #fff;
  text-decoration: none;
  cursor: pointer;

}
#userprofile_changeavatar-existingarea {float: left; width: 48%; margin: 0 1em 0 0; display: block; border-right: 1px solid #ddd; text-align: center;}
#userprofile_changeavatar-uploadarea {float: left; width: 50%; margin: 0;}
#userprofile_changeavatar-button_delete {
	display: block;
	padding: .5em 0;
	margin: 0 auto;
	width: 200px;
	color: #fff;
	text-align: center;
	border-radius: 0 0 .5em .5em;
	background: rgb(255,48,25);
	background: -moz-linear-gradient(top,  rgba(255,48,25,1) 0%, rgba(207,4,4,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,48,25,1)), color-stop(100%,rgba(207,4,4,1)));
	background: -webkit-linear-gradient(top,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 );
}
#userprofile_changeavatar-button_delete:hover { background: none rgba(207,4,4,1); text-decoration: none;}
#userprofile_changeavatar_existing {width:200px; height: 200px; display: block; margin: 0 auto;}
#userprofile_main h3 {margin: 0;}
/**************** end USERPROFILE ev2 ****************/

/**************** SUPPORT ****************/
#support_content {
	width: 970px;
	margin: 0 0 0 6px;
	padding: 20px 0 0 0;
}
#support_content h3 {color:#DDD;font-size:28px;font-weight:normal;margin:0;padding:0 0 10px;text-align:center;}
#support_donate{}
#support_donate-blurb{width: 350px; float: left; border-right: 1px solid #ddd; }
#support_donate-blurb p{padding: 0 1em 1em 1em; line-height: 1.3em;}
#support_donate-amounts{width: 180px; float: left;}
#support_donate-recipients{width: 250px; float: left; border-left: 1px solid #ddd; border-right: 1px solid #ddd;}
#support_donate-button{width: 180px; float: left; text-align: center;}
/**************** end SUPPORT ****************/

/**************** ABOUT ****************/
#about_content {
	width: 970px;
	margin: 0 0 0 6px;
	padding: 20px 0 0 0;
}
.about_header1 {margin: 13px 0 10px 0; padding-left: 10px; font-size: 2.2em; border-bottom: 2px solid #26B1CF; color: #26B1CF; font-weight: normal; letter-spacing: -0.5px; background: none;}
#about_content h4 {width: 275px; color:#fff;font-size:17px;font-weight:normal;margin:0 0 10px 10px;padding: 5px 0;text-align:center; background-color: #26b1cf;}
#about_content h3 {color:#26b1cf;font-size:28px;font-weight:normal;margin:0;padding:0;text-decoration: underline;}
#about_content p{padding: 0 10px 10px 10px; line-height: 1.2em; font-size: 16px; color: #888; text-align: justify;}
.about_left{width: 600px; float: left; border-right: 1px solid #ddd; }
.about_right{width: 300px; float: left; text-align: center;}
.blue_divider{width: 100%; border-bottom: 2px solid #26b1cf; display: block; clear: both;}

.about_teachers_list {margin: 0; padding: 0;}
.about_teachers_list a {font-size: 26px; display: block; width: 275px; float: left; color: #26b1cf; margin: 0 0 0 -5px; padding: 2px 0 2px 9px; line-height: 48px;}
.about_teachers_list a:hover {display: block; color: #fff; background: #26b1cf;}
.about_teacher_listitem a {cursor: pointer; height: 48px; font-size: 26px; margin: 2px 0 0 10px; padding: 0; line-height: 48px;}
.about_teacher_listitem a:hover{background: #26b1cf; color: #fff; text-decoration: none;}

/**************** end ABOUT ****************/


/*************** 404 ****************/
#a404_content{
	width: 970px;
	margin: 0 0 0 6px;
	padding: 20px 0 0 0;
}
#a404_left{width: 310px; float: left;}
#a404_main{width: 650px; float: left;}
#a404_main p {font-size: 20px; margin-bottom: 1em; color: #777; text-align: center;}
.a404_main-column {width: 200px; float: left; margin-left: 10px; display: inline;}
a.a404_lessons-pink-button{
	background: #fff url('images/lessonlinks_pink-button.png') no-repeat top left;
	display: block;
	width: 200px;
	height: 32px;
	clear: both;
	color: #ff0066;
	text-align: center;
	font-size: 20px;
	line-height: 32px;
}
a.a404_lessons-pink-button:hover{
	background: #fff url('images/lessonlinks_pink-button.png') no-repeat top right;
	text-decoration: none;
	color: #fff;
	cursor: pointer;
}

a.a404_pink-button-all {background: #fff url('images/lessonlinks_pink-button-all.png') no-repeat top right; width: 200px; display: block; float: left; height: 624px; line-height: 624px; margin: 10px 0 0 10px;}
a.a404_pink-button-all:hover {background: #fff url('images/lessonlinks_pink-button-all.png') no-repeat top left;}

#a404_content input.text {border: 2px solid #26b1cf; font-size: 20px; width: 280px;}
/*************** end 404 ****************/

/*************** PRIVACY POLICY ****************/
#privacy_content {width: 970px; margin:6px;}
#privacy_content p{margin: 1em 1em 0 1em;  padding-right: 320px;}
/*************** end PRIVACY POLICY ****************/

/*********************MENU *****************************/
ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

ul.dropdown {
 position: relative;
 z-index: 597;
 margin: 0 0 0 170px;
}

ul.dropdown li {
 float: left;
 line-height: 1.3em;
 vertical-align: middle;
 zoom: 1;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 100%;
}

ul.dropdown ul li {
 float: none;
}

ul.dropdown ul ul {
 top: 1px;
 left: 99%;
}

ul.dropdown li:hover > ul {
 visibility: visible;
}
ul.dropdown {
 font: bold 16px/normal Arial, Helvetica, sans-serif;
}

	ul.dropdown li {
	 padding: 5px 0 0 0;
	 margin: 0 0 0 0;
	 background-color: #26b1cf;
	 color: #fff;
	 line-height: 22px;
	 white-space: nowrap;
	}

	ul.dropdown li.first {
	}

	ul.dropdown li.last {
	}

	ul.dropdown li.menutop {margin-right: 20px; background: url(/images/menu-tab.png) top left no-repeat;}
	ul.dropdown li.menutop.hover,
	ul.dropdown li.menutop:hover {background: url(/images/menu-tab.png) top right no-repeat;
	}


	ul.dropdown li:hover > a {color: #26b1cf; }

	ul.dropdown a:link,
	ul.dropdown a:visited	{ color: #ff066; text-decoration: none; font-weight: bold;}
	ul.dropdown a:hover		{ color: #fff; background: #26b1cf;}
	ul.dropdown a:active	{ color: #26b1cf; background: #fff; }
	ul.dropdown a.main {color: #fff;}
	ul.dropdown a.main:hover {color: #26b1cf; background: transparent; text-decoration: none;}

	ul.dropdown ul {
	 left: -2px;
	 width: 200px;
	 background: url(/images/submenu-top.png) top right no-repeat;
	}

	ul.dropdown ul.teachers{
	 left: -4px;
	 width: 200px;
	 padding: 0 0 0 2px;
	 background: url(/images/submenu-top.png) top right no-repeat;
	}

	ul.dropdown ul.teachers a{
	 padding: 0 0 0 2px;
	 font-size: 14px;
	 margin: 0;
	}
	ul.dropdown ul.teachers a img{
	 padding: 0 2px 0 0;
	}
	ul.dropdown li.last ul {
	 left: auto;
	 right: 16px;
	}

		ul.dropdown ul li {
		 height: auto;
		 padding: 3px 0;
		 white-space: normal;
		 border-left: 2px solid #26b1cf;
		 border-right: 2px solid #26b1cf;
		 background: #fff;
		}

		ul.dropdown ul li a {
			color: #26b1cf;
		}

		ul.dropdown ul li a:hover {
		background: #26b1cf;
		color: #fff;
		text-decoration: none;
		}

		ul.dropdown ul li.first {
		 padding: 0 0 0 0;
		 border-left: 2px solid #26b1cf;
		 border-right: 2px solid #26b1cf;
		 margin-top:16px;
		}
		ul.dropdown ul li.first a { padding-top: 0; }
		ul.dropdown ul li.last {
		 background: url(/images/submenu-bot.png) bottom right no-repeat;
		 padding: 0 0 15px 2px;
		 border: none;
		}
ul.dropdown li#searchbox {float: right;}
ul.dropdown li#searchbox:hover {background: #26b1cf none;}
ul.dropdown form {

	margin: 6px 5px 0 0;
	}

ul.dropdown form * {
 display: inline;
 float: left;
}

ul.dropdown form label {
	color: #fff;
}

ul.dropdown form input.text {
 width: 143px;
 height: 18px;
 margin: 0 0 0 3px;
 padding: 2px 25px 2px 7px;
 border-width: 0;
 border-bottom: 1px solid #26b1cf;
 color: #26b1cf;
 font: bold 14px/17px Arial, Helvetica, sans-serif;
 vertical-align: middle;
}

ul.dropdown form input.text:focus {
 outline: none;
}

ul.dropdown form span.button {
	background-color: #fff;
	height: 18px;
	padding: 4px 2px 0 0;
}
ul.dropdown li a {
 display: block;
 padding: 5px 10px 3px 10px;
}

ul.dropdown li, ul.dropdown ul li {
 padding: 0;
}

ul.dropdown li.hover *.open {
 color: #b0d730;
}

ul.dropdown li:hover > *.dir {
 color: #b0d730;
}
/***************END MENU******************/