td.main_left {
	width:195px; 
	vertical-align:top;	
}
td.main_right {
	width:688px; 
	vertical-align:top;
}

h2.breadcrumb {
	font-size:120%;
	padding-bottom:7px;
}
#search_container {
	
	float:right;
	width:280px;
	padding-top:4px;
}
form#search {
  position:relative;
}

div#search {
  position:relative;
  float:left;
  margin-right:3px;
}

input#search-field {
  width:231px;
}

label.overlabel {
  position:absolute;
  top:3px;
  left:5px;
  z-index:1;
  color:#999;
}

ul,li {
margin:0;
padding:0;

}
li {
padding-left:2px;
}
ul {

}


ul ul {
padding-left:10px;
}
img.thumb {
border:1px solid #CCC;
padding:1px;
}
a img.thumb:hover {
background-color:#FF9900;
}

#ed_head {
padding: 0px 0;
}
#ed_body {
position:relative;

}
div#ed_left {
width:180px;
backgound-color:none;
}
.nav_group_head {
font-size:12px;
font-weight:bold;
padding:8px 1em;
background:#3E3E3E url('http://cdn.yabla.com/images/table_head_bg.png') repeat-x 0 0;
color:#FFF;
}
.nav_group_head_first {
-webkit-border-top-left-radius:7px;
-webkit-border-top-right-radius:7px;
-moz-border-radius-topleft:7px;
-moz-border-radius-topright:7px;
}
.nav_group_body {
background-color:#F8F8F8;
padding:12px 0 12px 0px;
border-left:1px solid #DDD;
border-right:1px solid #DDD;
color:#888;
}
.nav_group_body li {
	padding:0 0 2px 0;
}
.nav_group_body li.header {
	padding:3px 0 2px 10px;
}
.nav_group_body li:hover {
	
	
}
.nav_group_body li a {
	padding:2px 0 2px 10px;
	display:block;
}
.nav_group_body li a:hover {
	text-decoration:none;
	background-color:#ff9;
}
.nav_group_body li a.selected {
	color:#fff;
	background-color:#00c;
	font-weight:bold;
}
.nav_group_body li li {
	font-size:90%;
	
}

div.nav_group_bottom_cap {
border-bottom:1px solid #DDD;
border-left:1px solid #DDD;
border-right:1px solid #DDD;
height:10px;
background-color:#F8F8F8;
font-size:1px;
}
div#ed_right {
width:555px; 
float:right;
padding-left:3px;
}
#ed_foot {
clear:both;
}
#item_nav_top {

}
#item_nav_bottom {
text-align:center;
}
#orderby_bar {
background-color:#6699CC;
color:#FFF;
font-weight:bold;
font-size:12px;
padding:8px 7px;
margin-bottom:4px;
-moz-border-radius-topleft:7px;
-webkit-border-top-left-radius:7px;
border-bottom:1px solid #DDD;
background:#3E3E3E url('http://cdn.yabla.com/images/table_head_bg.png') repeat-x 0 0;
color:#FFF;
}
#orderby_bar a{
color:#FFF;
padding:2px 1.5em;
-moz-border-radius:7px;
-webkit-border-radius:7px;
border-radius:7px;

}
#orderby_bar a.selected{
background-color:#333;
color:#EEE;

}
#orderby_bar a.selected:hover{
background-color:#555;
}
#orderby_bar a:hover{
background-color:#dd7c22;
text-decoration:none;
}
#orderby_bar .label {
color:#DDDDDD
}
#pg {
   width: 250px; 
   float: left; 
   padding-left: 10px;
   height:1%;  
}
.item table {
margin:0;  
padding:0;
}

.item {


}
.item .f_left {
text-align:center;
height:1%;
}

.item p {
margin:0;
padding:0;
margin-top:3px;
}
.item .hack {
clear: both;
}
.item h3 {
margin:0;
padding:0;
font-size:16px;
}
.item h3 a:hover {
text-decoration:underline;
}
.item_foot {
margin:-1px 0 1px 0;
border:2px solid #C2CFF1;
border-top:5px solid #C2CFF1;
}
.teacher_assign,
.student_assign {
font-weight:bold;
background-color:#F8F8F8;
border:1px solid #DDDDDD;
padding: 3px 5px;
}
.item_foot .teacher_assign a,
.item_foot .student_assign a{

}

