/* Resets */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, em, img, small, strong, b, u, i, center, ol, ul, li, fieldset, form, label, legend, caption, tbody, canvas, embed {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font:inherit;
	vertical-align:baseline; 
}

ol, ul {
	list-style:none;
}

table,th, td {
	border-collapse:collapse;
	border-spacing:0;
	font-size:13px;
	background-color:#fff;
	border:2px solid #48b8e8;
}

th {
	border-bottom:1px solid #48b8e8;
	background-color:#bbddee;
	white-space:nowrap;
	padding:1px 3px;
}

td {
	white-space:nowrap;
	padding:1px 3px;
}

/* Basic Styles */

html {
	height:100%;
	box-sizing:border-box;
}

*, *:before, *:after {
	box-sizing:inherit;
}

body {
	font-family:sans-serif;
	font-size:14px;
	line-height:18px;
	color:#222;
	-webkit-font-smoothing:antialiased;
	-webkit-text-size-adjust:100%;
	background-color:#fff;
	position:relative;
	min-height:100%;
}

img {
	max-width:100%;
	height:auto;
}

/* Typography */

h1, h2, h3, h4, h5, h6 { 
	color:#1b94c7; 
	font-family:Arial, sans-serif; 
	font-weight:bold; 
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	font-weight:inherit;
}

h1 {
	font-size:35px;
	line-height:48px;
}

h2 {
	font-size:30px;
	line-height:56px;
}

h3 {
	font-size:24px;
	line-height:38px;
}

h4 {
	font-size:18px;
	line-height:24px;
}

h5 {
	font-size:16px;
	line-height:26px;
	color:#0C6388;
}

hr {
	background-image:linear-gradient(to right, transparent, rgba(50, 50, 50, 0.4), transparent);
	border:0;
	height:2px;
	margin:22px auto;
	max-width:90%;
}

p {
	margin:0 0 20px 0;
}

p img {
	margin:0;
}

p.lead {
	font-size:21px;
	line-height:27px;
	color:#777;
}

em {
	font-style:italic;
}

strong {
	font-weight:bold;
	color:#333;
}

small {
	font-size:80%;
}
sup {
	font-size:9px;
	line-height:9px;	
}
pre {
	white-space:break-spaces;
}

/* Links */

a, a:visited {
	color:#024679;
	text-decoration:underline;
	outline:0;
}

a:hover, a:focus {
	color:#1b94c7;
}

p a, p a:visited {
	line-height:inherit;
}

/* Lists */

ul, ol {
	margin-bottom:20px;
}

ul {
	list-style:none outside;
}

ol {
	list-style:decimal;
}

ol, ul.square, ul.circle, ul.disc {
	margin-left:30px;
}

ul.square {
	list-style:square outside;
}

ul.circle {
	list-style:circle outside;
}

ul.disc {
	list-style:disc outside;
}

ul ul, ul ol, ol ol, ol ul {
	margin:4px 0 5px 30px;
	font-size:90%;
}

ul ul li, ul ol li, ol ol li, ol ul li {
	margin-bottom:0px;
}

li {
	line-height:18px;
	margin-bottom:0px;
}

ul.large li {
	line-height:21px;
}

li p {
	line-height:21px;
}

/* Forms */

form {
	margin-bottom:3px;
}

fieldset {
	margin-bottom:20px;
}

input[type="text"], input[type="password"], input[type="email"], textarea, select {
	border:2px solid #1c94c8;
	padding:6px 4px;
	outline:none;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	font-family:sans-serif;
	font-size:14px;
	color:#444;
	margin:0;
	width:200px;
	max-width:100%;
	display:block;
	margin-bottom:3px;
	background:#fff;
}

input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus, select:focus {
	border:2px solid #48b8e8;
}

textarea {
	min-height:60px;
}

label, legend {
	display:block;
	font-weight:bold;
	font-size:13px;
	line-height:20px;
}

input[type="checkbox"] {
	display:inline;
}

label span, legend span {
	font-weight:normal;
	font-size:13px;
	color:#444;
}

.button, button, input[type="submit"], input[type="reset"], input[type="button"] {
	color:#fff;
	background-color:#337ab7;
	border-radius:2px;
	border:1px solid #2e6da4;
	display:inline-block;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
	cursor:pointer;
	line-height:18px;
	padding:6px 12px;
	font-family:sans-serif;
}

