body {
	font-family: "Helvetica", "Arial", sans-serif;
	padding: 0;
	margin: 0;
	line-height: 1.4;
	color: #333333;
	background-color: #f3f3f3;
}

a {
	text-decoration: none;
	color: #669900;
}

b {
	font-weight: bold;
}

h4 {
	margin: 15px 0px 10px;
	font-weight: bold;
}

p {
	margin-bottom: 15px;
}
hr {
	border:0;
	border-bottom:1px solid #cccccc;
	margin-bottom:15px;
}
/* ------ HEADER ------ */
header {
	height: 52px;
	border-bottom: 3px solid #cccccc;
/* 	height: 60px;
	border-bottom: 3px solid #cccccc;
	padding-top: 6px; */
}

#logo {
	background: url(../images/logo.png) no-repeat;
	background-size: 110px 40px;
	outline: none;
	width: 110px;
	height: 40px;
	float: left;
	margin-left: 14px;
	margin-top:8px;
/* 	background: url(../images/logo.png) no-repeat;
	outline: none;
	width: 135px;
	height: 50px;
	float: left;
	margin-left: 20px; */
}

#grok-search {
	float: left;
	padding: 10px;/* 12px; */
}

.greenBtn,#greenBtn, #login_user_button, #create_user_button, #teacher_tutorial_btn {
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding: 5px 15px;
	font-family: "Helvetica", "Arial", sans-serif;
	font-weight: normal;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	color: #ffffff;
	border: solid 1px #339900;
	text-shadow: 1px 1px #339900;
	background-color: #669900;	
	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(top, #669900 0%, #669933 100%);	
	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(top, #669900 0%, #669933 100%);	
	/* Opera */ 
	background-image: -o-linear-gradient(top, #669900 0%, #669933 100%);	
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #669900), color-stop(1, #669933));	
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(top, #669900 0%, #669933 100%);	
	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to bottom, #669900 0%, #669933 100%);
}

#redBtn {
	color: #ffffff;
	border: solid 1px #560606;
	text-shadow: 1px 1px #560606;
	background-color: #b63633;	
	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(top, #b63633 0%, #6b0505 100%);	
	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(top, #b63633 0%, #6b0505 100%);	
	/* Opera */ 
	background-image: -o-linear-gradient(top, #b63633 0%, #6b0505 100%);	
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #b63633), color-stop(1, #6b0505));	
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(top, #b63633 0%, #6b0505 100%);	
	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to bottom, #b63633 0%, #6b0505 100%);
}
#redBtn:hover {
	color: #ffffff;
	border: solid 1px #560606;
	text-shadow: 1px 1px #560606;
	background-color: #550505;	
	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(top, #6b0505 0%, #550505 100%);	
	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(top, #6b0505 0%, #550505 100%);	
	/* Opera */ 
	background-image: -o-linear-gradient(top, #6b0505 0%, #550505 100%);	
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #6b0505), color-stop(1, #550505));	
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(top, #6b0505 0%, #550505 100%);	
	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to bottom, #6b0505 0%, #550505 100%);
}
#redBtn:active {
	background-color: #b63633;
}

#login_user_button, #create_user_button {
	font-size:16px;
	font-weight:bold;
	margin-top:15px;
	float:left;
}
.greenBtn:hover,#greenBtn:hover,#login_user_button:hover,#create_user_button:hover {
	background-color: #336600;	
	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(top, #669933 0%, #336600 100%);	
	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(top, #669933 0%, #336600 100%);	
	/* Opera */ 
	background-image: -o-linear-gradient(top, #669933 0%, #336600 100%);	
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #669933), color-stop(1, #336600));	
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(top, #669933 0%, #336600 100%);	
	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to bottom, #669933 0%, #336600 100%);
}

.greenBtn:active,#greenBtn:active {
	background-color:#336600;
	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(top, #336600 0%, #669933 100%);	
	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(top, #336600 0%, #669933 100%);	
	/* Opera */ 
	background-image: -o-linear-gradient(top, #336600 0%, #669933 100%);	
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #336600), color-stop(1, #669933));	
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(top, #336600 0%, #669933 100%);	
	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to bottom, #336600 0%, #669933 100%);
}

.blackBtn {
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding: 5px 15px;
	font-family: "Helvetica", "Arial", sans-serif;
	font-weight: normal;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	color: white;
	border: solid 1px #333333;
	text-shadow: 1px 1px #000000;
	background-color: #484747;		
	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(top, #484747 0%, #373535 100%);	
	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(top, #484747 0%, #373535 100%);	
	/* Opera */ 
	background-image: -o-linear-gradient(top, #484747 0%, #373535 100%);	
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #484747), color-stop(1, #373535));	
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(top, #484747 0%, #373535 100%);	
	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to bottom, #484747 0%, #373535 100%);	
}

.greyBtn,.ui-dialog .ui-dialog-buttonpane button, button.ui-button {
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding: 5px 15px;
	margin: 0 4px;
	font-family: "Helvetica", "Arial", sans-serif;
	font-weight: normal;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	color: #666666;
	border: solid 1px #cccccc;
	text-shadow: 1px 1px #ffffff;
	background-color: #f2f4f3;	
	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(top, #ffffff 0%, #f2f4f3 100%);	
	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(top, #ffffff 0%, #f2f4f3 100%);	
	/* Opera */ 
	background-image: -o-linear-gradient(top, #ffffff 0%, #f2f4f3 100%);	
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1, #f2f4f3));	
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(top, #ffffff 0%, #f2f4f3 100%);	
	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to bottom, #ffffff 0%, #f2f4f3 100%);
	
	
}
button.ui-button span.ui-button-text {
	padding:0;
}
.greyBtn:hover,.ui-dialog .ui-dialog-buttonpane button:hover, button.ui-button:hover {
	background-color: #f2f4f3;	
	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(top, #f2f4f3 0%, #cecaca 100%);	
	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(top, #f2f4f3 0%, #cecaca 100%);	
	/* Opera */ 
	background-image: -o-linear-gradient(top, #f2f4f3 0%, #cecaca 100%);	
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f2f4f3), color-stop(1, #cecaca));	
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(top, #f2f4f3 0%, #cecaca 100%);	
	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to bottom, #f2f4f3 0%, #cecaca 100%);
}

.greyBtn:active,.ui-dialog .ui-dialog-buttonpane button:active, button.ui-button:active {	
	background-color:#cecaca;
	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(top, #cecaca 0%, #f2f4f3 100%);	
	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(top, #cecaca 0%, #f2f4f3 100%);	
	/* Opera */ 
	background-image: -o-linear-gradient(top, #cecaca 0%, #f2f4f3 100%);	
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #cecaca), color-stop(1, #f2f4f3));	
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(top, #cecaca 0%, #f2f4f3 100%);	
	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to bottom, #cecaca 0%, #f2f4f3 100%);
}

.ui-dialog .ui-dialog-buttonpane button {
	margin: 10px 5px;
}

.iconBtn {
	padding-left: 3px;
}

.right {
	float: right;
}

.left {
	float: left;
}

/* Fixes submit button height problem in Firefox */
#grok-btn::-moz-focus-inner {
	border: 0;
}

.navbar-collapse {
	float: right;
	margin-top: 20px;
	margin-right: 20px;
}

.item {
	display: inline;
	padding: 10px 0px;
}

.item a {
	color: #333333;
	padding-bottom: 5px;
	background:transparent;
}

.item a:hover {
	color: #669900;
}
.item a span.ui-button-text {
	padding:.2em 0; /* .6em 0; */
	margin:0 1em;
}
.active a span.ui-button-text {
	border-bottom: 2px solid #669900;
}

#dropdown-menu {
	display: none;
	margin-top: 0;
	border-top-right-radius: 0;
	border-top-left-radius: 0;
	position: absolute;
	top: 60px;
	right: 30px;
	z-index: 1000;
	width: 160px;
	padding: 5px 0;
	margin: 2px 0 0;
	font-size: 14px;
	list-style: none;
	background-color: #f3f3f3;
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	background-clip: padding-box;
}

#dropdown-menu li {
	padding-bottom: 4px;
}

#dropdown-menu li a {
	padding: 8px 15px;
	display: block;
}

#dropdown-menu li a:hover {
	background-color: #666666;
	color: white;
}

/* ----- Video ------ */
.demo-video, .demo-video-mobile {
	background: url(../images/home/video.png) no-repeat;
	height: 400px;
	max-height: 400px;
	background-color: #181717;
	/* background-size: cover; */
	background-repeat: no-repeat;
	background-position: center center;
	position: relative;
} 

.demo-video-mobile {
	height: 310px;
}
.offset-play {
	height: 65px;
	margin: 180px auto 0;
	width: 100px;
}

#demo-vid-mobile {
	padding: 8px 10px 8px 50px;
	border: 2px solid #f7d7a0;
 	width: 120px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	margin:40px auto 0px;
	background: url(../images/home/play-icon-mobile.png) no-repeat 5px 4px;
}
#demo-vid-mobile a {
	color:#f7d7a0;
}
/* ----- Examples ----- */
h2 {
	color: #333333;
	font-size: 30px;
	font-weight: bold;
}

h2.title {
	text-align: center;
	margin-top: 30px;
	margin-bottom: 20px;
}

.white {
	background-color: white;
}

#all_groks_container {
	padding: 10px;
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
}

.container {
	padding: 10px;
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
}


.examples {
	height: 280px;
}

.col3, .col4 {
	width: 33%;
	float: left;
	padding-top: 10px;
}

.col3 {
	width: 33%;
}

.col4 {
	width: 25%;
}

.imageSubtitle {
	color: #333333;
	text-align: center;
	display: block;
	padding: 5px 0;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.2;
	/*padding-right: 100px;  until the images become 300x200 */
}

.instaGrokGraph {
	display: block;
	margin: 0 auto;
}

.team {
	margin-top: 30px;
	display: inline-table;
	width: 450px;
}

.profile {
	float: left;
	width: 160px;
	margin-right: 20px;
}

.lastT {
	margin-left: 55px;
}

h4.teamName {
	margin: 0;
}

h4.bigTitle {
/* 	font-size: 30px;
	margin: 0; */
	font-size: 20px;
	margin-bottom: 15px;
}

h5 {
	color: #999999;
	margin-bottom: 15px;
}

h6 {
	color: #333333;
	padding: 4px 8px;
	font-size: 14px;
	background-color: #dddddd;
	font-weight: bold;
	text-align:center;
}

.class-input {
	display: none;
}

.bio {
	display: table;
	margin-bottom: 30px;
}

.question {
	font-size: 20px;
	background-color: #999999;
	color: white;
	border-radius: 18px;
	-moz-border-radius: 18px;
	-webkit-border-radius: 18px;
	padding: 1px 9px 0px;
	margin-top: 2px;
	float: right;
}

.question:hover {
	background-color: #669900;
}

.tooltip {
	display: none;
	background: #333;
	background: rgba(0, 0, 0, .8);
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-size: 14px;
	color: #cccccc;
	content: '';
	padding: 10px;/* 25px 25px 10px 25px; */
	position: absolute;
	z-index: 98;
	/*width: 270px;*/
	float: none;
	/*margin-top: -233px;*/
}

.tooltip:after {
	border: solid;
	border-color: #333 transparent;
	/* border-width: 6px 6px 0 6px; */
	border-width: 0px 6px 6px 6px;
	content: "";
	position: absolute;
	z-index: 99;
}

#role-tooltip {
	width:450px;
	margin-top:7px;
	left:220px;
	/* margin-top:-78px;
	left:223px; */
}

#role-tooltip:after {
	/* margin-top: 10px; */
	margin-top:-137px;
	left: 430px;
}

#role-tooltip p b {
	color: white;
}
/* ----- Features ----- */
.features {
	height: 550px;
}

#featuresInfo {
	text-align: center;
	display: block;
	width: 100%;
	font-size: 20px;
	margin: 10px;
}

.feature img {
	display: block;
	width: 260px;
	height: 260px;
	margin: 0 auto;
}

.featureDesc {
	color: #333333;
	display: block;
	margin: 15px 0px 0px 30px;
}
/* ----- Pricing ----- */
.plansPricing {
	height: 430px;
}

.col32 {
	width: 66%;
	float: left;
	padding-top: 10px;
}

.classroomBg {
	color: white;
	background-color: #333333;
	padding: 20px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	height: 260px;
	margin-right: 20px;
}

.classroomPackage {
	font-size: 60px;
	display: block;
}

.classroomPrice {
	font-size: 118px;
	float: left;
	line-height: 1;
}

.small {
	font-size: 28px;
}

.price {
	width: 335px;
	float: left;
}

.benefits {
	font-size: 14px;
	color: #cccccc;
	padding: 20px 0 0 20px;
	width: 200px;
	float: left;
	letter-spacing: 0.6px;
}

.featuresList li {
	background: url(../images/home/check.png) no-repeat;
	padding-left: 30px;
	margin: 10px 0;
}

.featuresList li.dark {
	background: url(../images/home/check-dark.png) no-repeat;
}

.featuresList li.last {
	background-image: none;
}

.featuresList li.last a {
	color: #99ff33;
}

.trialBtn {
	display: block;
	float: left;
	padding: 10px 50px;
	margin: 15px auto;
}

.freeBg {
	background-color: #f3f3f3;
	padding: 20px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	height: 260px;
	margin-left: 5px;
}

.freeBg p {
	margin-top: 10px;
	color: #666666;
}

.freePackage {
	font-size: 60px;
}

.signUpBtn {
	margin-top: 15px;
	float: left;
}

.featuresList {
	float: left;
}
/* =========== */

/* ===== Classroom Page ===== */
.classroomIntro {
	padding: 10px;
	height: 530px;
}

.upgradeReasons {
	padding: 10px;
	height: 560px;
}

.grey {
	/* filter: url(filters.svg#grayscale); */ /* Firefox 3.5+ */
	 filter: gray;  /* IE6-9 */
	 -webkit-filter: grayscale(1);
	/* Google Chrome, Safari 6+ & Opera 15+ */	
}

.grey:hover {
	filter: none;
	-webkit-filter: grayscale(0);
}
#profile-img-1 {
	background: url(../images/classroom/droppedImage_3.jpg) no-repeat top center;
}
#profile-img-2 {
	background: url(../images/classroom/droppedImage_2.jpg) no-repeat top center;
}
#profile-img-3 {
	background: url(../images/classroom/droppedImage_4.jpg) no-repeat top center;
}

#profile-img-1, #profile-img-2, #profile-img-3 {
	background-position:0 0;
	background-size:260px 520px;
	width: 260px;
	height: 260px;
	margin: 0 auto;
}
#profile-img-1:hover, #profile-img-2:hover, #profile-img-3:hover {
	background-position:0 -260px;
}
/* =========== */

/* ====== All Pages ====== */
.item a.username {
	background: url(../images/arrow.png) no-repeat right center;
	padding: 10px 22px 10px 8px;
	border: 1px solid #f3f3f3;
	color: #669900;
}

.item a.username:hover {
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	color: #666666;
	border: solid 1px #cccccc;
	background: #f2f4f3;
	text-shadow: 1px 1px #ffffff;
	background: url(../images/arrow.png) no-repeat right center,
		-webkit-gradient(linear, left top, left bottom, from(#ffffff),
		to(#f2f4f3));
	background: url(../images/arrow.png) no-repeat right center,
		-moz-linear-gradient(top, #ffffff, #f2f4f3);
}

/* ====== Table Data ====== */
h3 {
	font-weight: bold;
}

h3.pageTitle {
	padding: 15px 0 3px;
	float: left;
}

#project_title_edit {
	margin: -10px 0;
	font-size: 100%;
	display: none;
}

#project_title_text {
	display: inline;
}

#project_title_edit_hint,
#selected-students-edit-hint {
	font-size: 7pt;
	display: inline;
	color: #999;
	text-transform: uppercase;
	letter-spacing: 1px;
}
#project_title_text:hover,
#students_text:hover,
#project_title_edit_hint:hover,
#selected-students-edit-hint:hover {
	cursor:pointer;
}

sup {
	vertical-align: super;
}

table {
	width: 100%;
	border-bottom: 1px solid #cccccc;
}

th {
	background-color: #666666;
	color: #ffffff;
	text-align: left;
	padding: 5px;
	text-shadow: 1px 1px #000000;
	border-right: 1px solid #cccccc;
}

td {
	padding: 5px;
	border-right: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	vertical-align: top;
}

th.dates,th.actions {
	width: 115px;
}

th.actionsStudent {
	width: 160px;
}

th.names,th.groks {
	max-width: 300px;
}

td.groks img {
	border: 1px solid #cccccc;
	vertical-align: top;
}

td.groks img:hover {
	border-color: #669900;
}

.deleteLink,.renameLink,.passwordLink {
	font-size: 12px;
	color: #666666;
	padding-left: 22px;
	margin-bottom: 15px;
	display: block;
}

.renameLink:hover {
	background: url(../images/editHover.png) no-repeat;
	color: #669900;
}

.deleteLink:hover {
	background: url(../images/deleteHover.png) no-repeat;
	color: #ff0000;
}

.passwordLink {
	background: url(../images/changePassword.png) no-repeat;
	background-size: 14px 32px;
	background-position: 0 0;
}

.passwordLink:hover {
	background-position: 0 -16px;
	color: #669900;
}

.deleteLink {
	background: url(../images/delete.png) no-repeat;
}

.renameLink {
	background: url(../images/edit.png) no-repeat;
}

.dark_row {
	background: #faf2e0; /* #f2f4f3; */
	border-top:1px solid #e1cca9;
}

.light_row {
	background: #ffffff;
	border-top:1px solid #dedac2;
}

.pager {
	margin: 0 auto;
	text-align: center;
	padding: 10px 0px 20px;
	background:white;
}

.pager a {
	padding: 5px 10px;
	margin: 0px 5px;
}

td a:hover {
	color: #77c424;
}

.pager a:hover {
	color: white;
	background-color: #60a615;
	border-radius: 56px;
	-moz-border-radius: 56px;
	-webkit-border-radius: 56px;
}

.pager a:active {
	background-color: #477b10;
}

.firstPage {
	background: url(../images/pager/firstPage.png) no-repeat center center;
}

.prevPage {
	background: url(../images/pager/prevPage.png) no-repeat center center;
}

.nextPage {
	background: url(../images/pager/nextPage.png) no-repeat center center;
}

.lastPage {
	background: url(../images/pager/lastPage.png) no-repeat center center;
}

.pager a.firstPage,.pager a.prevPage,.pager a.nextPage,.pager a.lastPage
	{
	padding: 6px 15px;
}

.pager a.firstPage:hover,.pager a.prevPage:hover,.pager a.nextPage:hover,.pager a.lastPage:hover
	{
	background-color: #999999;
}

.pager a.firstPage:active,.pager a.prevPage:active,.pager a.nextPage:active,.pager a.lastPage:active
	{
	background-color: #666666;
}

.firstPage:hover {
	background: url(../images/pager/firstPageHover.png) no-repeat center
		center;
}

.prevPage:hover {
	background: url(../images/pager/prevPageHover.png) no-repeat center
		center;
}

.nextPage:hover {
	background: url(../images/pager/nextPageHover.png) no-repeat center
		center;
}

.lastPage:hover {
	background: url(../images/pager/lastPageHover.png) no-repeat center
		center;
}

.activePage {
	padding: 6px 10px;
	font-weight: bold;
	color: #666666;
}

.overdue {
	color: #ff0000;
}
/* =========== */
.termsList {
	list-style: outside;
	padding-left: 65px;
	margin-bottom: 20px;
}

.address {
	padding-left: 50px;
}

h3.title {
	font-size: 24px;
	color: #666666;
}

.btn-icon {
	padding: 5px 16px;
}

.add-new {
	background: url(../images/plusBtn.png) no-repeat 4px center;
}

.manage {
	background: url(../images/settingsBtn.png) no-repeat 4px center;
}

.create {
	background: url(../images/createBtn.png) no-repeat 8px center;
}

.gmail,.facebook,.rmunify {
	padding: 5px 25px;
	margin-right: 10px;
	margin-left: -20px;
}

.gmail {
	background: url(../images/gmail-icon.png) no-repeat 8px center;
}

.facebook {
	background: url(../images/facebook-icon.png) no-repeat 8px center;
}

.rmunify {
	background: url(../images/rmunify-icon.png) no-repeat 8px center;
}

.fixed-width {
	width: 220px;
	text-align: left;
}
a.greyBtn.iconBtn.big.fixed-width {
	float:left;
	color: #333333;
	font-size:14px;
}
/* ------ Project ------ */
.fullWidth {
	width: 98%;
}

.contentDivider {
	border-width: 0 0 2px 0;
	border-color: #666666;
	border-style: solid;
	clear: both;
}

.divider {
	margin: 0 10px;
}
/* ============ TABS ============ */
#grok-item a, #journal-item a, #quizzes-item a, a.activity-tab, a.assignments-tab {
	letter-spacing: 0px;
	font-size:14px;
	padding: 5px 10px 5px 5px;
	font-weight: normal;
	outline: none;
	cursor: pointer;
	text-decoration: none;
	border-style: solid;
	border-width: 1px 1px 2px 1px;
}
#creadit-card-tab a, #po-tab a {
	text-decoration: none;
	border-style: solid;
	border-width: 1px 1px 2px 1px;
}
#grok-item a, a.activity-tab, #creadit-card-tab a {
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-left-radius: 5px;
}
#journal-item a {
	border-left:0;
}
#quizzes-item a, a.assignments-tab, #po-tab a {
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	border-top-right-radius: 5px;
	border-left:0;
}
#grok-item.ui-state-default a, #journal-item.ui-state-default a,
#quizzes-item.ui-state-default a, #creadit-card-tab.ui-state-default a, #po-tab.ui-state-default a {
	color: #666666;
	border-color: #cccccc;
	border-bottom:0px;
	text-shadow: 1px 1px #ffffff;
	background-color: #f2f4f3;	
	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(top, #ffffff 0%, #f2f4f3 100%);	
	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(top, #ffffff 0%, #f2f4f3 100%);	
	/* Opera */ 
	background-image: -o-linear-gradient(top, #ffffff 0%, #f2f4f3 100%);	
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1, #f2f4f3));	
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(top, #ffffff 0%, #f2f4f3 100%);	
	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to bottom, #ffffff 0%, #f2f4f3 100%);
}
#grok-item.ui-state-active a, #journal-item.ui-state-active a,
#quizzes-item.ui-state-active a, #creadit-card-tab.ui-state-active a, #po-tab.ui-state-active a {
	color: white;
	border-color: #333333;
	text-shadow: 1px 1px #000000;
	background-color:#484747;
	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(top, #484747 0%, #373535 100%);	
	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(top, #484747 0%, #373535 100%);	
	/* Opera */ 
	background-image: -o-linear-gradient(top, #484747 0%, #373535 100%);	
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #484747), color-stop(1, #373535));	
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(top, #484747 0%, #373535 100%);	
	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to bottom, #484747 0%, #373535 100%);
}
#grok-icon, #journal-icon, #quizzes-icon {
	padding:5px 25px 5px 0px;
}
#grok-item.ui-state-default a #grok-icon {
	background: url(../images/greyGrok.png) no-repeat center center;
}
#grok-item.ui-state-active a #grok-icon {
	background: url(../images/whiteGrok.png) no-repeat center center;
}
#journal-item.ui-state-default a #journal-icon {
	background: url(../images/greyJournal.png) no-repeat center center;
}
#journal-item.ui-state-active a #journal-icon {
	background: url(../images/whiteJournal.png) no-repeat center center;
}
#quizzes-item.ui-state-default a #quizzes-icon {
	background: url(../images/greyQuizzes.png) no-repeat center center;
}
#quizzes-item.ui-state-active a #quizzes-icon {
	background: url(../images/whiteQuizzes.png) no-repeat center center;
}

.grok-preview {
	display: block;
	width: 200px;
	height: 200px;
	margin: 10px 10px 0 10px;
	box-shadow: 0px 0px 6px #cccccc;
	-o-box-shadow: 0px 0px 6px #cccccc;
	-webkit-box-shadow: 0px 0px 6px #cccccc;
	-moz-box-shadow: 0px 0px 6px #cccccc;
	border: 1px solid #dddddd;
	-webkit-transform: scale(1, 1);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 250ms;
	-moz-transform: scale(1, 1);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 250ms;
	border-radius: 5px;
}

.grok-preview:hover {
	cursor: pointer;
	box-shadow: 0px 0px 10px #669900;
	-o-box-shadow: 0px 0px 10px #dddddd;
	-webkit-box-shadow: 0px 0px 10px #dddddd;
	-moz-box-shadow: 0px 0px 10px #dddddd;
	-webkit-transform: scale(1.04, 1.07);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 250ms;
	-moz-transform: scale(1.04, 1.07);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 250ms;
	position: relative;
	z-index: 99;
}
/* ------ Footer ------ */
footer {
	padding: 20px;
	border-top: 3px solid #dddddd;
	font-size: 14px;
}

.footerNav {
	float: left;
}

.footerLinks li {
	display: inline;
	padding: 5px;
}

.footerLinks li a {
	color: #333333;
}

.footerLinks li a:hover {
	color: #669900;
}

#copyr {
	color: #666666;
	padding: 10px 5px 20px;
}

ul.social {
	margin-top: 10px;
	float: right;
}

ul.social li {
	display: inline-block;
	margin: 0 5px;
}

.social li a {
	background: url(../images/social.png) no-repeat;
	background-size: 264px 68px;
	padding: 8px 16px;
}

#blog a {
	background-position: 0px 0px;
}

#blog a:hover {
	background-position: 0px -36px;
}

#twitter a {
	background-position: -33px 0px;
}

#twitter a:hover {
	background-position: -33px -36px;
}

#facebook a {
	background-position: -66px 0px;
}

