﻿/* Menu */

ul#saliencemenu,ul#saliencemenu ul{
	margin:0;list-style:none;background-color:#a2ade7;background-image:url("/site_media/images/mainbk.png");background-repeat:repeat;border-width:2px;border-style:solid;border-color:#4a5760;-moz-border-radius:28px;-webkit-border-radius:28px;border-radius:28px;}
ul#saliencemenu ul{
	display:none;position:absolute;left:0;top:100%;padding:0;background-color:#DDDDDD;background-image:url("/site_media/images/subbk.png");border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;}
ul#saliencemenu li:hover>*{
	display:block;}
ul#saliencemenu li:hover{
	position:relative;}
ul#saliencemenu ul ul{
	position:absolute;left:100%;top:0;}
ul#saliencemenu{
	padding:1px 1px 1px 0;display:block;font-size:0;float:left;margin-left:65px;}
ul#saliencemenu li{
	display:block;white-space:nowrap;font-size:0;float:left;}
ul#saliencemenu>li,ul#saliencemenu li{
	margin:0 0 0 6px;}
ul#saliencemenu ul>li{
	margin:6px 0 0;}
ul#saliencemenu a:active, ul#saliencemenu a:focus{
	outline-style:none;}
ul#saliencemenu a{
	display:block;vertical-align:middle;text-align:left;text-decoration:none;font:12px Arial;color:#666;cursor:pointer;padding:8px 20px;background-color:;background-repeat:repeat;border-width:0;border-style:solid;border-color:transparent;}
ul#saliencemenu ul li{
	float:none;margin:0;}
ul#saliencemenu ul a{
	text-align:left;}
ul#saliencemenu li:hover>a{
	background-color:#a2ade7;border-color:#F8F8F8;border-style:solid;font:12px Arial;color:#FFF;text-decoration:none;}
ul#saliencemenu img{
	border:none;vertical-align:middle;margin-right:8px;}
ul#saliencemenu img.over{
	display:none;}
ul#saliencemenu li:hover > a img.def{
	display:none;}
ul#saliencemenu li:hover > a img.over{
	display:inline;}
ul#saliencemenu li.topmenu>a{
	height:19px;background-color:;background-image:none;background-position:0 0;border-width:1px 0 0 0;border-style:solid;border-color:transparent;border-radius:16px;-moz-border-radius:16px;-webkit-border-radius:16px;font:bold 13px Arial;color:#FFFFFF;text-decoration:none;text-shadow:0 1px 1px #000000;line-height:19px;}
ul#saliencemenu li.topmenu:hover>a{
	background-color:#7d90ef;background-image:url("/site_media/images/mainbk.png");background-position:0 100%;border-style:solid;border-color:#F8F8F8;font:bold 13px Arial;color:#444444;text-decoration:none;text-shadow:0 1px 0 #FFFFFF;line-height:19px;}
ul#saliencemenu li.sublast>a{
	border-radius:0 0 9px 9px;-moz-border-radius:0 0 9px 9px;-webkit-border-radius:0;-webkit-border-bottom-right-radius:9px;-webkit-border-bottom-left-radius:9px;}
ul#saliencemenu li.subfirst>a{
	border-radius:9px 9px 0 0;-moz-border-radius:9px 9px 0 0;-webkit-border-radius:9px;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;}
/* Body */
body {
	margin: 0;
	color: #000;
	font: 14px verdana, geneva, sans-serif;
	background:url(/site_media/images/bg-body.jpg) no-repeat;
	background-position:0px 0px;
}
/* General reset */
form, fieldset {
	margin: 0;
	padding: 0;
	border-style: none;
}
img {border-style: none;}

input, select, textarea {
	vertical-align: middle;
	font: 100% arial, helvetica, sans-serif;
}
a {
	color: #000;
	text-decoration:none;
}

a:hover {text-decoration: underline;}