input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active,
	.button:hover, button:hover, .button:active, button:active {
	color:#fff;
	background-color:#1b94c7;
	border-color:#1679d9;
}

.button.full-width, button.full-width, input[type="submit"].full-width, input[type="reset"].full-width, input[type="button"].full-width {
	width:100%;
	padding-left:0 !important;
	padding-right:0 !important;
	text-align:center;
}

button::-moz-focus-inner, input::-moz-focus-inner {
	border:0;
	padding:0;
}

button a, button a:hover, button a:active, button a:visited {
    color: inherit;
    text-decoration: inherit;
    outline: inherit;
}

/* Container layout */

.container {
	position:relative;
	width:100%;
	min-width:320px;
	margin:0 auto;
}

.container:after {
	content:"\0020";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.container .column, .container .columns {
	float:left;
	display:inline;
}

.row {
	margin-bottom:20px;
}

.container .full.column {
	width:100%;
	max-width:100%;
	float: none;
	display: block;
}

.container .one-half.column {
	width:50%;
}

.container .one-third.column {
	width:33%;
}

.container .two-third.column {
	width:66%;
}

.container .one-quarter.column {
	width:25%;
}

.container .three-quarter.column {
	width:75%;
}

.block {
	display: block !important;
}

.inline {
	display: inline-block !important;
}

.width-auto {
	width: auto !important;
}

/* Misc */

.remove-bottom {
	margin-bottom:0 !important;
}

.half-bottom {
	margin-bottom:10px !important;
}

.add-bottom {
	margin-bottom:20px !important;
}

.hidden {
	display:none !important;
}

.left {
	padding:0;
	margin:0;
	float:left;
}

.right {
	padding:0;
	margin:0;
	float:right !important;
}

.clear {
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0;
}

.error, .red {
	color:red;
}

.green {
	color:green;
}

.centered {
	text-align:center !important;
	margin-left:auto !important;
	margin-right:auto !important;
}

.align-center {
	text-align:center !important;
	vertical-align: top;
}

.align-left {
	text-align:left !important;
	vertical-align: top;
}

.align-right {
	text-align:right !important;
	vertical-align: top;
}

.inline {
	display:inline-block;
}

.container .column.solo {
	float:none;
	display:block;
	max-width: 95% !important;
}

.small-margin {
	margin-top:10px;
}

.margin {
	margin-top:40px;
}

.top-margin	{
	margin-top:100px;
}

.bottom-margin	{
	margin-bottom:25px;
}

.padded {
	padding: 5px;
}

/* Site Styles */

.main.container {
	min-height:780px;
	padding:0 0 80px;
}

.box {
	margin:auto;
}

.main-width {
	width:1140px !important;
	max-width:100% !important;
	margin:auto !important;
}

.full-width {
	width:100%;
	max-width:100%;
}

#header {
	width:100%;
	height:65px;
	box-shadow:0px 10px 10px -10px rgba(0, 0, 0, 0.4);
	z-index:100;
}

#header .container {
	max-width:1140px;
	margin:auto;
}

#header .logo {
	width:100%;
	height:55px;
	margin:5px 7px;
}

#header .logo img {
	max-width:none;
	overflow:visible;
}

.subheader {
	color:#777;
}

#footer {
	position:absolute;
	bottom:0;
	right:0;
	left:0;
	width:100%;
	font-weight:bold;
}

#footer.large {
	height:190px;
	background-image:url(/images/bg_footer_medium.jpg);
}

#footer .links {
	min-height:140px;
	color:#eee;
	font-size:11px;
}

#footer .links h3 {
	margin-left:90px;
	margin-top:20px;
	margin-bottom:7px;
	color:#eee;
	font-family:Georgia;
	font-size:22px;
}

#footer .links .link {
	margin-left:105px;
}

#footer .links a, #footer .links a:visited {
	color:#fff; 
	text-decoration:none;
}

#footer .links a:hover {
	text-decoration:underline;
}

#footer #copyright {
	width:1140px;
	max-width:95%;
	padding:20px 10px;
	margin:auto;
	text-align:center;
	color:#eee;
	font-size:14px;
	font-weight:bold;
	background-color:#1C95C8;
	border:2px solid #337ab7;
	border-bottom:none;
	border-top-left-radius:6px;
	border-top-right-radius:6px;
}