#facebook a:hover {
	background-position: -66px -36px;
}

#pinterest a {
	background-position: -99px 0px;
}

#pinterest a:hover {
	background-position: -99px -36px;
}

#email a {
	background-position: -132px 0px;
}

#email a:hover {
	background-position: -132px -36px;
}

.ui-dialog {
	padding: 0;
	font-size: 14px;
	font-family: "Helvetica", "Arial", sans-serif;
	border: 1px solid #cccccc;
	box-shadow: 2px 2px 6px #aaa;
	-o-box-shadow: 2px 2px 6px #aaa;
	-webkit-box-shadow: 2px 2px 6px #aaa;
	-moz-box-shadow: 2px 2px 6px #aaa;
}

.ui-dialog .ui-dialog-titlebar {
	padding: 10px 20px 5px;
	border: 0;
	border-radius: 4px 4px 0px 0px;
	-moz-border-radius: 4px 4px 0px 0px;
	-webkit-border-radius: 4px 4px 0px 0px;
	background: #e9eae8;
	border-bottom: 3px solid #d3d4d2;
	font-size: 16px;
}

#create-assignment {
	display: none;
}

.ui-dialog-container {
	padding: 10px 20px;
}

.ui-dialog-container p {
	margin-bottom: 0;
	margin-top: 15px;
}

