#page {
   padding-top: 50px;
	padding-bottom: 50px;
}

.body-classwerkz {
	font-family: 'Open Sans', sans-serif;
	background-color: #c6e9af;
}

.gradient-classwerkz {
   /* Old browsers */ 
   background: rgb(165,219,89); 
   /* FF3.6+ */ 
   background: -moz-linear-gradient(top,  rgba(165,219,89,1) 0%, rgba(149,197,79,1) 100%); 
   /* Chrome,Safari4+ */ 
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(165,219,89,1)), color-stop(100%,rgba(149,197,79,1))); 
   /* Chrome10+,Safari5.1+ */ 
   background: -webkit-linear-gradient(top,  rgba(165,219,89,1) 0%,rgba(149,197,79,1) 100%); 
   /* Opera 11.10+ */ 
   background: -o-linear-gradient(top,  rgba(165,219,89,1) 0%,rgba(149,197,79,1) 100%); 
   /* IE10+ */ 
   background: -ms-linear-gradient(top,  rgba(165,219,89,1) 0%,rgba(149,197,79,1) 100%); 
   /* W3C */ 
   background: linear-gradient(to bottom,  rgba(165,219,89,1) 0%,rgba(149,197,79,1) 100%); 
   /* IE6-9 */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a5db59', endColorstr='#95c54f',GradientType=0 );     
  	background-position:initial initial;
  	background-repeat:initial initial;
}

.body-height-classwerkz {
	min-height:500px;
}

.container-classwerkz {
	min-height:100%;
	height:auto !important;
	height:100%;
}

.book-student {
	padding-top: 30px;
}

.footer-classwerkz {

}

.masthead {
	height: 100px;
}

.masthead-success {
   height: 130px;
}

.body-classwerkz h3{
	font-weight: normal;
	font-size: 26pt;
	padding-bottom: 10px;
}

.body-classwerkz h4{
	font-weight: normal;
	font-size: 20pt;
}

.classwerkz-classcode {
	font-size: 23pt !important;
}

.classwerkz-lo {
	font-size: 13pt;
}

.header-banner-gf {
	font-family: 'Lato', sans-serif;
	color: #333333;
}

.profile-image {
	padding-left: 15px;
	padding-bottom: 15px;
}

.student-name {
	border-bottom: 4px solid #17b8ee;
}

.nav-classwerkz {
	font-size: 13pt;
}

.nav-classwerkz li {

}

.nav-header-custom {
	border-left: 6px solid #fe5305;
	font-size: 16px !important;
}

.student-country {
	color: #17b8ee;
}

.student-add-watch-list a {
	color: #ff5303;
	text-decoration:none;
}

.submitted-photos a {
	color: #ff5303;
	text-decoration:none;
}

.submitted-photos {
    text-align: center;
}

.student-data-row {
	padding-bottom: 15px;
}

.footer{
	width: 100%;
	text-align: center;
}

.top-nav-bar {
	text-align: center;
	padding-top: 25px;
}

.top-nav-bar a:hover{
	text-decoration: none;
}

.top-nav-bar h1 {
	color: #ffffff;
	text-shadow: 1px 1px 3px #000000;
}

.script-font {
	font-family: 'Shadows Into Light', cursive;
	font-size: 36px;
	color: #3a6b00;
	padding-top: 20px;
	padding-bottom: 50px;
}

#top-bar {
	background-color: #5b6984;
	height: 40px;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

.login-box {
  background-color:#FFFFFF;
  border:1px solid #DDDDDD;
  border-bottom-left-radius:5px;
  border-bottom-right-radius:5px;
  border-top-left-radius:5px;
  border-top-right-radius:5px;
  margin:15px 0;
  padding:39px 19px 14px;
  position:relative;
}

.custom-offset {
   margin-left: 390px !important;
}

.cutom-thumb{
   margin-bottom: 0px;
}

.custom-input {
   height: 70px;
   font-size: 64px;
}