/* Top Nav */

#nav {
	padding:0;
	margin:0;
	list-style:none;
	height:38px;
	position:relative;
	z-index:500;
	font-family:sans-serif;
}

#nav li.top {
	display:block;
	float:left;
	height:38px;
	margin-top:15px;
	margin-bottom:0;
	padding:0 13px 0 0;
}

#nav li a.top_nav {
	display:block;
	float:left;
	height:35px;
	line-height:33px;
	color:#024679;
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
	padding:0 0 0 10px;
	cursor:pointer;
}

#nav li a.top_nav.active, #nav li a.top_nav:hover, #nav li a.top_nav:active, #nav li.top:hover a {
	color:#1b94c7
}

#nav li a.top_nav span {
	float:left;
	display:block;
	padding:0 5px 0 5px;
	height:35px;
	font-size:16px;
	font-family:sans-serif;
}

#nav li a.top_nav span.down {
	float:left;
	display:block;
	padding:0 5px 0 5px;
	height:35px;
}

#nav li.right {
	display:block;
	float:right;
	height:38px;
	margin-top:15px;
	margin-bottom:0;
	padding:0 13px 0 0;
}

#nav li a.top_nav.user {
	font-weight:normal;
}

#nav li a.top_nav.alerts {
	padding:0;
	margin-left:-5px;
}

#nav li a.top_nav.alerts img {
	height:14px;
	margin-top:10px;
}

#nav li.divider {
	text-align:center;
	color:#024679;
	line-height: 22px;
	border-top:1px solid #48b8e8;
}

#toggle-nav {
	display:none;
}

#toggle-nav .navbar-toggle {
	position:relative;
	float:right;
	padding:9px 10px;
	margin-top:8px;
	margin-right:15px;
	margin-bottom:8px;
	background-color:transparent;
	background-image:none;
	border:1px solid transparent;
	border-radius:4px;
	border-color:#ddd;
}

#toggle-nav .navbar-toggle:hover, #toggle-nav .navbar-toggle:focus {
	background-color:#ddd;
	border-color:#ddd;
}

#toggle-nav .sr-only {
	position:absolute;
	width:1px;
	height:1px;
	padding:0;
	margin:-1px;
	overflow:hidden;
	clip:rect(0, 0, 0, 0);
	border:0;
}

#toggle-nav .navbar-toggle .icon-bar {
	background-color:#888;
	display:block;
	width:22px;
	height:2px;
	margin:4px auto;
	border-radius:1px;
}

#nav li:hover {
	position:relative;
	z-index:200;
	cursor:pointer;
}

#nav li:hover ul.sub {
	left:1px;
	top:38px;
	background:#bbddee;
	padding:3px;
	border:2px solid #48b8e8;
	white-space:nowrap;
	min-width:160px;
	height:auto;
	z-index:300;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
}

#nav li:hover ul.sub li {
	display:block;
	height:22px;
	position:relative;
	float:left;
	width:100%;
	font-weight:normal;
}

#nav li:hover ul.sub li a {
	display:block;
	font-size:11px;
	font-weight:bold;
	height:22px;
	width:100%;
	line-height:22px;
	text-indent:5px;
	color:#024679;
	text-decoration:none;
}

#nav li:hover ul.sub li a:hover {
	background:#1b94c7;
	color:#fff;
	border:2px solid #1c94c7;
	margin:-1px auto;
	text-indent:3px;
	line-height:18px;
}

#nav li:hover li:hover ul, #nav li:hover li:hover li:hover ul, #nav li:hover li:hover li:hover li:hover ul, #nav li:hover li:hover li:hover li:hover li:hover ul {
	left:90px;
	top:-4px;
	background:#ccc;
	padding:3px;
	border:1px solid #181818;
	white-space:nowrap;
	width:auto;
	min-width:120px;
	z-index:400;
	height:auto;
}

#nav ul, #nav li:hover ul ul, #nav li:hover li:hover ul ul, #nav li:hover li:hover li:hover ul ul, #nav li:hover li:hover li:hover li:hover ul ul {
	position:absolute;
	left:-9999px;
	top:-9999px;
	width:0;
	height:0;
	margin:0;
	padding:0;
	list-style:none;
}

/* Tablet (Portrait) */