.item_foot .teacher_assign a:hover,
.item_foot .student_assign a:hover{
text-decoration:underline;
}

.item_foot .teacher_assign .label,
.item_foot .teacher_assign .label {
font-size:90%;
font-color:#666;
font-weight:normal;
}
#assign_form {
display:none;

}
#assign_form li {
	padding:1em 0 0 1em;
}
#assign_form input.date {
	width:115px;
}
#assign_form .cancel {
	margin-left:2em;
}
#assign_form span.date {
	margin-left:-21px;
	width:14px;
	height:14px;
	vertical-align:middle;
}
#assign_form span.img {
	width:14px;
	height:14px;
	vertical-align:middle;
}
#assign_form .warn {
color:#555;
background-color:lightYellow;
padding: .4em .4em;
}
#assign_form .warn h5 {
margin-bottom:.4em;
}
#assign_form .warn a {
color:#444;
font-weight:bold;
}
#assign_form .inner {
	padding: .4em 1em;
}

#assign_form input, #assign_form select{
font-size:90%;
}
.blue_rule {
margin-bottom:4px;
padding-top:4px;
border-bottom:2px solid #AAA;
clear:both;
}
.orange_rule {
margin-bottom:4px;
padding-top:4px;
border-bottom:2px solid #FF9900;
clear:both;
}
.grey_rule {
margin-bottom:14px;
padding-top:14px;
border-bottom:1px solid #EEE;
clear:both;
}
.pager {
height:1%;
}
.pager .disabled {
color:#AAA;
}
.pager .selected {
font-weight:bold;
}

.pager a:hover {
text-decoration:underline;   
}
.pager .seper {
color:#CCC;
}
.new {
color:#A00;
}
.lesson_container {

}
.li_odd {
  
}
.li_even {
  
}
.lesson_item {
padding: 1em .5em .5em .5em;
}
.lesson_item h3 {
margin:0;
}
.lesson_item a {
text-decoration:underline;
}
.lesson_media a:hover{
text-decoration:none;
}

.lesson_listing a:hover {
text-decoration:underline;
}
.lesson_listing h3 {
margin: 4px 0;
}
.lesson_listing .lesson_label {
color:#666;
padding-right:4px;
}

.share_box {
margin:0 .5em;
padding:.3em;
background-color:#F3F3F3;
border: 1px solid #CCC;
}
.share_box h5 {
color:#888;
text-align:center;
}
.share_box label {
display:block;
margin:.6em 0 .2em 0;
color:#888;
}
.share_box input {
border:1px solid #AAA;
width:100%;
}
.description {
padding-right:10px;
}
.description p {
	padding-right:80px;
}
.properties {
background-color:#F3F5FC;
padding-left:8px;
padding-top:4px;
font-size:90%;
}