/* General settings */
.MaxMenu h2 {
	color:#5a5a5a;
	font:20px Impact, Charcoal, sans-serif;
	margin:-20px 0 10px;
	text-align:center;
}
.MaxMenu {
	display:block;
	background:url(/site_media/images/max-menu.png) no-repeat;
	height: 410px;
	padding-left: 50px;
	padding-top:30px;
}
.MaxMenu input  select  textarea {
	vertical-align: middle;
	font: 100% arial, helvetica, sans-serif;
	width: 450px;
}
#wrapper {
	width: 827px;
	margin: 0 auto;
}
#main {
	margin:0 0 21px;
	padding-top:0px;
}
.mlogo {
	width:536px;
	height:270px;
	text-indent:-9999px;
	overflow:visible;
	margin:0;
	position:absolute;
	top:3px;
	left:-40px;
}
.mlogo a {
	display:block;
	height:280px;
	background:url(/site_media/images/logo.png) no-repeat 0 30px;
}
.slogo {
	width:276px;
	height:150px;
	text-indent:-9999px;
	overflow:visible;
	margin:0;
	position:absolute;
	top:3px;
	left:-20px;
}
.slogo a {
	display:block;
	height:150px;
	background:url(/site_media/images/a-salience-online-s.png) no-repeat 0 30px;
}
.nheader_logo {

	width:360px;
	height:135px;
    display: inline;
    float: left;
    margin: 0;

}
.nheader_logo {
	background:url(/site_media/images/s-logo.png) no-repeat 25px -10px;
}
.share {
    height: 22px;
    left: 40px;
    position: inherit;
	margin-top:30px;
    top: 30px;
    z-index: 1;
}
.share .sharebtn.g1 {
    width: 80px;
}
.share .sharebtn {
    float: left;
    height: 22px;
}
.top-buttons {
    height: 60px;
    left: 600px;
    position: absolute;
    top: 69px;
    z-index: 1;
	float: right;
}
.top-buttons a{
	margin-left:15px;
}
.top-login {
    height: 30px;
    left: 710px;
	color: #20608b;
    position: absolute;
    top: 32px;
    z-index: 1;
	float: right;
	font-family: "Comic Sans MS", cursive;
	font-size: 16px;
}
.top-login a{
	margin-left: 14px;
	color: #20608b;
}
.mmenu {
	width:329px;
	height:190px;
	text-indent:0px;
	overflow:hidden;
	margin:0;
	position:absolute;
	top:30px;
	left:495px;
	display:block;
	height:100%;
	background:url(/site_media/images/menu-block.png) no-repeat;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:8px;
}

.mmenucontent {
	top:70px;
	width:290px;
	height:170px;
	text-indent:0px;
	overflow:hidden;
	margin:0;
	position:absolute;
	text-decoration:none;
	text-align:left;
	margin:0;
	left:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
}
#mmenucontent .textSmall {
	padding-left:27px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-decoration:none;
}
#mmenucontent a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	
}
#mmenucontent a:hover {
	color: #09F;
}
#mmmenucontent {
	top:40px;
	width:290px;
	height:170px;
	text-indent:0px;
	overflow:hidden;
	margin:0;
	position:absolute;
	text-decoration:none;
	text-align:left;
	margin:0;
	left:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
}
#mmmenucontent .textSmall {
	padding-left:27px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-decoration:none;
}
#mmenulogin {
	top:50px;
	left:510px;
	width:290px;
	height:170px;
	text-indent:0px;
	overflow:hidden;
	margin:0;
	position:relative;
	text-decoration:none;
	margin:0;
}
#mmenulogin .textSmall {
	padding-left:0px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 13px;
}
#mmenulogin a {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 11px;
	line-height:5px;
	color: #000;
	
}
#mmenulogin a:hover {
	color: #09F;
}

#header {
	height:240px;
	position:relative;
	z-index:2;
}
#s-header {
	height:140px;
	position:relative;
	z-index:2;
}
#top-bar {
-moz-background-clip:border;
-moz-background-origin:padding;
-moz-background-size:auto auto;
margin: 0 auto;
color:#000;
font-size:13px;
height:50px;
padding-top:5px;
width:100%;
z-index:1;
text-decoration:none;
}
#top-bar-nl {
-moz-background-clip:border;
-moz-background-origin:padding;
-moz-background-size:auto auto;
background:url("/site_media/images/top-menu-fnew.png") no-repeat scroll 0 -37px transparent;
margin: 0 auto;
color:#000;
font-size:13px;
height:155px;
margin-left:50px;
padding-bottom:8px;
padding-top:5px;
width:100%;
z-index:1;
text-decoration:none;
}

