/* ------------------------------------------------------- *
	Third Parts Design
* --------------------------------------------------------*/

.parts_third {
	width: 210px;
	float: left;
}

.parts_third a {
	color: #442b00;
	text-decoration: none;
}

.parts_third a:hover {
	color:#3196e1;
}

.center_obj { text-align:center; }

.more_btn {
	margin:15px 0 10px 0;
}
.more_btn img:hover {
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;

	box-shadow: 0px 0px 6px #ccc;
	-moz-box-shadow: 0px 0px 6px #686658; /*#dcd7bc; */
	-webkit-box-shadow: 0px 0px 6px #ccc;
}

.img_hover:hover {
	border-radius:13px;
	-moz-border-radius:13px;
	-webkit-border-radius:13px;

	box-shadow: 0px 0px 6px #ccc;
	-moz-box-shadow: 0px 0px 6px #a19c7d; /*#dcd7bc; */
	-webkit-box-shadow: 0px 0px 6px #ccc;
}

.left_section {
	margin-bottom:15px;
}

.left_section_title {
	/* border-bottom: 1px solid #f0f0ee; */
	padding-left:5px;
	padding-bottom:1px;
	margin-bottom:2px;
}

#first_time {
	padding:5px 0 3px 0;
	border:1px solid #edeede;

	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;	
}

#first_time ul {
	line-height: 19px;
	list-style-type:none;
}

#first_time ul li {
	background:url(../images/3rd/bullet_arrow_grey_9x9.png) 10px 5px no-repeat;
	padding-left: 25px;
	padding-right:5px;
}






#new_information {
	padding:8px 5px 3px 0;

	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;	
}

#new_information ul {
	line-height: 17px;
	list-style-type:none;
}

#new_information ul li {
	background:url(../images/3rd/bullet_arrow_grey_9x9.png) 7px 5px no-repeat;
	padding-left:22px;
	margin-bottom:7px;
}

#new_information ul li span { /* date */
	color:#999;
	font-size:9px;
	text-align:right;
	line-height: 7px;
}




/* --- Recommended lessons ------------------------------- */

.recommended_lessons {
	padding:5px 0 3px 0;
	border:1px solid #edeede;

	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;	
}

.one_lesson {
	padding:4px;
	border-top:1px dashed #F1F0DE;
	border-bottom:1px dashed #e2e2de;
}
.one_lesson:hover {
	background:#f2f2f2;
}

.lesson_thumbnail {
	float:left;
	width:32px;
	height:32px;
}

.lesson_segment {
	margin-left:35px;
	min-height:51px;
}

.lesson_segment h3 {
	font-size:13px;
}

.lesson_segment .catch {
	margin:4px 0;
	font-size:11px;
}

.lesson_segment .specs {
	text-align:right;
	font-weight:bold;
	font-size:10px;
	margin-top:1px;
}
.lesson_segment .specs big {
	color:#C00;
}


/* -------------------------------------------------------------------------- *

 Skype online support

 * -------------------------------------------------------------------------- */
#support_skype {
	color:#59504a;
	background:url(../images/support_skype.png) no-repeat;
	width:336px;
	height:77px;
	padding-top:15px;
	display:block;
}

a#support_skype:hover {
	color:#b36b3e;
}

#support_skype h3 {
	font-size:18px;
	text-shadow: 0.1em 0.1em 0.05em #ffffff;
	margin-left:15px;
}

#support_skype .status_icon {
	margin:11px auto 0 auto;
	padding-left:13px;
}

#support_skype .status_icon span {
	font-size:20px;
	text-shadow: 1px 1px 0px #ffffff;
	font-weight:bold;
}

#support_skype .status_icon small {
	font-size:11px;
}


/* -------------------------------------------------------------------------- *

 Skype online support left menu (user or pro logged in screen)

 * -------------------------------------------------------------------------- */

#support_skype_left_menu {
	color:#59504a;
	clear:left;
	width:192px;
	height:97px;
	padding-top:11px;
	margin-left:-5px;
	margin-bottom:15px;
	display:block;
}

#support_skype_left_menu img:hover {
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;

	box-shadow: 0px 0px 6px #ccc;
	-moz-box-shadow: 0px 0px 6px #686658; /*#dcd7bc; */
	-webkit-box-shadow: 0px 0px 6px #ccc;
}


/* CSS3 Buttons */

div.box_in_button {
	margin:15px 0;
}