.ui-dialog .ui-dialog-content {
	padding: 20px;
	background:white;
}

.dialog-col-2,.col-2 {
	width: 45%;
	float: left;
	margin-left: 20px;
}

.form-content input {
	width: 296px;
}

#or-login {
	margin: 25px 60px -35px 60px;
	border-width: 1px 0 0 0;
}

.big {
	padding: 10px 20px;
	font-size: 16px;
	margin-top: 10px;
}

.ui-widget input,.ui-widget textarea,.ui-widget select,.input-list,input {
	width: 250px;
	padding: 6px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	border: 1px solid #cccccc;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	outline: none;
}

input[type='radio'],input[type='checkbox'] {
	width: 15px;
}

.ui-widget select,.input-list {
	height: 30px;
	margin-top: 2px;
	width: 265px;
	background-color: white;
}

.input-list {
	width: 275px;
}

label {
	/* float: left; */
	margin-bottom: 0;
	margin-top: 10px;
	display:block;
}

label.checkbox-label {
	margin: 0;
	float: none;
	display:inline;
}

.recovery {
	color: #999999;
	font-size: 12px;
	float: right;
	margin-top: 20px;
}

.recovery:hover {
	color: #669900;
}

#new_query {
	border-right: 0px;
	border-radius: 5px 0px 0px 5px;
	-moz-border-radius: 5px 0px 0px 5px;
	-webkit-border-radius: 5px 0px 0px 5px;
	margin:0;
	padding:6px;
	line-height:18px;
}