#silverlightControlHost
{
margin-left: 10px;
}

#top-bar-content
{
    width:  800px;
    margin:0 auto;
}
#top-bar-content-student
{
    width:  410px;
    margin:0 auto;
}
#top-bar ul
{
    list-style: none
}

#top-bar ul li
{
    display: inline;
    margin: 0px 0px 0px 0px;
	z-index: 99;
}

#top-bar a
{
    line-height: 140%;
    padding: 1px 2px;
}

#top-bar a:hover
{
    text-decoration: underline
}

#top-bar a.disabled
{
    color :#FFF;
    text-decoration:none
}

#top-bar .top-left-utils{

	margin-top:1px;

}
#top-bar .top-center-utils{
	
	margin-top:1px;
	margin-left:5px;
}
#top-bar .top-right-utils{
    float: right;
	margin-top:1px;
	margin-right:310px;
}

#top-bar .top-right-utils .sign-up-link{
    position: relative;
    margin-top: -40px;
    *margin-top: -75px;
}

.top-right-utils > li
{
    float:left;
}
.top-right-utils #welcome-name-wrap, #current-page
{
    padding-top: 2px;
    color:#eee;
}

.main-t,
.main-b {
	height:3px;
	background:url(/site_media/images/bg-main-top.png) no-repeat;
	overflow:hidden;
}
.main-b {
	background:url(/site_media/images/bg-main-bottom.png) no-repeat;
}
.main-c {
	background:url(/site_media/images/bg-main.png) repeat-y;
	width:100%;
	overflow:hidden;
}
.main-content {
	position:relative;
	padding:30px 3px 0;
}
.teacher-content {
	position:relative;
	padding:10px 3px 0;
}
.teacher-content h1{
	color:#5a5a5a;
	font:50px Impact, Charcoal, sans-serif;
	margin:0 0 10px;
	text-align:center;
}
.teacher-content h2{
	color:#5a5a5a;
	font:25px Verdana, Geneva, sans-serif;
	margin:-20px 0 10px;
	text-align:center;
	line-height:40px;
	font-style:normal
}
.teacher-content h3{
	color:#35478C;
	font:25px Impact, Charcoal, sans-serif;
	margin:0 0 10px;
}
.teacher-tophomel {
    position:relative;
    width:470px;
    float:left;
	left:10px;
}
.teacher-tophomel img {
	padding-left:15px;
}
.teacher-tophomer {
    position:relative;
    width:325px;
    float:left;
	left:10px;
	height: 150px;
	top:15px;
}
.wall-message {
    position:relative;
    width:600px;
    float:left;
}
.wall-messages {
    position:relative;
    width:600px;
    float:left;
	background-color: #FFF;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 2px;
	margin-bottom: 2px;
	border: 2px;
}
.wall-messages h5{
	font-size:15px;
	padding-top:2px;
}
.wall-replies h5{
	font-size:13px;
	padding-top:10px;
	padding-left:40px;
}

.wall-replies {
    position:relative;
    width:600px;
    float:left;
	background-color: #dbedfb;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top:5px;

}
.growfield  input , textarea {
	vertical-align: middle;
	font: 100% arial, helvetica, sans-serif;
	height: 38px;
}
.wall-message input  select  textarea {
	vertical-align: middle;
	font: 100% arial, helvetica, sans-serif;
	width: 450px;
}
.wall-line {
    position:relative;
	background:url(/site_media/images/line.jpg) repeat;
    width:600px;
    height:2px;
	margin-bottom:10px;
	margin-top:5px;
	
}
.wall-line-replies {
    position:relative;
	background:url(/site_media/images/line-replies.jpg) repeat;
    width:600px;
    height:2px;
	margin-bottom:0px;
	margin-top:5px;
	
}
.wall-line-s {
    position:relative;
	background:url(/site_media/images/line.jpg) repeat;
    width:520px;
    height:2px;
	margin-bottom:10px;
}
.wall-content {
    position:relative;
    width:600px;
    float:left;
}

