.intro-header {
}
.logotype {
  background:transparent url(../images/note2home_sm.png) no-repeat scroll 15px top;
  height:39px;
  border:solid 1px white;
  margin:0px;
}
#introMenu {
  margin:5px 0px 5px 15px;
  padding:0px;
  font-size:14px;
  font-family:"Helvetica Neue", Lucida Grande, Myriad Pro, sans ;
  font-weight:normal;
  font-style:normal;
  height:35px;
}
#introMenu li {
  float:left;
  list-style:none;
  padding:0px;
  line-height:32px; /* icon height */
  filter:expression(fixPNG(this));
}
#introMenu a {
  text-decoration:none;
  color:#bccbe2;
  margin-left:32px; /* for icon  */
}
#introMenu a.selected {
  text-decoration: underline;
  color:#6492ed;
}
#menuItemGS {
  background:url(../images/n2h-logo.png) top left no-repeat;
  margin:0px 10px 0px 0px;
}
#menuItemP {
  background:url(../images/Profiles.png) top left no-repeat;
  margin:0px 10px 0px 0px;
}
#menuItemC {
  background:url(../images/classes.png) top left no-repeat;
  margin:0px 10px 0px 0px;
}
#menuItemG {
  background:url(../images/Groups.png) top left no-repeat;
  margin:0px 10px 0px 0px;
}
#menuItemS {
  background:url(../images/Schedules.png) top left no-repeat;
  margin:0px 10px 0px 0px;
}
#menuItemPh {
  background:url(../images/Pictures.png) top left no-repeat;
  margin:0px;
}

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

#scroller, .section  {
	width:540px;
}
#scroller {
	height:200px;
	margin:0 auto;
	overflow:hidden;
}
#content {
	width:3400px; /* width = sectionsCount * sectionWidth */
	padding:0px;
}
.section {
	margin:0px;
	float:left;
	color:#444;
	font-family:"HelveticaNeue", Helvetica, Arial, sans;
	font-size:14px;
	line-height:22px;
	text-align:justify;
}
.section > * {
  margin:auto 5px;

}
.section h4 {
  font-size:12px;
  font-weight:normal;
  margin:0px 5px 5px 5px;
}
.section p {
  margin:0px 5px 5px 5px;
  font-family:"HelveticaNeue", Helvetica, Arial, sans;
  color:black;
  font-weight:lighter;
  font-size:12px;
}
.section img {
	float:left;
	margin-right:20px;
	margin-bottom:20px;
}
.section a.continue-tour, .section a.end-tour {
  margin-top:20px;
  float:right;
  text-decoration:none;
  font-size:14px;
  color:#7796C4;
}
/********************************/
.left-arrowPlaceholder, .right-arrowPlaceholder {
  position:absolute;
  top:50%;
  height:100px;
  margin:0px;
  padding:0;
}
.left-arrowPlaceholder {left:0;}
.right-arrowPlaceholder {right:0;}
.left-arrowPlaceholder img , .right-arrowPlaceholder img {
  width:31px;
  height:31px;
  filter:expression(fixPNG(this));
}
#leftArrow{
  margin:0px 5px;
}
#rightArrow {
  text-align:right;
  margin:0px 5px;
}
/********************************/
div.signupPanel {
  border:1px solid #b6b6b6;
  margin:5px;
  width:197px;
  background-color:#ececec;
  font-size:11px;
  color:#444;
 }
div.signupPanel h3 {
  font-style:normal;
  font-weight:normal;
  margin-top:10px;
  font-size:11px;
}
div.signupPanel a {
  margin:5px;
}
/********************************/
#signupForm,
#signupForm table {
  text-align:justify;
  font-size:12px;
  font-family:"HelveticaNeue", Helvetica, Arial, sans;
  padding:0px;
  margin:0px;
}
#signupForm table {
  width:99%;
}
#signupForm .errorCell  {
  padding:5px 0px;
  font-size:12px;
  font-weight:bold
  text-align:justify;
  color:#F00;
}
#signupForm select {
  width:200px;
  border:1px solid silver;
}
/*#signupForm input[type=password],
#signupForm input[type=text],*/
#signupForm .field {
  width:190px;
  padding:0px 5px;
  border:1px solid silver;
}
#signupForm h3 {
  margin-top:5px;
  padding:0px;
  font-size:12px;
  font-weight:normal;
  text-align:justify;
}
#signupForm td.leftCell,
#signupForm td:first-child {
  text-align:right;
}
#signupForm td.rightCell,
#signupForm td + td {
  width:200px;
}
#signupForm .invalidField {
  border:1px solid red;
}