.GaussAppContainer {
	   float:left;
       width: 595px;
	   height: 400px;
       margin-left: 5px;
       margin-right: 0px;
}

.GaussAppContainerNarrow {
	   float:left;
	   height: 320px;
       margin-left: 0px;
       margin-right: 0px;
	   padding-left: 0px;
}

.GaussAppContainerWide {
	   float:left;
	   height: 385px;
       margin-left: 0px;
       margin-right: 0px;
	   padding-left: 0px;
}

.GaussApp {
	   float:left;
       width: 385px;
	   height: 400px;
       margin-left: 0px;
       margin-right: 0px;
	   background-image:url(/imagesv2/gaussian1.png);
	   background-repeat: no-repeat; 

}


.facebook .GaussApp {
	   background-image:url(/imagesv2/facebook_gaussian1.png);
	
}

.GaussAppContainerNarrow .GaussApp {
	float:none;
	   background-image:url(/imagesv2/gaussian_mobile320x300.png);
	   background-repeat: no-repeat; 
	   padding-left: 5px;
	   width: 315px;
	   height: 300px;
}


.NotesContainer {
}

.InlineNotesContainer {
	float:right;
}

.GaussNotes {
	   float:left;
       width: 208px;
	   height: 110px;
      background-color: #0b3d91;
       margin-left: 0px;
       margin-right: 0px;
	   border: 1px solid #aaa;
	   z-index: 1;
}

.GaussNotesSkinny {
	   height: 35px;
      background-color: #0b3d91;
       margin-left: 0px;
       margin-right: 0px;
	   border: 1px solid #aaa;
	   z-index: 1;
}

.MyNotes {
	   float:left;
       width: 208px;
	   height: 286px;
       margin-left: 0px;
       margin-right: 0px;
	   border: 1px solid #aaa;
	   z-index: 1;
}

.MyNotes h1 {
    margin-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #0b3d91;
}

.GaussNotes h1, .GaussNotesSkinny h1 {
    margin-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #fff;
}

.MyNotes h2 {
    margin-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #0b3d91;
}

.GaussNotes h2, .GaussNotesSkinny h2 {
    margin-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
}

.GaussNotesSkinny .score {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
}


.MyNotes h3 {
    margin-left: 5px;
	font-size: 14px;
}

.GaussNotes h3, .GaussNotesSkinny h3 {
    margin-left: 5px;
	font-size: 14px;
	color: #fff;
}

.GaussNotes p, .GaussNotesSkinny p {
	color: #fff
}

.gaussbox {
	position: absolute;
	width: 20px;
	height: 5px;
	background-color: #6d84b7;
	z-index: 2;
	border-bottom:1px solid #000;
}

.mobile .gaussbox {
	position: absolute;
	width: 14px;
	height: 3px;
	background-color: #6d84b7;
	z-index: 2;
	border-bottom:1px solid #000;
}

.mygaussbox {
	position: absolute;
	width: 20px;
	height: 5px;
	background-color: #f7941d;
	z-index: 2;
	border-bottom:1px solid #f7941d;
}

.mobile .mygaussbox {
	position: absolute;
	width: 14px;
	height: 3px;
	background-color: #f7941d;
	z-index: 2;
	border-bottom:1px solid #f7941d;
}