#wall-left {
    width:150px;
    float: left;
	background:url(/site_media/images/wall-left.png) repeat;
    margin: 0 10px 0 15px;
    height:400px;
    position:relative;
	display:block;
}
.wall-everything {

}
.wall-direct {

}
.wall-classes {

}
.wall-classes-header {

}
.ContactUs img {
	padding-left:120px;
}
.SilverlightHolder{
	padding-left:75px;
}
.teacher-content-left {
	position:relative;
	padding:10px 30px 0;
	float:left;
	width:370px;
}
.classroom-content-left {
	position:relative;
	padding:10px 3px 0;
	float:left;
	width:550px;
}
.teacher-content-left textarea {
	vertical-align: middle;
	font: 100% arial, helvetica, sans-serif;
	width: 220px;
}
.teacher-content-right {
	position:relative;
	padding:25px 3px 0;
	width:370px;
	float:left;
}

.classroom-content-right {
	position:relative;
	padding:10px 3px 0;
	width:250px;
	float:left;
	padding-bottom:20px;
}
.assignment-content {
	position:relative;
	padding:30px 0px 0;
}
.assignment-content-left {
	background:url(/site_media/images/assignment-info.png) no-repeat scroll 0 0 transparent;
	position:relative;
	padding:10px 0px 0;
	float:left;
	width:400px;
	height:375px;
	left:-3px;
}
#teacher-content-right input select textarea {
	vertical-align: middle;
	font: 100% arial, helvetica, sans-serif;
	width: 220px;
}
.teacher-content-right input select textarea {
	vertical-align: middle;
	font: 100% arial, helvetica, sans-serif;
	width: 220px;
}
.lesson-content {
	position:relative;
	padding:10px 3px 0;
}
.lesson-content h1{
	color:#5a5a5a;
	font:50px Impact, Charcoal, sans-serif;
	margin:0 0 10px;
	text-align:center;
}
.lesson-content h3{
	color:#5a5a5a;
	font:20px Impact, Charcoal, sans-serif;
	margin:0 0 10px;
}
.lesson-content-left input select textarea {
	vertical-align: middle;
	font: 100% arial, helvetica, sans-serif;
	width: 150px;
}
.lesson-content-left img{
	padding: 0px 2px 0px 2px;
	margin-top: -100px;
	left: 20px;
	}
.lesson-content-left {
	position:relative;
	padding:10px 25px 0;
	float:left;
	width:280px;
	left:0px;
}
.lesson-content-right {

	position:relative;
	padding:10px 0px 0;
	float:left;
	width:470px;
	height:375px;
	left:-3px;
}
.lesson-search-right {

	position:relative;
	padding:10px 0px 0;
	float:left;
	width:550px;
}
.profile-content-left {
	position:relative;
	padding:10px 50px 0px 10px;
	float:left;
	width:100px;
	height:225px;
	left:0px;
}
.profile-content-right {

	position:relative;
	padding:10px 0px 0;
	float:left;
	width:0;
	height:225px;
	left:-3px;
}
.student-content {
	position:relative;
	padding:10px 3px 0;
}
.student-content-left {
	position:relative;
	padding:10px 3px 0;
	float:left;
	width:400px;
}
.student-content-right {
	position:relative;
	padding:25px 3px 0;
	width:400px;
	margin-left:400px;
}
.student-content h1{
	color:#5a5a5a;
	font:50px Impact, Charcoal, sans-serif;
	margin:0 0 10px;
	text-align:center;
}

/* tooltips */