input:focus,textarea:focus {
	outline: none;
	border-color: #339900;
}

#grok-btn {
	margin: 0 0 0 -5px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-top-left-radius: 0px 0px;
	border-bottom-left-radius: 0px 0px;
	border-right: 0px;
	font-size: 16px;
	letter-spacing: 1px;
	width: 100px;
	padding:6px;
	line-height:18px;
}

/* Journal */
#journal {
	margin-top: -8px;
}

#editor {
	float: left;
	/*	width: 100%;
	height: 100%;*/
}
#journal-table {
	width: 100%;
}
#journal-table td {
	border:0px;
	padding:0px;
	background-color: white;
}
#sidebar {
	width: 270px;
	border-left: 2px solid #999999;
	height: 100%;
}

.sidebar-header {
	width: 100%;
	background-color: #333333;
	padding: 5px 0;
}

.sidebar-header span {
	/* padding: 10px 10px 10px 30px; */
	font-size: 14px;
	color: #cccccc;
}

#pinned-items-content,#bibliography-content {
	width: 100%;
	overflow: auto;
	height: 250px;
}
#my_pins_table tr {
	background: white;
}
.expanded {
	background: url(../images/expanded.png) no-repeat 10px 15px #333333;
}

.collapsed {
	background: url(../images/collapsed.png) no-repeat 10px 12px #333333;
}

