﻿/*#region Body */

body {
	font-family: open sans, Helvetica, Arial, sans-serif;
	margin: 0;
}

/*#endregion */

/*#region Header */

#header {
	background-image: url("../images/TigerTracksLogoBG.jpg");
}

#header-logo {
	background-image: url("../images/TigerTracksLogo.jpg");
	height: 99px;
	width: 585px;
}

#header-right {
	background-image: url("../images/TigerTracksLogoAS.jpg");
	height: 99px;
	width: 324px;
}

/*#endregion */

/*#region Sub Header / Welcome / Quick Links / Impersonate */

#sub-header {
	height: 30px;
	padding: 0px 20px;
}

#welcome {
	padding-top: 4px;
	font-weight: bold;
}

.welcome-fhsu-number {
	margin-left: 10px;
	background-color: #DDA733;
	padding: 2px 4px;
	color: #333;
	font-weight: normal;
	font-size: 0.8em;
	border-radius: 4px;
	display: inline-block;
	border: 1px solid #DD9F19;
}

/*#region Quick Links */

#quicklinks {
	padding-top: 3px;
	font-size: 1.25em;
}

	#quicklinks a, #quicklinks a:visited, #quicklinks a:active, #quicklinks a:hover {
		text-decoration: none;
		cursor: pointer;
		color: #3B3B3B;
	}

		#quicklinks a:hover i {
			color: #F2B838;
			background-color: #3B3B3B;
			border: 3px solid #3B3B3B;
			border-radius: 20px;
		}

		#quicklinks a:after {
			content: " \2022 ";
		}

		#quicklinks a:last-child:after, #quicklinks a:hover:nth-last-child(2):after {
			content: "";
		}
/*#endregion */

div#ImpersonationEnterID {
	width: 540px;
	background-color: white;
	padding: 8px;
	text-align: center;
	border: 1px solid black;
	border-radius: 3px;
	position: absolute;
	right: 350px;
	z-index: 2000;
	box-sizing: content-box;
	font-size: 14px;
}

div#impersonate_current_user {
	font-size: 12px;
	border: 1px solid #ccc;
	border-radius: 4px;
	padding: 2px 6px;
	background-color: #eee;
}

/*#endregion */

/*#region Google Search */

#GoogleSearchSubmit
{
	background: rgb(242, 184, 56);
	height: 28px;
	padding: 5px 10px;
}

#GoogleSearchSubmit i{
	color:#FFF;
}

#txtGoogleSearch
{
	height: 28px;
}

/*#endregion */

/*#region Content Area */

