.right { float:right;}
ul.schools-tabs { margin: 0; padding: 0; font-size: 18px; height: 50px; float: left; }
ul.schools-tabs li.tab { position: relative; float: left; width: 180px; text-align:center; height: 50px; line-height:50px;margin: 0 5px 0 0; padding: 0; border: 1px solid #ccc; border-bottom: none; background: #ededed url(../images/v1.1/school-tabs-bk.jpg) bottom left repeat-x; cursor: pointer;
	-moz-border-radius: 8px 8px 0 0;
	-webkit-border-radius: 8px 8px 0 0;
	border-radius: 8px 8px 0 0;
	text-shadow: 1px 1px 1px #fff;
	color: #666
}
ul.schools-tabs li a { display: block; margin: 0 10px;}
ul.schools-tabs li.active{background: #ededed url(../images/v1.1/school-tabs-bk.jpg) bottom left repeat-x;}
ul.schools-tabs li.disabled{/*background: #c1c1c1 url(../images/landing-ec-bg-disabled.jpg) bottom left repeat-x;*/cursor: auto; }
ul.schools-tabs li.disabled a { color: #ccc; text-decoration: none; }
ul.schools-tabs li.selected { background: #fff url(../images/v1.1/school-tabs-selected-bk.jpg) top left repeat-x; cursor: auto; }
ul.schools-tabs li.add-school { background: none; border: none; font-size: 14px; padding-top: 12px; }
ul.schools-tabs li.purchase { font-weight: bold; }

ul.schools-tabs li#vid-tut-tab {width: 70px;}
ul.schools-tabs li#vid-tut-tab span {
	height: 50px; width: 40px; display: inline-block;
	background: url("../images/bt-vidtut-ico.png") no-repeat scroll center center transparent;
	background-size: 25px 20px;
}

ul.schools-tabs li.tab.browse a { background: url("../images/browse.png") no-repeat scroll right center transparent; }
ul.schools-tabs li.tab.browse a:hover { text-shadow: none; }
ul.schools-tabs li.tab.browse ul li.groups-browse a { background: url("../images/browse-2.gif") no-repeat scroll right center transparent !important; padding-right: 15px; }
ul.schools-tabs li.tab.browse ul li.groups-browse ul li a { background: none !important; padding-right: 0; }
ul.schools-tabs.onboarding li.tab {cursor: default}
ul.schools-tabs.onboarding li.tab a {color: #aaa; cursor: default}
ul.schools-tabs.onboarding li.tab a:hover {text-decoration: none}
ul.schools-tabs.onboarding li.tab.selected a {color: #333}
ul.schools-tabs li.tab.selected { background: #fff; }
ul.schools-tabs li.tab.selected.hover:after { content: ' '; border: 1px solid #fff; display: block; border-left: none; border-right: none; position: absolute; bottom: -1px; width: 100%; z-index: 800; }
ul.schools-tabs li ul li.selected { background: #f0f0f0 !important; }

ul.schools-browse { clear: both; margin: 0; padding: 0; background: #fff; z-index: 700; border-top: 1px solid #ccc; margin-top: -1px; }
ul.schools-browse li { border: 1px solid #ccc; border-top: none; margin: 0 0 0 -1px; padding: 4px 0 10px; line-height: normal; text-align: left; white-space: nowrap; text-shadow: none; }
ul.schools-browse li a { color: #953035; font-size: 16px; font-weight: bold; display: block; background: none !important; }
ul.schools-browse li ul { margin: 0; padding: 0; }
ul.schools-browse li ul li { border: none; padding: 2px 0; margin: 0; position: relative; }
ul.schools-browse li ul li a { font-size: 14px; font-weight: normal; display: block; }
ul.schools-browse li ul li ul { margin: 0; padding: 4px 0; background: #e0e0e0; display: none; position: absolute; top: -4px; right: 0; }
ul.schools-browse li ul li.hover { background: #e0e0e0; }
ul.schools-browse li ul li.hover ul { display: block; background: #e0e0e0; }

ul.schools-browse li a.no-link { cursor: default; text-decoration: none !important; color: #666 }

a.add-school-button { cursor: pointer; font-weight: bold; font-size: 14px; color: #666 !important; background: url(../images/teach-manage-btn-add.gif) 5px center no-repeat; margin-left: 4px; padding: 4px 8px 4px 26px; border: 1px solid #ccc;
	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;
	border-radius: 14px;
}
a.add-school-button:hover { color: #eb4c4c !important; }
a.add-school-button.edit-school-button { background-image: url(../images/v1.1/edit-school-button.gif); }
a.add-school-button.remove-school-button { background-image: url(../images/teach-manage-btn-remove.gif); border: 0; padding: 0; margin: 0; padding-left: 25px; }
.school-button { text-align: center; }
.school-button a {
	display: inline-block; padding: 8px 20px 10px; margin: 0 auto;
	cursor:pointer; font-weight:bold; line-height:1.0;
	color:#fff !important; text-align: center;
	text-decoration: none;
	border: 1px solid #b9464d;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0px 2px 4px #666;
	-moz-box-shadow: 0px 2px 4px #666;
	box-shadow: 0px 2px 4px #666;
	text-shadow:0 1px 2px #333;
	background-color: #ea4e5b; background-position: top left; background-repeat: repeat-x;
	background-image: url(../images/v1.1/simple-button-bk.jpg);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.25, #dd4b4c),
		color-stop(0.73, #f34f4e)
	 );
	background-image: -moz-linear-gradient(
		center bottom,
		#dd4b4c 25%,
		#f34f4e 73%
	);
}

.school-button a:hover {
	text-decoration: none;
	border-color: #ff971c;
	background-image: url(../images/v1.1/simple-button-hover-bk.jpg);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.25, #e75253),
		color-stop(0.73, #fd8f90)
	 );
	background-image: -moz-linear-gradient(
		center bottom,
		#e75253 25%,
		#fd8f90 73%
	);
}



.teach-manage-controls { float: right; }
.teach-manage-tabs { border-bottom: 2px solid #ccc; margin-top: 10px; }
.teach-manage-tabs div { display: inline-block; vertical-align: top; margin-left: 10px;
	-moz-border-radius: 8px 8px 0 0;
	-webkit-border-radius: 8px 8px 0 0;
	border-radius: 8px 8px 0 0;
}
.teach-manage-tabs div a { display: block; color: #333; font-size: 18px; padding: 6px 28px 4px; }
.teach-manage-tabs div a:hover {color: #EB4c4c}
.teach-manage-tabs div { position: relative; top: 2px; border: 2px solid #ccc; border-bottom: 0; background: url("../images/v1.1/school-tabs-bk.jpg") repeat-x scroll left 13px #EDEDED; *display: inline;}
.teach-manage-tabs div.disabled { position: relative; top: 2px; border: 2px solid #ccc; border-bottom: 0; background: url("../images/v1.1/school-tabs-bk.jpg") repeat-x scroll left 13px #EDEDED}
.teach-manage-tabs div.disabled a { padding: 6px 28px 4px; color: #ccc; cursor: default; }
.teach-manage-tabs div.disabled a:hover { text-decoration: none; color: #ccc}
.teach-manage-tabs div.selected { position: relative; top: 2px; border: 2px solid #ccc; border-bottom: 2px solid #fff; background: none #fff}
.teach-manage-tabs div.selected a { padding: 6px 28px 4px; cursor: default; color: #333}
.teach-manage-tabs div.selected a:hover { text-decoration: none; }



ul.schools-widgets { margin: 0; padding: 0; float: right; clear: left; width: 242px; padding-right: 20px}
ul.schools-widgets li { margin: 0 0 10px; padding: 10px 0 15px; border: 1px solid #ccc;
	background: #fff url(../images/v1.1/school-widget-bk.jpg) bottom left repeat-x;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}
ul.schools-widgets li h1 { font-size: 16px; border-bottom: 1px solid #ccc; overflow: hidden; white-space: nowrap; text-align: left !important; margin: 0 10px; }
ul.schools-widgets li.premium h1 { background: url(../images/v1.1/school-widget-h1-premium.gif) right top no-repeat; }
ul.schools-widgets li.faq h1 { background: url(../images/v1.1/school-widget-h1-faq.gif) right top no-repeat; }
ul.schools-widgets li.new h1 { background: url(../images/v1.1/school-widget-h1-new.gif) right top no-repeat; }
ul.schools-widgets li.new ul {padding: 0 5px}
ul.schools-widgets li.new ul li {border: 0; background: none; margin: 0 0 10px; padding: 0 0 0 30px}

#coming_soon {font-size:14px}
h1.new {line-height: 45px; background: url(../images/v1.1/school-widget-tools.gif) left center no-repeat; padding-left:50px}
ul.new {padding: 0px}
ul.new li {border: 0; margin: 0 0 5px; padding: 0 0 3px 30px; height: 25px}
li.apple { background: url(../images/v1.1/school-widget-apple.gif) left center no-repeat !important; }
li.chair{ background: url(../images/v1.1/school-widget-chair.gif) left center no-repeat !important; }
li.pencil { background: url(../images/v1.1/school-widget-pencil.gif) left center no-repeat !important; }
li.headphone { background: url(../images/v1.1/school-widget-headphone.gif) left center no-repeat !important; }

ul.schools-widgets li p { font-size: 12px; font-weight: normal; }
ul.schools-widgets li h2 { font-size: 24px; font-weight: bold; }
ul.schools-widgets li h3 { font-size: 11px; font-weight: bold; }
ul.schools-widgets li h4 { font-size: 11px; font-weight: bold; }
ul.schools-widgets li p { margin: 5px 10px 0; clear: right; }

ul.schools-widgets li .seats-info { width: 110px; float: right; margin: 10px 10px 10px 0; }
ul.schools-widgets li .seats-school { float: left; margin: 10px 0 10px 10px; }
ul.schools-widgets li .seats-school h2, ul.schools-widgets li .seats-school h4 { border-right: 1px solid #c33; }
ul.schools-widgets li .seats-school h3 .no-school { color: #c33; }
ul.schools-widgets li .seats-school h3 .pending { color: #ff971c; }

ul.schools-widgets li .school-button { font-size: 18px; margin: 10px 0 0; }

ul.schools-widgets li.premium { text-align: center; }
ul.schools-widgets li.premium p { text-align: center; padding-bottom: 5px; }
ul.schools-widgets li.premium p.seat a { display: inline-block; padding: 0 5px 0 15px; background: url(../images/v1.1/seat-icon-school.gif) top left no-repeat; color: #c33; }
ul.schools-widgets li.premium p.seat a:hover { color: #eb4c4c; }
ul.schools-widgets.plain h1 { border: none; }
ul.schools-widgets.plain li { border: none; }

ul.schools-widgets .subfaq h3 {color:#c33; font-weight:normal; font-size:14px; line-height: 14px; margin: 15px 10px 0; }
ul.schools-widgets.plain .subfaq h3 {color:#777; font-weight:bold; font-size:16px; line-height: 16px; }
h3 .leave {font-size: 11px; font-weight: normal;}
h3 .leave a {color: #c33; font-weight: bold}

div#teach-content { clear: both;}

div.schools-container { clear: left; padding: 20px; border: 1px solid #ccc;
	-moz-border-radius: 0 8px 8px 8px;
	-webkit-border-radius: 0 8px 8px 8px;
	border-radius: 0 8px 8px 8px; box-shadow: 0 2px 0 0 #CCCCCC;
	background-color: #fff;
}
div.schools-container div.negate-pad {
	margin: -20px;
}

.schools-content {padding: 0;}
.schools-content h1 { font-size: 24px; font-weight: bold; color: #666; border-bottom: 1px solid #ccc; }
.schools-content h1 a { float: right; margin-top: 8px; margin-left: 15px; }
.schools-content p { padding: 10px 4px; line-height: 1.5em; color: #666; font-size: 14px; }
.schools-content a { color: #c33; }
.schools-content a:hover { color: #eb4c4c; }
.schools-content h4 {font-size: 20px}

.schools-content .controls h3, .schools-content .controls h1 { padding: 0; border: none !important; }
.schools-content .controls h3 { font-size: 16px; margin-bottom: -4px; }
.schools-content .controls h1 { margin-bottom: 10px; }

.schools-content h1.classlist-border { margin-top: 10px; white-space: nowrap;
	border: 1px solid #aaa; border-bottom: none;
	-moz-border-radius: 8px 8px 0 0;
	-webkit-border-radius: 8px 8px 0 0;
	border-radius: 8px 8px 0 0;
}
.schools-content h1.classlist-border .index-title { float: none; display: inline-block; padding: 10px 11px 10px 20px; vertical-align: middle; zoom: 1; *display: inline; max-width:445px; overflow:hidden; }
.schools-content h1.classlist-border .index-title span.index-school { font-size: 14px; color: #999; display: block; position: relative; top: 5px; }
.schools-content h1.classlist-border .index-title span.index-class { clear: left; }
.schools-content h1.classlist-border .video-tutorial{height:23px;line-height:23px;padding:5px 0px 5px 30px;float:right;font-size:14px;font-weight:normal;background:url(../images/v1.1/dev-management-videochannel.gif) no-repeat scroll left center;cursor:pointer;}
.schools-content h1.classlist-border a .video-tutorial:hover {text-decoration:underline}
.schools-content h1.classlist-border a { margin: 2px 6px 0 0; }

.schools-content h1 a.manage-link { float: none; display: inline-block; vertical-align: middle; font-weight: normal; font-size: 14px; border-left: 1px solid #aaa;
	margin: 0; padding: 0 0 0 25px; background: url(../images/v1.1/manage-link.gif) left top no-repeat; background-position: 5px center; }
.schools-content h1.classlist-border a.manage-link { padding: 5px; background: none; margin: 10px 0; }

.schools-list { padding: 20px 0 0 0; white-space: nowrap;}
.schools-list div { display: inline-block; vertical-align: top; zoom: 1; *display: inline; }
.schools-list div h2 { font-size: 14px; color: #999; margin: 0 2px; }
.schools-list select { margin-right: 5px; font-size: 14px; padding: 2px 4px; max-width: 200px}
.schools-list a { font-size: 11px; font-weight: bold; white-space: nowrap; }
.schools-list div.prompt-container { padding-top: 5px; white-space: nowrap !important; }
.schools-list div.prompt-container a { display: block; margin: 0 10px 0 0; }
.schools-list .class-container select, .schools-list .school-container select{width:170px; }
.schools-list div.group-notice span {font-weight: bold; font-size: 16px;}
.schools-list div.group-notice span span.red {color: #CC3333;}
.select-options{width:355px;}

.schools-list.no-border { padding-top: 0; border-bottom: none; width:656px; }
.schools-list.no-border div.header h2 { display:block !important; font-size: 20px; /* padding: 5px 5px 0 0; */ }
.teach-utc-message{ max-width:300px; text-align:center; line-height:1.4; white-space:normal !important;}

.classlist-menu { clear: left; padding: 10px 0 4px; }
.classlist-menu a.add-school-button { float: right; margin-top: 4px; margin-left: 10px; }
.classlist-menu ul { margin: 0; padding: 0; height: 30px; font-size: 14px; }
.classlist-menu ul li { float: left; margin: 0 2px; padding: 2px 8px 3px; border: 1px solid #999;
	background: url("../images/v1.1/mini-header-bk.jpg") repeat-x scroll left center;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.classlist-menu ul li a { font-size: 12px; }
.classlist-menu ul li ul { height: auto; padding: 4px 0; position: absolute; background: #ededed; border: 1px solid #ccc; font-size: 12px;
	-webkit-box-shadow: 0px 2px 4px #666;
	-moz-box-shadow: 0px 2px 4px #666;
	box-shadow: 0px 2px 4px #666;
}
.classlist-menu ul li ul li { float: none; border: none; padding: 0 8px 2px;
	background: none;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}
.classlist-menu ul li ul li:hover { background: #fff; }

.classlist-menu ul li:after { content:'\25BC'; margin-left: 5px; font-size: 10px; color: #c33; text-shadow: 1px 1px 1px #000; opacity: 0.7; cursor: pointer; }
.classlist-menu ul li.nosub:after { content:''; margin-left: 2px; }
.classlist-menu ul li ul li:after { content: ''; }
.classlist-menu ul li ul { display: none; }
.classlist-menu ul li:hover ul { display: block; }
.classlist-menu ul li.disabled { color: #ccc;}
.classlist-menu ul li.tab-mng-stundent {cursor: pointer;}
.classlist-menu ul li.check { padding-left: 12px; }
.classlist-menu ul li.check input { vertical-align: middle; padding: 0 4px; }
.classlist-menu ul li.check a.arrow { margin-left: 5px; font-size: 10px; color: #c33; text-shadow: 1px 1px 1px #000; opacity: 0.7; text-decoration: none; }
.classlist-menu ul li.check:hover ul { display: none; }

.classlist-filters { padding: 8px; border: 1px solid #aaa; border-bottom: none; }
.classlist-filters div h2 { /* display: none !important; */ float: left; padding-top: 6px; font-size: 12px; }
.classlist-filters a { float: right; font-size: 14px; font-weight: normal; display: block; padding: 4px 5px 5px 24px; background-repeat: no-repeat; margin-left: 10px; }
.student-report-container .classlist-filters { float:right; border: 0;font-weight:bold; padding:5px; font-size:11px; }
.student-report-container .classlist-filters p .ui-datepicker-trigger { height:16px; }
.student-report-container .video-paginator {border-radius: 6px; border: 1px #ccc solid}
.schools-container a.control { float: right; font-size: 14px; font-weight: normal; display: block; padding: 4px 5px 5px 24px; background-repeat: no-repeat; margin-left: 10px;}
.schools-container a.blog { background-image:url(../images/v1.1/widget-goal-icon-friends.gif);padding:4px 5px 2px 30px;background-position: left 3px; }
.schools-container .controls {margin:0; border-bottom: 2px #ddd solid; padding: 0 20px 3px 0}
.schools-container .onboarding-text {font-size: 20px; padding-bottom: 25px}
.schools-container .onboarding-text a {font-weight: bold}
.schools-container .onboarding-text b {font-size: 22px}
.schools-container .seat-count {float:right; padding-top:5px; padding-bottom:5px; text-align: center}
.schools-container .seat-count div#indicator {height: 40px; line-height: 40px; margin: 7px 0; padding: 0 10px; border-radius: 10px; border: #CB3333 3px solid; color: #000; font-size: 45px;}
.schools-container .seat-count a {line-height: 10px; color: #993433; text-decoration: none;}
.schools-container .seat-count, .schools-container .seat-count a {font-size: 14px; font-weight: bold;}
.schools-container .seat-count .seat-notice {font-size: 14px;  font-weight: bold; color: #c33;}
.classlist-filters p { font-size: 12px; display: block; margin: 0; padding: 0 3px 0 0; zoom: 1;float: left}
.classlist-filters p input { padding: 0; width: 100px; border: none; background: transparent; color: #333; }
.classlist-filters p .ui-datepicker-trigger { padding: 0; border: none; background: url(../images/v1.1/icon-calendar.gif) center center no-repeat; height: 20px; width: 15px; margin: 0 2px; cursor: pointer; }
.classlist-filters p .ui-datepicker-trigger:hover { background-image: url(../images/v1.1/icon-calendar-hover.gif); }
.classlist-filters p.csv { padding: 0 4px; border: 1px solid #ccc; background: url(../images/v1.1/mini-header-bk.jpg) top left repeat-x;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.classlist-filters p.csv a { display: block; background: url("../images/v1.1/downloadcsv.gif") no-repeat center left transparent; margin: 0; padding: 0 0 0 17px; color: #666; font-size: 12px; float: none; }
.classlist-filters p.gmt{padding-left:290px; font-size:11px;}

.classlist-list input { vertical-align: middle; }
.classlist-list ul { margin: 0; padding: 3px 0 0; font-size: 14px; height: 25px; }
.classlist-list ul li, .classlist-list div ul li { float: right; margin: 0 2px; padding: 2px 8px 3px; color: #666; zoom: 1; }
.classlist-list ul li.name { float: none; color: #c33; }
.classlist-list ul li.name .name { display: block; width: 190px;  overflow: hidden; }
.classlist-list ul li.name .invite { color: #666; font-style: italic; }
.classlist-list ul li.name .email { display: block; font-size: 12px; color: #666; font-style: italic; margin-left: 86px;}
.classlist-list ul.teach-view li.name .email  {margin-left: 0;}
.classlist-list ul li.name .deactivated { color: #666; text-decoration: line-through; }
.classlist-list ul li.info { float: none; padding-left: 40px; }
.classlist-list ul li.status { width: 120px; }
.classlist-list ul li.expiry { width: 90px; }
.classlist-list ul li.group { width: 150px; font-size: 12px; }
.classlist-list ul li.group em { color: #c33; font-style: normal; }
.classlist-list ul li.classes-header { width: 200px;}
.classlist-list ul li.classes { width: 200px; font-size: 12px; }
.classlist-list ul li.check { float: left; text-align: center; width: 25px; }
.classlist-list ul li.btn { float: left; text-align: center; width: 30px; }
.classlist-list ul li.student { float: left; width: 250px; color: #c33; padding-left: 15px; overflow: hidden; }
.classlist-list ul li.points { float: left; font-size: 12px; text-align: right; }
.classlist-list ul li.field { float: none; /* margin-left: 185px; */}

.classlist-header { font-weight: bold; background: #eee; }
.classlist-header ul li { color: #333 !important; }
.classlist-header ul li.group { font-size: 14px; }

.classlist-footer { background: #eee; }
.classlist-footer ul { border: 1px solid #aaa !important; }
.classlist-footer ul li { color: #333 !important; font-size: 12px; }
.classlist-footer ul li.student { text-align: right; font-weight: bold; }
.classlist-footer ul li.name span.left { float: left; }
.classlist-footer ul li.name span.right { float: right; }

.classlist-info ul { border: 1px solid #aaa !important; }

/* clearfix for classlist */
.classlist-list ul { overflow: hidden; height: auto; }
/* end clearfix */

.schools-container div.curriculum {padding: 0 65px 30px 65px; min-height: 50px; line-height: 150%}
.schools-container div.curriculum a {font-size: 20px; font-weight: bold; padding-right: 20px; background: url(../images/teach-arrow.jpg) no-repeat right center transparent}
.schools-container div.curriculum.channel { background: url(../images/teach-video-large.jpg) no-repeat left top transparent}
.schools-container div.curriculum.goal { background: url(../images/teach-goal-large.jpg) no-repeat left top transparent}

#goal-line { border-style: solid; border-color: #999; background-color: #aaa; border-width: 0 1px; width: 1px; position: absolute; }
#goal-label { color: #999; padding-top: 4px; }

.classlist-list div ul li.field span { display: none; }
.classlist-list ul li.field, .classlist-list div ul li.field { height: 14px; overflow: hidden; display: block; font-size: 0; border: 1px solid #ccc; padding: 2px; margin-right: 10px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.report .progress { height: 100%; border: none; background: #eee; margin: 0; padding: 0; }
.report .progress .ui-progressbar-value { height: 100%; margin: 0; padding: 0; border: none; background: url("../images/v1.1/progress-table-learn.jpg") repeat-x scroll left center transparent; }

.classlist-content  { border-bottom: 1px #aaa solid }
.classlist-list ul, .classlist-content .paginator, .classurl-info { border: 1px solid #aaa; border-bottom: none; }
.classlist-content ul.premium-row {background-color: #FAFAD2}

.classlist-content ul li.btn span.bt-student-mod {
	height: 20px;
	width: 30px;
	line-height: 20px;
	font-size: 10px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #ccc;
	cursor: pointer;
	margin-right: 5px;
	display: none;
}

.classlist-content ul li.btn span.bt-student-mod.active {
	display: block;
}

.classurl-info { border-top: none; padding: 10px 20px 0; text-align: center; }
.classurl-info p { font-size: 14px; padding: 10px 30px 10px 10px; margin: 0; background: #eee; color: #333;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.classurl-info p span { font-size: 16px; font-weight: bold; }

.schools-content .no-border { border: none !important; }
.school-button { text-align: left; padding: 10px 20px 20px; clear: left; border: 1px solid #aaa; border-top: none; }
.school-button a { font-size: 24px; }
.school-button.no-border { padding: 30px 2px 20px; }

.school-dialog .error { color: red; font-size: 12px; padding: 0 10px 8px; width: 380px; }
.school-dialog h1 { font-size: 40px; color: #000; margin: 20px 0 0 30px; }
.school-dialog h2 { font-size: 20px; color: #666; margin: 20px 0 0 30px; }
.school-dialog p { padding: 10px 30px 0; line-height: 1.5em; color: #666; font-size: 16px; }
.school-dialog p.note { padding: 5px 0 10px; font-size: 12px; font-weight: bold; line-height: 1; width: 400px; }
.school-dialog form { margin: 0; }
.school-dialog fieldset { border: none; margin: 0 0 0 30px; padding: 0; font-size: 16px; }
.school-dialog fieldset p { padding: 15px 0 0; }
.school-dialog label { display: block; color: #333; margin: 15px 0 0; }
.school-dialog input { width: 400px; vertical-align: top; }
.school-dialog select { width: 410px; padding: 2px; font-size: 14px; }
.school-dialog textarea { width: 400px; }
.school-dialog label.classurl { float:left; font-weight: bold; font-size: 11px; line-height: 14px; color: #666; margin-top: 4px; vertical-align: top; }
.school-dialog input.classurl { width: 120px; }
.school-dialog .textfield-valid { display: inline-block; width: 17px; height: 14px; background: url(../images/v1.1/school-checked.gif) top left no-repeat; }
.school-dialog .textfield-invalid { display: inline-block; padding-left: 18px; min-height: 14px; background: url(../images/v1.1/school-crossed.gif) center left no-repeat; font-size: 11px; color: #c33; width: 150px}
.school-dialog .textfield-loading { display: inline-block; width: 17px; height: 16px; background: url(../images/v1.1/loading-circle-animation.gif) top left no-repeat; }
.school-dialog .textfield-suggested { background-image: url(../images/v1.1/school-suggested.gif); }
.school-dialog span.label { display: inline-block; font-weight: normal; font-size: 11px; color: #666; vertical-align: top; padding-top: 4px; margin-left: 2px; }
.school-dialog span.label em { font-style: normal; color: #c33; }
.school-dialog span.info { margin-right: 10px; }
.school-dialog span.value { font-weight: bold; color: #333; font-size: 18px; }

.school-dialog .add-message #message {height: 80px; width: 510px;}
.school-dialog h3 { font-size: 20px; color: #333; margin: 20px 0 10px; border-bottom: 1px solid #ccc; }
.school-dialog ul { margin: 0; padding: 0; }
.school-dialog ul li { margin: 0 0 5px; padding: 0; }
.school-dialog ul.seat-account-list { font-size: 12px; padding: 5px; max-height: 120px; overflow: auto; }
.school-dialog ul.seat-account-list li { margin-bottom: 2px; }
.school-dialog ul.seat-account-list li span { font-size: 11px; color: #999; font-style: italic; margin-left: 5px; }
.school-dialog ul.seat-available-list li span { color: #666; font-style: italic; margin-left: 5px; }
.school-dialog ul.seat-available-list li input { width: auto; margin: 2px 5px 0 0; vertical-align: text-top; }
.school-dialog ul.seat-available-list li.disabled { color: #ccc; }
.school-dialog ul.seat-available-list li.disabled span { color: #ccc; }

.school-dialog .school-button { text-align: left; padding: 30px; font-size: 16px; }
.school-dialog .school-button a { font-size: 18px; width: 120px; margin: 0 10px 0 0; }
.school-dialog .school-button span { margin: 0 5px; color: #c33; cursor: pointer; }
.school-dialog .school-button span:hover { color: #eb4c4c; }

.school-dialog #bt-delete-message {
	float: right;
	height: 16px;
	line-height: 16px;
	font-size: 14px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #ccc;
	cursor: pointer;
	padding: 5px;
	margin-right: 143px;
}
.school-dialog #update-field-head {padding: 0; margin: 0; margin-bottom: 5px; height: 30px;}
.school-dialog .update-message em{color: #cc3333; font-style:normal; font-size: 11px;}
.billing-form div { margin: 0; padding: 0; }
.billing-form #cc-details div { margin: 4px 0 0; }

.billing-form .seat-type ul { margin:0; padding: 0; }
.billing-form .seat-type ul li { margin: 0 20px 0px 0; padding: 0; float: left; text-align: center; }
.billing-form .seat-type ul li label { width: 190px; }
.billing-form .seat-type ul li label span { display: block; font-weight: bold; }
.billing-form .seat-type ul li label span.plan-title {
	font-size: 20px;
	height: 40px;
	padding: 10px 0 5px;
	border: 1px solid #ccc;
	border-bottom: 1px solid #fff;
	background: url(../images/v1.1/seat-type-bk.jpg) top left repeat-x;
	-moz-border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;
}
#seat-payment-type .garanti-cards {
	border: 1px solid #ccc;
	padding: 10px;
	margin-top: 10px !important;
	padding-top: 60px;
	width: 535px;
	background: url(../images/v1.1/garanti-logo.jpg) top left repeat-x;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
.billing-form .seat-type ul li label span.plan-title span { font-size: 14px; color: #999; }
.billing-form .seat-type ul li label span.plan-title span.info { color: #999; }
.billing-form .seat-type ul li label span.plan-amount { font-size: 25px; white-space: nowrap; padding: 0 20px; height: 38px; border: 1px solid #ccc; border-bottom: none;
	background: url(../images/v1.1/seat-type-bk.jpg) top left repeat-x;
	background-position: 0 -40px;
}
.billing-form .seat-type ul li label span.plan-amount span { display: inline; }
.billing-form .seat-type ul li label span.plan-amount span.savings { color: #c33; text-decoration: line-through; margin-right: 10px; }
.billing-form .seat-type ul li label span.plan-amount span.savings span { color: #ccc; }
.billing-form .seat-type ul li label span.plan-info {
	font-size: 14px; color: #999; border: 1px solid #ccc; border-top: none; padding: 0 0 10px; margin: 0 0 5px;
	height: 112px;
	background: url(../images/v1.1/seat-type-bk.jpg) top left repeat-x;
	background-position: 0 -80px;
	-moz-border-radius: 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;
	border-radius: 0 0 10px 10px;
}
.billing-form .seat-type ul li label span.plan-info span { display: inline; background: none;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}

.billing-form .seat-affiliate { margin: 0; padding: 0 0 30px; }
.billing-form .seat-affiliate input { float: left; margin: 4px 0 0; }
.billing-form .seat-affiliate p, .billing-form .seat-affiliate select { clear: none; padding: 0; margin-left: 25px; }
.billing-form .seat-affiliate p.selected { font-weight: bold; color: #333; }
.billing-form .seat-affiliate select { margin-bottom: 10px; }
.billing-form .seat-affiliate select.disabled { color: #ccc; }

.billing-form .seat-discount p.seat-quantity { padding: 0; margin: 0 0 5px; }
.billing-form .seat-discount p.seat-quantity label { display: inline-block; width: auto; font-size: 16px; color: #333; }
.billing-form .seat-discount p.seat-quantity input { text-align: right; font-weight:bold; font-size:20px; margin: 0; width: 60px; border: 1px solid #333; padding: 0 5px; }
.billing-form .seat-discount p.seat-quantity input.disabled { color: #999; border: none; text-align: left; background: none; }

.billing-form .seat-total { margin: 0 0 20px; padding: 5px; color: #c33; font-size: 20px; font-weight: bold; background: #eee; }

.billing-form h1 { clear:left; color: #333; font-size: 18px; border-color: #999; margin: 0 0 15px; }
.billing-form h2 { clear:left; color: #999; font-size: 16px; margin: 0 0 10px; }

.billing-form ul.errors { padding: 0; margin: 0; }
.billing-form ul.errors li { padding: 0; margin: 0;
	background: 0; border: none;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}

/*
.billing-form .seatplan-step-1, .billing-form .seatplan-step-2, .billing-form .seatplan-step-3, .billing-form .seatplan-step-4
{ min-height: 170px; padding-left: 55px; background-color: #fff; background-position: top left; background-repeat: no-repeat; }
.billing-form .seatplan-step-1 { background-image: url(../images/v1.1/seatplan-step-1.jpg); }
.billing-form .seatplan-step-2 { background-image: url(../images/v1.1/seatplan-step-2.jpg); }
.billing-form .seatplan-step-3 { background-image: url(../images/v1.1/seatplan-step-3.jpg); }
.billing-form .seatplan-step-4 { background-image: url(../images/v1.1/seatplan-step-4.jpg); padding-left: 0; }
*/

.discount-progress-container ul.discount-label { margin: 0; padding: 0; position: relative; top: -42px; }
.discount-progress-container ul.discount-label li { float: left; width: 25%; text-align: center; font-size: 24px; font-weight: bold; color: #999; }
.discount-progress-container ul.discount-label li span { display: block; border-right: 1px solid #999; padding: 45px 0 10px;}
.discount-progress-container ul.discount-label li span.no-border { border: none; }
.discount-progress-container ul.discount-label li span span { font-size: 14px; border: none; padding: 0; }

ul.discount-label { margin: 0 0 40px; padding: 0 10px; }
ul.discount-label li { float: left; width: 25%; text-align: center; font-size: 13px; font-weight: bold; color: #333; }
ul.discount-label li em { color: #c33; }


.billing-form .discount-progress-container { padding: 10px; margin: 0 0 5px; height: 80px; overflow: hidden;}
.discount-progress-container {
	border: 1px solid #ccc;
	background: url(../images/v1.1/seat-type-bk.jpg) top left repeat-x;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0 0 4px #ccc;
	-moz-box-shadow: 0 0 4px #ccc;
	box-shadow: 0 0 4px #ccc;
}

.discount-progress {
	height: 30px;
	border: 1px solid #aaa;
	background: #eee;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.discount-progress .ui-progressbar-value {
	margin: -1px;
	border: 1px solid #aaa;
	background: url(../images/v1.1/seat-discount-current.jpg) top left repeat;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.discount-progress .ui-progressbar-value .ui-progressbar-value-current {
	margin: -1px; height: 100%; min-width:2px;
	border: 1px solid #aaa;
	background: url(../images/v1.1/seat-discount-purchase.jpg) top left repeat;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.store-go-btn{
	position:relative;
	top:-38px;
	right:182px;
	cursor:normal !important;
	float:right;
}


/*Notes on the score updates*/
.score-update-note{ text-align:center; padding: 5px 40px; border-color: #999; border-style: solid; border-width: 0 1px 1px; }
.seat-note { text-align: center; padding: 5px 40px; clear: both; font-size: 12px; /*border-bottom: 1px solid #999;*/ }

.email-how{font-size: 11px; font-style: italic; color: #999 !important;margin-top:0 !important}

.teach-btn {float: right; margin: 0; padding: 0 0 0 5px}
.teach-btn.unfloated {float:none}
.teach-btn li {float: left; height:32px; line-height:32px; cursor: pointer}
.teach-btn .teach-btn-left {width:31px; background: url(../images/teach-btn-left.gif) top left no-repeat;}
.teach-btn .teach-btn-mid {font-weight: bold; color: #999; font-size: 14px; background: url(../images/teach-btn-bg.gif) top left repeat-x;}
.teach-btn .teach-btn-right {width:16px; background: url(../images/teach-btn-right.gif) top left no-repeat;}

/*.schools-tabs li .browse {background: url("../images/browse.png") no-repeat scroll right center transparent; padding-right: 25px; margin-right: -25px}*/

div#no-students.no-classlist-item {width: 745px; float: left;}
.no-classlist-item h2 { font-size:30px; }
.no-classlist-item p { font-size:16px; line-height:24px; margin: 10px 0; }
.no-classlist-item p.note { font-size: 14px; margin-top: 20px; }
.no-classlist-item a { color: #953035; }
.no-classlist-item a:hover { color: #eb4c4c; }

.no-classlist-item .share-container { padding: 0; width: 920px; height: 65px; clear: both;}
.no-classlist-item .share-container .shareurl {min-width: 465px; white-space:nowrap}
.no-classlist-item .share-container div {margin-top: 8px; margin-right: 15px; float: left; height: 45px; line-height: 45px;}
.no-classlist-item .share-container div.text1 {font-size: 25px; color: #666666;}
.no-classlist-item .share-container div.shareurl-button2 {margin-top: 8px; margin-right: 15px; background: url("../images/onboarding-step-bg.gif") repeat-x scroll left -8px transparent; border: 1px #ccc solid; -moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	font-size: 17px;}
.no-classlist-item .share-container .shareurl-button2 .share-btn-invite {
	background: url("../images/send_invite2.png") no-repeat center center transparent;
	height: 24px;
	width: 25px;
}
.share-instruction {line-height: 150%; color: #666; font-size: 14px}
div.shareurl-button2 {text-align: center; font-weight: bold; color: #666; border-radius: 6px; border: 1px #ccc solid; cursor: pointer; background: url("../images/onboarding-step-bg.gif") repeat-x scroll left -32px; width: 140px; height: 25px; line-height: 25px;}
.no-classlist-item .share-instruction { font-size: 19px; margin-top: 5px; margin-bottom: 15px; }
.classlist-list ul li.class-empty { font-size: 18px; text-align: center; padding-right: 100px; }
.no-classlist-item .copy-icon { margin-top: 0; }

.tt-step {color: #333; padding: 5px 40px 5px 75px; line-height: 35px; font-size: 24px; font-weight: bold}
.tt-step-1 {background: url('../images/tt-step-1.gif') no-repeat scroll 30px center; margin-top: 10px}
.tt-step-2 {background: url('../images/tt-step-2.gif') no-repeat scroll 30px center}

.or-bg {text-align: center; margin: 0 30px; background: url('../images/or-bg.gif') repeat-x scroll left center }
.or-or {background-color: #fff; font-size: 34px; font-weight: bold; color: #999}

ul.onboarding-items li {font-size: 16px; float: left; font-weight: bold; text-align: center;background-position: center 60px; width: 21%; padding: 10px 10px 140px; min-height: 50px; background-repeat: no-repeat;border-right: 1px #eee solid}
ul.onboarding-items li.item1 {background-image: url('../images/teach-welcome-bg1.jpg')}
ul.onboarding-items li.item2 {background-image: url('../images/teach-welcome-bg2.jpg')}
ul.onboarding-items li.item3 {background-image: url('../images/teach-welcome-bg3.jpg')}
ul.onboarding-items li.item4 {background-image: url('../images/teach-welcome-bg4.jpg'); border-right:0px}
.graydient {background: url("../images/landing-register-bg.jpg") repeat-x scroll left top #EEEEEE}
.onboarding-manage{font-size: 26px; font-weight:bold; line-height: 106px; text-align:center; border: 1px #ccc solid}
.onboarding-curriculum{font-size: 20px; font-weight:bold; text-align:center; border: 1px #ccc solid; padding: 20px 30px; -moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;}
.schools-container.onboarding-container{background: url("../images/teach-onboarding-bg.jpg") no-repeat scroll left top}
h2{font-size: 30px}
h3{font-size: 20px; color: #666}
.onboarding-container h2{font-size: 36px}
.onboarding-container h3{font-size: 26px}

#schools-content .billing-form { width:620px; }
#schools-content div.teacher-tools-teaser {background: url('../images/teacher-tools-teaser.jpg') no-repeat scroll left center; width:100%; height: 448px; padding-left: 520px; margin-top: 50px}
ul.schools-widgets.plain li{background-image:none}

.ec-button.inactive, .ec-button.inactive:hover {background: url("../images/landing-ec-bg-disabled.jpg") repeat-x scroll left top #a3a3a3; cursor: no-drop}

.mini-header.warning {width: 570px; padding-right: 10px}
.billing-form ul.errors {width: 220px}
#management-step-contents {max-width: 1000px;}

span.ajax{margin: 0 10px; font-size:16px; font-weight: bold; display:block}

.myCurriculum a {color: #933}
.myCurriculum .video-thumbnail a {color: #555}
.goalDisabled{background-color: #ddd}

div.teach-help {position: fixed; z-index: 3; top: 105px; right: 0; background: url("../images/teach-help-icon.gif") no-repeat scroll center 8px #000; color: #fff; font-weight: bold; padding: 44px 14px 8px 14px; width: 30px; text-align: center; border: 2px #fff solid; box-shadow: 0 0 10px #999; cursor: pointer; border-radius: 5px 0 0 5px}
div.goal-notice{width:180px; text-align: center; font-weight: bold; font-size: 14px}
div.student-selects-notice {font-size: 14px; padding: 10px 0 80px 0; color: #666}
div.teach-announcement-wrap {width: 815px; background-color: #feffe7; padding: 8px 14px 8px 14px; border: 1px #ccc solid; border-radius: 5px; clear:both; margin: 0 auto; margin-bottom: 20px;}
div.teach-announcement-scroll-wrap {overflow-y: scroll; max-height: 200px}
div.teach-announcement-header {height: 20px; font-weight: bold; font-size: 16px}
div.teach-announcement-close {background: url("../images/button-close-square.gif") no-repeat scroll right bottom; width: 15px; height: 15px; float: right; cursor: pointer}
div.teach-announcement-item {padding-top: 15px}
div.teach-announcement-item-date{color: #666; font-size: 10px; padding-top: 5px}
p.topicCount {font-weight: bold; color: #999}
p.instruction {padding: 0;}
p.instruction.line1 {font-size: 22px; font-weight: bold; color: #666; clear: left}
div.instruction.indent {margin: 25px 0px 25px 25px;}
p.instruction.center {text-align:center;}
p.instruction.line2 {font-size: 18px;}
p.instruction.line2 a {font-weight: bold; color: #933}

div.teacher-blog-link {float: right; height: 0px; line-height: 50px; font-weight: bold; cursor: pointer; font-size: 14px}
div.teacher-blog-link img {margin-left: 5px; vertical-align:middle;}
div.teacher-blog-link ul{
		margin: 0px;
}
div.teacher-blog-link ul li.tab{
    cursor: pointer;
    float: left;
    height: 40px; line-height: 15px;
    margin: 0; padding: 10px 0 0;
    text-align: left;
    text-shadow: 1px 1px 1px #FFFFFF;
    width: 105px;
    word-wrap: break-word;
    color: #555555;
}
div.teacher-blog-link ul li.tab span {
	height: 50px; width: 70px; display: inline-block; padding-left: 35px;
}
div.teacher-blog-link ul li.tab#bt-vid-tut span{
	background: url("../images/bt-vid-tut-ico.png") no-repeat scroll center center transparent;
	background-position: 5px 5px;
	
}
div.teacher-blog-link ul li.tab#bt-teach-blog span{
	background: url("../images/bt-blog-ico.png") no-repeat scroll center center transparent;
	background-position: 5px 5px;
}

div#page-heading {
	font-size: 22px; font-weight: bold; color: #666; clear: left;
	height: 50px;
	margin: 25px 0px 10px 30px;
}
div#page-heading span#noset-title {
	color: #BE3535; text-shadow: 0 1px #000;
}
div#page-heading div#goal-settings {
	margin-left: 30px;
	font-size: 14px; font-weight: normal; color: #888; line-height: 14px;
}
div#page-heading div#goal-settings div.left {
	border-right: 1px dotted #ccc;
	padding: 0px 25px 0px 25px;
	width: 100px;
}
div#page-heading div#goal-settings div.goal-name {
	font-size: 14px; letter-spacing: 2px; font-weight: bold;
}
div#page-heading div#goal-settings div.goal-setting {
	font-size: 15px;
}
div#page-heading div.separator {
	margin: 10px 20px 0px 20px;
	border-right: 1px dotted #ccc;
	height: 30px; width: 1px;
}

h4.curriculum {color: #666; height: 26px; clear:left; font-size: 18px;}
h4.curriculum .manage-topic {font-size: 14px}

div.curriculum-sidebar {float:right; width: 280px; min-height: 420px;}
div.curriculum-contents {width: 640px; padding:0 10px 40px 0;}

div.curriculum-sidebar ul.videolist-side { border: 1px solid #ccc; margin:10px 0 0; padding:0; height:350px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; overflow-y:scroll; }
div.curriculum-sidebar ul.videolist-side li.video-thumbnail {
	display:inline-block !important;
	zoom:1; *display:inline; width:256px; vertical-align:middle !important;
	margin:0px !important; padding:3px 0px 3px 5px !important; border-bottom:1px solid #ccc;}
div.curriculum-sidebar ul.videolist-side li.video-thumbnail p.thumbnail {
	width: 50px; height: 35px;
	border: none;
	border-radius: 0 0 0 0;
	box-shadow: none;
	min-width: 150;
	float: left;
}
div.curriculum-sidebar ul.videolist-side li.video-thumbnail p.thumbnail span.photo{ display:block;
	width:50px; height:35px;}
div.curriculum-sidebar ul.videolist-side li.video-thumbnail p.title {
	float: left; width:173px; font-size:11px; color:#993333;}
div.curriculum-sidebar ul.videolist-side li.video-thumbnail p.title:hover {text-decoration:underline;}
div.curriculum-sidebar ul.videolist-side li.video-thumbnail p.thumbnail span.cdm-delete {
	display: none;
	background-image:url(../images/delete-icon.png); background-position:top center; background-repeat:no-repeat;
	padding: 0;
	padding-top: 13px;
	color: #fff; font-size:9px; height:20px; text-align:center; line-height:1.10;
}


.left { float: left;}

div.curriculum-option-separator {
	height: 1px;
	border-top: 1px solid #CCCCCC;
}
div.curriculum-option ul.curriculum-steps-tab {
	padding: 0;
	margin: 0;
}
div.curriculum-option ul.curriculum-steps-tab li.curriculum-step {
	width: 220px; height: 125px;
	border-right: 1px solid #CCCCCC;
	padding-left: 30px;
	color: #666666;
	position: relative;
	cursor: pointer;
}
div.curriculum-option ul.curriculum-steps-tab li.curriculum-step span {
	height: 120px; line-height: 120px;
}
div.curriculum-option ul.curriculum-steps-tab li.curriculum-step.border {
	border-bottom: 1px solid #CCCCCC;
}
div.curriculum-option ul.curriculum-steps-tab li.curriculum-step.current {
	background-color: #f8f8f8;
}
div.curriculum-option ul.curriculum-steps-tab li.curriculum-step span.step-number {
	font-size: 26px;
	font-weight: bold;
}
div.curriculum-option ul.curriculum-steps-tab li.curriculum-step span.step-desc {
	margin-left: 5px;
	font-size: 16px;
}
div.curriculum-option ul.curriculum-steps-tab li.curriculum-step.done span.step-icon {
	width: 30px; height: 30px;
	margin-left: 5px;
	background: url("../images/ico-curriculum-step.png") no-repeat scroll center center transparent;
	display: block;
	position: absolute;
	top: 45px;
	right: 15px;
}

div.curriculum-option ul.curriculum-steps-tab li.curriculum-step em.n {
	position: absolute; left: 250px; top: 50px;
	border-right: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 13px solid #ccc;
	 /* ie6 transparent fix */
	_border-top-color: pink;
	_border-bottom-color: pink;
	_border-left-color: pink;
	_filter: chroma(color=pink);
	display: none;
}
div.curriculum-option ul.curriculum-steps-tab li.curriculum-step em.m{
	border-left-color: #f8f8f8;
	left: 248px;
}
div.curriculum-option ul.curriculum-steps-tab li.curriculum-step.current em.n {
	display: block;
}
div.curriculum-option {
	width: 100%;
	border-bottom: 1px #ccc solid;
}
div.curriculum-option div.curriculum-setting {
	width: 675px; padding: 20px 0px 0px 20px;
	color: #666;
}

div.curriculum-option div.curriculum-setting div#goals {
	width: 460px;
}
div.curriculum-option div.curriculum-setting div#no-goal {
	width: 170px; height: 190px;
	padding-left:5px;
	margin: 20px 0px 0px 20px; border-left: 1px solid #ccc;
	line-height: 190px; text-align:center;
}
div.curriculum-option div.curriculum-setting div#goals p.instruction {
	margin-bottom: 15px;
}
div.curriculum-option div.curriculum-setting div#goals div.goal {
	width: 75px;
	text-align: center;
}
div.curriculum-option div.curriculum-setting div.goal div.goal-header {
	font-size: 18px; font-weight: bold;
}
div.curriculum-option div.curriculum-setting div#goals div.goal input, div.curriculum-option div.curriculum-setting div#goals div.goal div.calc-study-time {
	width: 40px; height: 30px;
	text-align: center; font-size: 20px; font-weight: bold; color: #666666;
}
div.curriculum-option div.curriculum-setting div#goals div.goal div.calc-study-time {
	width: 98px; height: 38px; line-height: 33px;
}
div.curriculum-option div.curriculum-setting div#goals div.separator {
	height: 80px;
	font-size: 16px; font-weight: bold; line-height: 80px;
}
div.curriculum-option div.curriculum-setting div#goals div#goal-deadline {
	border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;
	width: 450px; height: 40px;
	line-height: 40px; margin: 0 auto; margin-top: 20px;
}
div#localtime { width: 130px; line-height:12px !important; float:right; padding: 7px 0 0 5px; color: #c33}

div.curriculum-option div.curriculum-setting div#goals div#goal-deadline .left-margin {
	margin-left: 30px;
}


div.curriculum-setting div.video-selection {
	text-align: center;
	font-size: 14px; font-weight: bold;
}
div.curriculum-setting div.video-selection div.selection-desc {
	font-size: 14px; font-weight: normal;
}
div.curriculum-setting div#teacher-selects {
	width: 400px;
}
div.curriculum-setting div#teacher-selects div.selection-options {
	margin-top: 20px;
}
div.curriculum-setting div#teacher-selects div.selection-options div.option {
	width: 180px; height: 140px; margin-right: 10px;
}
div.curriculum-setting div#teacher-selects div.selection-options div.option a {
	text-decoration: none;
}
div.curriculum-setting div#teacher-selects div.selection-options div.option div#btn-add-courses {
	background: url("../images/course-button-bk.jpg") repeat-x scroll left top #9CCA5E;
    border: 1px solid #73A948; border-radius: 4px 4px 4px 4px;
    color: #3B6B1A; text-shadow: 0 1px #C8E1A7;
    cursor: pointer;
    font-weight: bold;
    margin: 0 auto 5px; padding: 8px 10px 8px 25px;
    position: relative;
    width: 110px;
}
div.curriculum-setting div#teacher-selects div.selection-options div.option div.description,
div.curriculum-setting div#student-selects div.description {
	font-size: 14px; font-weight: normal;
	margin-bottom: 5px;
}
div.curriculum-setting div#teacher-selects div.selection-options div.option div.selected {
	width: 140px;
	margin: 0 auto; padding-top: 5px;
	border-top: 1px dotted #ccc;
	font-size: 12px; font-weight: normal;
}
div.curriculum-setting div#teacher-selects div.selection-options div.option div#btn-add-courses span {
	background: url("../images/ico-btn-green-rightarrow.png") no-repeat scroll center center transparent;
    display: block;
    width: 18px; height: 19px;
    position: absolute; top: 5px; left: 5px;
}
div.curriculum-setting div#teacher-selects div.selection-options div.option div#btn-add-videos {
	background: url("../images/btn-selectvids-bg.png") no-repeat scroll left top;
    cursor: pointer;
    width: 120px; height: 40px;
    margin: 0 auto;
}
div.curriculum-setting div#student-selects {
	width: 220px;
	border-left: 1px solid #ccc;
	margin-left: 20px; padding-left: 20px;
}
div.curriculum-setting div#student-selects div#ico-student-selects {
	background: url("../images/btn-studentsselect-bg.png") no-repeat scroll left top;
    cursor: pointer;
    width: 120px; height: 40px;
    margin: 20px auto 0;
}


div.curriculum-option div.select-options {
	width: 150px;
}
div.btn-curriculum {
	border: 1px solid #73A948; border-radius: 4px 4px 4px 4px;
	background: url("../images/course-button-bk.jpg") repeat-x scroll left top #9CCA5E;
	padding: 8px 10px 8px 25px;
	font-weight: bold; color: #3B6B1A; text-shadow: 0 1px #C8E1A7;
	cursor: pointer;
	position: relative;
	margin: 5px 5px 5px 0px;
}
div.btn-curriculum:hover {
	color: #5d863c;
}
div.btn-curriculum span {
	background: url("../images/ico-btn-green-rightarrow.png") no-repeat scroll center center transparent;
	width: 18px; height: 19px;
	display: block; position: absolute; top: 5px; left: 5px;
}

div.curriculum-option-top {
	width: 100%; background: url("../images/landing-header-bg.jpg") repeat-x scroll left -190px;
	border-radius: 8px 8px 0 0;
}
div.curriculum-option-top div {float:left; text-align: center; padding: 5px 0; font-size: 14px; color: #333}
div.curriculum-option-top div span.heading {padding-bottom: 5px; color: #999; font-size: 20px; font-weight: bold }
div.curriculum-option-top div.part1 {padding-left: 10px; width: 28%; height: 125px; border-right: 1px #ccc solid}
div.curriculum-option-top div.part2 {padding-left: 20px; width: 25%; height: 125px; border-right: 1px #ccc solid}
div.curriculum-option-top div.part3 {padding-left: 20px; width: 41%; height: 125px;}
div.curriculum-option-top div.part2 .anon-register-form-button {height: 28px; line-height: 28px; font-size: 16px !important; font-family: "Arial", "Helvetica";  background: none repeat scroll 0 0 #D75756; border:1px solid #999; margin-top:4px;}
div.curriculum-option-top ul {margin: 0; padding: 5px 0 0 0}
div.curriculum-option-top ul li {float: left; text-align: left}
div.curriculum-option-top ul li span {display: inline-block}
div.curriculum-option-top div.part1 div {width: 100%; text-align: center;}
div.curriculum-option-top div.part1 ul {margin: auto; padding-left: 10px;}
div.curriculum-option-top div.part1 ul li {cursor: pointer; background: url("../images/class-difficulty-bg.gif") repeat-x scroll left top #000; border-right: 1px #fff solid; width: 27px; height: 28px; line-height: 28px; font-weight: bold; text-align:center; color: #fff}
div.curriculum-option-top div.part1 ul li.selected {background-image: url("../images/class-difficulty-selected-bg.gif")}
div.curriculum-option-top div.part1 ul li.left {border-radius: 3px 0 0 3px}
div.curriculum-option-top div.part1 ul li.right {border-radius: 0 3px 3px 0}
div.curriculum-option-top div.part1 ul li.all {border-radius:3px; border-left: 1px #fff solid;border-right: 0; width: 32px}
div.curriculum-option-top div.part1 ul li:hover {background: url("../images/onboarding-step-bg.gif") repeat-x scroll left -40px #fff;color: #000}
div.curriculum-option-top div.part2 ul {padding-bottom: 10px}
div.curriculum-option-top div.part2 ul li {width: 50%;}
div.curriculum-option-top div.part2 ul li input {float: left}
div.curriculum-option-top div.part2 ul li span {padding-left: 5px; width: 70%}
div.curriculum-option-top div.part3 .help {cursor: pointer; display: inline-block; width: 18px; height: 18px; background: url('../images/help.png') no-repeat scroll center center;margin-left: 5px}
div.curriculum-option-top div.part3 ul li {line-height: 30px; padding-right: 10px}
div.curriculum-option-top div.part3 ul li.goalcol1 {border-right:1px solid #ccc; margin-right:10px;}
div.curriculum-option-top div.part3 ul li.reportDay {line-height: 100%; padding-top: 20px}
div.curriculum-option-top div.part3 ul li span {width: 45px}
div.curriculum-option-top div.part3 ul li input {font-weight: bold; color: #666; font-size: 14px; padding-right: 5px;}
div.curriculum-option-bottom {background: url("../images/landing-ec-bg-disabled.jpg") repeat-x scroll left top; width: 100%;border-radius: 0 0 8px 8px; text-align: right; line-height: 36px; color: #fff; font-weight: bold}
div.curriculum-option-bottom .curriculum-save {color: #fff; cursor: pointer; background: url("../images/landing-ec-bg.jpg") repeat-x scroll left top #922222; float: right; margin: 5px; width: 125px; height: 25px; line-height: 25px; text-align: center; font-size: 14px; border-radius: 6px; border: 1px #999 solid}
div.curriculum-option-bottom .curriculum-save.disabled-save{cursor: no-drop;background: url("../images/onboarding-step-bg.gif") repeat-x scroll left -40px;color: #666;}

div.copy-icon{width: 50px; height: 45px; background: url("../images/copy-icon.gif") no-repeat scroll center center;border-radius: 8px; border: 1px #999 solid; float: right}
div.share-container{padding: 10px;min-width: 530px }
div.shareurl {background-color: #eee; height: 45px; line-height: 45px; border: 1px #999 solid; font-size: 12px; font-weight: bold; padding-left: 10px; color: #666; border-radius: 8px; margin-top: 8px; white-space:nowrap; overflow-x: auto}
div.shareurl-button {text-align: center; font-weight: bold; color: #666; border-radius: 12px; border: 1px #ccc solid; cursor: pointer; background: url("../images/onboarding-step-bg.gif") repeat-x scroll left -32px; width: 140px; height: 25px; line-height: 25px;}
div.shareurl-button.left {float: left; margin: 10px 10px 10px 0}
div.shareurl-button.left {float: left; margin: 10px 3px 10px 0}
div.share-hover { background-color: #fff; border-radius: 8px; border: 1px #999 solid; position: absolute; top: 105px; left: 645px;z-index: 98}
.share-btn-url{ background: url("../images/share_class_url.png") no-repeat center center; width:18px; height:15px; display:inline-block; vertical-align: middle; zoom:1; *display:inline;}
.share-btn-viewstudent { background: url("../images/view_as_student.png") no-repeat center center; width:23px; height:14px; display:inline-block; vertical-align: middle; zoom:1; *display:inline;}
.share-btn-invite { background: url("../images/send_invite.png") no-repeat center center; width:17px; height:11px; display:inline-block; vertical-align: middle; zoom:1; *display:inline;}
#bt_class_announcement {width: 150px;}
#bt-teach-vidtut {font-size: 12px; margin-bottom: 10px; }
#bt-teach-vidtut span {vertical-align: middle; font-size: 0; padding-right: 10px; display: inline-block; height: 15px; width: 18px; background: url("../images/bt-vidtut-ico.png") no-repeat scroll center center transparent; }
.bt-class-announcement { background: url("../images/bt-ico-announce.png") no-repeat center center; width:17px; height:11px; display:inline-block; vertical-align: middle; zoom:1; *display:inline;}
.share-btn-logo { background: url("../images/upload_logo.gif") no-repeat center center; width:17px; height:11px; display:inline-block; vertical-align: middle; zoom:1; *display:inline;}
.schools-container .empty-notice { margin:10px 15px 15px 0px; }
.schools-container .empty-notice p { font-size: 20px; color: #999; font-weight: bold; text-align: center; }
.schools-container .empty-notice .classdialog-sample { background: url('../images/classdialog-sample.jpg') no-repeat scroll center center; width: 402px; height: 167px; margin:auto; }
.schools-container .empty-notice .classtopic-sample { background: url('../images/classtopic-sample.jpg') no-repeat scroll center center; width: 256px; height: 161px; margin:auto; }
.schools-container p.title { line-height: auto; }
.schools-container h1 { overflow-x: hidden; }
.schools-container .empty-notice.classtopic { border: 1px dashed #ccc; height:100px; padding-top:50px; -moz-border-radius: 5px;-webkit-border-radius: 5px; border-radius: 5px; }
.schools-container .empty-notice p.maintext { color:#999; font-size:16px; font-weight:bold;}
.schools-container .empty-notice p.subtext { color:#999; font-size:12px; margin-top:3px;}
.schools-container .empty-notice p.minitext { color:#999; font-size:10px; margin-top:2px; color: #993333; line-height:1.3;}
.schools-container .empty-notice p.individualvids { text-align:left; padding:0 20px;}
.schools-container .empty-notice.classdialog { border: 1px solid #ccc; height:100px; padding-top:50px; -moz-border-radius: 5px;-webkit-border-radius: 5px; border-radius: 5px; width:100%;}

.pagebreak {page-break-before: always; display: none;}
#report_graph {float: right; width: 650px;  border-right: 1px #aaa solid;}
.report {font-size: 14px; color: #999; border: 1px #aaa solid; border-top: 0; height: 62px; }
.report a {color: #933}
.report-filter input, textarea, select {margin: 0}
.report-filter p {font-size: 16px; font-weight: bold; padding-left: 5px}
.report-filter p span.formattedDate {color: #333; font-size: 11px; font-weight: normal}
.nonpron .report {width: 275px}
.report .box {vertical-align:text-top; border-right: 1px #aaa solid;}
.report .student-status {font-size: 10px;}
.report .student-profile {vertical-align:text-top; width: 268px; max-width: 268px;display:block; overflow: hidden; padding: 2px 2px 2px 5px; height: 58px; float:left}
.report .student-profile .left {max-width:200px; overflow-x: hidden;}
.report .student-email {font-size: 11px; display: block; overflow-x: hidden; max-width: 200px}
.report .student-email a {display: block; overflow-x: hidden; max-width: 200px}
.report .point {display: table-cell; vertical-align: middle; width: 75px; text-align: center; overflow: hidden; display: none}
.report .tiles {display: table-cell; vertical-align: middle; width: 600px; max-height: 62px; height: 62px;}
.report .tiles span {padding: 2px 2px 2px 20px;}
/*.report .tiles img {display: table-cell; vertical-align: text-top;}*/
.report .tiles .soundtile {display: block; float: left; margin: 11px 3px !important}
.report .student-profile .student-name {color: #933; cursor: pointer; line-height: 22px}
.report .student-profile .student-name:hover {text-decoration: underline}
.report .student-profile .student-name.hover-pron, .report .student-profile .student-name.hover-lines{color: #666; cursor: default}
.report .student-profile .student-name.hover-pron:hover {text-decoration: none}
.report-header {color: #666; width: 100%}
.report-export {margin-top: 8px; float: right; width: 45px; padding-top:30px; font-size: 11px; font-weight: bold; text-align:center; background: url("../images/teach-export.gif") no-repeat scroll center top; cursor: pointer}
.report-print {margin-top: 8px; float: right; width: 45px; padding-top:30px; font-size: 11px; font-weight: bold; text-align:center; background: url("../images/teach-print.gif") no-repeat scroll center top; cursor: pointer}
.report a.drilldown-link {display: block; float: right; color: #999; font-size: 10px; padding-top: 15px; margin: 15px 5px 0 0}
.report a.drilldown-link:hover {color: #c33}
.report a.drilldown-link.watch {background: url("../images/watch-drill.gif") no-repeat scroll center top;}
.report a.drilldown-link.speak {background: url("../images/speak-drill.gif") no-repeat scroll center top;}
.report a.drilldown-link.learn {background: url("../images/learn-drill.gif") no-repeat scroll center top;}
.videolist.cdm-videos{ width:640px; border:1px solid #ccc; }
.report .point-all{float:right; height: 58px; line-height: 58px; padding-right: 3px; font-size: 12px;}
#orgBannerPreview {padding-bottom: 20px;max-height: 50px}


/* for course reports*/
.report .student-profile .course-percentage {
	height: 60px; margin: 0px 10px 0px 0px;
	font-weight: bold; font-size:16px; line-height: 60px;
}
.report .course-progress-container {display: table-cell; vertical-align: middle; width: 650px; max-height: 62px; height: 62px;}
.report .course-progress-container .course-progress {margin: 0px 20px 0px 20px;}

div#c-progress-hover-content, div#student-name-hover-content {
	padding: 10px;
	font-size: 15px; font-weight: bold; color: #666;
}
div#c-progress-hover-content span , div#student-name-hover-content span {
	margin: 0px 15px 0px 5px;
}
div#c-progress-hover-content span#cu-number{
	margin: 0px;
}

/* for access codes */
.store-access-code {
	margin-top: 0px !important;
}
#access-code-top {
	 font-size: 14px;
	 font-weight: bold;
	 height: 40px;
	 padding: 10px 0 5px;
	 border: 1px solid #ccc;
	 border-bottom: none;
	 background: url(../images/v1.1/seat-type-bk.jpg) top left repeat-x;
	 -moz-border-radius: 10px 10px 0 0;
	 -webkit-border-radius: 10px 10px 0 0;
	 border-radius: 10px 10px 0 0;
}
#access-code-top.vi { font-size: 20px; border: 1px solid #CCCCCC; line-height: 37px;}
#access-code-middle.vi { height: 114px; padding: 35px 30px 0;}
#access-code-middle p.access-vi-order { 
	font-size:17px;
	color: #FFFFFF;
	line-height: 42px;
	padding: 0;
}
#access-code-middle p.access-vi-link { border-top: 1px dashed #CCCCCC; font-size: 12px; margin: 13px auto; padding-top: 8px; width: 135px; }
#access-code-middle p.access-vi-link a { color: #CC3333; }
#access-code {
	 url: url("../images/v1.1/seat-type-bk.jpg") repeat-x scroll left top transparent;
	 text-align: center;
	 float: right;
	 width: 200px;
	 margin-top: 10px
}
#access-code-middle {
	padding: 0;
	margin: 0;
	border: 1px solid #ccc;
	border-top: none;
	border-bottom: none;
	background: url(../images/v1.1/seat-type-bk.jpg) top left repeat-x;
	background-position: 0 -40px;
	text-align: center;
	height: 152px;
}

#access-code-bottom {
	font-size: 14px;
	color: #999;
	border: 1px solid #ccc;
	border-top: none;
	padding: 0 0 10px;
	margin: 0 0 5px;
	/*background: url(../images/v1.1/seat-type-bk.jpg) top left repeat-x;*/
	background-position: 0 -80px;
	-moz-border-radius: 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;
	border-radius: 0 0 10px 10px;
}

input.accesscode {
	width: 135px !important;
	height: 25px;
	font-size: 16px;
	color: #999;
	border: 0;
}

input.course-accesscode {
	width: 140px !important;
	height: 35px !important;
	float: left;
	font-size: 16px;
	color: #999;
	border: 0;
	padding: 1px 6px;
	border-radius: 4px;
	margin-right: 10px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.246094) 0px 0px 6px !important;
}

input.course-verifycode {
	font-weight: bold !important;
	width: 120px;
}

#accesscode-container {
	margin: 0 10px 5px 10px;
	text-align: left;
	width: 171px;
	background-color: #fff;
	border: 1px solid #ddd;
}
#accesscode-period {
	font-size: 14px;
	font-weight: bold;
}
#accesscode-expiration {
	text-align: center;
	width: 150px;
	padding: 0 10px;
}
#accesscode-details {
	margin-top: 10px;
	text-align: center;
}
#accesscode-faq-link {
	margin: 0 10px;
}
.accesscode-select-option {
	top: -65px;
	position: relative;
}
.accesscode-status img {
	padding-top: 2px;
}
.accesscode-status .success {
	float: right;
	display: none;
}
.accesscode-status .fail {
	float: right;
	display: none;
}

.ajaxTitle{ font-weight: bold; font-size: 14px; text-align: left; color: #000; padding: 3px 3px 5px 3px; padding: 7px; white-space: nowrap }
.ajaxLine, .showEmail { min-height: 50px; }
.ajaxWord { font-size: 11px; padding: 2px 5px 2px 40px; text-indent: -30px; max-width: 200px }
.ajaxThumbnail { float: left; padding: 5px 5px 5px 5px; width: 40px; color: #676767; text-align:center; font-size:11px; }
.ajaxThumbnail img { width:30px !important; height:30px !important; }
.ajaxThumbnail img.profile{ width: auto !important; height: auto !important; max-width:30px !important; max-height:30px !important; }
.ajaxDescription{float: left;padding: 2px 7px 7px 7px;color: #666;max-width: 165px;}
.ajaxDescription .descriptionTitle{font-weight: bold;font-size: 11px;}
.ajaxDescription .descriptionContent{font-size: 11px;}
.ajaxClick{float: left; color: #999; text-align: center; padding-top:7px; width: 100%;}
.ajaxViewLine {text-align: right; padding-right: 10px; font-weight: bold}

/*Ajax CSS for ranking speak column*/
.ajax-hover-content span{ display:inline-block; vertical-align:top;}
.ajax-hover-content .ajax-hover-thumb{ padding: 5px 5px 5px 5px; width: 40px; color: #676767; text-align:center; font-size:11px;}
.ajax-hover-content .ajax-hover-thumb img{ width:30px !important; height:30px !important;}
.ajax-hover-content .ajax-hover-description{padding: 2px 7px 7px 7px;color: #666;max-width: 165px; font-size: 11px; text-align:left;}
.ajax-hover-content .ajax-hover-desc-title{font-weight: bold; text-align:left;}
.ajax-hover-content .nowrap {white-space: nowrap}

.point-header {border-radius: 4px 4px 0 0; min-width: 220px; font-size: 14px; font-weight: bold; color: #fff; text-shadow: 0 1px 1px #333333; padding: 5px 10px 5px 10px}
.point-header .point-row {font-size: 20px}
.speak-point{ background: url(../images/speakpoint-bg.gif) top left repeat-x #0080aa; }
.watch-point{ background: url(../images/watchpoint-bg.gif) top left repeat-x #f88032; }
.learn-point{ background: url(../images/learnpoint-bg.gif) top left repeat-x #4b8c19; }
.total-point{ background: url(../images/totalpoint-bg.gif) top left repeat-x #912120; }

.ec-ui-speak.teach div.content {padding: 0 0 5px 0}

.t-point-div {padding: 5px; line-height: 150%; font-size: 14px; font-weight: bold}
#total-point-template, .w-point-s, .l-point-s, .s-point-s, .teach-print {display: none}

/* Student Watch Page*/
.student-watch-videolist { margin-bottom: 15px; position: relative; width:748px; border:1px solid;}
.student-watch-videolist ul.carousel { white-space: nowrap; }
.student-watch-videolist ul.carousel li { float: none; display: inline-block; white-space: normal; }
.student-watch-videolist ul.carousel li.clear { float: left; display: block; white-space: normal; }

.student-watch-videolist ul.carousel { padding: 0 0 0 7px; height: 150px; }
.student-watch-videolist ul.carousel li.carousel-spacer { visibility: hidden; }
.student-watch-videolist ul.carousel li.viewall-link { height: 128px; }
.student-watch-videolist ul.carousel li.viewall-link a { display:block; text-align: center; margin-top: 50px; }
.student-watch-videolist ul.carousel li.viewall-link a em { font-style: normal; font-weight: bold; }
.student-watch-videolist ul.carousel li { margin-bottom: 0; float:left; }
.student-watch-videolist ul.carousel li.clear { visibility: hidden; }
.student-watch-videolist ul.carousel li.hideCarousel { display:none; }
.student-watch-videolist ul.carousel li.button {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: none !important;
	width: auto;
	margin: 55px 3px 0 3px; padding: 3px;
	vertical-align: top;
}
.student-watch-videolist ul.carousel li.button a {
	display: block; cursor: pointer;
	width: 8px;
	height: 15px;
	background: url(../images/v1.1/video-carousel.gif) top left no-repeat;
}
.student-watch-videolist ul.carousel li.arrow-next { margin-left: -5px; margin-right: 0; }
.student-watch-videolist ul.carousel li.arrow-prev a { background-position: 0px 0px; }
.student-watch-videolist ul.carousel li.arrow-next a { background-position: -8px 0px; }
.student-watch-videolist ul.carousel li.arrow-prev a:hover { background-position: 0px -15px; }
.student-watch-videolist ul.carousel li.arrow-next a:hover { background-position: -8px -15px; }
.student-watch-videolist ul.carousel li.arrow-prev.disabled a, .goallist li .student-watch-videolist ul li.arrow-prev.disabled a:hover { background-position: 0px -30px; }
.student-watch-videolist ul.carousel li.arrow-next.disabled a, .goallist li .student-watch-videolist ul li.arrow-next.disabled a:hover { background-position: -8px -30px; }

.student-watch-videolist-filters { font-size: 12px; height: 40px !important; overflow: hidden;
	background: url(../images/v1.1/videolist-filters-bk.jpg) top left repeat-x;
	border: 1px solid #ccc; margin-bottom: 5px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
}
.student-watch-videolist-filters div.container { float: left; padding: 8px; height: 24px; font-size: 12px; font-weight: bold; height: 30px; }
.student-watch-videolist-filters div.separator { border-right: 1px solid #999; }

.student-watch-videolist-filters div.range-container { float: right; padding: 2px 10px !important; color: #999; }
.student-watch-videolist-filters div.range-container p { margin-right: 165px; padding-top: 2px; }

.student-watch-videolist-filters div.classgroup { padding: 5px; width: 270px; }
.student-watch-videolist-filters div.classgroup .teacher-email { float:left; padding: 0; border-right: 1px solid #ccc; }
.student-watch-videolist-filters div.classgroup .teacher-email a { display: block; background: url(../images/v1/email-icon.gif) left center no-repeat; padding: 0 5px 0 30px; width: 50px; height: 30px; }
.student-watch-videolist-filters div.classgroup h2 { margin: 0 0 0 90px; font-size: 12px; }
.student-watch-videolist-filters div.classgroup p { font-weight: normal; left:10px; line-height:1; position:relative; }
.student-watch-videolist-filters div.classgroup .progress-container { margin: 2px 5px 0 90px; }
.student-watch-videolist-filters div.classgroup .progress-container div { float: none; width: auto; margin-left:5px;}

#ui-datepicker-div {z-index: 100 !important;}

.assign-my-seat {background: url(../images/teach-assign-seat.gif) top right no-repeat; height: 24px; width: 186px; margin-bottom: 10px; cursor: pointer}
.remove-my-seat {background: url(../images/teach-remove-seat.gif) top right no-repeat; height: 24px; width: 162px; margin-bottom: 10px; cursor: pointer}

/* Student Report*/
ul.student-report-header { list-style-type:none; margin:0; padding:0; }
ul.student-report-header li { display:inline-block !important; vertical-align:middle !important; zoom:1; *display:inline !important;}
ul.student-report-header li.classname { width :60%; }
ul.student-report-header li.classname p.back a { color:#993333 !important; font-size:12px;}
ul.student-report-header li.pagination { width :350px; text-align:center;}

ul.teach-paginator { list-style-type:none; margin:0; padding:0; color:#999; font-size: 14px;}
ul.teach-paginator li { display:inline-block !important; vertical-align:middle !important; zoom:1; *display:inline !important; cursor: pointer}
ul.teach-paginator li.page-previous {
	min-width:80px; width:auto; margin-right:10px; text-align:right;
	border:1px solid #ccc; padding:7px 20px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	display:inline-block;
	background: -moz-linear-gradient(top, #fff 15%, #e5e5e5 85%);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#e5e5e5));
}
ul.teach-paginator li.page-label { width:60px; text-align:center; color:#666;}
ul.teach-paginator li.page-next  {
	min-width:60px; width:auto; margin-left:10px; text-align:left;
	border:1px solid #ccc; padding:7px 20px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	display:inline-block;
	background: -moz-linear-gradient(top, #fff 15%, #e5e5e5 85%);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#e5e5e5));
}
ul.teach-paginator li span {
	visibility:visible;
	width:65px;
	font-weight:bold;
	vertical-align:middle !important;
}
ul.teach-paginator li span.left-arrow { background: url(../images/teach-arrow-left.png) top left no-repeat; width:17px; height:16px; display:inline-block;}
ul.teach-paginator li span.right-arrow { background: url(../images/teach-arrow-right.png) top left no-repeat; width:17px; height:16px; display:inline-block; margin-left:8px;}
ul.teach-paginator li span.active{ color:#666; cursor:pointer; }
ul.teach-paginator li span.inactive{ color:#999; }
ul.teach-paginator li span.active.page-next { text-align:right !important;}
ul.teach-paginator li span.active.page-prev { text-align:left;}
ul.teach-paginator li span.active:hover { text-decoration:none; color: #993333;}

div.student-report-container {
	border:2px solid #ccc; padding:0px 20px;
	width:888px; margin-top:-1px; margin-left:7px;
	-moz-border-radius: 0px 0px 10px 10px;
	-webkit-border-radius: 0px 0px 10px 10px;
	border-radius:0px 0px 10px 10px;
	border-top:0px;
}
div.student-top-border { margin-top:8px; background: url(../images/teach-border.png) top left no-repeat; width:944px; height:57px;}
div.student-report-container .videolist {margin-top:-15px;}
div.student-report-container h2.student-details { margin:0; padding:0;}
div.student-report-container h2.student-details span {  display:inline-block !important; vertical-align:middle !important;}
div.student-report-container h2.student-details span.avatar { width: 40px; }
div.student-report-container h2.student-details span.name { width:540px;}
div.student-report-container h2.student-details span.basic-message { font-weight:normal !important; font-size:12px; color:#999; width:160px; text-align:right;}
div.student-report-container h2.student-details span.name span {display:block;}
div.student-report-container h2.student-details span.name span.subscription { font-size:11px; color:#999; font-weight:bold;}
div.student-report-container h2.student-details span.name span.studentname { color:#666 !important; font-size:16px !important; margin-top:-20px;}
div.student-report-container h2.student-details span.name span.upgradelink { font-weight:normal;}
div.student-report-container h2.student-details span.name span.upgradelink a { color:#993333;}
div.student-report-container div.mega-header .container h2 { padding: 4px 10px 0 60px;}
div.student-report-container .premium-ballon { border:1px solid #ccc; color:#666; padding:5px 10px; background-color:#FEFFE7; line-height:1.4; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;}
div.student-report-container .premium-ballon h1 { color:#666; font-size:14px;}
div.student-report-container .premium-ballon a { color:#993333;}

/* WORDLIST VIEW*/
.wordlist { border: 1px solid #ccc; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; margin-bottom:20px;}
.wordlist .video-paginator { margin-top: 0 !important; border: 0 !important; }
.wordlist ul { border-bottom:1px solid #ccc; margin:0; padding:0;  border-collapse:collapse; }
.wordlist li { display:inline-block; vertical-align:top !important; padding-left:10px;  border-collapse:collapse; }
.wordlist ul.wordHeader { background: url("../images/mini-header-bk.jpg") repeat-x scroll left center transparent; -moz-border-radius: 6px 6px 0px 0px; -webkit-border-radius: 6px 6px 0px 0px; border-radius: 6px 6px 0px 0px;}
.wordlist ul.wordData { background-color:#f3f3f3; min-height:88px;}
.wordlist ul.wordData.exactmatch { background-color: #ddd; }
.wordlist ul.wordData li { display:inline-block; *display:inline; }
.wordlist ul.wordData:hover li.word-def span.star-favorite  { display:inline-block; *display:inline;}
.wordlist ul.wordData.exactmatch:hover { background: #f9f9c7; cursor:pointer;}
.wordlist ul.wordData:hover { background: #f9f9c7;}
.wordlist ul.wordHeader li { font-weight:bold; font-size:14px; color:#333; text-align:center; padding:5px 0; display:inline-block; *display:inline;}
.wordlist li.wordCol{ /*width:643px;*/ width:75%; text-align:left !important; padding-left:10px !important; border-right:1px solid #bebebe; cursor:pointer;}
.wordlist li.progressCol{ /*width:147px;*/ width:20%; cursor:pointer;}
.wordlist li.clipCol{ /*width:152px;*/ width:17%; border-left:1px solid #bebebe;}
.wordlist li.dn { background-repeat: no-repeat; background-position: 99% 50% !important; background-image: url(../images/v1.1/vocab/img_arrowColDown.png); }
.wordlist li.dn:hover { background-image: url(../images/v1.1/vocab/img_arrowColDown_hover.png);}
.wordlist li.up { background-repeat: no-repeat; background-position: 99% 50% !important; background-image: url(../images/v1.1/vocab/img_arrowColUp.png); }
.wordlist li.up:hover { background-image: url(../images/v1.1/vocab/img_arrowColUp_hover.png);}
.wordlist li.word-def { width:74%; font-size:12px; border-right:1px solid #bebebe; min-height:88px; padding:10px;}
.wordlist li.word-def span { display:inline-block; }
.wordlist li.word-def span.word-info { margin-left:20px; width:94%;}
.wordlist li.word-def span.word-info h1 span { display:inline-block; }
.wordlist li.word-def span.word-info .word-def-show { float:right; font-weight:normal; }
.wordlist li.word-def span.word-info .word-def-show a { color:#993333; font-size:11px; }
.wordlist li.word-def span.star-favorite { position:absolute; margin-top:7px; cursor:pointer; display:none;  font-size:0 !important; overflow: hidden; line-height:0;}
.wordlist li.word-def span.star-favorite.star-1{ background:url(../images/vocab-star-active.png); width:29px; height:27px; background-repeat:no-repeat; display:block; }
.wordlist li.word-def span.star-favorite.star-0{ background:url(../images/vocab-star-inactive.png); width:29px; height:27px; background-repeat:no-repeat; display:none; }
.wordlist li.word-def p { padding-top:1px;}
.wordlist li.word-def p span { display:inline-block;}
.wordlist li.word-def .word-pos { font-style:italic; color:#afafaf;}
.wordlist li.word-def .word-audio { font-size:0 !important; line-height:0; cursor:pointer; vertical-align:middle; display:inline-block; width: 16px; height: 15px; background: transparent url(../images/v1.1/details-sound-icon.gif) center center no-repeat; border: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; margin-right:5px;}
.wordlist li.word-def .word-audio span { font-size:0 !important; line-height:0; overflow: hidden; line-height: 999px; }
.wordlist li.word-def .word-audio:hover { background-image: url(../images/v1.1/details-sound-icon-play.gif); }
.wordlist li.word-def .word-audio-placeholder { width: 3px; height: 29px; visibility: hidden; margin-left: 0; }
.wordlist li.word-def .word-label { font-weight:bold; font-size:18px; color:#333; margin-bottom:3px; margin-right:3px;}
.wordlist li.word-def .word-label .locale-word { font-weight:normal; font-size:16px; margin-left:3px; margin-right:3px; }
.wordlist li.word-def .word-label .word-phoneme{ cursor:pointer; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; -moz-box-shadow: 0 0 3px #CCCCCC inset; background: none repeat scroll 0 0 #F5F5F5; border: 1px solid #CCCCCC; display: inline-block; font-size: 20px; margin: 0; padding: 0 3px 0 5px; }
.wordlist li.word-def .word-label .word-phoneme span{font-size:0 !important;}
.wordlist li.word-def .word-label .word-phoneme:hover { color: #000; border-color: #77c5e5; background-image: url(../images/v1.1/vocab/word-phoneme-play-bk.gif); -moz-box-shadow: inset 0px 0px 3px #77c5e5; -webkit-box-shadow: inset 0px 0px 3px #77c5e5; box-shadow: inset 0px 0px 3px #77c5e5;}
.wordlist li.word-progress{ width:20%; vertical-align:top; height:3px; }
.wordlist li.word-progress span { display:none; }
.wordlist li.word-progress hr { height:3px; color:#999; background-color:#999;}
.wordlist li.word-progress .word-progressbar { margin: 40px 10px 0 5px; height: 16px; background: #484848; cursor:pointer; }
.wordlist li.word-progress .word-progressbar span{ font-size: 0px !important; }
.wordlist li.word-progress .word-progressbar .ui-progressbar-value { background: url("../images/vocab-bg-progress-list.gif") left center repeat-x; border: 1px solid #484848; min-width: 1%; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.wordlist li.word-progress .word-progressbar.ui-widget-content{border: 1px solid #484848 !important;}
.wordlist li.word-progress .word-progressbar.ui-corner-all{ -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.wordlist li.cliplist { border-left:1px solid #bebebe; width:127px;}
.wordlist li.cliplist a { display: block; width: 117px; height: 68px; margin: 0 auto; background-position: top left; background-repeat: no-repeat; position: relative; top: 12px; left: -5px; }
.wordlist li.cliplist a span { display: block; color:#fff; padding: 1px 3px; font-size: 11px; font-weight: bold; float:right; text-shadow: 0px 1px 1px #000; }
.wordlist li.cliplist span.video-bg{ background: url(../images/v1.1/vocab/bg_cliplistVideo.png) center top no-repeat; background-position: center 8px; display:block; height:91px; width:145px;}
.wordlist li.cliplist .empty { margin:0px; padding:80px 0 0 29px; vertical-align:middle; text-align:center;}
.wordlist span.word-inflect-label { font-size:13px; margin-top:5px; color:#999; }
.wordlist p.border-inflected{ height:2px; background: url(../images/word-inflected-border.png) center top repeat-x; margin-top:5px; }
.wordlist .word-audio-inflected { font-size:0 !important; line-height:0; cursor:pointer; vertical-align:middle; display:inline-block; width: 12px; height: 11px; background: transparent url(../images/vocab-audio-small.png) center center no-repeat; border: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; margin-right:3px; margin-left:3px; }
.wordlist .word-audio-inflected span{ font-size:0 !important; overflow: hidden; line-height:0; }
.wordlist .word-audio-inflected:hover { background: transparent url(../images/vocab-audio-small-red.gif) center center no-repeat; }

#teach-menu-container {float: left; height: 42px; width: 100%; padding-bottom: 20px}
#teach-menu {float: left; position: relative; z-index: 79; font-size: 14px; padding: 0; margin: 0; border: 1px #ccc solid; border-top: 0; border-radius: 15px 15px 15px 15px; width: 300px; overflow-x: hidden; box-shadow: 0px 5px 4px #999; background-color: #fff}
#teach-menu.closed {height: 42px; overflow-y: hidden; border: 1px #eee solid; box-shadow: 0px 5px 4px #eee;}
#teach-menu li.current-selected {height: 40px; line-height: 40px; border-radius: 15px; border: 1px #ccc solid; padding-left: 10px; white-space: nowrap; overflow-x: hidden; max-width:}
#teach-menu ul {padding: 0 5px 0 20px}
#teach-menu a {line-height: 20px; color: #666}
#teach-menu #current-name {background-image: none; font-weight: bold; max-width: 240px; display: block; overflow-x: hidden}
#teach-menu #current-name.school-level {background: url("../images/school-icon.gif") no-repeat scroll 5px 10px transparent; padding-left: 30px;}
#teach-menu .browse-school {background: url("../images/school-icon.gif") no-repeat scroll 5px 5px transparent; padding: 5px 0 5px 30px; font-weight: bold;border-top: 1px #ccc solid}
#teach-menu .browse-school.noschool {background-image: none;}
#teach-menu .browse-school.first-child {border-top: 0}
#teach-menu .browse-class {font-weight: normal}
#teach-menu .browse-group {font-weight: normal}

a#view-as-student {text-decoration:none}

#teach-menu-arrow{background: url("../images/onboarding-step-bg.gif") repeat-x scroll left -32px transparent; float: right; height: 40px; width: 35px; line-height: 40px; text-align: center; border-radius: 0px 15px 15px 0px; border-left: 1px #ccc solid;}

/* #teach-controls {border: 1px #ccc solid; border-radius: 5px; float: left; position: relative; z-index: 79; font-size: 14px; width: 85px; overflow-x: hidden; margin: 6px 0 6px 20px; padding: 0 0 10px 0; background-color: #fff} */
#teach-controls {border: 1px #ccc solid; border-radius: 5px; float: left; position: relative; z-index: 79; font-size: 14px; width: 75px; overflow-x: hidden; margin: 5px; padding: 0 0 10px 0; background-color: #fff}
#teach-controls.closed {border: 1px #eee solid; height: 30px; overflow-y: hidden; padding: 0; background-color: #eee}
#teach-controls a {line-height: 20px; color: #666}
#teach-controls li.teach-controls-heading {height: 30px; line-height: 30px; background: url("../images/teach-manage-btn-add.gif") no-repeat scroll 5px center transparent; padding-left: 28px; font-weight: bold; color: #666}
#teach-controls li {line-height: 20px; padding-left: 5px}

/* .dotted-top {float: left; height: 30px; margin: 6px 20px 6px 0} */
.dotted-top {float: left; height: 30px; margin: 0}
ul.teach-welcome-banner { width: 850px; margin:25px auto; height:170px; padding:0;}
ul.teach-welcome-banner li {display:inline-block; zoom:1; *display:inline; vertical-align:middle; margin-right:10px; width:269px; margin-left:0; height:100%; text-align:center;}
ul.teach-welcome-banner li p { font-size:19px; color:#666; font-weight:bold; padding-top:20px;}
ul.teach-welcome-banner li p span { font-size:24px; color:#000; font-weight:bold; margin-right:5px; }
ul.teach-welcome-banner li p.imgAddClass { background: url("../images/img-teach-welcome-addclass.jpg") no-repeat center center; width: 67px; height: 69px; margin: 0 auto;}
ul.teach-welcome-banner li p.imgAddCurriculum { background: url("../images/img-teach-welcome-addcurriculum.jpg") no-repeat center center; width: 103px; height: 88px; margin: 0 auto;}
ul.teach-welcome-banner li p.imgInviteStudent { background: url("../images/img-teach-welcome-invite.jpg") no-repeat center center; width: 111px; height: 91px; margin: 0 auto;}
#teach-content hr {height:1px; background: #ebebeb; border: 1px solid #ebebeb; width: 968px; margin-left: -20px; margin-bottom:2px;}
#teach-content div.teach-welcome-footer { background: none repeat scroll 0 0 #EBEBEB; height: 55px; margin-bottom: -20px; margin-left: -20px; width: 968px; border-radius:0px 0px 6px 6px;}
#teach-content div.teach-welcome-footer .manage-button { float: right; font-size: 17px !important; margin-right: 17px; margin-top: 9px; padding: 5px 0px !important; text-align: center; min-width:105px !important;}


div.drilldown-back {
	min-width:80px; width:auto !important;
	border:1px solid #ccc; padding:3px 15px 3px 5px;
	cursor: pointer;
	color: #666666;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	display: inline-block;
	background: -moz-linear-gradient(top, #fff 15%, #e5e5e5 85%);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#e5e5e5));
}

div.report-pagination {
	float: left;
	font-weight: bold; font-size: 12px;
	width:auto !important;
	text-align: center;
	border:1px solid #ccc; padding:3px 5px 3px 5px;
	cursor: pointer;
	color: #666666;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	display: inline-block;
	background: -moz-linear-gradient(top, #fff 15%, #e5e5e5 85%);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#e5e5e5));
	margin-top: 12px
}
div.leftarrowback {background: url("../images/teach-arrow-left.png") no-repeat scroll left center transparent; width: 17px; height: 16px; float: left; padding-right: 5px}
div.rightarrowback {background: url("../images/teach-arrow-right.png") no-repeat scroll right center transparent; width: 17px; height: 16px; float: right; padding-left: 5px}
div.report-pagination div.leftarrowback {padding: 0}
div.report-pagination div.rightarrowback {padding: 0}
div.filter-select {float: left;padding-left: 2px}
div.filter-select div.filter-child {width: 120px; border: 1px #999 solid; border-radius: 5px; background: url("../images/onboarding-step-bg.gif") repeat-x scroll left -40px transparent; padding: 0px 5px;}
div.filter-select div.filter-child div {width: 95px; border: 0; padding-left: 25px; height: 20px; line-height: 20px; cursor: pointer; text-align: center; font-size: 10px; font-weight: bold}
div.filter-select div.filter-all-action {margin-top: 3px}
div.filter-select div.filter-class-action div {background: url("../images/view_as_student.png") no-repeat scroll left center}
div.filter-select div.filter-all-action div {background: url("../images/view_as_ec.png") no-repeat scroll left center}
div.filter-class div.filter-class-action, div.filter-all div.filter-all-action {background: url("../images/onboarding-step-bg-on.gif") repeat-x scroll left -25px transparent }

#edit-school-logo {font-size: 12px}
#edit-school-logo a {color: #c33;}

#vid-tut-dialog #bt-close-vid-tut { position: relative; z-index: 100;}
#vid-tut-dialog div#tut-wrap {
	width: auto;
	height: auto;
	position: relative;
	top: -29px;
}
#vid-tut-dialog #title {
	margin: 30px 0 20px;
	font-weight: bold;
	font-size: 40px;
}

div.premium-notice a {
	color: #CC3333;
}

/* VI STYLES */
body.vi #access-code-top.default {
	border-bottom: solid 1px #ccc;
}
body.vi #access-code-middle.default {
	background: none;
	padding-top: 10px; 	
}
body.vi #access-code-top.default, body.vi #access-code-middle.default {
	height: 95px;
}