.sidebar-item, #journal-table td.sidebar-item {
	display: inline-flex;
	font-size: 12px;
	padding: 0px 15px 12px 5px;
	/* padding: 8px 15px 8px 5px; */
	color: #333333;
}

.sidebar-item p {
	margin: 0;
	width: 260px;
	display:table;
}

.sidebar-item img {
	max-width: 50px;
	margin-left: 25px;
	height:auto;
}

.short-link {
	text-overflow: ellipsis;
	overflow: hidden;
	width: 225px;
	display: inline-block;
}
.sidebar-website-title {
	color:#333333;
	font-weight:bold;
	display: block;
}
div.export {
	background: url(../images/export.png) no-repeat;
	padding: 8px 12px;
	background-size: 15px 34px;
	background-position: 0px 0px;
	margin-top: 2px;
	float: right;
}

div.export:hover {
	background-position: 0px -17px;
	cursor: pointer;
}

#export-tooltip {
	display: none;
	margin-top: -62px;
	padding: 10px;
	right: 15px;
}

#export-tooltip:after {
	margin-top: 10px;
	left: 113px;
}

#export-tooltip p {
	margin: 0;
}

div.export:hover #export-tooltip {
	display: block;
}

#journal-table td.bibl-item {
	display: block;
	padding: 4px 15px 4px 5px;
}

