﻿#contentMainContent {
	padding-bottom: 20px;
	padding-top: 20px;
}

#contentMainContent h1 {
	padding-top: 0 !important;
}

#contentMainContent p, #contentMainContent li {
	font-size: 14px !important;
}

div.studentHubContentSideMenu {
	width: 220px;
	float: left;
	color: #fff;
	margin-bottom: 10px;
}

.sys_student_hub_breadcrumb {
	padding-bottom: 10px;
}

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

.sys_student_hub_theme {
	width: 31%;
	float: left;
	text-align: center;
	height: 100%;
	padding: 2px;
}

.sys_student_hub_theme a {
	float: left;
	width: 100%;
}

.sys_student_hub_theme p {
	clear: both;
	text-align: center;
	font-size: 14px;
}

.sys_student_hub_theme img {
	text-align: center;
	float: none !important;
	margin: 0 auto !important;
	height: 120px;
}

.sys_student_hub_row {
	float: left;
	width: 100%;
	height: 130px;
	padding-top: 10px;
}

li.sys_student_hub_user-role {
	display: block;
	float: left;
	width: 220px;
	margin-bottom: 3px;
	background-color: White;
}

li.sys_student_hub_user-role.active {
	background-color: #8ebdb6;
}

li.sys_student_hub_user-role p {
	float: left;
	padding: 13px 9px;
	color: #063940;
}

li.sys_student_hub_user-role img {
	float: left;
}

li.sys_student_hub_user-role a {
	width: 100%;
	float: left;
}

div.sys_student_hub_user-roles > p {
	background-color: white;
	color: #063940;
	padding: 5px 8px;
	margin-bottom: 3px;
}

div.sys_student_hub_flash {
	padding: 13px 4px;
	border: dashed 4px black;
	background-color: yellow;
	text-align: center;
	font-weight: bold;
	width: 92%;
	margin-bottom: 5px;
}

div.form {
}

div.form-control {
	margin-top: 18px;
	width: 85%;
}

div.form-control label, div.date-pickers label {
	font-size: 14px;
	display: block;
	margin-bottom: 3px;
}

div.form-control span {
	color: red;
	display: block;
	margin-top: 4px;
}

div.form-control input, .date-picker {
	clear: both;
	display: block;
}

div.form-control input[type="text"], div.form-control input[type="date"], .date-picker {
	width: 100%;
	padding: 9px 10px;
}

div.form-control input[type="submit"] {
	padding: 5px;
	font-size: 14px;
}

div.form-control select {
	width: 104%;
	padding: 9px 10px;
}

div.form-control textarea {
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	padding: 10px;
}

ul.toolbar {
	margin: 10px 0 0 0 !important;
	text-align: center;
}

ul.toolbar li {
	display: inline-block;
	margin-right: 15px !important;
	height: 45px;
	background-repeat: no-repeat;
}

ul.toolbar li a {
	padding-top: 15px;
	padding-left: 50px;
	display: block;
	width: 100%;
	text-align: left;
	min-height: 100%;
}

div.form-control .blank-submit {
	background-color: #FFA1A1;
}

div.form-control label.blank-submit-label {
	color: Red;
}

div.form p.errors {
	border: solid 1px rgb(207, 42, 42);
	background-color: #FFA1A1;
	padding: 15px;
	width: 84%;
	color: rgb(207, 42, 42) !important;
}

.contact {
	background-image: url('/images/studenthub/navigation/contact.jpg');
}

.rate {
	background-image: url('/images/studenthub/navigation/rate.jpg');
}

.answered {
	background-image: url('/images/studenthub/navigation/answered.jpg');
}

.back {
	background-image: url('/images/studenthub/navigation/back.jpg');
}

.success, .error {
	text-align: center;
	padding: 20px;
}

.success {
	background-color: rgb(190, 237, 190);
	border: solid rgb(6, 81, 6) 1px;
	color: rgb(6, 81, 6) !important;
}

.error {
	background-color: #FFC3C3;
	border: solid #691515 1px;
	color: #691515 !important;
}

.back a {
  text-decoration: none;
  border-bottom: 0px solid; 
}