/* tabs */
.tabs-box {
	background:url(/site_media/images/bg-tabs.png) no-repeat 0 100%;
	position:relative;
	width:100%;
}
div.tab {
	width:100%;
	overflow:hidden;
}
.tabs-content{
	width:100%;
	position:relative;
	overflow:hidden;
	height:343px;
}
.tabs-box .holder {
	width:100%;
	overflow:hidden;
}
.tabs-box .col1 {
	float:left;
	width:409px;
	padding:0 0 0 23px;
}
.tabs-box .col1 img {
	vertical-align:top;
	display: block;
    margin-left: 15px;
	margin-top: 8px;
}
.tabs-box .col2 {
	float:right;
	width:380px;
	padding:3px 9px 0 0;
}
.tabs-box div.tab {
	display:none;
	min-height:334px;
}
* html .tabs-box div.tab {
	height:400px;
	overflow:visible;
}
.tabs-box div.active {
	display:block;
}
#main .tabs-box h2 {
	color:#5a5a5a;
	font:40px Impact, Charcoal, sans-serif;
	margin:0 0 0px;
	text-align:center;
}
#main .tabs-box h3 {
	font-size:24px;
	font-weight:normal;
	margin:0 0 0px;
}

#main .tabs-box p {
	margin:0 0 10px;
}
.tabs-box .create {
		position:relative;
		text-align:center;
		color:#d14559;

		font:bold 40px Impact, Charcoal, sans-serif;
}
.tabs-box .btn {
	padding:0 0 0;
}
.tabs-box .btn a {
	position:absolute;
	cursor:pointer;
}
.btn-sign-up-teacher {
	background:url(/site_media/images/btn-sign-up-teacher.png) no-repeat;
	width:170px;
	height:100px;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	position:relative;
	left:430px;
}
.btn-sign-up-student {
	background:url(/site_media/images/btn-sign-up-student.png) no-repeat;
	width:170px;
	height:100px;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	position:relative;
	left:610px;
}
.tabs-box .tabset {
	margin:0;
	padding:0;
	list-style:none;
	width:100%;
	overflow:hidden;
}
.tabs-box .tabset li {
	float:left;
}
.tabs-box .tabset li img {
	vertical-align:top;
}
.tabs-box .tabset li a {
	float:left;
	height:57px;
	overflow:hidden;
}
.tabs-box .tabset li a:hover {
	background:none;
}
.tabs-box .tabset li a:hover img,
.tabs-box .tabset li a.active img {
	margin:-57px 0 0;
}
.social {
	background-color:#c7ddee;
	font-size:18px;
	text-align:right;
	padding:0 3px 0 0;
	clear:both;
}
.social ul {
	display:inline;
	margin:0;
	padding:0 0 0 4px;
	list-style:none;
	position:relative;
	top:2px
}
.social ul li {
	display:inline;
	margin:0 0 0 -4px;
}
.social ul li img {
	vertical-align:top;
}
.m1 {
	width:100%;
	position:relative;
	overflow:hidden;
}
.m2 {
	float:left;
	text-align:center;
	position:relative;
	left:50%;
}
#legal {
	text-align:center;
	padding:0 0 30px;
}
#nav {
	float:left;
	position:relative;
	left:-50%;
	text-align:left;
	margin:0;
	padding:0 0 10px;
	list-style:none;
}
#nav li {
	float:left;
	padding:0 3px;
}
#nav li a {
	float:left;
	height:60px;
	overflow:hidden;
}
#nav li a img {
	vertical-align:top;
}
#nav li a:hover img {
	margin-top:-60px;
}
#nav li a:hover {
	background:none;
}
.nav-bottom {
	margin:0 0 11px;
	padding:0;
	list-style:none;
	font-size:18px;
}
.nav-bottom li {
	display:inline;
	border-left:1px solid #000;
	padding:0 13px 0 18px;
}
.nav-bottom li:first-child {
	border-left:none;
}
.nav-bottom li a {
	color:#4e80dc;
	text-decoration:none;
}
.nav-bottom li a:hover {
	text-decoration:underline;
}
#footer p {
	margin:0;
}

/* Lesson Editor */
#lesson {
	color:#5a5a5a;
	font:bold 50px Impact, Charcoal, sans-serif;
	margin:0 0 10px;
	text-align:center;
}