.review {
/* 	visibility: hidden; */
	background: url(../images/review.png) no-repeat;
	padding: 2px 20px;
	color: orange;
	display:block;
}

#journal-table td.bibl-item:hover {
	background: #f0f1f0;
}

.bibl-item:hover .review {
	visibility: visible;
}

.section {
	background-color: #f2f4f3;
	float: left;
	width: 100%;
	padding: 10px 0px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin: 15px 0px 30px;
}

#source-link {
	text-decoration: none;
	color: #669900;
	outline: none;
	word-wrap: break-word;
	font-size: 12px;
}

h3.orange {
	color: orange;
	font-size: 18px;
	margin-bottom: 8px;
	float: left;
	background:transparent;
}

#easy-bib {
	float: right;
	font-size: 10px;
	background: url(../images/easyBib.png) no-repeat right center;
	padding-right: 90px;
	margin-top: 10px;
}

.popup-table {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-bottom: 30px;
}

.popup-table td {
	width: 50%;
}

p.desc {
	font-size: 10px;
	margin-top: 0;
}

input[type='radio'][id^="no"] {
	margin-left: 80px;
}

#website-preview,#review-credibility {
	display: none;
}

#iframe {
	width: 100%;
	height: 380px;
}

#website-preview .ui-dialog-container {
	padding: 0;
}

.ui-dialog-container #add_node_text {
	width: 100%;
	border-top: 1px solid #999999;
	padding: 0;
	margin: 0;
	border-radius: 0;
	height: 60px;
}

/* ==== Home Page Sliding Images ==== */
.sliderkit {
	display: none;
	position: relative;
	overflow: hidden;
	text-align: left;
}

.sliderkit .sliderkit-nav {
	z-index: 10;
	position: absolute;
	text-align: center;
	width: 100%;
}

.sliderkit .sliderkit-nav-clip {
	position: relative;
	overflow: hidden;
	margin: 0 auto;
	/* width:100%; */
}

.sliderkit .sliderkit-nav-clip ul {
	position: relative;
	left: 0;
	top: 0;
	list-style: none;
	margin: 0;
	padding: 0;
}

.sliderkit .sliderkit-nav-clip ul li {
	float: left;
}

.sliderkit .sliderkit-panel {
	z-index: 1;
	position: absolute;
	overflow: hidden;
}

.sliderkit .sliderkit-panel-active {
	z-index: 5;
}

.sliderkit .sliderkit-panel-old {
	z-index: 4;
}

.sliderkit-nav-btn a {
	position: absolute;
	top: 0;
	background-color: black;
	opacity: 0.1;
	padding: 120px 30px;
	z-index: 150;
}

.sliderkit-nav-prev a {
	left: 0;
}

.sliderkit-nav-next a {
	right: 0;
}

.sliderkit-nav-btn a:hover {
	opacity: 0.7;
	background-color: black;
}
#example-list li {
	width: 222px; 
	height: 254px;
}
/* ======================= */
#pass-recovery {
	background: url('..//images/password.png') no-repeat 30px 25px;
	padding: 30px 100px 30px 200px;
	width: 312px;
	height: 125px;
	margin: 30px auto 100px;
	background-color: #333333;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}

#pass-recovery label {
	color: white;
}

#password-message {
	display: none;
	height: 300px;
}
/* ===== Popup fancybox footer ===== */
.creadible-quick-form {
	width:180px;
	float:left;
	text-shadow:none;
	color: #333333;
	margin-left:20px;
	text-align:left;
	margin-bottom:10px;
}
.creadible-quick-form p {
	margin:0;
}