@media only screen and (min-width:780px) and (max-width:974px) {
	#nav li.top {
		display:block;
		float:left;
		height:38px;
		margin-top:15px;
		margin-bottom:0;
		padding:0 0 0 7px;
	}
	#nav li a.top_nav {
		display:block;
		float:left;
		height:35px;
		padding:0 2px;
	}
	#nav li a.top_nav span {
		line-height:33px;
		font-size:14px;
	}
	#nav li.right {
		display:block;
		float:right;
		height:38px;
		margin-top:15px;
		margin-bottom:0;
		padding:0 7px 0 0;
	}
	#footer .links h3 {
		margin-left:50px;
	}
	#footer .links .link {
		margin-left:65px;
	}
}

/* Full Size */

@media (min-width:780px) {
	ul#nav {
		display:block !important;
	}
}

/* Mobile (Landscape) */

@media only screen and (max-width:779px) {
	.main.container {
		min-height:450px;
		margin:auto;
	}
	.main.container .one-third.column {
		padding-bottom:5px !important;
		clear:both !important;
	}
	th, td {
		font-size:11px;
	}
	#nav {
		display:none;
		position:fixed;
		top:0px;
		left:0;
		background:#fff url(/images/logo.png) center 5px no-repeat;
		height:100%;
		min-width:155px;
		padding-top:80px;
		box-shadow:10px -5px 10px -10px rgba(0, 0, 0, 0.4);
	}
	#nav li.top {
		display:block;
		float:none;
		margin-top:3px;
		margin-bottom:0;
		padding:0 0 0 7px;
	}
	#nav li a.top_nav {
		display:inline-block;
		float:none;
		max-width:100%;
		line-height:20px;
		text-decoration:none;
		font-size:10px;
		font-weight:bold;
		padding:0 0 0 5px;
	}
	#nav li a.top_nav span {
		height:100%;
		padding:7px;
	}
	#nav li.right {
		display:block;
		float:none !important;
		margin-top:3px;
		margin-bottom:0;
		padding:0 0 0 7px;
		clear:none;
	}
	#nav li:hover ul.sub {
		left:154px;
		top:-2px;
		background:#bbddee;
		padding:3px;
		border:2px solid #48b8e8;
		white-space:nowrap;
		height:auto;
		z-index:300; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px;
		border-radius:3px;
	}
	#nav li a.top_nav.alerts img {
		margin-top:2px;

   }
	#nav li a.top_nav#logout {
		display:block;
	}
	#toggle-nav {
		display:block;
		position:absolute;
		top:4px;
		right:4px;
	}
	#toggle-nav a {
		text-decoration:none;
		font-size:18px;
		font-weight:bold;
		padding:5px;
		border:2px solid #024679;
	}
	#toggle-nav a:hover, #toggle-nav a:focus {
		border:2px solid #48b8e8;
	}
	.table.box {
		min-width:315px;
	}
	.shadow.box.small {
		width:420px;
	}
	#footer.large {
		background-image:none;
	}
	#footer .links h3 {
		margin-left:20px;
		margin-top:20px;
		margin-bottom:7px;
		font-size:16px;
	}
	#footer .links .link {
		margin-left:20px;
	}
	.container .one-quarter.column, .container .three-quarter.column, .container .one-third.column, .container .two-third.column, .container .one-half.column {
		float:none !important;
		display:block !important;
		width:100%;
		margin:auto !important;
	}
	#header .container .one-quarter.column {
		float:left !important;
	}
}

/*  Mobile (Portrait) */

@media only screen and (max-width:479px) {
	th, td {
		font-size:11px;
	}
	.right {
		float:left !important;
		clear:both;
	}
	.shadow.box.small {
		width:98%;
	}
	#footer.large {
		height:400px;
		background-image:none;
	}
	#footer .links h3 {
		text-align:center;
		margin-left:0px;
		margin-top:7px;
		margin-bottom:3px;
		font-size:16px;
		font-weight:bold;
	}
	#footer .links .link {
		text-align:center;
		margin-left:0px;
		font-size:11px;
	}
	#footer #copyright {
		font-size:11px;
	}
	.main.container .one-quarter.column, .main.container .three-quarter.column, .main.container .one-third.column, .main.container .two-third.column, .main.container .one-half.column {
		float:none !important;
		display:block !important;
		margin:auto !important;
	}
}