.new_image {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cdn.yabla.com/images/new_trans.png', sizingMethod='scale');
background: transparent url('http://cdn.yabla.com/images/new_trans.png') no-repeat scroll 0 0;
*background-image:none;
}
a.action {
/*display:inline-block;*/
padding:4px 6px 4px 18px;
line-height:20px;
-moz-outline-style: none;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
-webkit-border-top-left-radius:3px;
-webkit-border-top-right-radius:3px;
}
.properties a.active {
background-color:#C2CFF1;
}
a.edit {
background: transparent url('http://cdn.yabla.com/images/icons/pencil.png') no-repeat scroll 0 2px;
}
a.points {
padding:4px 6px 4px 6px;
}
a.trans {
background: transparent url('http://cdn.yabla.com/images/icons/script.png') no-repeat scroll 0 2px;

}
a.assign {
background: transparent url('http://cdn.yabla.com/images/icons/group.png') no-repeat scroll 0 2px;
}
a.information {
background: transparent url('http://cdn.yabla.com/images/icons/information.png') no-repeat scroll 0 2px;
}
a.ipod {
background: transparent url('http://cdn.yabla.com/images/icons/ipod.png') no-repeat scroll 0 2px;
}
a.lesson {
background: transparent url('http://cdn.yabla.com/images/icons/lightbulb.png') no-repeat scroll 0 2px;
}
a.download {
background: transparent url('http://cdn.yabla.com/images/icons/arrow_down.png') no-repeat scroll 0 2px;
}
a.comments {
background: transparent url('/images/icons/comments.png') no-repeat scroll 0 2px;
}
a.star {
background: transparent url('http://cdn.yabla.com/images/icons/star.png') no-repeat scroll 0 2px;
}
a.star_active {
background: transparent url('http://cdn.yabla.com/images/icons/star_active.png') no-repeat scroll 0 2px;
}
a.fav {
	padding-left:0;
}
.message_container {
	line-height:160%;
}
#star_no_user, #points_no_user, #points_no_points,
.download_container, .trans_container div.inner, 
.points_container div.inner,
.info_container div.inner,
.lesson_container div.inner {
	padding:1em 2em;
}
.trans_container .transc, .trans_container .native {
	margin-left:2em;
	padding: 4px 8px;
}
.trans_container .native {
	background-color:#DDD;
}
.trans_container .ndx {
	float:left;
	padding-top:6px;
	width:1.5em;
}
.info_container h5 {
	margin-top:8px;
}
img.fav_star {
	width:14px;
	height:14px;
	background: transparent url('http://cdn.yabla.com/images/fav_star.png') no-repeat scroll 0 0;
}	
img.fav_star_unsel {
		width:14px;
		height:14px;
		background: transparent url('http://cdn.yabla.com/images/fav_star.png') no-repeat scroll -14px 0;
}
a.viewer_discretion {
color: #A00;
}
a.dword {
	text-decoration:none;
	color:#333;
}
a.dword:hover {
	text-decoration:underline;
}
#def_modal {
	position:absolute;
	text-align:left;
	width:300px;
	background: transparent url('http://cdn.yabla.com/images/shadow_frame_alpha.png') scroll bottom right !important;
	background: transparent url('http://cdn.yabla.com/images/shadow_frame.png') scroll bottom right;
}
#def_modal_inner {
	position:relative;
	top:-5px;
	left:-7px;
	*left:-5px;
	border:1px solid #BBB;
	text-align:left;
	width:300px;
	background-color:#FFF;
	
}
#def_modal_content {
	margin: .5em  1em;
	overflow-y:auto;
	height:300px;
}
#def_modal .title{
	color:#666;
	text-transform:capitalize;
	
}
#def_modal img.close{
	
	width:14;
	height:13;	
}
#def_modal div.close{
margin:.5em .5em .5em 0;
text-align:right;
}
#lang_status {
	color:#888;
	margin-bottom:.2em;
} 
#lang_status span{
	font-size:80%;
}
#itunes_links {
	clear:both;
	padding:8px 10px;
	
}
#itunes_links a {
	display:block;
	float:left;
	padding: 4px 6px;
	font-size:130%;
}
#itunes_links .instructions {
	display:none;
	font-size:115%;
	clear:both;
	padding:1em;
}
#itunes_links .instructions em {
	background-color:#FFC;
}

ul.comments {
	margin:0;
	padding:0;
}
ul.comments li {
	margin:0;
	padding:0;
}
.comment_head {
	background-color: #F1F1F1;
	border-bottom: 1px solid #E5E5E5;
	line-height: 1.5em;
	min-height: 35px;	
}
.comment_head img {
	float:left;
}
.comment_head .display_name,.comment_head .display_date {
	line-height:34px;
	font-size:13px;
	margin:0 8px;
}
.comment_head .display_name {
	font-weight:bold;
}
.display_comment {
	padding:1em;
	word-wrap:break-word;
	overflow:hidden;
}
#comment_form {
	background-color: #F3F5FC;
	padding:1em;
}
#comment_form textarea {
	width:354px;
	height:110px;
}

span.search_match {
background-color:#FFA;	
}
.caption_search_matches {
	padding:3px;
}
.caption_search_matches .match_head {
	color:#888;
	font-size:80%;
	padding-left:15px;
}
.caption_search_matches div.search_match {
	padding-left:25px;
	font-size:90%;
}
#recommended_media {
	
	padding:0px 0 20px;
	margin-bottom:20px;
	border:1px solid #ddd;
	border-bottom:1px solid #999;
}
#recommended_media h3 {
	background-color:#F3F5FC;
	border-bottom:1px solid #C2CFF1;
	padding:10px;
}
#recommended_media h3 a{
	color:#333;
}
div.rec_item {
	width:140px;
	margin:0 2% 0 2%;
	float:left;
}