#content {
	background-image: -webkit-linear-gradient(top,#E8E9EB 0,#FFFFFF 100%);
	background-image: -o-linear-gradient(top,#E8E9EB 0,#FFFFFF 100%);
	background-image: -webkit-gradient(linear,left top,left bottom,from(#E8E9EB),to(#FFFFFF));
	background-image: linear-gradient(to bottom,#E8E9EB 0,#FFFFFF 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffE8E9EB', endColorstr='#ffFFFFFF', GradientType=0);
	background-repeat: repeat-x;
	padding-top: 20px;
}

.full-view-column {
	padding: 0px 20px;
}

#content a, #content a:visited, #content a:hover, #content a:active {
	font-weight: bold;
}

/*#endregion */

/*#region Draggable UI */

.uiplaceholder {
	background-color: #BFB;
	border: 1px dashed #666;
	height: 58px;
	margin-bottom: 5px;
}

.ui-sortable {
	min-height: 60px;
}

/*#endregion */

/*#region Footer */

#footer {
	background: #f9dc9b;
	background: -moz-linear-gradient(top, #f9dc9b 0%, #f3b839 26%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9dc9b), color-stop(26%,#f3b839));
	background: -webkit-linear-gradient(top, #f9dc9b 0%,#f3b839 26%);
	background: -o-linear-gradient(top, #f9dc9b 0%,#f3b839 26%);
	background: -ms-linear-gradient(top, #f9dc9b 0%,#f3b839 26%);
	background: linear-gradient(to bottom, #f9dc9b 0%,#f3b839 26%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9dc9b', endColorstr='#f3b839',GradientType=0 );
	border-top: 10px solid #0A0A0A;
	padding-top: 20px;
	padding-bottom: 10px;
	font-size: .8em;
}

#footer a, #footer a:visited
{
	font-weight:bold;
	padding: 3px;
	color: #000;
}

#footer a:hover {
		background: #FCF1D4 none repeat scroll 0px 0px;
		color: #000;
		border-radius: 3px;
		text-decoration: none;
	}

/*#endregion */

/*#region Background Styles */

.fhsu-gold-gradient {
	background: #f9dc9b;
	background: -moz-linear-gradient(top, #f9dc9b 0%, #f3b839 26%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9dc9b), color-stop(26%,#f3b839));
	background: -webkit-linear-gradient(top, #f9dc9b 0%,#f3b839 26%);
	background: -o-linear-gradient(top, #f9dc9b 0%,#f3b839 26%);
	background: -ms-linear-gradient(top, #f9dc9b 0%,#f3b839 26%);
	background: linear-gradient(to bottom, #f9dc9b 0%,#f3b839 26%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9dc9b', endColorstr='#f3b839',GradientType=0 );
}

/*#endregion */

/*#region General Styles*/
.pointer-icon {
	cursor: pointer;
}
/*#endregion */

/*#region Bootstrap Overrides */

hr {
	margin-top: 7px;
}

a, a:visited {
	text-decoration: none;
	color: #444;
}

	a:hover, a:active {
		text-decoration: underline;
		color: #444;
	}

.panel-default > .panel-heading {
	background-image: -webkit-linear-gradient(top,#6B6B6B 0,#0A0A0A 100%);
	background-image: -o-linear-gradient(top,#6B6B6B 0,#0A0A0A 100%);
	background-image: -webkit-gradient(linear,left top,left bottom,from(#6B6B6B),to(#0A0A0A));
	background-image: linear-gradient(to bottom,#6B6B6B 0,#0A0A0A 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6B6B6B', endColorstr='#ff0A0A0A', GradientType=0);
	background-repeat: repeat-x;
	color: #FFF;
}

	.panel-default > .panel-heading a, .panel-default > .panel-heading a:visited, .panel-default > .panel-heading span {
		color: #FFF;
		font-weight: bold;
	}

.btn-primary {
	background-image: linear-gradient(to bottom, #717171 0px, #121212 100%);
	background-repeat: repeat-x;
	border-color: #626262;
    color:#fff;
}

	.btn-primary:focus, .btn-primary:hover {
		background-color: #2D2D2D;
		border-color: #474747;
	}

.navbar-inverse .navbar-nav > li > a {
	color: #FFF;
}

.navbar {
	margin-bottom: 0;
}

.form-control:focus {
	border-color: #E9CC66;
	outline: 0px none;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(233, 213, 102, 0.6);
}

.alert.alert-danger.fhsu-form-error {
	padding: 10px;
	font-weight: bold;
	font-size: .9em;
	margin-bottom: 0;
}

	.alert.alert-danger.fhsu-form-error span.glyphicon {
		margin-right: 10px;
	}
	.alert{
		padding: 4px 8px;
margin-bottom: 0px;
	}
.alert a {color:#eee;}
.alert-info {
	color: #FFF;
	background: #337AB7;
	border-color: #0B62A4;
}
.alert-success{
	border-color: rgb(77, 167, 77);
color: #FFF;
background: rgb(92, 184, 92) none repeat scroll 0% 0%;   
}
.alert-warning{
	border-color: rgb(230, 145, 26);
color: #333;
background: #EB9316  none repeat scroll 0% 0%;
}
.alert-warning a
{
	color: #000;
}
.alert-danger {
	border-color: rgb(210, 28, 22);
color: #FFF;
background: rgb(217, 83, 79) none repeat scroll 0% 0%;
}

/*#endregion */

/*#region Bootstrap Enhancement Styles */

.btn-blue {
	background-image: linear-gradient(to bottom, #337AB7 0px, #265A88 100%);
	background-repeat: repeat-x;
	border-color: #245580;
}

.navbar-fhsu-search-dark {
	background: #F2B838;
	border: 1px solid #F5B322;
}

.navbar-fhsu-search-light {
	background: #F0F0F0 none repeat scroll 0% 0%;
	border: 1px solid #D7D7D7;
}

	.navbar-fhsu-search-dark .navbar-brand, .navbar-fhsu-search-dark .navbar-brand:hover, .navbar-fhsu-search-light .navbar-brand, .navbar-fhsu-search-light .navbar-brand:hover {
		color: #000;
		font-size: 24px;
	}

		.navbar-fhsu-search-dark .navbar-brand > img, .navbar-fhsu-search-light .navbar-brand > img {
			display: inline-block;
			margin-right: 5px;
		}

	.navbar-fhsu-search-dark .navbar-form.navbar-left:first-of-type, .navbar-fhsu-search-light .navbar-form.navbar-left:first-of-type {
		padding-left: 0;
	}

.btn-fhsu-gold {
	background-image: linear-gradient(to bottom, #F9DC9B 0px, #F3B839 100%);
	color: #333;
	text-shadow: 0px 1px 0px #C58A0C;
	border-color: #F3B839;
	font-weight: bold;
}

	.btn-fhsu-gold:focus, .btn-fhsu-gold:hover {
		background-color: #F3B839;
		color: #333;
		border-color: #F3B839;
	}

.panel-default.fhsu-panel-form > .panel-heading > .panel-title {
	font-size: 12px;
	font-weight: bold;
}

.panel-default.fhsu-panel-form > .panel-body {
	background-color: #FBFBFB;
}

.heading-gold
{
	background: #F2B838;
	border: 1px solid #F5B322;
	border-radius: 3px;
	padding: 4px 6px;
	color: #333;
	font-weight: bold;
}

.heading-light
{
	background: #F0F0F0;
	border: 1px solid #D7D7D7;
	border-radius: 3px;
	padding: 4px 6px;
	color: #333;
	font-weight: bold;
}

.heading-black
{
	background: #333;
	border: 1px solid #333;
	border-radius: 3px;
	padding: 4px 6px;
	color: #FFF;
	font-weight: bold;
}

.has-feedback-left input.form-control {
	padding-left: 34px; /* @input-height-base; */
	padding-right: 12px; /* @padding-base-horizontal */
}

.has-feedback-left .form-control-feedback {
	left: 0; 
	color: #BDBDBD;
	font-weight: bold;
}
.form-horizontal .has-feedback-left .form-control-feedback {
	left: 12px; /* @grid-gutter-width / 2 */
}

.has-feedback-left input.input-sm {
  padding-left: 30px; 
}
.has-feedback-left input.input-lg {
  padding-left: 46px; 
}

.letter-circle {
  padding: 7px;
  font-weight: bold;
  text-align: center;
  font-size: 12px;
  line-height: 3.00;
  border-radius: 30px;
}

.grey-hover:hover, .grey-selected
{
	background: #eee;
}

.fhsu-gold-selected
{
	background: #F3B839;
}

/*#endregion */

/*#region Collapse Panel */

.panel.fhsu-collapse-list-group {
	margin-bottom: 0;
}

	.panel.fhsu-collapse-list-group .sublinks p
	{
		display: inline-block;
		margin: 0px;
		padding: 10px;
		background-color: #F9F9F9;
		width:100%;
	}

.panel.fhsu-collapse-list-group .sublinks ul {
	background-color: #F9F9F9;
	margin-bottom:0;
}

	.panel.fhsu-collapse-list-group .accordion-toggle:before {
		/* symbol for "opening" panels */
		font-family: 'Glyphicons Halflings'; /* essential for enabling glyphicon */
		content: "\e114"; /* adjust as needed, taken from bootstrap.css */
		float: left; /* adjust as needed */
		color: #333; /* adjust as needed */
		margin-right: 5px;
	}

	.panel.fhsu-collapse-list-group .accordion-toggle.collapsed:before {
		/* symbol for "collapsed" panels */
		content: "\e080"; /* adjust as needed, taken from bootstrap.css */
	}

	.panel.fhsu-collapse-list-group .list-group-item.accordion-toggle {
		color: #333;
		background-image: linear-gradient(to bottom, #F9DC9B 0px, #F3B839 100%);
		border-color: #F3B839;
		font-weight: bold;
		font-size: 0.9em;
		padding: 6px 8px;
	}

	.panel.fhsu-collapse-list-group .list-group-item.accordion-toggle.gradient-gray 
	{
		background-image: linear-gradient(to bottom, #EAEAEA 0px, #C8C8C8 100%);
		border-color: #CFCFCF;
	}

	.panel.fhsu-collapse-list-group .list-group-item.accordion-toggle.gradient-gray:last-child {
		padding: 1px;
		background: #CFCFCF;
		border-top: none;
	}

	.panel.fhsu-collapse-list-group .sublinks a.list-group-item:visited, .sublinks a.list-group-item {
		color: #333;
	}

	.panel.fhsu-collapse-list-group .action-icon {
		color: #333;
		font-size: 1.25em;
		margin-right: 8px;
		line-height: 1em;
	}

	.panel.fhsu-collapse-list-group a.action-icon, a.action-icon:visited {
		color: #333;
	}

		.panel.fhsu-collapse-list-group a.action-icon:hover {
			color: #CF8E00;
		}

	.panel.fhsu-collapse-list-group .list-group-item.accordion-toggle .label-info {
		background-color: #333;
	}

	.panel.fhsu-collapse-list-group .sublinks .list-group-item {
		border-radius: 0;
	}

	.panel.fhsu-collapse-list-group .sublinks.no-collapse .list-group-item:first-child {
		border-top-left-radius: 4px;
		border-top-right-radius: 4px;
	}

	.panel.fhsu-collapse-list-group .list-group-item.accordion-toggle:last-child:before, .panel.fhsu-collapse-list-group .list-group-item.list-action-item {
		content: "";
	}

	.panel.fhsu-collapse-list-group .list-group-item.accordion-toggle:last-child {
		padding: 1px;
		background: #F3B839;
		border-top: none;
	}

	.panel.fhsu-collapse-list-group .list-group-item.list-action-item {
		color: #FFF;
		background: linear-gradient(to bottom, rgb(246, 246, 246) 0px, rgb(227, 227, 227) 100%) !important;
		border: 1px solid #DDD !important;
		font-weight: bold;
	}

.sublinks.no-highlight a.list-group-item:hover {
	text-decoration: none;
	background-color: #FFF;
}

.panel-collapse-action
{
	cursor: pointer;
}

/*#endregion */

/*#region GridView / Tables */
table.fhsu-gridview {
	margin-top: 10px;
}

	table.fhsu-gridview tbody tr th, table.fhsu-gridview thead tr th {
		padding: 4px;
		color: #FFF;
		background: transparent linear-gradient(to bottom, #7D7E7D 0%, #0E0E0E 100%) repeat scroll 0% 0%;
		border-left: 1px solid #525252;
		vertical-align:middle;
	}

	table.fhsu-gridview tbody tr td {
		border: 1px solid #C1C1C1;
		color: #000;
		padding: 3px;
	}

	table.fhsu-gridview tbody tr.alt td {
		background-color: #E0E0E0;
	}

	table.fhsu-gridview tr td a, table.fhsu-gridview tr td a:visited {
		color: #333;
	}

		table.fhsu-gridview tr td a:hover {
			color: #CF8E00;
		}

.panel.panel-default table
{
	margin-bottom: 0;
}

.panel.panel-default table tbody tr th,.panel.panel-default table thead tr th
{
	color: #FFF;
	background: transparent linear-gradient(to bottom, #7D7E7D 0%, #0E0E0E 100%) repeat scroll 0% 0%;
	padding: 4px;
}

.panel.panel-default > div > table
{
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

.panel.panel-default > div > table tbody tr th:first-child,.panel.panel-default > div > table thead tr th:first-child
{
	border-top-left-radius: 4px;
}

.panel.panel-default > div > table tbody tr th:last-child,.panel.panel-default > div > table thead tr th:last-child
{
	border-top-right-radius: 4px;
}

@media only screen and (max-width: 400px) {

    /* Force table to not be like tables anymore */
    .table-responsive-collapse table,
    .table-responsive-collapse thead,
    .table-responsive-collapse tbody,
    .table-responsive-collapse th,
    .table-responsive-collapse td,
    .table-responsive-collapse tr {
        display: block !important;
    }

        /* Hide table headers (but not display: none;, for accessibility) */
        .table-responsive-collapse thead tr {
            position: absolute !important;
            top: -9999px;
            left: -9999px;
        }

    .table-responsive-collapse tr {
        border: 1px solid #ccc;
    }

    .table-responsive-collapse td {
        /* Behave  like a "row" */
        border: none !important;
        border-bottom: 1px solid #eee !important;
        position: relative !important;
        padding-left: 50% !important;
        white-space: normal !important;
        text-align: left !important;
        min-height: 28px !important;
    }

        .table-responsive-collapse td:first-child {
            color: #fff;
            background: transparent linear-gradient(to bottom, #7D7E7D 0%, #0E0E0E 100%) repeat scroll 0% 0%;
            border-left: 1px solid #525252;
        }

        .table-responsive-collapse td:before {
            /* Now like a table header */
            position: absolute !important;
            /* Top/left values mimic padding */
            top: 6px !important;
            left: 6px !important;
            width: 45% !important;
            padding-right: 10px !important;
            white-space: nowrap !important;
            text-align: left !important;
            font-weight: bold !important;
        }

        .table-responsive-collapse td:before {
            content: attr(data-title);
        }
}

/*#endregion */

/*#region Colors */
.fhsu-blue {
	color: #327DC3;
}
.fhsu-gold
{
	color: #F3B839;
}
.fhsu-green, .icon_check_complete
{
	color: #4DA74D;
}
/*#endregion*/

/*#region Browser Warning */

div.browser-warning
	{
		background: rgb(236,93,89);
		background: -moz-linear-gradient(top, rgb(236,93,89) 0%, rgb(190,55,48) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(236,93,89)), color-stop(100%,rgb(190,55,48)));
		background: -webkit-linear-gradient(top, rgb(236,93,89) 0%,rgb(190,55,48) 100%);
		background: -o-linear-gradient(top, rgb(236,93,89) 0%,rgb(190,55,48) 100%);
		background: -ms-linear-gradient(top, rgb(236,93,89) 0%,rgb(190,55,48) 100%);
		background: linear-gradient(to bottom, rgb(236,93,89) 0%,rgb(190,55,48) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec5d59', endColorstr='#be3730',GradientType=0 );
		margin: 10px;
		padding: 8px;
		border-radius: 8px;
		border: 1px solid #C44741;
		color: #FFF;
	}

	div.browser-warning .warning-icon
	{
		color: #F9FF00;
		float: left;
		padding: 4px;
		margin-right: 10px;
	}

	div.browser-warning .warning-title
	{
		font-weight: bold;
		font-size: 1em;
	}

	div.browser-warning a, div.browser-warning a:hover, div.browser-warning a:visited
	{
		color:#fff;
	}

/*#endregion */

/*#region Font-Awesome Stacking and Icon Defaults */

.stack-green-circle-check .fa-circle
{
	color:#46CE57; 
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
	font-size: 20px;
}

.stack-green-circle-check .fa-check
{
	color:#FFF; 
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
	top: -4px;
	font-size: 12px;
	left: 1px;
}

.stack-red-circle-x .fa-circle
{
	color: rgb(215, 79, 79); 
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
	font-size: 20px;
}

.stack-red-circle-x .fa-times
{
	color:#FFF; 
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
	font-size: 12px;
	top: -5px;
}

.fa-print
{
	color: #327DC3;
	vertical-align: middle;
}

.stack-yellow-triangle-exclamation .fa-play {
	color: rgb(239, 222, 105);
	top: 3px;
	transform: rotate(30deg);
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
	font-size: 20px;
}

.stack-yellow-triangle-exclamation .fa-exclamation 
{
	left: -3px;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
	color:#333;
	font-size: 11px;
	top: -4px;
}

/*#endregion */

/*#region Required Fields */

.requiredField, .required-field 
{
	border-left: 5px solid #F2B838;
}

div.required-field-legend
{
	text-align: right;
	margin-bottom: 15px;
}

div.required-field-legend span
{
	color: #333;
	border-radius: 3px;
	margin-bottom: 5px;
	background-color: rgb(248, 248, 248);
	padding: 2px 10px;
	border-top: 1px solid rgb(225, 225, 225);
	border-right: 1px solid rgb(225, 225, 225);
	border-bottom: 1px solid rgb(225, 225, 225);
	
}

div.required-field-legend span:before
{
	content: 'Indicates Required Field';
}

span.error-message-block[style*="inline"]
{
	display:block !Important;
}

/*#endregion */

/*#region jQuery UI Styles */

/* jQuery UI Tabs*/

div.tigertrackstabs { 
	padding: 0; 
	background: none; 
	border-width: 0;  
} 
div.tigertrackstabs .ui-tabs-nav { 
	padding-left: 0; 
	background: transparent; 
	border-width: 0 0 1px 0; 
	border-radius: 0; 
} 
div.tigertrackstabs .ui-tabs-panel { 
	background-image: linear-gradient(to bottom, #FFF 0px, #F5F5F5 100%);
	background-repeat: repeat-x;
	border-width: 0 1px 1px 1px;  
}

div.ui-tabs.tigertrackstabs .ui-tabs-nav .ui-tabs-anchor {
	padding: 0.3em 1em;
}

div.tigertrackstabs.ui-tabs .ui-tabs-nav li
{
	font-size: 14px;
}

.ui-widget, .ui-widget .ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button
{
	font-size: 14px;
	font-family: open sans,Helvetica,Arial,sans-serif;
	color: #333;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button
{
	font-size: 14px;
	font-family: open sans,Helvetica,Arial,sans-serif;
}

.ui-widget-content
{
	color: #333;
}

.ui-tabs>.ui-tabs-nav>.ui-state-disabled { 
	display: none;
} 

div.tigertrackstabs.ui-tabs .ui-tabs-nav li .ui-icon-circle-close { float: left; margin: 0.4em 0.2em 0 0; cursor: pointer; }

.ui-widget input.btn-primary
{
    color: #fff;
}

/*#endregion */

/*#region jQuery Text Editor */
.jqte
{
	border-color: #CCC;
	margin:0;
}

.jqte_focused {
	border-color: #E9CC66;
outline: 0px none;
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(233, 213, 102, 0.6);
}

.jqte_tool.jqte_tool_1 .jqte_tool_label
{
	height:20px;
}

/*#endregion */

/*#region Document Icon Colors */
.fa-word-icon-color {
	color: #295598;
}

.fa-powerpoint-icon-color {
	color: #D04626;
}

.fa-excel-icon-color {
	color: #1F7246;
}

.fa-pdf-icon-color {
	color: #B62331;
}
/*#endregion */