.title-link {
	display:block;
	width:100%;
	text-align:left;
	text-shadow:none;
}
.pinned {
	background: url(../images/grok/tooltipActionsSprite.png) no-repeat;
	background-size: 46px 46px;
	background-position: 0px 0px;
	outline: none;
	width: 23px;
	height: 23px;
	float: left;
	display: inline-table;
	border:0;
}
.fancybox_add_note {
	opacity: 1;
	float:left;
	height:70px;
	width:590px;
	background-color:#fcf8b8;
	border-color:#f2dd8c;
}
/* ======================= */

#credibility_eval_dlg {
	padding:20px;
}

#my_form {
	float:left;
}

.section h4 {
	margin-top:0;
}

.options-bar {
	display:block;
	width:100%;
	height:30px;
	padding:5px 0px;
	background:white;
}
.options-bar div {
	margin:10px;
}
#teacher-tabs-1, #teacher-tabs-2, #my_history_div, #assignments_div {
	padding:10px;
	border:0;
}
a.password-recovery {
	text-decoration:underline;
	float:left;
	margin:20px 0 50px 35px;
} 
.ui-widget-content a.website-info {
	color:#333333;
	white-space:nowrap;
}
a.website-info small {
	color: #669900;
}
#journal-table td.table-td {
	max-width: 260px;
	padding-bottom: 10px;
}
#no-videos-found, #no-websites-found, #no-images-found {
	padding:10px 12px;
}
.select-class-div {
	float:left;
	margin-left:10px;
	font-size:14px;	
}
#class_select {
	height:27px;	
	margin-top:0;
}
#manage_class_codes_button, #add_students_button {
	border:solid 1px #cccccc;
	font-size:10pt;
	padding: .4em 1em;
	color:#666666;
}
#create_assignment_button span {
	font-size:10pt;
	color:#666666;
}
#student_change_password_user_id {
	font-weight:bold;
}
#hints_div {
	font-family: "Helvetica", "Arial", sans-serif; 
	width: 300px; 
	overflow: none; 
	display: block;
}
#share-embed-text {
	width:inherit;
}
#share_dialog table, #share_dialog table tr, #share_dialog table tr td {
	border:0;
}
img#share_preview_img {
	border:1px solid #cccccc;
}
#share-link {
	font-size:11px;
	text-decoration:underline;
	display:block;
}
#assignment_classes {
	height:230px;
	overflow:scroll;
	border:1px solid #cccccc;
	border-radius:3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	width:260px;
	margin-top:2px;
}
button#feedback_button {
	margin-top:5px;
	margin-bottom:10px;
}
.share-td {
	width:530px;
}
#share_buttons {
	margin-top:8px;
}
#share_preview_img {
	width:230px;
	height:230px;
}
#payment-tabs-nav {
	background:white;
	border-bottom:2px solid #373535;
	border-radius:0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	margin-bottom: 15px;
}
#submit_payment_button, #submit_purchase_order_button, #cancel_button {
	margin:0 0 20px 0;
	font-size:150%;
	color:white;
	padding: 5px 15px;
}

#amount {
	font-weight:bold;
	font-size:20px;
	color:orange;
	margin-top:0;
}
.amount-info {
	float: right;
	background:url("../images/comodo.png") no-repeat bottom right;
	height:120px;
	width:100px;
}
#compute_coupon_button {
	margin-top:-3px;
	padding:6px 10px;
}
.purchase_order_phone {
	margin-bottom: 15px;
}
#purchase_order input[type='text'] {
	width:315px;
}
.box {
	border-radius:6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	margin:20px;
	padding:20px;
}
.orange {
	background:#f9e6be;
}
.edmodo {
	background:url("../images/edmodomark.png") no-repeat top right #ececec;
	padding-right: 110px;
} 
.small-text {
	font-size:10pt;
	margin-top:10px;
	margin-bottom:0;
}
#coupon_code {
	margin-bottom:15px;
}
#add_note_div {
	position: absolute; 
	top: 600px; 
	left: 300px; 
	z-index: 35; 
	visibility: hidden;
}
#feedback_button:hover {
	cursor:pointer;
	color:#669900;
}
#demo-vid {
	margin:0px auto;
	width:100%;
	text-align:center;
	top:330px;
	position:absolute;
}

#demo-vid a {
	background:url("../images/home/play-icon.png") no-repeat center top;
	padding:160px 80px 10px;
	font-wight:bold;
	font-size:22px;
	color:white;
	opacity: 0.75;
	letter-spacing:1;
}
#demo-vid a:hover {
	opacity:0.9;
}
.buttons-container {
	margin-top:20px;
}
#edit_user_settings_button {
	margin-bottom:10px;
	font-size:12px;
}
#current_class_codes {
	font-style:italic;
	font-weight:bold;
	color:#6b6b6b;
	width:265px;
}
#modify_role {
	width:230px;
}
#role-tooltip-bellow {
	margin:5px 5px 0 0;
}
#email-text-field, #feedback_text {
	width:95%;
}
/* .card-expiry-month, .card-expiry-year { */
#expireMM, #expireYY {
	height:30px;
	border:1px solid #ccc;
	font-size:14px;
	background-color:white;
	background-image:none;
	color: #333333;
	outline:none;
	width:130px;
	float:left;
	margin-right:5px;
	margin-bottom:15px;
}
#payment-tabs {
	border:none;
}
.video-img {
	float:left;
	margin-right:5px;
}
#tagline, #tagline-mobile {
	color:white;
	font-size:36px;
	padding-top:30px;
	text-align:center;
	max-width:900px;
	margin:0 auto;
}

#tagline-mobile {
	padding-top:75px;
}
.item a span {
	color:#666666;
	font-size:14px;
	background:#f3f3f3;
}
.item a:hover span {
	color:#669900;
}
.ui-widget div.ui-state-error {
	background: #fadcdc;
	border:1px solid #ffaaaa;
}
#ads-div {
	width:160px; 
	padding-top:70px;
}
#grok-table, #grok-table tr td {
	border:0;
}