.rate a {
  text-decoration: none;
  border-bottom: 0px solid; 
}

.contact a {
  text-decoration: none;
  border-bottom: 0px solid; 
}

.answered a {
  text-decoration: none;
  border-bottom: 0px solid; 
}

div.ratings {
	background: rgb(229, 229, 229);
	border: 1px solid grey;
	padding: 10px;
}

div.ratings input[type="submit"] {
	margin-top: 10px;
	padding: 4px 5px;
}

div.ratings textarea {
	width: 70%;
	margin-top: 10px;
	padding: 10px;
	font-family: Arial, Helvetica, sans-serif;
	display: block;
}

div.more-results {
	text-align: center;
}

div.more-results input[type="submit"] {
	padding: 10px 20px;
}

div.call p.id {
	width: 48%;
}

div.call p.status {
	width: 98%;
}

div.call p.id, div.call p.response, div.call p.status {
	float: left;
	margin: 0 0 5px 0px !important;
	padding: 5px;
}

div.call p.status span, div.call p.id span, div.call p.response span {
	margin-left: 5px;
	font-weight: bold;
}

div.call h2 {
	clear: both;
	background-color: rgb(231, 231, 231);
	padding: 5px 8px !important;
}

table {
	width: 100%;
}

thead {
	font-weight: bold;
}

div.call p.new {
	background-color: rgb(238, 144, 144);
}

div.call p.cancelled {
	background-color: rgb(202, 202, 202);
}

div.call p.closed {
	background-color: rgb(144, 238, 152);
}

div.call p.in-progress {
	background-color: rgb(245, 188, 113);
}

div.sign-in-nagger {
	background-color: white;
	margin-bottom: 3px;
	padding: 10px;
}

#features {
	clear: both;
}

table.user-call-list tr, table.user-call-list td {
	vertical-align: middle;
}

table.user-call-list img {
	margin: 0 !important;
}

.sys_events-control dl, .sys_events-record {
	font-size: 14px;
}

dd.sys_events-date {
	font-weight: bold;
}

.sys_events-control h3.sys_events-subheading {
	margin-bottom: 0.3em !important;
}

input[type="file"].upload, input[type="button"].reset-upload {
	display: inline-block;
}

input[type="button"].reset-upload {
	border: 1px rgb(123, 1, 1) solid;
	background-color: rgb(255, 227, 227);
	color: rgb(123, 1, 1);
	font-weight: bold;
	padding: 5px 13px;
	cursor: pointer;
}

.pull-left {
	float: left;
}

.pull-right {
	float: right;
}

.half-width {
	width: 50%;
}

.full-width {
	width: 100%;
}

.btn {
	margin: 0 5px 0 0;
	padding: 10px 30px;
	border: none;
	color: rgb(236, 225, 195);
	cursor: pointer;
}

.btn-primary {
	background-color: rgb(6, 57, 64);
}

.btn-secondary {
	background-color: grey;
}

fieldset {
	padding: 0px 10px;
}

legend {
	color: rgb(6, 57, 64);
	font-size: 19px;
	background-color: #8EBDB6;
	width: 99%;
	padding: 5px 0 5px 8px;
}

.filter-submit {
	margin: 15px 0 0 0;
}

div.filter h2 {
	cursor: pointer;
	font-size: 18px;
	padding: 0 0 0 5px !important;
	background-color: whitesmoke;
	width: 97%;
}

div.filter h2:hover {
	background-color: #CCCCCC;
}

.checkbox-list-item {
	display: inline-block;
}

.checkbox-list-item label {
	margin-right: 10px;
}

input.date-picker {
	width: 85%;
}

.sys_events-summary {
	position: relative;
	overflow: hidden;
}

.sys_events-summary.collapsed .read-more {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: right;
	margin: 0 !important;
	background-image: linear-gradient(to bottom, transparent, white);
}

.read-more {
	color: White !important;
}

.sys_events-summary.collapsed {
	max-height: 75px;
}

a.read-more-link {
	color: Red;
	float: right;
	display: block;
	font-weight: bold;
}