/* thoughtbot (inspired by thoughtbot.com)
*******************************************************************************/
button.thoughtbot,
input.thoughtbot,
a.thoughtbot
{
  /* Button Design */
  background: #c63929;
  background: -moz-linear-gradient(0% 100% 90deg, #891100 0%, #B51700 50%, #c63929 50%, #EE432E 100%);
  background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #ee432e), color-stop(0.5, #c63929), color-stop(0.5, #b51700), color-stop(1, #891100));
  border: 1px solid #951100;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333;
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333;

  /* Size */
  padding: 13px 20px 13px 20px;

  /* Font */
  color: #fff;
  font-family: "helvetica neue", helvetica, arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 1;
  text-align: center;
  text-shadow: 0px -1px 1px rgba(0, 0, 0, .8);
  /* width: 150px; */

  cursor:pointer;
}

button.thoughtbot:hover,
input.thoughtbot:hover,
a.thoughtbot:hover
{
  background: #cb0500;
  background: -moz-linear-gradient(0% 100% 90deg, #a20601 0%, #cb0500 50%, #db504d 50%, #f37873 100%);
  background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #f37873), color-stop(0.5, #db504d), color-stop(0.5, #cb0500), color-stop(1, #a20601));
}

button.green_btn,
input.green_btn,
a.green_btn
{
  background: #69aa06;
  background: -moz-linear-gradient(0% 100% 90deg, #528600 0%, #6fa41a 50%, #84b82e 50%, #acdb5e 100%);
  background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #acdb5e), color-stop(0.5, #84b82e), color-stop(0.5, #6fa41a), color-stop(1, #528600));
  border: 1px solid #487500;
  box-shadow: inset 0px 0px 0px 1px rgba(172, 218, 94, 0.4), 0 1px 3px #333;
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(172, 218, 94, 0.4), 0 1px 3px #333;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(172, 218, 94, 0.4), 0 1px 3px #333;
}

button.green_btn:hover,
input.green_btn:hover,
a.green_btn:hover
{
  background: #cb0500;
  background: -moz-linear-gradient(0% 100% 90deg, #5c9700 0%, #88c426 50%, #9dd248 50%, #cdfc82 100%);
  background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #cdfc82), color-stop(0.5, #9dd248), color-stop(0.5, #88c426), color-stop(1, #5c9700));
}

button.blue_btn,
input.blue_btn,
a.blue_btn
{
  background: #4863a8;
  background: -moz-linear-gradient(0% 100% 90deg, #344c88 0%, #3b5597 50%, #546eb1 50%, #869bd3 100%);
  background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #869bd3), color-stop(0.5, #546eb1), color-stop(0.5, #3b5597), color-stop(1, #344c88));
  border: 1px solid #264183;
  box-shadow: inset 0px 0px 0px 1px rgba(174, 188, 225, 0.4), 0 1px 3px #333;
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(174, 188, 225, 0.4), 0 1px 3px #333;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(174, 188, 225, 0.4), 0 1px 3px #333;
}

button.blue_btn:hover,
input.blue_btn:hover,
a.blue_btn:hover
{
  background: #5a74b7;
  background: -moz-linear-gradient(0% 100% 90deg, #2c4996 0%, #51679f 50%, #5a73b3 50%, #a2b6ec 100%);
  background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #a2b6ec), color-stop(0.5, #5a73b3), color-stop(0.5, #51679f), color-stop(1, #2c4996));
}

button.gray_btn,
input.gray_btn,
a.gray_btn
{
	
  /* Font */
  color:#333;
  text-shadow:1px 1px 0  rgba(256, 256, 256, .8);

  background: #858585;
  /* Active: background: -moz-linear-gradient(0% 100% 90deg, #828282 0%, #b4b4b4 50%, #c1c1c1 50%, #ebebeb 100%); */
  background: -moz-linear-gradient(0% 100% 90deg, #bababa 0%, #cccccc 50%, #e1e1e1 50%, #f2f2f2 100%);
  background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #f2f2f2), color-stop(0.5, #e1e1e1), color-stop(0.5, #cccccc), color-stop(1, #bababa));
  border: 1px solid #949494;
  box-shadow: inset 0px 0px 0px 1px rgba(242, 242, 242, 0.4), 0 1px 3px #333;
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(242, 242, 242, 0.4), 0 1px 3px #333;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(242, 242, 242, 0.4), 0 1px 3px #333;
}


button.gray_btn:hover,
input.gray_btn:hover,
a.gray_btn:hover
{
  background: #adadad;
  background: -moz-linear-gradient(0% 100% 90deg, #c4c4c4 0%, #dcdcdc 50%, #ececec 50%, #fdfdfd 100%);
  background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #fdfdfd), color-stop(0.5, #ececec), color-stop(0.5, #dcdcdc), color-stop(1, #c4c4c4));
}

/*IE6,IE7,IE8*/
button.gray_btn, input.gray_btn, a.gray_btn { border-width/*\**/: 1px 2px 2px 1px \9}
button.gray_btn, input.gray_btn, a.gray_btn { background/*\**/: #eee \9}

button.green_btn, input.green_btn, a.green_btn { border-width/*\**/: 1px 2px 2px 1px \9}
button.green_btn:hover, input.green_btn:hover, a.green_btn:hover { border-color/*\**/:#CCCCCC #999999 #999999 #CCCCCC \9}




*+html a.gray_btn
{
display:block;
padding:0;
height:26px;
line-height:26px;
width:110px;
}

*+html a.gray_btn span
{

}





/* blue pill (inspired by iTunes)
   As of 19 Sep 2010 there is a bug in Chrome/Win affecting this button:
   http://code.google.com/p/chromium/issues/detail?id=29427
*******************************************************************************/
/* ---------- Default Blue ----------------------- */
button.blue-pill,
input.blue-pill,
a.blue-pill {
  background: #64799e;
  background: -moz-linear-gradient(0% 100% 90deg, #3072b3, #599bdc);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#599bdc), to(#3072b3));
  border: 1px solid #518cc6;
  
  border-radius: 18px;
  -moz-border-radius: 18px;
  -webkit-border-radius: 18px;
  
  box-shadow: inset 0 1px 0 0 #b4c9ed;
  -moz-box-shadow: inset 0 1px 0 0 rgba(177, 205, 244, 0.75);
/*  -webkit-box-shadow: inset 0 1px 0 0 #fff;*/
  
  /* size */
  padding: 3px 15px 3px 15px;
  /* width: 150px; */

  color:#fff;
  text-shadow:-1px -1px 0 rgba(0,0,0,0.3);
  font-family: "helvetica neue", helvetica, arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  /* text-transform: uppercase; */
  
  cursor:pointer;
}

button.blue-pill:hover,
input.blue-pill:hover,
a.blue-pill:hover {	
  background:none;
  background: #576989;
  background: -moz-linear-gradient(0% 100% 90deg, #2261a0, #4b8ecf);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4b8ecf), to(#2261a0));
  text-decoration:none;

  color:#fff;
}

button.blue-pill:active,
input.blue-pill:active,
a.blue-pill:active {	
  background: #a5b8da;
  background: -moz-linear-gradient(0% 100% 90deg, #599bdc, #3072b3);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3072b3), to(#599bdc));
  box-shadow: none;
  -moz-box-shadow: none;
/*  -webkit-box-shadow: none;*/

  color:#fff;
}

/* ---------- Gray ----------------------- */
a.blue-pill-gray,
input.blue-pill-gray,
a.blue-pill-gray {
  background: #64799e;
  background: -moz-linear-gradient(0% 100% 90deg, #bababa, #f4f4f4);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f4f4f4), to(#bababa));
  border: 1px solid #dbdbdb;
  
  box-shadow: inset 0 1px 0 0 #b4c9ed;
  -moz-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.75);
/*  -webkit-box-shadow: inset 0 1px 0 0 #fff;*/
  
  color:#555;
  text-shadow:1px 1px 0 #fff;

}

button.blue-pill-gray:hover,
input.blue-pill-gray:hover,
a.blue-pill-gray:hover {	
  color:#555;

  background:none;
  background: #576989;
  background: -moz-linear-gradient(0% 100% 90deg, #aaaaaa, #f1f1f1);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f1f1f1), to(#aaaaaa));
}

button.blue-pill-gray:active,
input.blue-pill-gray:active,
a.blue-pill-gray:active {	
  background: #a5b8da;
  background: -moz-linear-gradient(0% 100% 90deg, #f4f4f4, #bababa);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bababa), to(#f4f4f4));
  box-shadow: none;
  -moz-box-shadow: none;
/*  -webkit-box-shadow: none;*/
}

/* ---------- Green ----------------------- */
a.blue-pill-green,
input.blue-pill-green,
a.blue-pill-green {
  border: 1px solid #89b629;
  
  box-shadow: inset 0 1px 0 0 #c2e452;
  -moz-box-shadow: inset 0 1px 0 0 rgba(194, 228, 82, 0.75);
/*  -webkit-box-shadow: inset 0 1px 0 0 #fff;*/

  background: #9fc22e;
  background: -moz-linear-gradient(0% 100% 90deg, #78a218, #add03c);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#add03c), to(#78a218));
  
  color:#fff;
  text-shadow:-1px -1px 0 rgba(0,0,0,0.3);
}

button.blue-pill-green:hover,
input.blue-pill-green:hover,
a.blue-pill-green:hover {	
  background:none;
  background: #576989;
  background: -moz-linear-gradient(0% 100% 90deg, #6e9514, #a1c42e);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#a1c42e), to(#6e9514));

  color:#fff;
}

button.blue-pill-green:active,
input.blue-pill-green:active,
a.blue-pill-green:active {	
  background: #a5b8da;
  background: -moz-linear-gradient(0% 100% 90deg, #add03c, #78a218);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#78a218), to(#add03c));
  box-shadow: none;
  -moz-box-shadow: none;
/*  -webkit-box-shadow: none;*/

  color:#fff;
}

/* ---------- Orange ----------------------- */
a.blue-pill-orange,
input.blue-pill-orange,
a.blue-pill-orange {
  border: 1px solid #cc7839;
  
  box-shadow: inset 0 1px 0 0 #faba86;
  -moz-box-shadow: inset 0 1px 0 0 rgba(250, 186, 134, 0.75);
/*  -webkit-box-shadow: inset 0 1px 0 0 #fff;*/

  background: #9fc22e;
  background: -moz-linear-gradient(0% 100% 90deg, #b16226, #f09958);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f09958), to(#b16226));
  
  color:#fff;
  text-shadow:-1px -1px 0 rgba(0,0,0,0.3);
}

button.blue-pill-orange:hover,
input.blue-pill-orange:hover,
a.blue-pill-orange:hover {	
  background:none;
  background: #be6d30;
  background: -moz-linear-gradient(0% 100% 90deg, #a1561c, #df8642);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#df8642), to(#a1561c));

  color:#fff;
}

button.blue-pill-orange:active,
input.blue-pill-orange:active,
a.blue-pill-orange:active {	
  background: #e2965c;
  background: -moz-linear-gradient(0% 100% 90deg, #f09958, #b16226);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#b16226), to(#f09958));
  box-shadow: none;
  -moz-box-shadow: none;
/*  -webkit-box-shadow: none;*/

  color:#fff;
}


/* ---------- Yellow ----------------------- */
a.blue-pill-yellow,
input.blue-pill-yellow,
a.blue-pill-yellow {
  border: 1px solid #b29a17;
  
  box-shadow: inset 0 1px 0 0 #f7df83;
  -moz-box-shadow: inset 0 1px 0 0 rgba(247, 223, 131, 0.75);
/*  -webkit-box-shadow: inset 0 1px 0 0 #fff;*/

  background: #c1a229;
  background: -moz-linear-gradient(0% 100% 90deg, #aa8c19, #e2c346);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e2c346), to(#aa8c19));
  
  color:#fff;
  text-shadow:-1px -1px 0 rgba(0,0,0,0.3);
}

button.blue-pill-yellow:hover,
input.blue-pill-yellow:hover,
a.blue-pill-yellow:hover {	
  background:none;
  background: #be6d30;
  background: -moz-linear-gradient(0% 100% 90deg, #9a7e11, #d1b134);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d1b134), to(#9a7e11));

  color:#fff;
}

button.blue-pill-yellow:active,
input.blue-pill-yellow:active,
a.blue-pill-yellow:active {	
  background: #e2965c;
  background: -moz-linear-gradient(0% 100% 90deg, #e2c346, #aa8c19);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#aa8c19), to(#e2c346));
  box-shadow: none;
  -moz-box-shadow: none;
/*  -webkit-box-shadow: none;*/

  color:#fff;
}

/* ---------- Red ----------------------- */
button.blue-pill-red,
input.blue-pill-red,
a.blue-pill-red {
  border: 1px solid #c65651;
  
  box-shadow: inset 0 1px 0 0 #f79a95;
  -moz-box-shadow: inset 0 1px 0 0 rgba(247, 154, 149, 0.75);
/*  -webkit-box-shadow: inset 0 1px 0 0 #fff;*/

  background: #c84b45;
  background: -moz-linear-gradient(0% 100% 90deg, #bd403a, #e56b65);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e56b65), to(#bd403a));
  
  color:#fff;
  text-shadow:-1px -1px 0 rgba(0,0,0,0.3);
  
}

button.blue-pill-red:hover,
input.blue-pill-red:hover,
a.blue-pill-red:hover {	
  background:none;
  background: #be6d30;
  background: -moz-linear-gradient(0% 100% 90deg, #a82e28, #d35751);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d35751), to(#a82e28));

  color:#fff;
}

button.blue-pill-red:active,
input.blue-pill-red:active,
a.blue-pill-red:active {	
  background: #e2965c;
  background: -moz-linear-gradient(0% 100% 90deg, #e56b65, #bd403a);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bd403a), to(#e56b65));
  box-shadow: none;
  -moz-box-shadow: none;
/*  -webkit-box-shadow: none;*/

  color:#fff;
}

/* ---------- Default Static (Unclickable) ----------------------- */
button.static-pill,
input.static-pill,
a.static-pill,
span.static-pill {
  background: #64799e;
  background: -moz-linear-gradient(0% 100% 90deg, #3072b3, #599bdc);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#599bdc), to(#3072b3));
  border: 1px solid #518cc6;
  
  border-radius: 18px;
  -moz-border-radius: 18px;
  -webkit-border-radius: 18px;
  
  box-shadow: inset 0 1px 0 0 #b4c9ed;
  -moz-box-shadow: inset 0 1px 0 0 rgba(177, 205, 244, 0.75);
/*  -webkit-box-shadow: inset 0 1px 0 0 #fff;*/
  
  /* size */
  padding: 3px 15px 3px 15px;
  /* width: 150px; */

  color:#fff;
  text-shadow:-1px -1px 0 rgba(0,0,0,0.3);
  font-family: "helvetica neue", helvetica, arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
}


/* ---------- Gray (Unclickable) ----------------------- */
a.static-pill-gray,
input.static-pill-gray,
a.static-pill-gray,
span.static-pill-gray {
  background: #64799e;
  background: -moz-linear-gradient(0% 100% 90deg, #bababa, #f4f4f4);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f4f4f4), to(#bababa));
  border: 1px solid #dbdbdb;
  
  box-shadow: inset 0 1px 0 0 #b4c9ed;
  -moz-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.75);
/*  -webkit-box-shadow: inset 0 1px 0 0 #fff;*/
  
  color:#bbb;
  text-shadow:1px 1px 0 #fff;

}



/* minimal
*******************************************************************************/
button.minimal,
a.minimal {
  background: #f3f3f3;
  border: 1px solid #ccc;
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  box-shadow: inset 0 0 1px 1px #f6f6f6;
  -moz-box-shadow: inset 0 0 1px 1px #f6f6f6;
/*  -webkit-box-shadow: inset 0 0 1px 1px #f6f6f6;*/
  color: #333;
  font-family: "helvetica neue", helvetica, arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  padding: 8px 0 8px 0;
  text-align: center;
  text-shadow: 0 1px 0px #fff;
}

button.minimal:hover,
a.minimal:hover {
  background: #eee;
  box-shadow: inset 0 0 1px 1px #eaeaea;
  -moz-box-shadow: inset 0 0 1px 1px #eaeaea;
  -webkit-box-shadow: inset 0 0 1px 1px #eaeaea;
  color: #222;
}

button.minimal:active,
a.minimal:active {
  background: #d0d0d0;
  box-shadow: inset 0 0 1px 1px #e3e3e3;
  -moz-box-shadow: inset 0 0 1px 1px #e3e3e3;
  -webkit-box-shadow: inset 0 0 1px 1px #e3e3e3;
  color: #000;
}


/* -----------------------------------------------------------------
	Process Step
----------------------------------------------------------------- */

.breadcrumb { 
	list-style: none; 
	overflow: hidden;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 25px;
}
.breadcrumb li { 
	float: left; 
}
.breadcrumb li a {
	color: white;
	text-decoration: none; 
	padding: 10px 0 7px 55px;
	background: brown;                   /* fallback color */
	background: hsla(34,85%,65%,1); 
	position: relative; 
	display: block;
	float: left;
	cursor: default;
}
.breadcrumb li a:after { 
	content: " "; 
	display: block; 
	width: 0; 
	height: 0;
	border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
	border-bottom: 50px solid transparent;
	border-left: 30px solid hsla(34,85%,65%,1);
	position: absolute;
	top: 50%;
	margin-top: -50px; 
	left: 100%;
	z-index: 2; 
}	
.breadcrumb li a:before { 
	content: " "; 
	display: block; 
	width: 0; 
	height: 0;
	border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
	border-bottom: 50px solid transparent;
	border-left: 30px solid white;
	position: absolute;
	top: 50%;
	margin-top: -50px; 
	margin-left: 1px;
	left: 100%;
	z-index: 1; 
}	
.breadcrumb li:first-child a {
	padding-left: 10px;
}

.breadcrumb li a.through       { background:        hsla(34,85%,25%,1); }
.breadcrumb li a.through:after { border-left-color: hsla(34,85%,25%,1); }

.breadcrumb li:last-child a {
	padding-right: 10px;
	pointer-events: none;
	cursor: default;
}
.breadcrumb li:last-child a:after { border: 0; }

.breadcrumb li a strong {}
.breadcrumb li a p {
	margin-top:7px;
	font-size:10px;
	letter-spacing: 1px;
}

div.process {
	
  /* Button Design */
  background: #d5d5d5;

  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;

  /* Font */
  color: #fff;
  letter-spacing: 0px;
  line-height: 1;

  /* Size */
  /* padding: 13px 20px 13px 20px; */
  width: 690px;
  height:55px;
  
  margin:10px 0 20px 0;
}

div.process_fin {
	background:#a48873;
}

div.process > .one_step {
	float:left;
	padding-right:37px; /* Divider width is 37px */
	height:55px;
}

div.process > .one_step > .step_title {
	color:#fff;
	font-family:Tahoma, Geneva, sans-serif;
	font-weight:bold;
	font-size:25px;
	margin: 5px 0 0 9px;
}

div.process > .one_step > .step_desc {
	color:#fff;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:10px;
	margin: 4px 0 0 10px;
}

div.process > .now {
	background:url(../images/3rd/process_reverse_divider_gray.png) right no-repeat;
	background-color:#a48873;
}

div.process > .now > .step_title,
div.process > .now > .step_desc {
	
	/*text-shadow:0px 0px 2px #fff;*/
}

div.process > .pass {
	background:url(../images/3rd/process_divider_brown.png) right no-repeat;
	background-color:#a48873;
}

div.process > .yet {
	background:url(../images/3rd/process_divider_gray.png) right no-repeat;
	background-color:#d5d5d5;
}

div.process > .no_divider {
	background:none;
}

div.process > .start_step {
	border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;

/* Round Design

	border-top-right-radius: 5px;
	-moz-border-radius-topright: 155px;
	-webkit-border-top-right-radius: 5px;
	border-top:5px solid #fff;
	border-right:5px solid #fff;
*/
}

div.process > .end_step {
	background-color:#a48873;

	border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
}

.notice_circle_red {
	
	padding:0 3px;
	height:15px;

	background:#F00;
	color:#FFF;
	font-weight:bold;
	font-size:12px;

	border:3px solid #FFF;

	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;

	box-shadow: 1px 2px 3px #333;;
	-moz-box-shadow: 1px 2px 3px #333;
	-webkit-box-shadow: 1px 2px 3px #333;;
}

/* -----------------------------------------------------------------
	The new lesson list
----------------------------------------------------------------- */
div.profiles {
	/*float: left;*/
	margin-bottom: 0px;
	zoom:1;
}
div.profiles:after {
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}

/* PROFILE service pickup */
div.pickup {
	background: #fffbf2;
	width: 680px;
	border-top: 5px solid #ffdbb7;
	border-bottom: 5px solid #ffdbb7;

	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}
div.sponsored {
	position:relative;
	float:right;
	font-size:11px;
	margin:5px 5px 1px 0;
	text-align:right;
	padding:5px 10px;
	background-color:#FFF;
	font-size:12px;
	font-weight:bold;
	right:70px;
	top:15px;
	color:#e4792e;

	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	
	z-index:500px;
}


/* -----------------------------------------------------------------
	The new profile list
----------------------------------------------------------------- */

/*
div.profiles {
	border-top: 1px solid #efefef;
}
*/

div.profiles div.wide {
	position: relative;
	line-height: 18px;
	width: 680px;
	border-top:0;
	border-bottom: 1px solid #efefef;
	float: left;
	min-height:122px;
	margin: 0px 0px 10px;
}
div.profiles div.wide:hover {
	background-color:#f1f1f1;
}
div.profiles div.wide div.item_inner {
	padding: 8px 5px 7px 10px;
}
div.wide h3 a {
	font-size: 18px;
}
div.wide h3 a:hover {
	color:#3196e1;
	text-decoration:underline;
}

div.profiles div.wide div.segment h3.title {
	width:400px;
	margin-bottom:30px;
	height:0px;
	word-wrap: break-word;
}

div.profiles div.wide div.segment h3.title a {
	display:block;
	width:400px;
	white-space:nowrap;
	overflow:hidden;
}

div.profiles div.links a { display: block; padding: 1px 3px; font-size: 10px; color: #FFF;}
div.profiles div a.framed_round {
	display: block;
	padding: 0;
	color: #FFF;
	width:100px;
	height:100px;
	border:0;

	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;

	box-shadow: 0px 0px 3px #999;
	-moz-box-shadow: 0px 0px 3px #999;
	-webkit-box-shadow: 0px 0px 3px #999;
	
}
div.profiles div a.framed_round:hover {
/*	border:1px solid #3196e1;*/
	border:0px;
	box-shadow: 0px 0px 3px #3196e1;
	-moz-box-shadow: 0px 0px 3px #003760;
	-webkit-box-shadow: 0px 0px 3px #3196e1;
}
div.profiles div a.framed_round img { padding: 0px; border:0; }


div.wide div.medal {
	height: 69px;
	left: -8px;
	position: absolute;
	top: 5px;
	width: 35px;
}

div.wide div.overlay_new {
	background: url('/images/seal_new.png') no-repeat;
	width: 45px;
	height: 45px;
	position: absolute;
	top: 7px;
	left: 8px;
}

div.profiles div.lesson_list {
}

div.profiles div.lesson_list div.specs {
/*	border-bottom:1px solid #efefef;*/

	background-color:#fcf7e5;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	padding:1px 10px;
	font-size:11px;
	color:#000;
	
	margin-top:3px;
	margin-bottom:5px;
}

div.profiles div.pro_lists {
	border-top: 1px solid #efefef;
	padding: 10px 0px;
zoom: 1;
}
div.profiles div.pro_lists:after {
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
}

div.profiles div.pro_list {
	min-height:142px;
	padding-bottom:5px;
}

div.profiles div.pro_list div.segment {
	padding-right:5px;
}

div.profiles div.pro_list div.name {
	font-size:18px;
	line-height:100%;
	padding-top:0px;
	padding-bottom:10px;
}

div.profiles div.pro_list div.name a {
}

div.profiles div.pro_list div.name a:hover {
	color:#3196e1;
	text-decoration:underline;
}

div.profiles div.pro_list div.rating {
	margin-top:5px;
}

div.profiles div.pro_list div.rating span {
}

div.profiles div.pro_list div.mini_timetable {
	background-color:#fcf7e5;
	padding:5px;
	margin-right:10px;
	width:130px;
	min-height:85px;

	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
}

div.profiles div.pro_list div.specs {
	border-bottom:1px solid #efefef;
	margin-bottom:5px;
}

/*
	Popup window for sending mobile site URL to Mobile email.
*/
div#mobile_popup {
	display: none;
	position:absolute;
	right: 20px;
	z-index:10;
	width: 340px;
	height:138px;
	
	-moz-box-shadow:5px 5px 10px #333333;
	border-radius:12px;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	
	background-color:#FFFFFF;
	border:5px solid #F6B22B;
	padding:10px;

	box-shadow: 5px 5px 10px #333;;
	-moz-box-shadow: 5px 5px 10px #333;
	-webkit-box-shadow: 5px 5px 10px #333;;
}
div#mobile_popup div {
	padding: 0 0 20px 0;
}
div#mobile_popup_title {
	font-weight: bold;
	text-align:left;
}

div.blog_notice {
/*	position:absolute;*/
	width:220px;
	right:35px;
	margin-top:10px;
	padding:5px;
	background-color:#fff;

/*	
	border:1px solid #ccc;
	border-radius:12px;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
*/
}

div.blog_notice h3 {
	color:#4d3923;
	border-bottom:1px solid #ebebeb;
	margin-bottom:5px;
}

div.blog_notice ul {
}

div.blog_notice ul li {
	padding:3px 12px 0 12px;
	background:url(../images/3rd/bullet_fast_fwd7x6.png) left 8px no-repeat;
	white-space:nowrap;
	overflow:hidden;
}

div.blog_notice .fadeout {
	background:url(../images/gradientover.png) right repeat-y;
	width:23px;
	height:86px;
	position:absolute;
	right:35px;
}

div#mobile_notice {
	text-align:center;
}





/* General notice message listed item */


div.general_notices {
}

div.general_notices .notice_item {
	margin-bottom:15px;
}

div.general_notices div.notice_image {
	position:absolute;
	margin-top:5px;
}

div.general_notices div.notice_list_bubble {
	border:5px solid #f6b22b;
	padding:10px 10px 3px 15px;
	margin:0px 0px 0px 0px;
	background-color:#fff;

	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	
	margin-left:80px;
}

div.general_notices div.pointer {
	background:url(../images/3rd/notice_pointer_left.png) no-repeat;
	position:absolute;
	width:25px;
	height:28px;
	margin-top:3px;
	margin-left:-40px;
}

div.general_notices h3 {
	font-size:12px;
}

div.general_notices .notice_message {
	font-size:12px;
	margin:5px 0px 10px 0px;;
	line-height:140%;
}

div.general_notices div.meta {
	text-align:right;
	font-size:10px;
}


/* General notice message bubblg */
div.notice_bubble {
	border:5px solid #f6b22b;
	padding:3px 20px 25px 20px;
	margin:0px 0px 25px 0px;
	background-color:#fff;

	border-radius: 24px;
	-moz-border-radius: 24px;
	-webkit-border-radius: 24px;
}

div.notice_bubble div.notice_message {
	font-size:13px;
	line-height:160%;
	margin:10px 0px 0px 0px;
}

div.notice_bubble div.pointer {
	background:url(../images/3rd/notice_pointer_below.png) no-repeat;
	position:absolute;
	width:43px;
	height:30px;
	margin-top:25px;
	margin-left:13px;
}

/*
 * Section title
 */
 
.section_sub_title {
	clear:both;
}

.section_sub_title h2,
.sub_title h2 {

	-moz-border-radius:2px 2px 2px 2px;
	background-color:#EFEFE6;
	border-left:13px solid #C0A878;
	font-size:16px;
	margin-bottom:10px;
	margin-top:15px;
	padding:7px 1px 5px 9px;
	text-shadow:1px 1px 0 #FFFFFF;
}

.sub_title h2 {
	font-size: 16px;
	color: #777;
	padding: 5px 10px;
}



/* clean_form_table */
.clean_form_table {
	font-size:12px;
	margin-bottom:20px;
}

.clean_form_table > th {
	color:#333;
	min-width:190px;
	text-align:left;
	vertical-align:top;
	font-weight:normal;
	padding:5px 0px;
}
.clean_form_table td {
	padding:5px 0px;
}

.underline_form th,
.underline_form td {
	border-bottom:1px solid #f4f4f4;
	padding-top:10px;
	padding-bottom:10px;
}

.underline_form th {
	border-bottom:1px solid #fff4f4;
	text-align:left;
}


.clean_form_table textarea {
	width:100%;
	height:8em;
	font-size:13px;
	border-radius: 5px;

	padding:8px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border:1px solid #DDDDDD;
}

.clean_form_table input.text_field {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border:1px solid #DDDDDD;
	font-size:14px;
	margin:0;
	padding:8px;
	width:200px;
}

.clean_form_table .form_help_text {
	font-size:11px;
	color:#999;
}

.birthday_select select {
	font-size:18px;
}
.select_form select {
	font-size:13px;
	padding:2px;
}

.sample_image img {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.errorExplanation {
	width:680px;
}

.clean_style table {
	margin-bottom:14px;
	width: 680px;
}
.clean_style th, .clean_style table td {
	border-bottom: 1px solid #f4f4f4;
	text-align:left;
	word-break:break-all; 	
}

.clean_style th {
	padding:5px 12px;
}
.clean_style td {
	padding:5px;
}
.clean_style tr:hover {
	background-color:#fffbf0;
}
.clean_style .background_gray tr:hover {
	background-color:#EFEFEF;
}
.clean_style td.help {
	padding:9px; border: none;
}
.clean_style td img, table.list td img {
	padding: 0px;
}


/*
 * Tutor page favorite students table and grouping section
 */

#favs_list { width: 668px; padding: 10px 5px;}
#favs_list table {
	width: 668px;
	margin:0;
}
#favs_list table th {
}
#favs_list table td {
	vertical-align:middle;
}
#favs_list #group_control span {

}
#fav_groups_list {
	float: left;
	margin: 10px 0 0;
}

#fav_groups_list div#user_group_tags a.on span {
}

#fav_groups_list div#user_group_tags a:hover span {
	color: #330000;
}

/* FF */
div#user_group_tags {
	margin-bottom: 2px;
	float: left; 
}
div#user_group_tags a span {
	margin-right: 3px;
	display: block;
	padding:5px 15px;
	float: left;
	background: #F0F4F5;
	cursor: hand;
	border:1px solid #ccc;
	
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

/*IE7*/
*+html div#user_group_tags a span {
	margin-bottom: 2px;
}

/*IE6*/
* html div#user_group_tags a span {
	margin-bottom: 2px;
}

div#user_group_tags a.on span {
	background: #FBF7D7;
	font-weight: bold;
}

div#user_group_tags a:hover {
	background: #efefef;
}
div#user_group_tags a:hover span {
	background: #BBB;
	color: #FFF;
}


/* -------------------------------------------------------------------------- *

 Social comment.

 * -------------------------------------------------------------------------- */
.comment_cell {
	background-color:#EDEFF4;
	padding:5px 0;
	margin-bottom:1px;
}
.comment_user_img {
	width: 25px;
	float: left;
}
#add_comment .comment_user_img {
	width: 25px;
	float:left;
}
.comment_user_img img {
	width: 25px;
}
.comment_area {
	margin-left:30px;
}

.comment_body {
	color:#777777;
	border:1px solid #BDC7D8;
	padding:3px;
	width:95%;
	overflow:hidden;
	font-size: 13px;
	height: 13px;
	resize: none;
}
.comment_body {
  height:39px;
}
.talk_area .comment_body {
/*
	height: 10px;
	color: #CCC;
*/
}
.btn_add_comment, .btn_add_cftcmt {
	padding:2px;
	font-size:12px;	
}

/****************************************************************
 * User Dashboard Timeline
 */

ul.comments_list ul {
}

ul.comments_list li {
	border-top: 1px solid #E9E9E9;
	margin:0;
	padding:5px 0px;
}
ul.comments_list li:hover {
	background-color:#f6f6f6;
}
ul.comments_list .actor_name {
	font-size: 11px;
	padding-bottom: 5px;
	font-weight:bold;
}
ul.comments_list .actor_name a {
}

ul.comments_list .comment_content {
	color: #000000;
	font-weight: normal;
	font-size:11px;
	line-height: 14px;
}
ul.comments_list .comment_content b {
/*	font-weight:normal;*/
}
ul.comments_list .comment_content a {
	text-decoration: underline;
}
ul.comments_list .comment_area a {
	color: #256785;
}
ul.comments_list .loading_cft {
	background: transparent url(/images/icons/ajax-loader.gif) no-repeat scroll left top;
	height: 15px;
}
/* Datetime, like link, comment link, check count */
ul.comments_list .comment_date {
	color: #999999;
	font-size: 10px;
	padding-top: 2px;
	height: 15px;
}
ul.comments_list ul li .comment_date {
	height: 10px;
}
ul.comments_list .comment_date a,
ul.comments_list .comment_date span {
	float:left;
}
ul.comments_list .comment_date span.check_count {
	display: none;
	padding-left: 10px;
	color: #333;
	font-size: 11px;
}
ul.comments_list .comment_date a {
	margin-left: 5px;
}
ul.comments_list .comment_date a.like,
ul.comments_list .comment_date a.unlike {
	width: 40px;
	margin-left: 10px;
}

/* Link of delete timeline. */
ul.comments_list .comment_del {
	float: right;
}
ul.comments_list .comment_del a {
	background: transparent url(/images/icons/cross.gif) no-repeat scroll right top;
	display:block;
	height:16px;
	width:16px;
}

.more_comment {
	background-color: #EDEFF4;
    border: 1px solid #D8DFEA;
	margin-top: 10px;
    padding: 5px;
	text-align:center;
}

.more_comment button {
	padding:5px 10px;
	font-size:18px;
	font-weight:bold;
	width:100%;
}

.small_more_comments button {
	padding:5px 10px;
	font-size:14px;
	width:100%;
}

.more_comment a {
	color: #0077E6;	
}

/*******************************************************************
 * User dashboard
 */

.user_home_right div.item {
}
 
.user_home_right div.item {
	width:220px;
	right:35px;
	margin-top:10px;
	padding:5px;
	background-color:#fff;
}

.user_home_right div.item h3 {
	color:#555;
	border-bottom:1px solid #ebebeb;
	margin-bottom:5px;
	padding-bottom:2px;
}

.user_home_right div.item h3 a {
	font-size:14px;
}

.user_home_right div.item h3 small {
	font-size:70%;
}

.user_home_right div.item h3 small a {
	font-size:70%;
}


.user_home_right div.item ul {
}

.user_home_right div.item ul li {
	padding:3px 12px 0 12px;
	background:url(../images/3rd/bullet_fast_fwd7x6.png) left 8px no-repeat;
	white-space:nowrap;
	overflow:hidden;
}

/*******************************************************************
 * pro_list in dashboard
 */
 
div.pro_list {
}

div.pro_list .one:hover {
	background-color:#f4f4f4;
}

div.pro_list .pro_mini_info {
	float:left;
}

div.pro_list .pro_mini_info img {
	width:25px;
	height:25px;
}

div.pro_list .pro_message_content {
	margin-left:30px;
	min-height:30px;
	line-height:140%;
}
div.pro_list .pro_message_content a {
	color:#333;
	display:block;
}
div.pro_list .pro_message_content .name {
	font-size:11px;
	font-weight:bold;
}

div.pro_list .pro_message_content .message {
}

div.pro_list .pro_message_content .date {
	font-size:10px;
	text-align:right;
}

/***************************************
 * social_section
 */

div.social_section {
	width:430px;
	margin-top:15px;
	clear: both;
}

div.social_section h3 {
	padding-left:2px;
	padding-bottom:2px;
	border-bottom:1px solid #dedede;
	margin-bottom:2px;
}

div.social_section .social_check {
	padding-bottom: 10px;
}

div.social_section .social_check button {
	padding:2px 5px;
	font-weight:bold;
}

div.social_section #add_social_check {
	color: #0077E6;
}

div.social_section #del_social_check {
	border: 1px solid #BDC7D8;
	margin-left:3px;
}
div.social_section .ajax_flash_msg {
	padding-left:10px;
	color:#26a800;
}
div.social_section #social_count_msg {
	font-weight:normal;
	font-size:12px;
}

/* 
<div class="social_section" style="width:430px;">
	
	<div id="social_check" class="social_check">
		<a href="javascript:void(0);" id="add_social_check" style="float: left; ">Check</a>
		
		<div id="social_checked" style="color: #26A800;float:left;display:none;">Checked</div>
		
		<div id="del_social_check" style="display:none;">
			<a href="javascript:void(0);" id="del_social_check_link" style="color:#0077E6;">Uncheck</a>
		</div>
		
		<div class="ajax_flash_msg" style="display:none;"></div>
		<div id="social_count_msg" style="display:none;"><span id="social_count_num">0</span>浜恒亴銉併偋銉冦偗銇椼仸銇勩伨銇欍€?/div>
	</div>
	
	<form id="add_comment" method="post" class="comment_cell">

		<input type="hidden" name="unique_key" value="6cab06715f4c339c78534ca620c4ad4988f47ab5">

		<div class="comment_user_img">
			<img alt="11" class="framed" src="/assets/users/1/s/11.jpg?1291011479">
		</div>

		<div class="comment_area">
			<textarea id="comment_body" class="comment_body" name="comment_body"></textarea>
		</div>

		<div style="text-align:right;">
			<input type="submit" name="comment" id="btn_add_comment" value="銈炽儭銉炽儓銇欍倠" class="btn_add_comment">
		</div>
	</form>
	
	<ul id="comments_list" class="comments_list">
	</ul>
	
	<div class="more_comment" style="display: none; ">
		<a href="javascript:void(0);" id="more_comments">銈傘仯銇ㄨ銈?/a>
	</div>

	<div style="clear: both; height: 30px;" class="">&nbsp;</div>
</div>
*/

/****************************************************************
 * User Dashboard Cafetalk
 */
.cftcmt_new {
	background-color: #EDEFF4;
	margin-top: 5px;
	padding: 5px 1px 5px 5px;
}
.cftcmt_form {
	margin: 0 0 0 30px;
}
.cftcmt_img {
    float: left;
    width: 25px;
}
.cftcmt_new .cftcmt_img img,
.comment_area .comment_user_img img {
    width: 25px;
	border: none;
	padding: 0;
}
.cftcmt_new .cftcmt_btn {
	text-align: right;
	padding: 5px 3px 2px 0;
}
.cftcmt_new .btn_add_cftcmt {
	margin-right: 0px;
}
.cftcmt_new .flash_cftmsg {
	color: red;
}
.talk_cell #btn_line {
	text-align:right;
	padding: 5px 15px 2px 0;
	/* display:none; */
}
.talk_cell .flash_cftmsg_error {
	color: red;
}
.talk_cell .flash_cftmsg_info {
	color: green;
}