#iTunes-btn {
	display:block;
	margin-top:255px;
	text-align:center;
}
#contact-form {
	margin:40px 0px 40px 35px;
	display:block;
	float:left;
}
#contact-form input, #contact-form textarea {
	width: 400px;
	padding: 6px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	border: 1px solid #cccccc;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	outline: none;
}

#contact-form input:focus, #contact-form textarea:focus {
	outline: none;
	border-color: #339900;
}

#contact-form textarea {
	height: 216px;
}
.send-btn {
	padding:6px 70px;
	font-size:14px;
	float:right;
}

#instaGrokMap {
	margin: 20px auto;
	display:block;
}

.easy-img:hover, .hard-img:hover {
	cursor: pointer;
}

#instagrok-address-div {
	width: 45%;
	float: left;
	margin-left: 60px;
}

#instagrok-phone-div {
	width: 45%;
	float: left;
	
}
.report_link_btn {
	background: url(../instagrok_icons/x-icon-red.png) no-repeat;
	width: 30px;
	height: 30px;
	display: inline-table;
}

.popup-container {
	position:absolute;
	margin-top: -20px;
	padding: 10px;
	background:white;
	border:1px solid #dddddd;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 2px 2px 6px #aaa;
	-o-box-shadow: 2px 2px 6px #aaa;
	-webkit-box-shadow: 2px 2px 6px #aaa;
	-moz-box-shadow: 2px 2px 6px #aaa;
	z-index: 100;
	display:none;
}

.section-title {
	text-transform:uppercase;
	color: #999999;
	font-size: 10px;
	margin-top:8px;
	margin-bottom:5px;
	display: block;
}
#create-new-project {
	margin:10px 5px 5px 5px;
	display:block;
	font-weight:normal;
}
#existing-projects-list,
#all-classes-list {
	max-height: 325px;
	overflow-y: scroll;
	display:block;
	border:0;
}

#existing-projects-list tr, #existing-projects-list tr td,
#all-classes-list tr, #all-classes-list tr td {
	border:0;
	font-size:14px;
	font-weight:normal;
}
#existing-projects-list tr, #existing-projects-list tr td,
#all-classes-list tr, #all-classes-list tr td {
	width:335px;
}
#existing-projects-list tr td:hover,
#all-classes-list tr td:hover {
	cursor:pointer;
}
#existing-projects-list tr td.current,
#all-classes-list tr td.current {
	background-color:#333333;
	color:white;
}
#student-select {
	width: 330px;
}
.popup-btn {
	width:84px;
}
#closePopupProjectDiv {
	float:right;
	margin-top: 0px;
	width: 18px;
	height: 18px;
}
#closePopupProjectDiv span {
	border:1px solid #dddddd;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.rounded {
/* 	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-left-radius: 5px; */
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	border-top-right-radius: 5px;
}
.tablet-info {
	padding: 20px 0px;
	margin:0px;
	height:150px;
	color: #666666;
}
.tablet-info span {
	padding: 10px 20px;
	float:left;
	font-size: 18px;
}
.tablet-info p {
	padding: 10px 0px 0px 20px;
	float:left;
	width:250px;
	font-size:14px;
}
.tablet-image {
	float:left;
}
.divider {
	border-right: 3px solid white;
}
#project-title, #query-title {
	font-weight:bold;	17:34
}
#contact-form-container {
	height:500px;
}
#success-message-display {
	width:700px;
	float:left;
	height:500px;
}
#address {
	padding:0px 10px 10px 40px;
	background: url(../images/contact-icon.png) no-repeat top left;
	border-bottom:1px solid #cccccc;
}
#phone {
	padding:0px 10px 10px 40px;
	background: url(../images/phone-icon.png) no-repeat top left;
	border-bottom:1px solid #cccccc;
	margin-top:10px;
}
.large-text {
	font-size:20px;
	padding-left:10px;
}
#phone-and-address {
	float:right;
	padding-top:55px;
}
.wide-preview {
	width:300px;
}
#report_link {
	color: #c01212;
}
#show-all-groks {
	border:1px solid #cccccc;
	padding: 5px 15px;
	margin-top:0px;
	font-size:12px;
	color: #666666;
}

pre.assignment-description { 
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
}
#undo-popower {
	padding-top:10px;
	display:none;
}
#undo-message {
	background:#f0c27e;
	margin:0px auto;
	width:160px;
	padding:5px;
	border-color:orange;
}
#undo-message p {
	font-size:12px;
}
#undo-message a {
	color:white;
}
.answered-item {
	padding-left:21px;
}
.correct-answer {
	color: #669900;
	background: url(../images/home/check.png) no-repeat;
}
.node p.short-node, .note_text {
	overflow:hidden;
	max-height:42px;
	font-size: 12px;
	letter-spacing: 0.2px;
	line-height: 1.2;
}
.node p.short-node:hover, .note_text:hover {
	max-height:400px;
	height:inherit;
}
.info-label {
	color:#999999;
	font-size:14px;
	display:block;
}
#connect-btn {
	float:right;
	margin-top:10px;
}
.info-section {
	margin-top:40px;
}
.bold-line {
	border:1px solid #666666;
	margin:1px 0 0 0;
}
.comment-date {
	font-size:12px;
	color:#999999;
}
.comment-date a {
	font-weight:bold;
}
.user-comment p {
	margin-bottom:0;
	font-size:14px;
}
#groks-views {
	margin:10px 0px;
}
#projects-nav {
	float:right;
}
#basic-info {
	margin-top:20px;
}
#email-user {
	font-size:12px;
	padding-left:20px;
	color:#666666;
	background: url(../images/email-user-icon.png) no-repeat;
	background-width:17px;
	background-height:28px;
	background-position:0px 0px;
}
#email-user:hover {
	background-position:0px -15px;
	color:#669900;
}
#view-count {
	background: url(../images/grok/views-icon.png) no-repeat;
	padding: 5px 0px 3px 30px;
	margin-top: 6px;
}