/*
Reset: Adapted from Normalize.css http://github.com/necolas/normalize.css
-------------------------
*/

/* Display in IE6-9 and FF3 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}

/* Display block in IE6-9 and FF3 */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

/* Prevents modern browsers from displaying 'audio' without controls */
audio:not([controls]) {
  display: none;
}

/* Base settings */

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
a:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
a:hover,
a:active {
  outline: 0;
}

/* Prevents sub and sup affecting line-height in all browsers */

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}

/* Img border in a's and image quality */

img {
  height: auto;
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle;
}
/*
img.grayscale {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}
*/
/*
Forms
-------------------------
*/

/* Font size in all browsers, margin changes, misc consistency */
button,
input,
select,
textarea {
  margin: 0;
  font-size: 100%;
  vertical-align: middle;
}

button,
input {
  *overflow: visible; /* Inner spacing ie IE6/7 */
  line-height: normal; /* FF3/4 have !important on line-height in UA stylesheet */
}
button::-moz-focus-inner,
input::-moz-focus-inner { /* Inner padding and border oddities in FF3/4 */
  padding: 0;
  border: 0;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer; /* Cursors on all buttons applied consistently */
  -webkit-appearance: button; /* Style clickable inputs in iOS */
} 
input[type="search"] { /* Appearance in Safari/Chrome */
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none; /* Inner-padding issues in Chrome OSX, Safari 5 */
}
textarea {
  overflow: auto; /* Remove vertical scrollbar in IE6-9 */
  vertical-align: top;/*  Readability and alignment cross-browser */
}

/* Block level inputs */

.input-block-level {
  display: block;
  width: 100%;
  min-height: 28px;
  /* Make inputs at least the height of their button counterpart */

  /* Makes inputs behave like true block-level elements */

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

/*
clearfix for clearing floats h5bp.com/q
------------------------
*/

.clearfix { 
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both;
}

/*
Image replacement (instead of the -9999px hack)
-------------------------
Source: http://www.zeldman.com/2012/03/01/replacing-the-9999px-hack-new-image-replacement/
*/

.hide-text {
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}

/*
Scaffolding
Basic and global styles for generating a grid system, structural layout, and page templates
-------------------------------------------------------------------------------------------
*/


/*
Body reset
----------
*/
body {
  margin: 0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 18px;
  color: #333333;
  background: #ddddbb left 101px repeat-x url("/images/site/body-background-bar.png");
}

/*
Links
-----
*/
a {
  color: #108312; /* Green: #4e8218 */ /* Modified Blue: #0066cc */; /* Original Blue: #0088cc */
  text-decoration: none;
  border-bottom: 1px solid #c9c9c9;
}
a:hover {
  color: #3e6813;/* Original Blue: #005580 */
  text-decoration: none;
  border-bottom: 1px solid #333; /* MCPER Dark Green: #3e6813 */
}
a.image {
  text-decoration: none;
  border-bottom:none;
 }
a.image:hover{
text-decoration: none;
border-bottom:none;
}
/*
Grid
-----
*/
.row {
  margin-left: -20px;
  *zoom: 1;
}
.row:before,
.row:after {
  display: table;
  content: "";
}
.row:after {
  clear: both;
}
[class*="span"] {
  float: left;
  margin-left: 20px;
}
.container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
  width: 940px;
}
.span12 {
  width: 940px;
}
.span11 {
  width: 860px;
}
.span10 {
  width: 780px;
}
.span9 {
  width: 700px;
}
.span85 {
  width: 620px;
  margin-left:0px;
}
.span8 {
  width: 620px;
}
.span7 {
  width: 540px;
}
.span6 {
  width: 460px;
}
.span5 {
  width: 380px;
}
}
.span4_5 {
  width: 300px;
  margin-left:0px;
  margin-right:20px;

}
.span4 {
  width: 300px;
}
.span4-280 {
  width: 280px;
  margin-left: 40px;
}
.span35 {
  width: 220px;
  margin-left:0px;
}
.span3 {
  width: 220px;
}

.span25 {
  width: 160px;
  margin-left:0px;
}

.span2 {
  width: 140px;
}
.span1_5 {
	width: 100px;
}
.span1 {
  width: 60px;
}
.offset12 {
  margin-left: 980px;
}
.offset11 {
  margin-left: 900px;
}
.offset10 {
  margin-left: 820px;
}
.offset9 {
  margin-left: 740px;
}
.offset8 {
  margin-left: 660px;
}
.offset7 {
  margin-left: 580px;
}
.offset6 {
  margin-left: 500px;
}
.offset5 {
  margin-left: 420px;
}
.offset4 {
  margin-left: 340px;
}
.offset3 {
  margin-left: 260px;
}
.offset2 {
  margin-left: 180px;
}
.offset1 {
  margin-left: 100px;
}
.row-fluid {
  width: 100%;
  *zoom: 1;
}
.row-fluid:before,
.row-fluid:after {
  display: table;
  content: "";
}
.row-fluid:after {
  clear: both;
}
.row-fluid > [class*="span"] {
  float: left;
  margin-left: 2.127659574%;
}
.row-fluid > [class*="span"]:first-child {
  margin-left: 0;
}
.row-fluid > .span12 {
  width: 99.99999998999999%;
}
.row-fluid > .span11 {
  width: 91.489361693%;
}
.row-fluid > .span10 {
  width: 82.97872339599999%;
}
.row-fluid > .span9 {
  width: 74.468085099%;
}
.row-fluid > .span8 {
  width: 65.95744680199999%;
}
.row-fluid > .span7 {
  width: 57.446808505%;
}
.row-fluid > .span6 {
  width: 48.93617020799999%;
}
.row-fluid > .span5 {
  width: 40.425531911%;
}
.row-fluid > .span4 {
  width: 31.914893614%;
}
.row-fluid > .span3 {
  width: 23.404255317%;
}
.row-fluid > .span2 {
  width: 14.89361702%;
}
.row-fluid > .span1 {
  width: 6.382978723%;
}


/*
Basic Page Layout (Fixed Width)
-----
*/
.container {
  margin-left: auto;
  margin-right: auto;
  *zoom: 1;
}
.container:before,
.container:after {
  display: table;
  content: "";
}
.container:after {
  clear: both;
}

.header-test {
	height: 100px;
	padding: 0 20px 0 20px;
	background: #fff url("/images/site/header-background-2.png") no-repeat left top;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
	position: relative;
	}

.header {
	height: 100px;
	padding: 0 20px 0 20px;
	background: #fff url("/images/site/header-background.png") no-repeat left top;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
	position: relative;
	}
	
	.main-logo {
		display:block;
		margin: 20px auto 0 auto;
		text-align: center;
		height: 60px;
		width: 420px;
		border-bottom: none;
		}

		.main-logo:hover {
			border-bottom: none;
			}
	/*
	.main-logo {
		height: 60px;
		width: 420px;
		margin: 20px auto 0 auto;
		background: transparent top center no-repeat url("/images/site/meadows-center-logo.png");
		}

	.header-sublogo {
		height: 60px;
		width: 200px;
		padding: 15px 55px;
		float: right;
		background: transparent right 10px no-repeat url("/images/site/vgc-logo-small.png") ;
		}
	*/
	.vgc-sublogo {
		height: 49px;
		padding: 15px 55px;
		background: transparent left top no-repeat url("/vgc/images/site/vgc-logo-small.png") ;
		}
	
	.mcper-sublogo {
		height: 32px;
		padding: 8px 55px;
		background: transparent left top no-repeat url("/images/site/meadows-center-logo-small.png") ;
		}
	
	.header-search {
		position: absolute;
		bottom: 0;
		right: 0;
		padding-right: 20px;
		}

.page {
	padding: 20px 20px 80px 20px;
	background-color: #fff;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
	

/*
-webkit-border-radius: 0 0 50% 50%;
	-moz-border-radius: 0 0 50% 50%;
*/
	border-bottom-left-radius: 50% 80px;
	border-bottom-right-radius: 50% 80px;

	}

.footer {
	padding: 20px;
	text-align: center;
	}
	
	.footer a {
		color: #3e6613;
		text-decoration: none;
		border-bottom: none;
		}
		.footer a:hover {
			color: #475F24;
			text-decoration: none;
			border-bottom: 1px solid #586C3D;
			}

.page-bottom-fancy {
	background: transparent top left no-repeat url("/images/site/page-background-bottom.png");
	height: 82px;
	width: 980px;
	margin: -1px auto 0 auto;
	/* background-color: #fff; */
	/*
-webkit-border-radius: 0 0 100% 100%;
	-moz-border-radius: 0 0 100% 100%;
	border-radius: 0 0 100% 100%;
	-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.25);
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.25);
*/
	}


/* Modules */
.mod {
	margin: 10px 0;
	}


.section .hd {
	background-color: #D6891F;
	color: #fff;
	padding: 5px 10px;
	}
	.section .hd h2 {
		font-size: 20px;
		line-height: 24px;
		}
.section .bd {
	padding: 10px;
	background-color: #f5f5f5;
	border-right: 5px solid #CCCCCC;
	border-bottom: 5px solid #CCCCCC;
	border-left: 5px solid #CCCCCC;
	}

/* Features */
.features {
	height: 320px;
	}


.homeSplash {
	height: 350px;
	width: 940px;
	padding: 0 20px 0 20px;
	margin: 0 0 20px -20px;
	background: #ccc url("/vgc/images/site/home-splash-image.jpg") no-repeat top left;
}
	.homeSplashText {
		height: 310px;
		padding: 20px;
		margin: 0;
		background: rgba(0, 0, 0, 0.75);	
		color: #fff;	
	}

/* News Items */
.newsitem {
	border-bottom: 1px dotted #333;
	margin-bottom: 10px;
	}
	
	.lastnewseventitem {
		border-bottom: none;
		}
	
	.newstitle {
		font-weight: bold;
		margin-bottom: 3px;
		}
	
.eventtitle {
	font-weight: bold;
	margin-bottom: 3px;
	}

.morefooter {
	background-color: #4e8218;
	padding: 3px 10px;
	margin-bottom: 20px;
	}

	.morefooter a {
		color: #fff;
		border-bottom: none;
		}
		
		.morefooter a:hover {
			color: #EDF8E0;
			text-decoration: none;
			border-bottom: none;
			}

/*
Basic Page Layout (Fluid)
-----
*/
.container-fluid {
  padding-left: 20px;
  padding-right: 20px;
  *zoom: 1;
}
.container-fluid:before,
.container-fluid:after {
  display: table;
  content: "";
}
.container-fluid:after {
  clear: both;
}

/*
Typography.less
Headings, body text, lists, code, and more for a versatile and durable typography system
----------------------------------------------------------------------------------------
*/


/*
BODY TEXT
---------
*/

p {
  margin: 0 0 9px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 18px;
}
p small {
  font-size: 11px;
  color: #727272;
}
p small-light{font-size: 11px;
  color: #D6D5D5;
}

.lead {
  margin-bottom: 18px;
  font-size: 20px;
  font-weight: 200;
  line-height: 27px;
}

/*
HEADINGS
--------
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-family: inherit;
  font-weight: bold;
  color: inherit;
  text-rendering: optimizelegibility; /* Fix the character spacing for headings */
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
  font-weight: normal;
  color: #727272;
}
h1 {
  font-size: 28px;
  line-height: 36px;
  color: #4e8218;
}
h1 small {
  font-size: 18px;
}
.h1 { 
	color: #4e8218; /* used to give the h1 color to other header tags when necessary (such as on the home page) */
	}
.h2 { /* used to give the h2 size and line height to an h1 tag when that size is too big, but you need to use an h1 tag for proper search engine weight */
	line-height: 36px;
	font-size: 22px;
	}
.h3 { /* used to give the h3 size and line height to any other header tag when the h2 or h1 size is too big, but you want to use the other styles of those tags */
	line-height: 27px;
	font-size: 18px;
	}
h2 {
  font-size: 22px;
  line-height: 36px;
  border-bottom: 2px solid #ad6519;
  margin-bottom: 7px;
}
h2 small {
  font-size: 18px;
}
h3 {
  line-height: 27px;
  font-size: 18px;
  margin-bottom: 5px;
  /*
border-bottom: 2px solid #D6891F;
  margin-bottom: 7px;
*/
}
h3 small {
  font-size: 14px;
}
h4,
h5,
h6 {
  line-height: 18px;
  margin-bottom: 5px;
}
h4 {
  font-size: 14px;
}
h4 small {
  font-size: 12px;
}
h5 {
  font-size: 12px;
}
h6 {
  font-size: 11px;
  color: #727272;
  text-transform: uppercase;
}

h4.green {font-size: 14px; color:#196832; line-height: 16px}

.page-header, .news-header {
  padding-bottom: 17px;
  margin: 18px 0;
  border-bottom: 1px solid #eeeeee;
}
/*
.page-header h1 {
  line-height: 1;
}
*/
.institute-header {
	padding: 20px;
	margin: 20px -20px 20px -20px;
	background: #ad6519;
	text-align: center;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
	}
	.institute-header h1 {
		color: #fff;
		font-size: 30px;
		text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.25);
		letter-spacing: 1px;
		word-spacing: 5px;
		}
	.institute-header.drp {
		background: #8c3b2e url("/images/site/institute-header-drp.png") right bottom no-repeat;
		}
	.institute-header.asd {
		background: #fbb82d url("/images/site/institute-header-asd.png") right bottom no-repeat;;
		}
	.institute-header.lfl {
		background: #c55417 url("/images/site/institute-header-lfl.png") right bottom no-repeat;
		}
	.institute-header.mth {
		background: #7c4199 url("/images/site/institute-header-mth.png") right bottom no-repeat;
		}
	.institute-header.mth h1 {
			font-size: 25px;
		}
	.institute-header.rdg {
		background: #4660ac url("/images/site/institute-header-rdg.png") right bottom no-repeat;
		}
	.institute-header.rti {
		background: #4296b7 url("/images/site/institute-header-rti.png") right bottom no-repeat;
		}
/* tlr will need to be deleted for, use msm instead */
	.institute-header.tlr {
		background: #218841 url("/images/site/institute-header-tlr.png") right bottom no-repeat;
		}
	.institute-header.msm {
		background: #14397f url("/images/site/institute-header-msm.png") right bottom no-repeat;
		}
	.institute-header.ear {
		background: #FF8C69 url("/images/site/institute-header-ear.png") right bottom no-repeat;
		}
	.institute-header.hsi {
		background: #218841 url("/images/site/institute-header-hsi.png") right bottom no-repeat;
		}	

/* Header Icons */

.iconHeader {
	margin-left: 40px;
	margin-top: 0;
	line-height: 29px;
	}
	
	.iconHeader.skinnyIcon {
		margin-left: 35px;
		}

.newsIcon {
	display: inline-block;
	width: 32px;
	height: 32px;
	line-height:32px;
	vertical-align: text-top;
	background-image: url("/images/site/icons/rss-icon-32.png");
	background-position: left top;
	background-repeat: no-repeat;
	*margin-right: .3em;
	}

.calendarIcon {
	display: inline-block;
	width: 32px;
	height: 32px;
	line-height:32px;
	vertical-align: text-top;
	background-image: url("/images/site/icons/calendar-icon-32.png");
	background-position: left top;
	background-repeat: no-repeat;
	*margin-right: .3em;
	}

.libraryIcon {
	display: inline-block;
	width: 25px;
	height: 32px;
	line-height:32px;
	vertical-align: text-top;
	background-image: url("/images/site/icons/library-icon-32.png");
	background-position: left top;
	background-repeat: no-repeat;
	*margin-right: .3em;
	}
.lightbulbIcon {
	display: inline-block;
	width: 32px;
	height: 32px;
	line-height:32px;
	vertical-align: text-top;
	background-image: url("/images/site/icons/icon_lightbulb.gif");
	background-position: left top;
	background-repeat: no-repeat;
	*margin-right: .3em;
	}
.partnerLogo {
	display: inline-block;
	margin: 7px 0px;

}
/*
LISTS
-----
*/

ul,
ol {
  padding: 0;
  margin: 0 0 9px 25px;
}
ul ul,
ul ol,
ol ol,
ol ul {
  margin-bottom: 0;
}
ul {
  list-style: disc;
}
ol {
  list-style: decimal;
}
li {
  line-height: 18px;
}
ul.spaced-list li {
	padding: .4em 0 .4em 0;
	}

ul.unstyled,
ol.unstyled {
  margin-left: 0;
  list-style: none;
}
ul#msmi_tier_ii li
{display: inline;

}
/* Description Lists */
dl {
  margin-bottom: 18px;
}
dt,
dd {
  line-height: 18px;
}
dt {
  font-weight: bold;
  line-height: 17px; /* 17px instead of 18px to fix Helvetica Neue font bug */
}
dd {
  margin-left: 9px;
}

/* Horizontal layout for description lists (like forms) */
.dl-horizontal dt {
  float: left;
  clear: left;
  width: 120px;
  text-align: right;
}
.dl-horizontal dd {
  margin-left: 130px;
}

/*
MISC
----
*/

/* Horizontal rules */
hr {
  margin: 18px 0;
  border: 0;
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #ffffff;
}

/* Emphasis */
strong {
  font-weight: bold;
}
em {
  font-style: italic;
}
.muted {
  color: #727272;
}

/* Abbreviations and acronyms */
abbr[title] {
  border-bottom: 1px dotted #ddd;
  cursor: help;
}
abbr.initialism {
  font-size: 90%;
  text-transform: uppercase;
}

/* Blockquotes */
blockquote {
  padding: 0 0 0 15px;
  margin: 0 0 18px;
  border-left: 5px solid #eeeeee;
}

blockquote p {
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 300;
  line-height: 22.5px;
}
blockquote small {
  display: block;
  line-height: 18px;
  color: #727272;
}
blockquote small:before {
  content: '\2014 \00A0';
}

/* Float right with text-align: right */
blockquote.pull-right {
  float: right;
  padding-left: 0;
  padding-right: 15px;
  border-left: 0;
  border-right: 5px solid #eeeeee;
}
blockquote.pull-right p,
blockquote.pull-right small {
  text-align: right;
}

/* Quotes */
q:before,
q:after,
blockquote:before,
blockquote:after {
  content: "";
}

/* Addresses */
address {
  display: block;
  margin-bottom: 18px;
  line-height: 18px;
  font-style: normal;
}

/* Misc */
small {
  font-size: 100%;
}
cite {
  font-style: normal;
}

/* Citations */
.citation {
	padding-left: 2.5em;
	text-indent: -2.5em;
	}

/* Footnote */
.footnote{padding-left: 1em; text-indent: -.7em; font-size:.95em;}
.footnote:before {content:"* ";}

/*
Code typography styles for the <code> and <pre> elements
--------------------------------------------------------
*/


/* Inline and block code styles */
code,
pre {
  padding: 0 3px 2px;
  font-family: Menlo, Monaco, "Courier New", monospace;
  font-size: 12px;
  color: #333333;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

/* Inline code */
code {
  padding: 2px 4px;
  color: #d14;
  background-color: #f7f7f9;
  border: 1px solid #e1e1e8;
}

/* Blocks of code */
pre {
  display: block;
  padding: 8.5px;
  margin: 0 0 9px;
  font-size: 12.025px;
  line-height: 18px;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  white-space: pre;
  white-space: pre-wrap;
  word-break: break-all;
  word-wrap: break-word;
}

/* Make prettyprint styles more spaced out for readability */
pre.prettyprint {
  margin-bottom: 18px;
}

/* Account for some code outputs that place code tags in pre tags */
pre code {
  padding: 0;
  color: inherit;
  background-color: transparent;
  border: 0;
}

/* Enable scrollable blocks of code */
.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}

/*
Forms: Base styles for various input types, form layouts, and states
-------------------------------------------------------------
*/

/*
GENERAL STYLES
--------------
*/


/* Make all forms have space below them */
form {
  margin: 0 0 18px;
}
fieldset {
  padding: 0;
  margin: 0;
  border: 0;
}

/* Groups of fields with labels on top (legends) */
legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 27px;
  font-size: 19.5px;
  line-height: 36px;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #eee;
}
legend small {
  font-size: 13.5px;
  color: #727272;
}


/* Set font for forms */
label,
input,
button,
select,
textarea {
  font-size: 13px;
  font-weight: normal;
  line-height: 18px;
}
input,
button,
select,
textarea {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
label {
  display: block;
  margin-bottom: 5px;
  color: #333333;
}

/* Inputs, Textareas, Selects */
input,
textarea,
select,
.uneditable-input {
  display: inline-block;
  width: 210px;
  height: 23px;
  padding: 4px;
  margin-bottom: 9px;
  font-size: 13px;
  line-height: 18px;
  color: #555555;
  border: 1px solid #cccccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.uneditable-textarea {
  width: auto;
  height: auto;
}

/* Inputs within a label */
label input,
label textarea,
label select {
  display: block;
}

/* Mini reset for unique input types */
input[type="image"],
input[type="checkbox"],
input[type="radio"] {
  width: auto;
  height: auto;
  padding: 0;
  margin: 3px 0;
  *margin-top: 0; /* IE7 */
  line-height: normal;
  cursor: pointer;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border: 0 \9; /* IE9 and down */

}
input[type="image"] {
  border: 0;
}

/* Reset the file input to browser defaults */
input[type="file"] {
  width: auto;
  padding: initial;
  line-height: initial;
  border: initial;
  background-color: #ffffff;
  background-color: initial;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

/* Help out input buttons */
input[type="button"],
input[type="reset"],
input[type="submit"] {
  width: auto;
  height: auto;
}

/* Set the height of select and file controls to match text inputs */
select,
input[type="file"] {
  height: 28px; /* In IE7, the height of the select element cannot be changed by height, only font-size */
  *margin-top: 4px; /* For IE7, add top margin to align select with labels */
  line-height: 28px;
}

/* Reset line-height for IE */
input[type="file"] {
  line-height: 18px \9;
}

/* Chrome on Linux and Mobile Safari need background-color */
select {
  width: 220px; /* default input width + 10px of padding that doesn't get applied */
  background-color: #ffffff;
}
.selectsmall
{
  width: 85px; /* default input width + 10px of padding that doesn't get applied */
  background-color: #ffffff;
  font-size: 90%;
  height: 25px;
  margin-bottom: 0;
}
/* Make multiple select elements height not fixed */

select[size] {
  height: auto;
}
select[multiple] {
width: 280px;height:200px;
}
/* Remove shadow from image inputs */
input[type="image"] {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

/* Make textarea height behave */
textarea {
  height: auto;
}

/* Hidden inputs */
input[type="hidden"] {
  display: none;
}

/*
CHECKBOXES & RADIOS
-------------------
*/

/* Indent the labels to position radios/checkboxes as hanging */
.radio,
.checkbox {
  padding-left: 18px;
}
.radio input[type="radio"],
.checkbox input[type="checkbox"] {
  float: left;
  margin-left: -18px;
}

/* Move the options list down to align with labels */
.controls > .radio:first-child,
.controls > .checkbox:first-child {
  padding-top: 5px;
}

/* Radios and checkboxes on same line */
.radio.inline,
.checkbox.inline {
  display: inline-block;
  padding-top: 5px;
  margin-bottom: 0;
  vertical-align: middle;
}
.radio.inline + .radio.inline,
.checkbox.inline + .checkbox.inline {
  margin-left: 10px;
}
.radio-controls label{
margin: -15px 0 0 18px;
		font-weight: normal;
}
.radio-controls li,
.checkbox-controls li {
	margin-bottom: 5px;
}
/*
FOCUS STATE
-----------
*/
input,
textarea {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
}
input:focus,
textarea:focus {
  border-color: rgba(82, 168, 236, 0.8);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */

}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus,
select:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; /* override for file inputs */
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

/*
INPUT SIZES
-----------
*/

/* General classes for quick sizes */
.input-mini {
  width: 60px;
}
.input-small {
  width: 90px;
}
.input-medium {
  width: 150px;
}
.input-large {
  width: 210px;
}
.input-xlarge {
  width: 270px;
}
.input-xxlarge {
  width: 530px;
}

/* Grid style input sizes */
input[class*="span"],
select[class*="span"],
textarea[class*="span"],
.uneditable-input {
  float: none;
  margin-left: 0;
}

/*
GRID SIZING FOR INPUTS
----------------------
*/

input,
textarea,
.uneditable-input {
  margin-left: 0;
}
input.span12, textarea.span12, .uneditable-input.span12 {
  width: 930px;
}
input.span11, textarea.span11, .uneditable-input.span11 {
  width: 850px;
}
input.span10, textarea.span10, .uneditable-input.span10 {
  width: 770px;
}
input.span9, textarea.span9, .uneditable-input.span9 {
  width: 690px;
}
input.span8, textarea.span8, .uneditable-input.span8 {
  width: 610px;
}
input.span7, textarea.span7, .uneditable-input.span7 {
  width: 530px;
}
input.span6, textarea.span6, .uneditable-input.span6 {
  width: 450px;
}
input.span5, textarea.span5, .uneditable-input.span5 {
  width: 370px;
}
input.span4, textarea.span4, .uneditable-input.span4 {
  width: 290px;
}
input.span3, textarea.span3, .uneditable-input.span3 {
  width: 210px;
}
input.span2, textarea.span2, .uneditable-input.span2 {
  width: 130px;
}
input.span1, textarea.span1, .uneditable-input.span1 {
  width: 50px;
}

/*
DISABLED STATE
--------------
*/
/* Disabled and read-only inputs */
input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
  background-color: #eeeeee;
  border-color: #ddd;
  cursor: not-allowed;
}

/*
FORM FIELD FEEDBACK STATES
--------------------------
*/

/* Warning */
.control-group.warning > label,
.control-group.warning .help-block,
.control-group.warning .help-inline {
  color: #c09853;
}
.control-group.warning input,
.control-group.warning select,
.control-group.warning textarea {
  color: #c09853;
  border-color: #c09853;
}
.control-group.warning input:focus,
.control-group.warning select:focus,
.control-group.warning textarea:focus {
  border-color: #a47e3c;
  -webkit-box-shadow: 0 0 6px #dbc59e;
  -moz-box-shadow: 0 0 6px #dbc59e;
  box-shadow: 0 0 6px #dbc59e;
}
.control-group.warning .input-prepend .add-on,
.control-group.warning .input-append .add-on {
  color: #c09853;
  background-color: #fcf8e3;
  border-color: #c09853;
}

/* Error */
label.error,
.control-group.error * label,
.control-group.error > label,
.control-group.error .help-block,
.control-group.error .help-inline {
  color: #b94a48;
}
.control-group.error .checkbox,
.control-group.error .radio,
.control-group.error input,
.control-group.error select,
.control-group.error textarea,
.control-group.error .checkbox-controls label,
.control-group.error .radio-controls label {
  color: #b94a48;
  border-color: #b94a48;
}
.control-group.error .checkbox:focus,
.control-group.error .radio:focus,
.control-group.error input:focus,
.control-group.error select:focus,
.control-group.error textarea:focus {
  border-color: #953b39;
  -webkit-box-shadow: 0 0 6px #d59392;
  -moz-box-shadow: 0 0 6px #d59392;
  box-shadow: 0 0 6px #d59392;
}
.control-group.error .input-prepend .add-on,
.control-group.error .input-append .add-on {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #b94a48;
}

/* Success */
.control-group.success > label,
.control-group.success .help-block,
.control-group.success .help-inline {
  color: #468847;
}
.control-group.success .checkbox,
.control-group.success .radio,
.control-group.success input,
.control-group.success select,
.control-group.success textarea {
  color: #468847;
  border-color: #468847;
}
.control-group.success .checkbox:focus,
.control-group.success .radio:focus,
.control-group.success input:focus,
.control-group.success select:focus,
.control-group.success textarea:focus {
  border-color: #356635;
  -webkit-box-shadow: 0 0 6px #7aba7b;
  -moz-box-shadow: 0 0 6px #7aba7b;
  box-shadow: 0 0 6px #7aba7b;
}
.control-group.success .input-prepend .add-on,
.control-group.success .input-append .add-on {
  color: #468847;
  background-color: #dff0d8;
  border-color: #468847;
}

/*
HTML5 invalid states
Shares styles with the .control-group.error above
*/
input:focus:required:invalid,
textarea:focus:required:invalid,
select:focus:required:invalid {
  color: #b94a48;
  border-color: #ee5f5b;
}
input:focus:required:invalid:focus,
textarea:focus:required:invalid:focus,
select:focus:required:invalid:focus {
  border-color: #e9322d;
  -webkit-box-shadow: 0 0 6px #f8b9b7;
  -moz-box-shadow: 0 0 6px #f8b9b7;
  box-shadow: 0 0 6px #f8b9b7;
}

/*
FORM ACTIONS
------------
*/
.form-actions {
  padding: 17px 20px 18px;
  margin-top: 18px;
  margin-bottom: 18px;
  background-color: #eeeeee;
  border-top: 1px solid #ddd;
  *zoom: 1;
}
.form-actions:before,
.form-actions:after {
  display: table;
  content: "";
}
.form-actions:after {
  clear: both;
}

/* For text that needs to appear as an input but should not be an input */
.uneditable-input {
  display: block;
  background-color: #ffffff;
  border-color: #eee;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
  cursor: not-allowed;
}

/* Placeholder text gets special styles; can't be bundled together though for some reason */
:-moz-placeholder {
  color: #727272;
}
::-webkit-input-placeholder {
  color: #727272;
}

/*
HELP TEXT
---------
*/

.help-block,
.help-inline {
  color: #555555; /* lighten the text some for contrast */
}
.help-block { /* account for any element using help-block */
  display: block; 
  margin-bottom: 9px;
}
.help-inline {
  display: inline-block;
  *display: inline; /* IE7 inline-block hack */
  *zoom: 1;
  vertical-align: middle;
  padding-left: 5px;
}

/*
INPUT GROUPS
------------
*/

/* Allow us to put symbols and text within the input field for a cleaner look */
.input-prepend,
.input-append {
  margin-bottom: 5px;
}
.input-prepend input,
.input-append input,
.input-prepend select,
.input-append select,
.input-prepend .uneditable-input,
.input-append .uneditable-input {
  *margin-left: 0;
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}
.input-prepend input:focus,
.input-append input:focus,
.input-prepend select:focus,
.input-append select:focus,
.input-prepend .uneditable-input:focus,
.input-append .uneditable-input:focus {
  position: relative;
  z-index: 2;
}
.input-prepend .uneditable-input,
.input-append .uneditable-input {
  border-left-color: #ccc;
}
.input-prepend .add-on,
.input-append .add-on {
  display: inline-block;
  width: auto;
  min-width: 16px;
  height: 18px;
  padding: 4px 5px;
  font-weight: normal;
  line-height: 18px;
  text-align: center;
  text-shadow: 0 1px 0 #ffffff;
  vertical-align: middle;
  background-color: #eeeeee;
  border: 1px solid #ccc;
}
.input-prepend .add-on,
.input-append .add-on,
.input-prepend .btn,
.input-append .btn {
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}
.input-prepend .active,
.input-append .active {
  background-color: #a9dba9;
  border-color: #46a546;
}
.input-prepend .add-on,
.input-prepend .btn {
  margin-right: -1px;
}
.input-append input,
.input-append select .uneditable-input {
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}
.input-append .uneditable-input {
  border-left-color: #eee;
  border-right-color: #ccc;
}
.input-append .add-on,
.input-append .btn {
  margin-left: -1px;
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}

/* Remove all border-radius for inputs with both prepend and append */
.input-prepend.input-append input,
.input-prepend.input-append select,
.input-prepend.input-append .uneditable-input {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.input-prepend.input-append .add-on:first-child,
.input-prepend.input-append .btn:first-child {
  margin-right: -1px;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}
.input-prepend.input-append .add-on:last-child,
.input-prepend.input-append .btn:last-child {
  margin-left: -1px;
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}

/*
SEARCH FORM
-----------
*/

.search-query {
  padding-left: 14px;
  padding-right: 14px;
  margin-bottom: 0;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  border-radius: 14px;
}

/*
HORIZONTAL & VERTICAL FORMS
---------------------------
*/

/*
Common properties
-----------------
*/
.form-search input,
.form-inline input,
.form-horizontal input,
.form-search textarea,
.form-inline textarea,

.form-search select,
.form-inline select,
.form-horizontal select,
.form-search .help-inline,
.form-inline .help-inline,
.form-horizontal .help-inline,
.form-search .uneditable-input,
.form-inline .uneditable-input,
.form-horizontal .uneditable-input,
.form-search .input-prepend,
.form-inline .input-prepend,
.form-horizontal .input-prepend,
.form-search .input-append,
.form-inline .input-append,
.form-horizontal .input-append {
  display: inline-block;
  margin-bottom: 0;
}
.form-horizontal textarea{
	display: inline-block;
	margin-bottom: 0;
	width: 450px;
}

/* Re-hide hidden elements due to specifity */
.form-search .hide,
.form-inline .hide,
.form-horizontal .hide {
  display: none;
}
.form-search label,
.form-inline label {
  display: inline-block;
}

/* Remove margin for input-prepend/-append */
.form-search .input-append,
.form-inline .input-append,
.form-search .input-prepend,
.form-inline .input-prepend {
  margin-bottom: 0;
}

/* Inline checkbox/radio labels (remove padding on left) */
.form-search .radio,
.form-search .checkbox,
.form-inline .radio,
.form-inline .checkbox {
  padding-left: 0;
  margin-bottom: 0;
  vertical-align: middle;
}

/* Remove float and margin, set to inline-block */
.form-search .radio input[type="radio"],
.form-search .checkbox input[type="checkbox"],
.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
  float: left;
  margin-left: 0;
  margin-right: 3px;
}

/* Margin to space out fieldsets */
.control-group {
  margin-bottom: 9px;
}

/* Legend collapses margin, so next element is responsible for spacing */
legend + .control-group {
  margin-top: 18px;
  -webkit-margin-top-collapse: separate;
}

/*
Horizontal-specific styles
--------------------------
*/

/* Increase spacing between groups */
.form-horizontal .control-group {
  margin-bottom: 18px;
  *zoom: 1;
}
.form-horizontal .control-group:before,
.form-horizontal .control-group:after {
  display: table;
  content: "";
}
.form-horizontal .control-group:after {
  clear: both;
}

/* Float the labels left */
.form-horizontal .control-label {
  float: left;
  width: 150px;
  padding-top: 5px;
  text-align: right;
}

/* Move over all input controls and content */
.form-horizontal .controls {
  margin-left: 165px;
  /* IE7 fix to ensure the inputs in .input-append and input-prepend don't inherit the margin of the parent, in this case .controls */
  *display: inline-block;
  *margin-left: 0;
  *padding-left: 20px;
}

/* Remove bottom margin on block level help text since that's accounted for on .control-group */
.form-horizontal .help-block {
  margin-top: 9px;
  margin-bottom: 0;
}

/* Move over buttons in .form-actions to align with .controls */
.form-horizontal .form-actions {
  padding-left: 160px;
}
/*
Tables for, you guessed it, tabular data
----------------------------------------
*/


/*
BASE TABLES
-----------------
*/
table {
  max-width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  background-color: transparent;
}

/*
BASELINE STYLES
---------------
*/
.table {
  width: 100%;
  margin-bottom: 18px;
}
.table th,
.table td {
  padding: 8px;
  line-height: 18px;
  text-align: left;
  vertical-align: top;
  border-top: 1px solid #dddddd;
}
.table th {
  font-weight: bold;
}
.table thead th {
  vertical-align: bottom;
}
.table colgroup + thead tr:first-child th,
.table colgroup + thead tr:first-child td,
.table thead:first-child tr:first-child th,
.table thead:first-child tr:first-child td {
  border-top: 0;
}
.table tbody + tbody {
  border-top: 2px solid #dddddd;
}

.table-center-text th, .table-center-text td {
	text-align: center;
}
.table caption {
	font-weight: bold;
}

/*
CONDENSED TABLE WITH HALF PADDING
-------------------------------
*/
.table-condensed th,
.table-condensed td {
  padding: 4px 5px;
}

/*
BORDERED VERSION
----------------
*/
.table-bordered {
  border: 1px solid #dddddd;
  border-left: 0;
  border-collapse: separate; /* Done so we can round those corners! */
  *border-collapse: collapsed; /* IE7 can't round corners anyway */
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.table-bordered th,
.table-bordered td {
  border-left: 1px solid #dddddd;
}

/* Prevent a double border */
.table-bordered thead:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child td {
  border-top: 0;
}

/* For first th or td in the first row in the first thead or tbody */
.table-bordered thead:first-child tr:first-child th:first-child,
.table-bordered tbody:first-child tr:first-child td:first-child {
  -webkit-border-radius: 4px 0 0 0;
  -moz-border-radius: 4px 0 0 0;
  border-radius: 4px 0 0 0;
}
.table-bordered thead:first-child tr:first-child th:last-child,
.table-bordered tbody:first-child tr:first-child td:last-child {
  -webkit-border-radius: 0 4px 0 0;
  -moz-border-radius: 0 4px 0 0;
  border-radius: 0 4px 0 0;
}

/* For first th or td in the first row in the first thead or tbody */
.table-bordered thead:last-child tr:last-child th:first-child,
.table-bordered tbody:last-child tr:last-child td:first-child {
  -webkit-border-radius: 0 0 0 4px;
  -moz-border-radius: 0 0 0 4px;
  border-radius: 0 0 0 4px;
}
.table-bordered thead:last-child tr:last-child th:last-child,
.table-bordered tbody:last-child tr:last-child td:last-child {
  -webkit-border-radius: 0 0 4px 0;
  -moz-border-radius: 0 0 4px 0;
  border-radius: 0 0 4px 0;
}

/*
ZEBRA-STRIPING
--------------
*/

/* Default zebra-stripe styles (alternating gray and transparent backgrounds) */
.table-striped tbody tr:nth-child(odd) td,
.table-striped tbody tr:nth-child(odd) th {
  background-color: #f9f9f9;
}

/*
HOVER EFFECT
------------
*/

.table tbody tr:hover td,
.table tbody tr:hover th {
  background-color: #f5f5f5;
}

/*
TABLE CELL SIZING
-----------------
*/

table .span1 {
  float: none;
  width: 44px;
  margin-left: 0;
}
table .span2 {
  float: none;
  width: 124px;
  margin-left: 0;
}
table .span3 {
  float: none;
  width: 204px;
  margin-left: 0;
}
table .span4 {
  float: none;
  width: 284px;
  margin-left: 0;
}
table .span5 {
  float: none;
  width: 364px;
  margin-left: 0;
}
table .span6 {
  float: none;
  width: 444px;
  margin-left: 0;
}
table .span7 {
  float: none;
  width: 524px;
  margin-left: 0;
}
table .span8 {
  float: none;
  width: 604px;
  margin-left: 0;
}
table .span9 {
  float: none;
  width: 684px;
  margin-left: 0;
}
table .span10 {
  float: none;
  width: 764px;
  margin-left: 0;
}
table .span11 {
  float: none;
  width: 844px;
  margin-left: 0;
}
table .span12 {
  float: none;
  width: 924px;
  margin-left: 0;
}
table .span13 {
  float: none;
  width: 1004px;
  margin-left: 0;
}
table .span14 {
  float: none;
  width: 1084px;
  margin-left: 0;
}
table .span15 {
  float: none;
  width: 1164px;
  margin-left: 0;
}
table .span16 {
  float: none;
  width: 1244px;
  margin-left: 0;
}
table .span17 {
  float: none;
  width: 1324px;
  margin-left: 0;
}
table .span18 {
  float: none;
  width: 1404px;
  margin-left: 0;
}
table .span19 {
  float: none;
  width: 1484px;
  margin-left: 0;
}
table .span20 {
  float: none;
  width: 1564px;
  margin-left: 0;
}
table .span21 {
  float: none;
  width: 1644px;
  margin-left: 0;
}
table .span22 {
  float: none;
  width: 1724px;
  margin-left: 0;
}
table .span23 {
  float: none;
  width: 1804px;
  margin-left: 0;
}
table .span24 {
  float: none;
  width: 1884px;
  margin-left: 0;
}

/*
SPRITES
Glyphs and icons for buttons, nav, and more
-------------------------------------------
*/


/*
ICONS
-----
*/

/*
All icons receive the styles of the <i> tag with a base class
of .i and are then given a unique class to add width, height,
and background-position. Your resulting HTML will look like
<i class="icon-inbox"></i>.
*/

/*
For the white version of the icons, just add the .icon-white class:
<i class="icon-inbox icon-white"></i>
*/

/* Icons to be automatically added to links based on the type of document it is linking to */
a.html:before, a[href$=".swf"]:before, a[href$=".SWF"]:before, a[href$=".mp3"]:before, a[href$=".pdf"]:before, a[href$=".doc"]:before, a[href$=".docx"]:before, a[href$=".xls"]:before, a[href$=".xlsx"]:before, a[href$=".ppt"]:before, a[href$=".pptx"]:before, a[href$=".rss"]:before, a.external:before, a[href$=".PDF"]:before, a[href$=".zip"]:before {
    margin-right: 3px;
    display: inline-block;

    /*
background-position: right center;
    background-repeat: no-repeat;
    margin: -2px 0;
    padding: 2px 18px 2px 0;
*/
}
a.html p, a[href$=".swf"] p, a[href$=".SWF"] p, a[href$=".mp3"] p, a[href$=".pdf"] p, a[href$=".doc"] p, a[href$=".docx"] p, a[href$=".xls"] p,  a[href$=".xlsx"] p,a[href$=".ppt"] p, a[href$=".pptx"] p, a[href$=".rss"] p, a.external p, a[href$=".PDF"] p, a[href$=".zip"] p {
    display: inline;
} 
   
a.external:before {
    content: url("/images/site/icons/icon-external.png");
}
a.html:before {
	content: url("/images/site/icons/html.png");
}
a[href$=".swf"]:before {
    content: url("/images/site/icons/icon-swf.png");
}
a[href$=".SWF"]:before {
    content: url("/images/site/icons/icon-swf.png");
}
a[href$=".pdf"]:before {
    content: url("/images/site/icons/icon-pdf.png");
}
a[href$=".PDF"]:before {
    content: url("/images/site/icons/icon-pdf.png");
}
a[href$=".zip"]:before {
    content: url("/images/site/icons/icon-zip.png");
}
a[href$=".doc"]:before {
    content: url("/images/site/icons/icon-doc.png");
}
a[href$=".docx"]:before {
    content: url("/images/site/icons/icon-doc.png");
}
a[href$=".xls"]:before, a[href$=".xlsx"]:before {
    content: url("/images/site/icons/icon-xls.png");
}
a[href$=".ppt"]:before {
    content: url("/images/site/icons/icon-ppt.png");
}
a[href$=".pptx"]:before {
    content: url("/images/site/icons/icon-ppt.png");
}
a[href$=".rss"]:before {
    content: url("/images/site/icons/icon-rss-small.png");
}
a[href$=".mp3"]:before {
    content: url("/images/site/icons/mp3.png");
}
/* End link icons */

a.rss:before {
	margin-right: 3px;
	content: url("/images/site/icons/icon-rss-small.png");
}
a.noicon:before {
    content:none;
    background: none repeat scroll 0 0 transparent !important;
    margin: 0 !important;
    padding: 0 !important;
}
a.noicon:after {
    background: none repeat scroll 0 0 transparent !important;
    margin: 0 !important;
    padding: 0 !important;
    content: none;
}

/*  Font Awesome
    the iconic font designed for use with Twitter Bootstrap
    -------------------------------------------------------
    The full suite of pictographic icons, examples, and documentation
    can be found at: http://fortawesome.github.com/Font-Awesome/

    License
    -------------------------------------------------------
    The Font Awesome webfont, CSS, and LESS files are licensed under CC BY 3.0:
    http://creativecommons.org/licenses/by/3.0/ A mention of
    'Font Awesome - http://fortawesome.github.com/Font-Awesome' in human-readable
    source code is considered acceptable attribution (most common on the web).
    If human readable source code is not available to the end user, a mention in
    an 'About' or 'Credits' screen is considered acceptable (most common in desktop
    or mobile software).

    Contact
    -------------------------------------------------------
    Email: dave@davegandy.com
    Twitter: http://twitter.com/fortaweso_me
    Work: http://lemonwi.se co-founder

    */
@font-face {
  font-family: "FontAwesome";
  src: url('/fonts/fontawesome-webfont.eot');
  src: url('/fonts/fontawesome-webfont.eot?#iefix') format('eot'), url('/fonts/fontawesome-webfont.woff') format('woff'), url('/fonts/fontawesome-webfont.ttf') format('truetype'), url('/fonts/fontawesome-webfont.svg#FontAwesome') format('svg');
  font-weight: normal;
  font-style: normal;
}

/*  Font Awesome styles
    ------------------------------------------------------- */
[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
}
a [class^="icon-"], a [class*=" icon-"] {
  display: inline-block;
  text-decoration: inherit;
}
/* makes the font 33% larger relative to the icon container */
.icon-large:before {
  vertical-align: top;
  font-size: 1.3333333333333333em;
}
.btn [class^="icon-"], .btn [class*=" icon-"] {
  /* keeps button heights with and without icons the same */

  line-height: .9em;
}
li [class^="icon-"], li [class*=" icon-"] {
  display: inline-block;
  width: 1.25em;
  text-align: center;
}
li .icon-large[class^="icon-"], li .icon-large[class*=" icon-"] {
  /* 1.5 increased font size for icon-large * 1.25 width */

  width: 1.875em;
}
li[class^="icon-"], li[class*=" icon-"] {
  margin-left: 0;
  list-style-type: none;
}
li[class^="icon-"]:before, li[class*=" icon-"]:before {
  text-indent: -2em;
  text-align: center;
}
li[class^="icon-"].icon-large:before, li[class*=" icon-"].icon-large:before {
  text-indent: -1.3333333333333333em;
}
/*  Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
    readers do not read off random characters that represent icons */
.icon-glass:before                { content: "\f000"; }
.icon-music:before                { content: "\f001"; }
.icon-search:before               { content: "\f002"; }
.icon-envelope:before             { content: "\f003"; }
.icon-heart:before                { content: "\f004"; }
.icon-star:before                 { content: "\f005"; }
.icon-star-empty:before           { content: "\f006"; }
.icon-user:before                 { content: "\f007"; }
.icon-film:before                 { content: "\f008"; }
.icon-th-large:before             { content: "\f009"; }
.icon-th:before                   { content: "\f00a"; }
.icon-th-list:before              { content: "\f00b"; }
.icon-ok:before                   { content: "\f00c"; }
.icon-remove:before               { content: "\f00d"; }
.icon-zoom-in:before              { content: "\f00e"; }

.icon-zoom-out:before             { content: "\f010"; }
.icon-off:before                  { content: "\f011"; }
.icon-signal:before               { content: "\f012"; }
.icon-cog:before                  { content: "\f013"; }
.icon-trash:before                { content: "\f014"; }
.icon-home:before                 { content: "\f015"; }
.icon-file:before                 { content: "\f016"; }
.icon-time:before                 { content: "\f017"; }
.icon-road:before                 { content: "\f018"; }
.icon-download-alt:before         { content: "\f019"; }
.icon-download:before             { content: "\f01a"; }
.icon-upload:before               { content: "\f01b"; }
.icon-inbox:before                { content: "\f01c"; }
.icon-play-circle:before          { content: "\f01d"; }
.icon-repeat:before               { content: "\f01e"; }

/* \f020 doesn't work in Safari. all shifted one down */
.icon-refresh:before              { content: "\f021"; }
.icon-list-alt:before             { content: "\f022"; }
.icon-lock:before                 { content: "\f023"; }
.icon-flag:before                 { content: "\f024"; }
.icon-headphones:before           { content: "\f025"; }
.icon-volume-off:before           { content: "\f026"; }
.icon-volume-down:before          { content: "\f027"; }
.icon-volume-up:before            { content: "\f028"; }
.icon-qrcode:before               { content: "\f029"; }
.icon-barcode:before              { content: "\f02a"; }
.icon-tag:before                  { content: "\f02b"; }
.icon-tags:before                 { content: "\f02c"; }
.icon-book:before                 { content: "\f02d"; }
.icon-bookmark:before             { content: "\f02e"; }
.icon-print:before                { content: "\f02f"; }

.icon-camera:before               { content: "\f030"; }
.icon-font:before                 { content: "\f031"; }
.icon-bold:before                 { content: "\f032"; }
.icon-italic:before               { content: "\f033"; }
.icon-text-height:before          { content: "\f034"; }
.icon-text-width:before           { content: "\f035"; }
.icon-align-left:before           { content: "\f036"; }
.icon-align-center:before         { content: "\f037"; }
.icon-align-right:before          { content: "\f038"; }
.icon-align-justify:before        { content: "\f039"; }
.icon-list:before                 { content: "\f03a"; }
.icon-indent-left:before          { content: "\f03b"; }
.icon-indent-right:before         { content: "\f03c"; }
.icon-facetime-video:before       { content: "\f03d"; }
.icon-picture:before              { content: "\f03e"; }

.icon-pencil:before               { content: "\f040"; }
.icon-map-marker:before           { content: "\f041"; }
.icon-adjust:before               { content: "\f042"; }
.icon-tint:before                 { content: "\f043"; }
.icon-edit:before                 { content: "\f044"; }
.icon-share:before                { content: "\f045"; }
.icon-check:before                { content: "\f046"; }
.icon-move:before                 { content: "\f047"; }
.icon-step-backward:before        { content: "\f048"; }
.icon-fast-backward:before        { content: "\f049"; }
.icon-backward:before             { content: "\f04a"; }
.icon-play:before                 { content: "\f04b"; }
.icon-pause:before                { content: "\f04c"; }
.icon-stop:before                 { content: "\f04d"; }
.icon-forward:before              { content: "\f04e"; }

.icon-fast-forward:before         { content: "\f050"; }
.icon-step-forward:before         { content: "\f051"; }
.icon-eject:before                { content: "\f052"; }
.icon-chevron-left:before         { content: "\f053"; }
.icon-chevron-right:before        { content: "\f054"; }
.icon-plus-sign:before            { content: "\f055"; }
.icon-minus-sign:before           { content: "\f056"; }
.icon-remove-sign:before          { content: "\f057"; }
.icon-ok-sign:before              { content: "\f058"; }
.icon-question-sign:before        { content: "\f059"; }
.icon-info-sign:before            { content: "\f05a"; }
.icon-screenshot:before           { content: "\f05b"; }
.icon-remove-circle:before        { content: "\f05c"; }
.icon-ok-circle:before            { content: "\f05d"; }
.icon-ban-circle:before           { content: "\f05e"; }

.icon-arrow-left:before           { content: "\f060"; }
.icon-arrow-right:before          { content: "\f061"; }
.icon-arrow-up:before             { content: "\f062"; }
.icon-arrow-down:before           { content: "\f063"; }
.icon-share-alt:before            { content: "\f064"; }
.icon-resize-full:before          { content: "\f065"; }
.icon-resize-small:before         { content: "\f066"; }
.icon-plus:before                 { content: "\f067"; }
.icon-minus:before                { content: "\f068"; }
.icon-asterisk:before             { content: "\f069"; }
.icon-exclamation-sign:before     { content: "\f06a"; }
.icon-gift:before                 { content: "\f06b"; }
.icon-leaf:before                 { content: "\f06c"; }
.icon-fire:before                 { content: "\f06d"; }
.icon-eye-open:before             { content: "\f06e"; }

.icon-eye-close:before            { content: "\f070"; }
.icon-warning-sign:before         { content: "\f071"; }
.icon-plane:before                { content: "\f072"; }
.icon-calendar:before             { content: "\f073"; }
.icon-random:before               { content: "\f074"; }
.icon-comment:before              { content: "\f075"; }
.icon-magnet:before               { content: "\f076"; }
.icon-chevron-up:before           { content: "\f077"; }
.icon-chevron-down:before         { content: "\f078"; }
.icon-retweet:before              { content: "\f079"; }
.icon-shopping-cart:before        { content: "\f07a"; }
.icon-folder-close:before         { content: "\f07b"; }
.icon-folder-open:before          { content: "\f07c"; }
.icon-resize-vertical:before      { content: "\f07d"; }
.icon-resize-horizontal:before    { content: "\f07e"; }

.icon-bar-chart:before            { content: "\f080"; }
.icon-twitter-sign:before         { content: "\f081"; }
.icon-facebook-sign:before        { content: "\f082"; }
.icon-camera-retro:before         { content: "\f083"; }
.icon-key:before                  { content: "\f084"; }
.icon-cogs:before                 { content: "\f085"; }
.icon-comments:before             { content: "\f086"; }
.icon-thumbs-up:before            { content: "\f087"; }
.icon-thumbs-down:before          { content: "\f088"; }
.icon-star-half:before            { content: "\f089"; }
.icon-heart-empty:before          { content: "\f08a"; }
.icon-signout:before              { content: "\f08b"; }
.icon-linkedin-sign:before        { content: "\f08c"; }
.icon-pushpin:before              { content: "\f08d"; }
.icon-external-link:before        { content: "\f08e"; }

.icon-signin:before               { content: "\f090"; }
.icon-trophy:before               { content: "\f091"; }
.icon-github-sign:before          { content: "\f092"; }
.icon-upload-alt:before           { content: "\f093"; }
.icon-lemon:before                { content: "\f094"; }
.icon-phone:before                { content: "\f095"; }
.icon-check-empty:before          { content: "\f096"; }
.icon-bookmark-empty:before       { content: "\f097"; }
.icon-phone-sign:before           { content: "\f098"; }
.icon-twitter:before              { content: "\f099"; }
.icon-facebook:before             { content: "\f09a"; }
.icon-github:before               { content: "\f09b"; }
.icon-unlock:before               { content: "\f09c"; }
.icon-credit-card:before          { content: "\f09d"; }
.icon-rss:before                  { content: "\f09e"; }

.icon-hdd:before                  { content: "\f0a0"; }
.icon-bullhorn:before             { content: "\f0a1"; }
.icon-bell:before                 { content: "\f0a2"; }
.icon-certificate:before          { content: "\f0a3"; }
.icon-hand-right:before           { content: "\f0a4"; }
.icon-hand-left:before            { content: "\f0a5"; }
.icon-hand-up:before              { content: "\f0a6"; }
.icon-hand-down:before            { content: "\f0a7"; }
.icon-circle-arrow-left:before    { content: "\f0a8"; }
.icon-circle-arrow-right:before   { content: "\f0a9"; }
.icon-circle-arrow-up:before      { content: "\f0aa"; }
.icon-circle-arrow-down:before    { content: "\f0ab"; }
.icon-globe:before                { content: "\f0ac"; }
.icon-wrench:before               { content: "\f0ad"; }
.icon-tasks:before                { content: "\f0ae"; }

.icon-filter:before               { content: "\f0b0"; }
.icon-briefcase:before            { content: "\f0b1"; }
.icon-fullscreen:before           { content: "\f0b2"; }

.icon-group:before                { content: "\f0c0"; }
.icon-link:before                 { content: "\f0c1"; }
.icon-cloud:before                { content: "\f0c2"; }
.icon-beaker:before               { content: "\f0c3"; }
.icon-cut:before                  { content: "\f0c4"; }
.icon-copy:before                 { content: "\f0c5"; }
.icon-paper-clip:before           { content: "\f0c6"; }
.icon-save:before                 { content: "\f0c7"; }
.icon-sign-blank:before           { content: "\f0c8"; }
.icon-reorder:before              { content: "\f0c9"; }
.icon-list-ul:before              { content: "\f0ca"; }
.icon-list-ol:before              { content: "\f0cb"; }
.icon-strikethrough:before        { content: "\f0cc"; }
.icon-underline:before            { content: "\f0cd"; }
.icon-table:before                { content: "\f0ce"; }

.icon-magic:before                { content: "\f0d0"; }
.icon-truck:before                { content: "\f0d1"; }
.icon-pinterest:before            { content: "\f0d2"; }
.icon-pinterest-sign:before       { content: "\f0d3"; }
.icon-google-plus-sign:before     { content: "\f0d4"; }
.icon-google-plus:before          { content: "\f0d5"; }
.icon-money:before                { content: "\f0d6"; }
.icon-caret-down:before           { content: "\f0d7"; }
.icon-caret-up:before             { content: "\f0d8"; }
.icon-caret-left:before           { content: "\f0d9"; }
.icon-caret-right:before          { content: "\f0da"; }
.icon-columns:before              { content: "\f0db"; }
.icon-sort:before                 { content: "\f0dc"; }
.icon-sort-down:before            { content: "\f0dd"; }
.icon-sort-up:before              { content: "\f0de"; }

.icon-envelope-alt:before         { content: "\f0e0"; }
.icon-linkedin:before             { content: "\f0e1"; }
.icon-undo:before                 { content: "\f0e2"; }
.icon-legal:before                { content: "\f0e3"; }
.icon-dashboard:before            { content: "\f0e4"; }
.icon-comment-alt:before          { content: "\f0e5"; }
.icon-comments-alt:before         { content: "\f0e6"; }
.icon-bolt:before                 { content: "\f0e7"; }
.icon-sitemap:before              { content: "\f0e8"; }
.icon-umbrella:before             { content: "\f0e9"; }
.icon-paste:before                { content: "\f0ea"; }

.icon-user-md:before              { content: "\f200"; }



/*
[class^="icon-"],
[class*=" icon-"] {
  display: inline-block;
  width: 14px;
  height: 14px;
  *margin-right: .3em;
  line-height: 14px;
  vertical-align: text-top;
  background-image: url("/images/site/glyphicons-halflings.png");
  background-position: 14px 14px;
  background-repeat: no-repeat;
}

[class^="icon-"]:last-child,
[class*=" icon-"]:last-child {
  *margin-left: 0;
}

.icon-white {
  background-image: url("/images/site/glyphicons-halflings-white.png");
}

.icon-glass {
  background-position: 0 0;
}

.icon-music {
  background-position: -24px 0;
}

.icon-search {
  background-position: -48px 0;
}

.icon-envelope {
  background-position: -72px 0;
}

.icon-heart {
  background-position: -96px 0;
}

.icon-star {
  background-position: -120px 0;
}

.icon-star-empty {
  background-position: -144px 0;
}

.icon-user {
  background-position: -168px 0;
}

.icon-film {
  background-position: -192px 0;
}

.icon-th-large {
  background-position: -216px 0;
}

.icon-th {
  background-position: -240px 0;
}

.icon-th-list {
  background-position: -264px 0;
}

.icon-ok {
  background-position: -288px 0;
}

.icon-remove {
  background-position: -312px 0;
}

.icon-zoom-in {
  background-position: -336px 0;
}

.icon-zoom-out {
  background-position: -360px 0;
}

.icon-off {
  background-position: -384px 0;
}

.icon-signal {
  background-position: -408px 0;
}

.icon-cog {
  background-position: -432px 0;
}

.icon-trash {
  background-position: -456px 0;
}

.icon-home {
  background-position: 0 -24px;
}

.icon-file {
  background-position: -24px -24px;
}

.icon-time {
  background-position: -48px -24px;
}

.icon-road {
  background-position: -72px -24px;
}

.icon-download-alt {
  background-position: -96px -24px;
}

.icon-download {
  background-position: -120px -24px;
}

.icon-upload {
  background-position: -144px -24px;
}

.icon-inbox {
  background-position: -168px -24px;
}

.icon-play-circle {
  background-position: -192px -24px;
}

.icon-repeat {
  background-position: -216px -24px;
}

.icon-refresh {
  background-position: -240px -24px;
}

.icon-list-alt {
  background-position: -264px -24px;
}

.icon-lock {
  background-position: -287px -24px;
}

.icon-flag {
  background-position: -312px -24px;
}

.icon-headphones {
  background-position: -336px -24px;
}

.icon-volume-off {
  background-position: -360px -24px;
}

.icon-volume-down {
  background-position: -384px -24px;
}

.icon-volume-up {
  background-position: -408px -24px;
}

.icon-qrcode {
  background-position: -432px -24px;
}

.icon-barcode {
  background-position: -456px -24px;
}

.icon-tag {
  background-position: 0 -48px;
}

.icon-tags {
  background-position: -25px -48px;
}

.icon-book {
  background-position: -48px -48px;
}

.icon-bookmark {
  background-position: -72px -48px;
}

.icon-print {
  background-position: -96px -48px;
}

.icon-camera {
  background-position: -120px -48px;
}

.icon-font {
  background-position: -144px -48px;
}

.icon-bold {
  background-position: -167px -48px;
}

.icon-italic {
  background-position: -192px -48px;
}

.icon-text-height {
  background-position: -216px -48px;
}

.icon-text-width {
  background-position: -240px -48px;
}

.icon-align-left {
  background-position: -264px -48px;
}

.icon-align-center {
  background-position: -288px -48px;
}

.icon-align-right {
  background-position: -312px -48px;
}

.icon-align-justify {
  background-position: -336px -48px;
}

.icon-list {
  background-position: -360px -48px;
}

.icon-indent-left {
  background-position: -384px -48px;
}

.icon-indent-right {
  background-position: -408px -48px;
}

.icon-facetime-video {
  background-position: -432px -48px;
}

.icon-picture {
  background-position: -456px -48px;
}

.icon-pencil {
  background-position: 0 -72px;
}

.icon-map-marker {
  background-position: -24px -72px;
}

.icon-adjust {
  background-position: -48px -72px;
}

.icon-tint {
  background-position: -72px -72px;
}

.icon-edit {
  background-position: -96px -72px;
}

.icon-share {
  background-position: -120px -72px;
}

.icon-check {
  background-position: -144px -72px;
}

.icon-move {
  background-position: -168px -72px;
}

.icon-step-backward {
  background-position: -192px -72px;
}

.icon-fast-backward {
  background-position: -216px -72px;
}

.icon-backward {
  background-position: -240px -72px;
}

.icon-play {
  background-position: -264px -72px;
}

.icon-pause {
  background-position: -288px -72px;
}

.icon-stop {
  background-position: -312px -72px;
}

.icon-forward {
  background-position: -336px -72px;
}

.icon-fast-forward {
  background-position: -360px -72px;
}

.icon-step-forward {
  background-position: -384px -72px;
}

.icon-eject {
  background-position: -408px -72px;
}

.icon-chevron-left {
  background-position: -432px -72px;
}

.icon-chevron-right {
  background-position: -456px -72px;
}

.icon-plus-sign {
  background-position: 0 -96px;
}

.icon-minus-sign {
  background-position: -24px -96px;
}

.icon-remove-sign {
  background-position: -48px -96px;
}

.icon-ok-sign {
  background-position: -72px -96px;
}

.icon-question-sign {
  background-position: -96px -96px;
}

.icon-info-sign {
  background-position: -120px -96px;
}

.icon-screenshot {
  background-position: -144px -96px;
}

.icon-remove-circle {
  background-position: -168px -96px;
}

.icon-ok-circle {
  background-position: -192px -96px;
}

.icon-ban-circle {
  background-position: -216px -96px;
}

.icon-arrow-left {
  background-position: -240px -96px;
}

.icon-arrow-right {
  background-position: -264px -96px;
}

.icon-arrow-up {
  background-position: -289px -96px;
}

.icon-arrow-down {
  background-position: -312px -96px;
}

.icon-share-alt {
  background-position: -336px -96px;
}

.icon-resize-full {
  background-position: -360px -96px;
}

.icon-resize-small {
  background-position: -384px -96px;
}

.icon-plus {
  background-position: -408px -96px;
}

.icon-minus {
  background-position: -433px -96px;
}

.icon-asterisk {
  background-position: -456px -96px;
}

.icon-exclamation-sign {
  background-position: 0 -120px;
}

.icon-gift {
  background-position: -24px -120px;
}

.icon-leaf {
  background-position: -48px -120px;
}

.icon-fire {
  background-position: -72px -120px;
}

.icon-eye-open {
  background-position: -96px -120px;
}

.icon-eye-close {
  background-position: -120px -120px;
}

.icon-warning-sign {
  background-position: -144px -120px;
}

.icon-plane {
  background-position: -168px -120px;
}

.icon-calendar {
  background-position: -192px -120px;
}

.icon-random {
  background-position: -216px -120px;
}

.icon-comment {
  background-position: -240px -120px;
}

.icon-magnet {
  background-position: -264px -120px;
}

.icon-chevron-up {
  background-position: -288px -120px;
}

.icon-chevron-down {
  background-position: -313px -119px;
}

.icon-retweet {
  background-position: -336px -120px;
}

.icon-shopping-cart {
  background-position: -360px -120px;
}

.icon-folder-close {
  background-position: -384px -120px;
}

.icon-folder-open {
  background-position: -408px -120px;
}

.icon-resize-vertical {
  background-position: -432px -119px;
}

.icon-resize-horizontal {
  background-position: -456px -118px;
}

.icon-hdd {
  background-position: 0 -144px;
}

.icon-bullhorn {
  background-position: -24px -144px;
}

.icon-bell {
  background-position: -48px -144px;
}

.icon-certificate {
  background-position: -72px -144px;
}

.icon-thumbs-up {
  background-position: -96px -144px;
}

.icon-thumbs-down {
  background-position: -120px -144px;
}

.icon-hand-right {
  background-position: -144px -144px;
}

.icon-hand-left {
  background-position: -168px -144px;
}

.icon-hand-up {
  background-position: -192px -144px;
}

.icon-hand-down {
  background-position: -216px -144px;
}

.icon-circle-arrow-right {
  background-position: -240px -144px;
}

.icon-circle-arrow-left {
  background-position: -264px -144px;
}

.icon-circle-arrow-up {
  background-position: -288px -144px;
}

.icon-circle-arrow-down {
  background-position: -312px -144px;
}

.icon-globe {
  background-position: -336px -144px;
}

.icon-wrench {
  background-position: -360px -144px;
}

.icon-tasks {
  background-position: -384px -144px;
}

.icon-filter {
  background-position: -408px -144px;
}

.icon-briefcase {
  background-position: -432px -144px;
}

.icon-fullscreen {
  background-position: -456px -144px;
}
*/

/*
DROPDOWN MENUS
--------------
*/

/* Use the .menu class on any <li> element within the topbar or ul.tabs and you'll get some superfancy dropdowns */

.dropdown {
  position: relative;
}
.dropdown-toggle {
  *margin-bottom: -3px; /* The caret makes the toggle a bit too tall in IE7 */
}
.dropdown-toggle:active,
.open .dropdown-toggle {
  outline: 0;
}

/*
Dropdown arrow/caret
--------------------
*/
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: top;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #000000;
  opacity: 0.3;
  filter: alpha(opacity=30);
  content: "";
}

.caret-right {
  margin-left: 5px;
  display: inline-block;
  right: 0px;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px solid #bdbdbd;
  content: "";
}

/* Place the caret */
.dropdown .caret {
  margin-top: 8px;
  margin-left: 2px;
}
.dropdown:hover .caret,
.open.dropdown .caret, .dropdown:hover .caret-right,
.open.dropdown .caret-right {
  opacity: 1;
  filter: alpha(opacity=100);
}

/*
The dropdown menu (ul)
----------------------
*/
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  float: left;
  display: none; /* none by default, but block on "open" of the menu */
  min-width: 160px;
  padding: 4px 0;
  margin: 0; /* override default ul */
  list-style: none;
  background-color: #ffffff;
  border-color: #ccc;
  border-color: rgba(0, 0, 0, 0.2);
  border-style: solid;
  border-width: 1px;
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  *border-right-width: 2px;
  *border-bottom-width: 2px;
}

/* Aligns the dropdown menu to right */
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}

/* Something I had to add for Tier 2 */
.dropdown-right {
	margin: -24px 0px 0px 202px;
}

/* Dividers (basically an hr) within the dropdown */
.dropdown-menu .divider {
  height: 1px;
  margin: 8px 1px;
  overflow: hidden;
  background-color: #e5e5e5;
  border-bottom: 1px solid #ffffff;
  *width: 100%;
  *margin: -5px 0 5px;
}

/* Links within the dropdown menu */
.dropdown-menu a {
  display: block;
  padding: 3px 15px;
  clear: both;
  font-weight: normal;
  line-height: 18px;
  color: #333333;
  white-space: nowrap;
  border-bottom: none;
}

/*
Hover state
-----------
*/
.dropdown-menu li > a:hover,
.dropdown-menu .active > a,
.dropdown-menu .active > a:hover {
  color: #ffffff;
  text-decoration: none;
  border-bottom: none;
  background-color: #4e8218;
}

.vgc .dropdown-menu li > a:hover,
.vgc .dropdown-menu .active > a,
.vgc .dropdown-menu .active > a:hover {
  background-color: #175B88;
}

/*
Open state for the dropdown
---------------------------
*/

/* IE7's z-index only goes to the nearest positioned ancestor, which would make the menu appear below buttons that appeared later on the page */
.dropdown.open {
  *z-index: 1000;
}
.dropdown.open .dropdown-toggle {
	background-image: none;
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}
/* olive for ELITE */
.dropdown.open.green .dropdown-toggle {
  color: #ffffff;
  background: rgba(0, 0, 0, 0.3);
  background: #218841;
}

/* inverse */
.dropdown.open.inverse .dropdown-toggle {
  color: #ffffff;
  background: rgba(0, 0, 0, 0.3);
  background-color: #414141;
}

.dropdown.open .dropdown-menu {
  display: block;
}

/* Right aligned dropdowns */
.pull-right .dropdown-menu {
  left: auto;
  right: 0;
}

/*
Allow for dropdowns to go bottom up (aka, dropup-menu)
------------------------------------------------------

Just add .dropup after the standard .dropdown class and you're set.
*/
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px solid #000000;
  content: "\2191";
}

/* Different positioning for bottom up menu */
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 1px;
}

/*
Typeahead
---------
*/
.typeahead {
  margin-top: 2px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

/*
WELLS
-----
Use the well as a simple effect on an element to give it an inset effect.
*/

.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #eee;
  border: 1px solid rgba(0, 0, 0, 0.05);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.well.msm {
	color:#17326a;
}
.well.drp {
	color:#8c3b2e;
}
.well.asd {
	color:#885d03;
}
.well.lfl {
	color:#974112;
}
.well.mth {
	color:#7c4199;
}
.well.rdg {
	color:#4660ac;
	}
.well.rti {
	color:#21799c;
	}
.well.ear li {
	color:#f15e58;
	}
	
.well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15);
}

.emptyWell {
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
}

/* Sizes */
.well-large {
  padding: 24px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.well-small {
  padding: 9px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

form.well { /*Reduce padding on the form when it appears inside of a well*/
	padding: 14px;
}
.well-nocolor {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  /*background-color: rgb(255, 255, 255);
  border: 1px solid #eee;
  border: 1px solid rgba(0, 0, 0, 0.05);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);*/
}
/*
COMPONENT ANIMATIONS
--------------------
*/

.fade {
  -webkit-transition: opacity 0.15s linear;
  -moz-transition: opacity 0.15s linear;
  -ms-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
  opacity: 0;
}
.fade.in {
  opacity: 1;
}
.collapse {
  -webkit-transition: height 0.35s ease;
  -moz-transition: height 0.35s ease;
  -ms-transition: height 0.35s ease;
  -o-transition: height 0.35s ease;
  transition: height 0.35s ease;
  position: relative;
  overflow: hidden;
  height: 0;
}
.collapse.in {
  height: auto;
}
.hidden {
  /* display: none; */
  visibility: hidden;
}

.close {
  float: right;
  font-size: 20px;
  font-weight: bold;
  line-height: 18px;
  color: #000000;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}
.close:hover {
  color: #000000;
  text-decoration: none;
  opacity: 0.4;
  filter: alpha(opacity=40);
  cursor: pointer;
}

/*
BUTTON STYLES
-------------
*/


/*
Base styles
--------------------------------------------------
*/


/* Core */
.btn {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  padding: 4px 10px 4px;
  margin-bottom: 0; /* For input.btn */
  font-size: 14px;
  line-height: 18px;
  color: #333333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(top, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
  border: 1px solid #cccccc;
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  cursor: pointer;
  *margin-left: .3em; /* Give IE7 some love */
}

/* Hover state */
.btn:hover,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
  border-bottom-color: #b3b3b3;
}
.btn:active,
.btn.active {
  background-color: #cccccc \9;
}
.btn:first-child {
  *margin-left: 0;
}
.btn:hover {
  color: #333333;
  text-decoration: none;
  background-color: #e6e6e6;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  -moz-transition: background-position 0.1s linear;
  -ms-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}

/* Focus state for keyboard and accessibility */
.btn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

/* Active state */
.btn.active,
.btn:active {
  background-image: none;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  background-color: #e6e6e6;
  background-color: #d9d9d9 \9;
  outline: 0;
}

/* Disabled state */
.btn.disabled,
.btn[disabled] {
  cursor: default;
  background-image: none;
  background-color: #e6e6e6;
  /* opacity: 0.65;
  filter: alpha(opacity=65); */
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

/*
Button Sizes
--------------------------------------------------
*/

/* Large */
.btn-large {
  padding: 9px 14px;
  font-size: 15px;
  line-height: normal;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.btn-large [class^="icon-"] {
  margin-top: 1px;
}

/* Small */
.btn-small {
  padding: 5px 9px;
  font-size: 11px;
  line-height: 16px;
}
.btn-small [class^="icon-"] {
  margin-top: -1px;
}

/* Mini */
.btn-mini {
  padding: 2px 6px;
  font-size: 11px;
  line-height: 14px;
}

/*
Alternate buttons
--------------------------------------------------
*/

/*
Set text color
-------------------------
*/
.btn-primary,
.btn-primary:hover,
.btn-standard,
.btn-standard:hover,
.btn-callout,
.btn-callout:hover,
.btn-warning,
.btn-warning:hover,
.btn-danger,
.btn-danger:hover,
.btn-success,
.btn-success:hover,
.btn-info,
.btn-info:hover,
.btn-inverse,
.btn-inverse:hover {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  color: #ffffff;
  font-weight: bold;
}
/* Provide *some* extra contrast for those who can get it */
.btn-primary.active,
.btn-standard.active,
.btn-callout.active,
.btn-warning.active,
.btn-danger.active,
.btn-success.active,
.btn-info.active,
.btn-inverse.active {
  color: rgba(255, 255, 255, 0.75);
}

/*
Set the backgrounds
-------------------------
*/
.btn-standard {
  background-color: #0074cc;
  background-image: -moz-linear-gradient(top, #0088cc, #0055cc);
  background-image: -ms-linear-gradient(top, #0088cc, #0055cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0055cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0055cc);
  background-image: -o-linear-gradient(top, #0088cc, #0055cc);
  background-image: linear-gradient(top, #0088cc, #0055cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0055cc', GradientType=0);
  border-color: #0055cc #0055cc #003580;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.btn-standard:hover,
.btn-standard:active,
.btn-standard.active,
.btn-standard.disabled,
.btn-standard[disabled] {
  background-color: #0055cc;
}
.btn-primary:active,
.btn-primary.active {
  background-color: #004099 \9;
}


/* primary buttons use the mcper green color */
.btn-primary {
  background-color: #8ab64d;
  background-image: -moz-linear-gradient(top, #98c35c, #719046);
  background-image: -ms-linear-gradient(top, #98c35c, #719046);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#98c35c), to #719046);
  background-image: -webkit-linear-gradient(top, #98c35c, #719046);
  background-image: -o-linear-gradient(top, #98c35c, #719046);
  background-image: linear-gradient(top, #98c35c, #719046);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#98c35c', endColorstr='#719046', GradientType=0);
  border-color: #719046 #719046 #495737;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
  background-color: #719046;
}
.btn-primary:active,
.btn-primary.active {
  background-color: #586c3d \9;
}


/* callout buttons use the mcper orange color */
/* Old colors that were not WCAG 2.0 AA compliant: gradient(top, #e6a053, #cf7a1e) */
.btn-callout {
  background-color: #BF5700;
  background-image: none; 
  background-image: none;
  background-image: none;
  background-image: none;
  background-image: none;
  background-image: none;
  /*
  background-image: -moz-linear-gradient(top, #BF5700, #cf7a1e); 
  background-image: -ms-linear-gradient(top, #BF5700, #cf7a1e);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#BF5700), to #cf7a1e);
  background-image: -webkit-linear-gradient(top, #BF5700, #cf7a1e);
  background-image: -o-linear-gradient(top, #BF5700, #cf7a1e);
  background-image: linear-gradient(top, #BF5700, #cf7a1e);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#BF5700', endColorstr='#cf7a1e', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
  */
  border-color: #BF5700 #BF5700 #BF5700;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.btn-callout:hover,
.btn-callout:active,
.btn-callout.active,
.btn-callout.disabled,
.btn-callout[disabled] {
  background-color: #A84C00;
}
.btn-callout:active,
.btn-callout.active {
  background-color: #d27d22 \9;
}

/* Warning appears are orange */
.btn-warning {
  background-color: #faa732;
  background-image: -moz-linear-gradient(top, #fbb450, #f89406);
  background-image: -ms-linear-gradient(top, #fbb450, #f89406);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
  background-image: -o-linear-gradient(top, #fbb450, #f89406);
  background-image: linear-gradient(top, #fbb450, #f89406);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0);
  border-color: #f89406 #f89406 #ad6704;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.btn-warning:hover,
.btn-warning:active,
.btn-warning.active,
.btn-warning.disabled,
.btn-warning[disabled] {
  background-color: #f89406;
}
.btn-warning:active,
.btn-warning.active {
  background-color: #c67605 \9;
}

/* Danger and error appear as red */
.btn-danger {
  background-color: #da4f49;
  background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -ms-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: linear-gradient(top, #ee5f5b, #bd362f);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#bd362f', GradientType=0);
  border-color: #bd362f #bd362f #802420;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.btn-danger:hover,
.btn-danger:active,
.btn-danger.active,
.btn-danger.disabled,
.btn-danger[disabled] {
  background-color: #bd362f;
}
.btn-danger:active,
.btn-danger.active {
  background-color: #942a25 \9;
}

/* Success appears as green */
.btn-success {
  background-color: #5bb75b;
  background-image: -moz-linear-gradient(top, #62c462, #51a351);
  background-image: -ms-linear-gradient(top, #62c462, #51a351);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
  background-image: -webkit-linear-gradient(top, #62c462, #51a351);
  background-image: -o-linear-gradient(top, #62c462, #51a351);
  background-image: linear-gradient(top, #62c462, #51a351);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#51a351', GradientType=0);
  border-color: #51a351 #51a351 #387038;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.btn-success:hover,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
  background-color: #51a351;
}
.btn-success:active,
.btn-success.active {
  background-color: #408140 \9;
}
/* Blue button for msmi*/
.btn-msmi {
  background-color: #3466c9;
  background-image: -moz-linear-gradient(top, #15397f 0%, #15397f 100%);
  background-image: -ms-linear-gradient(top, #15397f, #15397f);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#15397f), to(#15397f));
  background-image: -webkit-linear-gradient(top, #15397f, #15397f);
  background-image: -o-linear-gradient(top, #15397f, #15397f);
  background-image: linear-gradient(top, #15397f, #15397f);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#15397f', endColorstr='#15397f', GradientType=0);
  border-color: #15397f #15397f #15397f;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
  color: #FFFFFF;
}
.btn-msmi:hover,
.btn-msmi:active,
.btn-msmi.active,
.btn-msmi.disabled,
.btn-msmi[disabled] {
  background-color: #15397f;
  color: #FFFFFF;
}
.btn-msmi:active,
.btn-msmi.active {
  background-color: #15397f \9;
}

.btn-youtube {
   border: 1px solid #cccccc;
   background: #FFFFFF;
   background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dedede));
   background: -webkit-linear-gradient(top, #ffffff, #dedede);
   background: -moz-linear-gradient(top, #ffffff, #dedede);
   background: -ms-linear-gradient(top, #ffffff, #dedede);
  display:inline-block !important;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   /*-webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;*/
   text-shadow: rgba(255,255,255,.5) 0 1px 0;
   color: #333333;
  	font: normal normal normal 11px/18px 'Helvetica Neue',Arial,sans-serif;
  	font-weight: bold;
   text-decoration: none;
   text-indent: 2px;
   vertical-align: baseline;
   height: 19px !important;;
   width: 145px !important;;
   }
.btn-youtube:hover {
   border-top-color: #dedede;
   background: #dedede;
   color: #333333;
   }
.btn-youtube:active {
   border-top-color: #eeeeee;
   background: #eeeeee;
   }
/*.btn-msmi{
  background-color: #218841;
  background-image: -moz-linear-gradient(top, #31B94D 0%, #218841 100%);
  background-image: -ms-linear-gradient(top, #31B94D, #218841);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#31B94D), to(#218841));
  background-image: -webkit-linear-gradient(top, #31B94D, #218841);
  background-image: -o-linear-gradient(top, #31B94D, #218841);
  background-image: linear-gradient(top, #31B94D, #218841);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#31B94D', endColorstr='#218841', GradientType=0);
  border-color: #218841 #218841 #218841;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
  color: #FFFFFF;
}
.btn-msmi:hover,
.btn-msmi:active,
.btn-msmi.active,
.btn-msmi.disabled,
.btn-msmi[disabled] {
  background-color: #218841;
  color: #FFFFFF;
}
.btn-msmi:active,
.btn-msmi.active {
  background-color: #218841 \9;
}
*/
.btn-dcjc {
  background-color: #da4f49;
  background-image: -moz-linear-gradient(top, #8C3B2E, #bd362f);
  background-image: -ms-linear-gradient(top, #8C3B2E, #bd362f);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#8C3B2E), to(#bd362f));
  background-image: -webkit-linear-gradient(top, #8C3B2E, #bd362f);
  background-image: -o-linear-gradient(top, #8C3B2E, #bd362f);
  background-image: linear-gradient(top, #8C3B2E, #bd362f);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8C3B2E', endColorstr='#bd362f', GradientType=0);
  border-color: #bd362f #bd362f #802420;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
  color: #FFFFFF;
}
.btn-dcjc:hover,
.btn-dcjc:active,
.btn-dcjc.active,
.btn-dcjc.disabled,
.btn-dcjc[disabled] {
  background-color: #bd362f;
  color: #FFFFFF;
}
.btn-dcjc:active,
.btn-dcjc.active {
  background-color: #942a25 \9;
}
/* Info appears as a neutral blue */
.btn-info {
  background-color: #49afcd;
  background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -ms-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
  background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: linear-gradient(top, #5bc0de, #2f96b4);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#2f96b4', GradientType=0);
  border-color: #2f96b4 #2f96b4 #1f6377;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.btn-info:hover,
.btn-info:active,
.btn-info.active,
.btn-info.disabled,
.btn-info[disabled] {
  background-color: #2f96b4;
}
.btn-info:active,
.btn-info.active {
  background-color: #24748c \9;
}

/* Inverse appears as dark gray */
.btn-inverse {
  background-color: #414141;
  background-image: -moz-linear-gradient(top, #555555, #222222);
  background-image: -ms-linear-gradient(top, #555555, #222222);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#222222));
  background-image: -webkit-linear-gradient(top, #555555, #222222);
  background-image: -o-linear-gradient(top, #555555, #222222);
  background-image: linear-gradient(top, #555555, #222222);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#222222', GradientType=0);
  border-color: #222222 #222222 #000000;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.btn-inverse:hover,
.btn-inverse:active,
.btn-inverse.active,
.btn-inverse.disabled,
.btn-inverse[disabled] {
  background-color: #222222;
  border-color: #222222 #222222 #000000;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.btn-inverse:active,
.btn-inverse.active {
  background-color: #080808 \9;
}


/*
Cross-browser Hacks
--------------------------------------------------
*/
button.btn,
input[type="submit"].btn {
  *padding-top: 2px;
  *padding-bottom: 2px;
}

/* Firefox 3.6 only I believe */
button.btn::-moz-focus-inner,
input[type="submit"].btn::-moz-focus-inner {
  padding: 0;
  border: 0;
}

/* IE7 has some default padding on button controls */
button.btn.btn-large,
input[type="submit"].btn.btn-large {
  *padding-top: 7px;
  *padding-bottom: 7px;
}
button.btn.btn-small,
input[type="submit"].btn.btn-small {
  *padding-top: 3px;
  *padding-bottom: 3px;
}
button.btn.btn-mini,
input[type="submit"].btn.btn-mini {
  *padding-top: 1px;
  *padding-bottom: 1px;
}


/*
BUTTON GROUPS
-------------
*/

/* Make the div behave like a button */
.btn-group {
  position: relative;
  *zoom: 1;
  *margin-left: .3em;
}

.btn-group:before,
.btn-group:after {
  display: table;
  content: "";
}
.btn-group:after {
  clear: both;
}
.btn-group:first-child {
  *margin-left: 0;
}

/* Space out series of button groups */
.btn-group + .btn-group {
  margin-left: 5px;
}

/* Optional: Group multiple button groups together for a toolbar */
.btn-toolbar {
  margin-top: 9px;
  margin-bottom: 9px;
}
.btn-toolbar .btn-group {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */

  *zoom: 1;
}

/* Float them, remove border radius, then re-add to first and last elements */
.btn-group .btn {
  position: relative;
  float: left;
  margin-left: -1px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

/* Set corners individual because sometimes a single button can be in a .btn-group and we need :first-child and :last-child to both match */
.btn-group .btn:first-child {
  margin-left: 0;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-left-radius: 4px;
}
.btn-group .btn:last-child,
.btn-group .dropdown-toggle {
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  border-bottom-right-radius: 4px;
}

/* Reset corners for large buttons */
.btn-group .btn.large:first-child {
  margin-left: 0;
  -webkit-border-top-left-radius: 6px;
  -moz-border-radius-topleft: 6px;
  border-top-left-radius: 6px;
  -webkit-border-bottom-left-radius: 6px;
  -moz-border-radius-bottomleft: 6px;
  border-bottom-left-radius: 6px;
}
.btn-group .btn.large:last-child,
.btn-group .large.dropdown-toggle {
  -webkit-border-top-right-radius: 6px;
  -moz-border-radius-topright: 6px;
  border-top-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
  -moz-border-radius-bottomright: 6px;
  border-bottom-right-radius: 6px;
}

/* On hover/focus/active, bring the proper btn to front */
.btn-group .btn:hover,
.btn-group .btn:focus,
.btn-group .btn:active,
.btn-group .btn.active {
  z-index: 2;
}

/* On active and open, don't show outline */
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}

/*
Split button dropdowns
----------------------
*/

/* Give the line between buttons some depth */
.btn-group .dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px;
  -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  *padding-top: 3px;
  *padding-bottom: 3px;
}
.btn-group .btn-mini.dropdown-toggle {
  padding-left: 5px;
  padding-right: 5px;
  *padding-top: 1px;
  *padding-bottom: 1px;
}
.btn-group .btn-small.dropdown-toggle {
  *padding-top: 4px;
  *padding-bottom: 4px;
}
.btn-group .btn-large.dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px;
}

/* IE7's z-index only goes to the nearest positioned ancestor, which would make the menu appear below buttons that appeared later on the page */
.btn-group.open {
  *z-index: 1000;
}

/* Reposition menu on open and round all corners */
.btn-group.open .dropdown-menu {
  display: block;
  margin-top: 1px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.btn-group.open .dropdown-toggle {
  background-image: none;
  -webkit-box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

/* Reposition the caret */
.btn .caret {
  margin-top: 7px;
  margin-left: 0;
}
.btn:hover .caret,
.open.btn-group .caret {
  opacity: 1;
  filter: alpha(opacity=100);
}

/* Carets in other button sizes */
.btn-mini .caret {
  margin-top: 5px;
}
.btn-small .caret {
  margin-top: 6px;
}
.btn-large .caret {
  margin-top: 6px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #000000;
}

/* Account for other colors */
.btn-primary .caret,
.btn-warning .caret,
.btn-danger .caret,
.btn-info .caret,
.btn-success .caret,
.btn-inverse .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
  opacity: 0.75;
  filter: alpha(opacity=75);
}

/*
ALERT STYLES
------------
*/

/* Base alert styles */
.alert {
  padding: 8px 35px 8px 14px;
  margin-bottom: 18px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #faf2cc; /* #fcf8e3 */
  border: 1px solid #f3e086; /* #fbeed5 */
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: #5c4d09; /* #c09853 */
}
.project-alert {

  margin-bottom: 18px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #faf2cc; /* #fcf8e3 */
  border: 1px solid #f3e086; /* #fbeed5 */
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: #5c4d09; /* #c09853 */
}
.alert-heading {
  color: inherit;
}

/* Adjust close link position */
.alert .close {
  position: relative;
  top: -2px;
  right: -21px;
  line-height: 18px;
}

/*
Alternate styles
----------------
*/
.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #468847;
}
.alert-danger,
.alert-error {
  background-color: #f2dede;
  border-color: #eed3d7;
  color: #b94a48;
}
/* Original blue colors
.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #3a87ad;
}
*/

.alert-info {
  background-color: #e4edd9;
  border-color: #98ba6e;
  color: #49602d;
}

.vgc .alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #3a87ad;
}

/*
Block alerts
------------------------
*/
.alert-block {
  padding-top: 14px;
  padding-bottom: 14px;
}
.alert-block > p,
.alert-block > ul {
  margin-bottom: 0;
}
.alert-block p + p {
  margin-top: 5px;
}

/*
NAVIGATIONS
-----------
*/


/*
BASE CLASS
----------
*/
.nav {
  margin-left: 0;
  margin-bottom: 18px;
  list-style: none;
}
/* Make links block level */
.nav > li > a {
  display: block;
}
.nav > li > a:hover {
  text-decoration: none;
  border-bottom: none;
  background-color: #eee;
}
/* Nav headers (for dropdowns and lists) */
.nav .nav-header {
  display: block;
  padding: 3px 15px;
  font-size: 11px;
  font-weight: bold;
  line-height: 18px;
  color: #696969;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  text-transform: uppercase;
}
/* Space them out when they follow another list item (link) */
.nav li + .nav-header {
  margin-top: 9px;
}
.nav-box {
	background-color: #F5F5F5;
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
    margin-bottom: 20px;
    min-height: 20px;
    padding: 8px 0;
	}
	
	
/*
Subnav
------
*/
.subnav {
	background-color: #EEEEEE;
    background-image: -moz-linear-gradient(center top , #F5F5F5 0%, #EEEEEE 100%);
    background-repeat: repeat-x;
    border: 1px solid #E5E5E5;
    border-radius: 4px 4px 4px 4px;
    height: 36px;
    width: 100%;
    margin-bottom: 20px;
    }
    
.subnav .nav {
   margin-bottom: 0;
}
.subnav .nav > li > a {
    border-left: 1px solid #F5F5F5;
    border-radius: 0 0 0 0;
    border-right: 1px solid #E5E5E5;
    margin: 0;
    padding-bottom: 11px;
    padding-top: 11px;
}
.subnav .nav > .active > a, .subnav .nav > .active > a:hover {
    background-color: #E9E9E9;
    border-left: 0 none;
    border-right-color: #DDDDDD;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.05) inset;
    color: #777777;
    padding-left: 13px;
}
.subnav .nav > .active > a .caret, .subnav .nav > .active > a:hover .caret {
    border-top-color: #777777;
}
.subnav .nav > li:first-child > a, .subnav .nav > li:first-child > a:hover {
    border-left: 0 none;
    border-radius: 4px 0 0 4px;
    padding-left: 12px;
}
.subnav .nav > li:last-child > a {
    border-right: 0 none;
}
.subnav .dropdown-menu {
    border-radius: 0 0 4px 4px;
}
.subnav-fixed {
    border-color: #D5D5D5;
    border-radius: 0 0 0 0;
    border-width: 0 0 1px;
    box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 5px rgba(0, 0, 0, 0.1);
    left: 0;
    position: fixed;
    right: 0;
    top: 40px;
    z-index: 1020;
}
.subnav-fixed .nav {
    margin: 0 auto;
    padding: 0 1px;
    width: 938px;
}
.subnav .nav > li:first-child > a, .subnav .nav > li:first-child > a:hover {
    border-radius: 0 0 0 0;
}
	
/*
NAV LIST
--------
*/

.nav-list {
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 0;
}
.nav-list > li > a,
.nav-list .nav-header {
  margin-left: -15px;
  margin-right: -15px;
  /* text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); */
}
.nav-list > li > a {
  padding: 3px 15px;
  border-bottom: none;
  color: #487516;
  font-weight: bold;
  }
  .nav-list > li > a:hover {
		color: #EDF8E0;
		background-color: #4e8218;
		text-shadow: none;
		}
.nav-list > .active > a,
.nav-list > .active > a:hover {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  background-color: #4e8218; /* #0088cc */
}
.nav-list [class^="icon-"] {
  margin-right: 2px;
}

/* Dividers (basically an hr) within the dropdown */
.nav-list .divider {
  height: 1px;
  margin: 8px 1px;
  overflow: hidden;
  background-color: #e5e5e5;
  border-bottom: 1px solid #ffffff;
  *width: 100%;
  *margin: -5px 0 5px;
}

/*
TABS AND PILLS
-------------
*/

/* Common styles */
.nav-tabs,
.nav-pills {
  *zoom: 1;
}
.nav-tabs:before,
.nav-pills:before,
.nav-tabs:after,
.nav-pills:after {
  display: table;
  content: "";
}
.nav-tabs:after,
.nav-pills:after {
  clear: both;
}
.nav-tabs > li,
.nav-pills > li {
  float: left;
}
.nav-tabs > li > a,
.nav-pills > li > a {
  padding-right: 12px;
  padding-left: 12px;
  margin-right: 2px;
  line-height: 14px; /* keeps the overall height an even number */
}

/*
TABS
----
*/

/* Give the tabs something to sit on */
.nav-tabs {
  border-bottom: 1px solid #ddd;
}

/* Make the list-items overlay the bottom border */
.nav-tabs > li {
  margin-bottom: -1px;
}

/* Actual tabs (as links) */
.nav-tabs > li > a {
  padding-top: 8px;
  padding-bottom: 8px;
  line-height: 18px;
  border: 1px solid transparent;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}

/* Active state, and it's :hover to override normal :hover */
.nav-tabs > li > a:hover {
  border-color: #eeeeee #eeeeee #dddddd;
}
.nav-tabs > .active > a,
.nav-tabs > .active > a:hover {
  color: #555555;
  background-color: #ffffff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
  cursor: default;
}

/*
PILLS
-----
*/

/* Links rendered as pills */
.nav-pills > li > a {
  padding-top: 8px;
  padding-bottom: 8px;
  margin-top: 2px;
  margin-bottom: 2px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border-bottom: none;
}

/* Active state */
.nav-pills > .active > a,
.nav-pills > .active > a:hover {
  color: #ffffff;
  background-color: #4e8218; /* #0088cc */
}

/* Dropout Prevention Institute Colors */
.dcjc > h1 {
	color: #8C3B2E;
}

.dcjc > a {
	color: #8C3B2E;
}

.drp.nav-pills > li > a {
	color: #8C3B2E;
	font-size: 14px;
	line-height: 15px;
}

.drp.nav-list > li > a {
	color: #8C3B2E;
}

.drp.nav-pills > li > a:hover,
.drp.nav-list > li > a:hover {
	background-color: #f3ddda;
}

.institute-color  a:hover,
.drp.nav-pills > .active > a,
.drp.nav-pills > .active > a:hover,
.drp.nav-list > .active > a,
.drp.nav-list > .active > a:hover {
  color: #ffffff;
  background-color: #8c3b2e; /* #0088cc */
}

.drp.nav > .dropdown.active > a:hover {
  color: #8C3B2E;
  background-color: #f3ddda;
}

.drp.nav-pills .open .dropdown-toggle,
.drp.nav > .open.active > a:hover {
    background-color: #4e8218;
    color: #fff;
}

.drp.nav-tabs .dropdown-toggle .caret,
.drp.nav-pills .dropdown-toggle .caret {
    border-bottom-color: #8C3B2E;
    border-top-color: #8C3B2E;
    margin-top: 6px;
}

.drp.nav-tabs .dropdown-toggle:hover .caret,
.drp.nav-pills .dropdown-toggle:hover .caret {
  border-top-color: #8C3B2E;
  border-bottom-color: #8C3B2E;
}

.dropdown-menu .drp a:hover,
.drp .dropdown-menu li > a:hover,
.drp .dropdown-menu .active > a,
.drp .dropdown-menu .active > a:hover {
  background-color: #8C3B2E;
}


/* Autism Spectrum Disorders Institute Colors */

.asd.nav-pills > li > a {
	color: #885d03;
	font-size: 14px;
	line-height: 15px;
}

.asd.nav-list > li > a {
	color: #885d03;
}

.asd.nav-pills > li > a:hover,
.asd.nav-list > li > a:hover {
	background-color: #feecc7;
}

.institute-color .asd a:hover,
.asd.nav-pills > .active > a,
.asd.nav-pills > .active > a:hover,
.asd.nav-list > .active > a,
.asd.nav-list > .active > a:hover {
  color: #ffffff;
  background-color: #d79304; /* #0088cc */
}

.asd.nav > .dropdown.active > a:hover {
  color: #885d03;
  background-color: #feecc7;
}

.asd.nav-pills .open .dropdown-toggle,
.asd.nav > .open.active > a:hover {
    background-color: #4e8218;
    color: #fff;
}

.asd.nav-tabs .dropdown-toggle .caret,
.asd.nav-pills .dropdown-toggle .caret {
    border-bottom-color: #d79304;
    border-top-color: #d79304;
    margin-top: 6px;
}

.asd.nav-tabs .dropdown-toggle:hover .caret,
.asd.nav-pills .dropdown-toggle:hover .caret {
  border-top-color: #d79304;
  border-bottom-color: #d79304;
}
.dropdown-menu .asd a:hover,
.asd .dropdown-menu li > a:hover,
.asd .dropdown-menu .active > a,
.asd .dropdown-menu .active > a:hover {
  background-color: #d79304;
}

/* Language for Learning Institute Colors */

.lfl.nav-pills > li > a {
	color: #974112;
	font-size: 14px;
	line-height: 15px;
}


.lfl.nav-list > li > a {
	color: #974112;
}

.lfl.nav-pills > li > a:hover,
.lfl.nav-list > li > a:hover {
	background-color: #f9ddce;
}

.institute-color .lfl a:hover,
.lfl.nav-pills > .active > a,
.lfl.nav-pills > .active > a:hover,
.lfl.nav-list > .active > a,
.lfl.nav-list > .active > a:hover {
  color: #ffffff;
  background-color: #c55417; /* #0088cc */
}

.lfl.nav > .dropdown.active > a:hover {
  color: #974112;
  background-color: #f9ddce;
}

.lfl.nav-pills .open .dropdown-toggle,
.lfl.nav > .open.active > a:hover {
    background-color: #727272;
    color:#fff;
}

.lfl.nav-tabs .dropdown-toggle .caret,
.lfl.nav-pills .dropdown-toggle .caret {
    border-bottom-color: #c55417;
    border-top-color: #c55417;
    margin-top: 6px;
}

.lfl.nav-tabs .dropdown-toggle:hover .caret,
.lfl.nav-pills .dropdown-toggle:hover .caret {
  border-top-color: #c55417;
  border-bottom-color: #c55417;
}

.dropdown-menu .lfl a:hover,
.lfl .dropdown-menu li > a:hover,
.lfl .dropdown-menu .active > a,
.lfl .dropdown-menu .active > a:hover {
  background-color: #c55417;
}

/* Mathematics Institute Colors */

.mth.nav-pills > li > a {
	color: #66357d;
	font-size: 14px;
	line-height: 15px;
}

.mth.nav-list > li > a,
.mth.btn  {
	color: #66357d;
}

.mth.nav-pills > li > a:hover,
.mth.nav-list > li > a:hover {
	background-color: #e7d7ee;
}

.institute-color .mth a:hover,
.mth.nav-pills > .active > a,
.mth.nav-pills > .active > a:hover,
.mth.nav-list > .active > a,
.mth.nav-list > .active > a:hover {
  color: #ffffff;
  background-color: #7c4199; /* #0088cc */
}

.mth.nav > .dropdown.active > a:hover {
  color: #66357d;
  background-color: #e7d7ee;
}

.mth.nav-pills .open .dropdown-toggle,
.mth.nav > .open.active > a:hover {
    background-color: #727272;
    color: #fff;
}

.mth.nav-tabs .dropdown-toggle .caret,
.mth.nav-pills .dropdown-toggle .caret {
    border-bottom-color: #7c4199;
    border-top-color: #7c4199;
    margin-top: 6px;
}

.mth.nav-tabs .dropdown-toggle:hover .caret,
.mth.nav-pills .dropdown-toggle:hover .caret {
  border-top-color: #7c4199;
  border-bottom-color: #7c4199;
}

.dropdown-menu .mth a:hover,
.mth .dropdown-menu li > a:hover,
.mth .dropdown-menu .active > a,
.dropdown.open .dropdown-toggle.mth,
.mth .dropdown-menu .active > a:hover {
  background-color: #7c4199;
}

/* Reading Institute Colors */

.rdg.nav-pills > li > a {
	color: #3b5090;
	font-size: 14px;
	line-height: 15px;
}

.rdg.nav-list > li > a {
	color: #3b5090;
}

.rdg.nav-pills > li > a:hover,
.rdg.nav-list > li > a:hover {
	background-color: #e8ebf6;
}

.institute-color .rdg a:hover,
.rdg.nav-pills > .active > a,
.rdg.nav-pills > .active > a:hover,
.rdg.nav-list > .active > a,
.rdg.nav-list > .active > a:hover {
  color: #ffffff;
  background-color: #4660ac; /* #0088cc */
}

.rdg.nav > .dropdown.active > a:hover {
  color: #3b5090;
  background-color: #e8ebf6;
}

.rdg.nav-pills .open .dropdown-toggle,
.rdg.nav > .open.active > a:hover {
    background-color: #727272;
    color: #fff;
}

.rdg.nav-tabs .dropdown-toggle .caret,
.rdg.nav-pills .dropdown-toggle .caret {
    border-bottom-color: #4660ac;
    border-top-color: #4660ac;
    margin-top: 6px;
}

.rdg.nav-tabs .dropdown-toggle:hover .caret,
.rdg.nav-pills .dropdown-toggle:hover .caret {
  border-top-color: #4660ac;
  border-bottom-color: #4660ac;
}

.dropdown-menu .rdg a:hover,
.rdg .dropdown-menu li > a:hover,
.rdg .dropdown-menu .active > a,
.rdg .dropdown-menu .active > a:hover {
  background-color: #4660ac;
}

/* Response to Intervention Institute Colors */

.rti.nav-pills > li > a {
	color: #21799c;
	font-size: 14px;
	line-height: 15px;
}

.rti.nav-list > li > a {
	color: #21799c;
}

.rti.nav-pills > li > a:hover {
	background-color: #ecf5f8;
}

.rti.nav-list > li > a:hover {
	background-color: #d9ebf1;
}

.institute-color .rti a:hover,
.rti.nav-pills > .active > a,
.rti.nav-pills > .active > a:hover,
.rti.nav-list > .active > a,
.rti.nav-list > .active > a:hover {
  color: #ffffff;
  background-color: #4296b7; /* #0088cc */
}

.rti.nav > .dropdown.active > a:hover {
  color: #21799c;
  background-color: #d9ebf1;
}

.rti.nav-pills .open .dropdown-toggle,
.rti.nav > .open.active > a:hover {
    background-color: #727272;
    color: #fff;
}

.rti.nav-tabs .dropdown-toggle .caret,
.rti.nav-pills .dropdown-toggle .caret {
    border-bottom-color: #4296b7;
    border-top-color: #4296b7;
    margin-top: 6px;
}

.rti.nav-tabs .dropdown-toggle:hover .caret,
.rti.nav-pills .dropdown-toggle:hover .caret {
  border-top-color: #4296b7;
  border-bottom-color: #4296b7;
}

.dropdown-menu .rti a:hover,
.rti .dropdown-menu li > a:hover,
.rti .dropdown-menu .active > a,
.rti .dropdown-menu .active > a:hover {
  background-color: #4296b7;
}

/* Middle School Matters Institute Colors */

.msm.nav-pills > li > a {
	color: #17326a;
	font-size: 14px;
	line-height: 15px;
}

.msm.nav-list > li > a {
	color: #17326a;
}

.msm.nav-pills > li > a:hover,
.msm.nav-list > li > a:hover {
	background-color: #dce5ff;
}

.institute-color .msm a:hover,
.msm.nav-pills > .active > a,
.msm.nav-pills > .active > a:hover,
.msm.nav-list > .active > a,
.msm.nav-list > .active > a:hover {
  color: #ffffff;
  background-color: #15397f;
}

.msm.nav > .dropdown.active > a:hover {
  color: #17326a;
  background-color: #dce5ff;
}

.msm > .dropdown.open .dropdown-toggle {
  color: #ffffff;
  background: #15397f;
}

.msm.nav-pills .open .dropdown-toggle,
.msm.nav > .open.active > a:hover {
    background-color: #15397f;
    color: #fff;
}

.msm.nav-tabs .dropdown-toggle .caret,
.msm.nav-pills .dropdown-toggle .caret {
    border-bottom-color: #15397f;
    border-top-color: #15397f;
    margin-top: 6px;
}

.msm.nav-tabs .dropdown-toggle:hover .caret,
.msm.nav-pills .dropdown-toggle:hover .caret {
  border-top-color: #15397f;
  border-bottom-color: #15397f;
}


.dropdown-menu .msm a:hover,
.msm .dropdown-menu li > a:hover,
.msm .dropdown-menu .active > a,
.msm .dropdown-menu .active > a:hover {
  background-color: #15397f;
}

.msm-data {
	/*  color: #15397f !important; */
}

a.msm-data *:hover, a.msm-data:hover {
	/* background-color: #dce5ff !important; */
}

/* Educational Access Research Institute Colors */

.ear.nav-pills > li > a {
	color: #f15e58;
	font-size: 14px;
	line-height: 15px;
}

.ear.nav-list > li > a {
	color: #f15e58;
}

.ear.nav-pills > li > a:hover,
.ear.nav-list > li > a:hover {
	background-color: #ffddce;
}

.institute-color .ear a:hover,
.ear.nav-pills > .active > a,
.ear.nav-pills > .active > a:hover,
.ear.nav-list > .active > a,
.ear.nav-list > .active > a:hover {
  color: #ffffff;
  background-color: #f15e58;
}

.ear.nav > .dropdown.active > a:hover {
  color: #d17357;
  background-color: #ffddce;
}

.ear.nav-pills .open .dropdown-toggle,
.ear.nav > .open.active > a:hover {
    background-color: #727272;
    color: #fff;
}

.ear.nav-tabs .dropdown-toggle .caret,
.ear.nav-pills .dropdown-toggle .caret {
    border-bottom-color: #f15e58;
    border-top-color: #f15e58;
    margin-top: 6px;
}

.ear.nav-tabs .dropdown-toggle:hover .caret,
.ear.nav-pills .dropdown-toggle:hover .caret {
  border-top-color: #f15e58;
  border-bottom-color: #f15e58;
}


.dropdown-menu .ear a:hover,
.ear .dropdown-menu li > a:hover,
.ear .dropdown-menu .active > a,
.ear .dropdown-menu .active > a:hover {
  background-color: #f15e58;
}


/* Health Science Institute Colors */

.hsi.nav-pills > li > a {
	color: #196832;
	font-size: 14px;
	line-height: 15px;
}

.hsi.nav-list > li > a {
	color: #196832;
}

.hsi.nav-pills > li > a:hover,
.hsi.nav-list > li > a:hover {
	background-color: #caf2d6;
}

.institute-color .hsi a:hover,
.hsi.nav-pills > .active > a,
.hsi.nav-pills > .active > a:hover,
.hsi.nav-list > .active > a,
.hsi.nav-list > .active > a:hover {
  color: #ffffff;
  background-color: #218841; /* #0088cc */
}

.hsi.nav > .dropdown.active > a:hover {
  color: #196832;
  background-color: #caf2d6;
}

.hsi.nav-pills .open .dropdown-toggle,
.hsi.nav > .open.active > a:hover {
    background-color: #727272;
    color: #fff;
}

.hsi.nav-tabs .dropdown-toggle .caret,
.hsi.nav-pills .dropdown-toggle .caret {
    border-bottom-color: #218841;
    border-top-color: #218841;
    margin-top: 6px;
}

.hsi.nav-tabs .dropdown-toggle:hover .caret,
.hsi.nav-pills .dropdown-toggle:hover .caret {
  border-top-color: #218841;
  border-bottom-color: #218841;
}


.dropdown-menu .hsi a:hover,
.hsi .dropdown-menu li > a:hover,
.hsi .dropdown-menu .active > a,
.hsi .dropdown-menu .active > a:hover {
  background-color: #218841;
}

/* tlr will need to be deleted, use msm isntead */

.tlr.nav-pills > li > a {
	color: #196832;
	font-size: 14px;
	line-height: 15px;
}

.tlr.nav-list > li > a {
	color: #196832;
}

.tlr.nav-pills > li > a:hover,
.tlr.nav-list > li > a:hover {
	background-color: #caf2d6;
}

.institute-color .tlr a:hover,
.tlr.nav-pills > .active > a,
.tlr.nav-pills > .active > a:hover,
.tlr.nav-list > .active > a,
.tlr.nav-list > .active > a:hover {
  color: #ffffff;
  background-color: #218841; /* #0088cc */
}

.tlr.nav > .dropdown.active > a:hover {
  color: #196832;
  background-color: #caf2d6;
}

.tlr.nav-pills .open .dropdown-toggle,
.tlr.nav > .open.active > a:hover {
    background-color: #4e8218;
    color: #fff;
}

.tlr.nav-tabs .dropdown-toggle .caret,
.tlr.nav-pills .dropdown-toggle .caret {
    border-bottom-color: #218841;
    border-top-color: #218841;
    margin-top: 6px;
}

.tlr.nav-tabs .dropdown-toggle:hover .caret,
.tlr.nav-pills .dropdown-toggle:hover .caret {
  border-top-color: #218841;
  border-bottom-color: #218841;
}


.dropdown-menu .tlr a:hover,
.tlr .dropdown-menu li > a:hover,
.tlr .dropdown-menu .active > a,
.tlr .dropdown-menu .active > a:hover {
  background-color: #218841;
}

/*
STACKED NAV
-----------
*/

/* Stacked tabs and pills */
.nav-stacked > li {
  float: none;
}
.nav-stacked > li > a {
  margin-right: 0; /* no need for the gap between nav items */
}

/* Stacked Tabs */
.nav-tabs.nav-stacked {
  border-bottom: 0;
}
.nav-tabs.nav-stacked > li > a {
  border: 1px solid #ddd;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.nav-tabs.nav-stacked > li:first-child > a {
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}
.nav-tabs.nav-stacked > li:last-child > a {
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}
.nav-tabs.nav-stacked > li > a:hover {
  border-color: #ddd;
  z-index: 2;
}

/* Stacked Pills */
.nav-pills.nav-stacked > li > a {
  margin-bottom: 3px;
}
.nav-pills.nav-stacked > li:last-child > a {
  margin-bottom: 1px;
}

/*
DROPDOWNS
---------
*/

/* Position the menu */
.nav-tabs .dropdown-menu,
.nav-pills .dropdown-menu {
  margin-top: 1px;
  border-width: 1px;
}
.nav-pills .dropdown-menu {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

/*
Default dropdown links
-------------------------
Make carets use linkColor to start
*/
.nav-tabs .dropdown-toggle .caret,
.nav-pills .dropdown-toggle .caret {
  border-top-color: #0088cc;
  border-bottom-color: #0088cc;
  margin-top: 6px;
}
.nav-tabs .dropdown-toggle:hover .caret,
.nav-pills .dropdown-toggle:hover .caret {
  border-top-color: #005580;
  border-bottom-color: #005580;
}

/*
Active dropdown links
-------------------------
*/
.nav-tabs .active .dropdown-toggle .caret,
.nav-pills .active .dropdown-toggle .caret {
  border-top-color: #333333;
  border-bottom-color: #333333;
}

/*
Active:hover dropdown links
-------------------------
*/
.nav > .dropdown.active > a:hover {
  color: #000000;
  cursor: pointer;
}

/* to keep <a> white unlike above */
.nav > .dropdown.active > a:hover {
  color: #ffffff;
  cursor: pointer;
}

/*
Open dropdowns
-------------------------
*/
.nav-tabs .open .dropdown-toggle,
.nav-pills .open .dropdown-toggle,
.nav > .open.active > a:hover {
  color: #ffffff;
  background-color: #4e8218;
  border-color: #4e8218;
}
/* keep background green */
.nav > .green.open.active > a:hover {
  color: #ffffff;
  background-color: #218841;
  border-color: #218841;
}
.nav .open .caret,
.nav .open.active .caret,
.nav .open a:hover .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
  opacity: 1;
  filter: alpha(opacity=100);
}

/* Dropdowns in stacked tabs */
.tabs-stacked .open > a:hover {
  border-color: #727272;
}


/*
TABBABLE
--------
*/

/*
Tabbable COMMON STYLES
-------------
*/
.tabbable {
  *zoom: 1;
}
.tabbable:before,
.tabbable:after {
  display: table; /* prevent content from running below tabs */
  content: "";
}
.tabbable:after {
  clear: both;
}
.tab-content {
  display: table;
  width: 100%;
}

/* Remove border on bottom, left, right */
.tabs-below .nav-tabs,
.tabs-right .nav-tabs,
.tabs-left .nav-tabs {
  border-bottom: 0;
}

/* Show/hide tabbable areas */
.tab-content > .tab-pane,
.pill-content > .pill-pane {
  display: none;
}
.tab-content > .active,
.pill-content > .active {
  display: block;
}

/*
Tabbable BOTTOM
------
*/

.tabs-below .nav-tabs {
  border-top: 1px solid #ddd;
}
.tabs-below .nav-tabs > li {
  margin-top: -1px;
  margin-bottom: 0;
}
.tabs-below .nav-tabs > li > a {
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}
.tabs-below .nav-tabs > li > a:hover {
  border-bottom-color: transparent;
  border-top-color: #ddd;
}
.tabs-below .nav-tabs .active > a,
.tabs-below .nav-tabs .active > a:hover {
  border-color: transparent #ddd #ddd #ddd;
}

/*
Tabbable LEFT & RIGHT
------------
*/
/* Common styles */
.tabs-left .nav-tabs > li,
.tabs-right .nav-tabs > li {
  float: none;
}
.tabs-left .nav-tabs > li > a,
.tabs-right .nav-tabs > li > a {
  min-width: 74px;
  margin-right: 0;
  margin-bottom: 3px;
}

/* Tabs on the left */
.tabs-left .nav-tabs {
  float: left;
  margin-right: 19px;
  border-right: 1px solid #ddd;
}
.tabs-left .nav-tabs > li > a {
  margin-right: -1px;
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
}
.tabs-left .nav-tabs > li > a:hover {
  border-color: #eeeeee #dddddd #eeeeee #eeeeee;
}
.tabs-left .nav-tabs .active > a,
.tabs-left .nav-tabs .active > a:hover {
  border-color: #ddd transparent #ddd #ddd;
  *border-right-color: #ffffff;
}

/* Tabs on the right */
.tabs-right .nav-tabs {
  float: right;
  margin-left: 19px;
  border-left: 1px solid #ddd;
}
.tabs-right .nav-tabs > li > a {
  margin-left: -1px;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}
.tabs-right .nav-tabs > li > a:hover {
  border-color: #eeeeee #eeeeee #eeeeee #dddddd;
}
.tabs-right .nav-tabs .active > a,
.tabs-right .nav-tabs .active > a:hover {
  border-color: #ddd #ddd #ddd transparent;
  *border-left-color: #ffffff;
}

/*
NAVBAR (FIXED AND STATIC)
-------------------------
*/


/*
COMMON STYLES
-------------
*/
.navbar {
	/* Fix for IE7's bad z-indexing so dropdowns don't appear below content that follows the navbar */
  *position: relative;
  *z-index: 2;
  overflow: visible;
  margin-bottom: 18px;
}
/* Gradient is applied to it's own element because overflow visible is not honored by IE when filter is present */
.navbar-inner {
  padding-left: 20px;
  padding-right: 20px;
  background-color: #4e8218;
  /*
background-image: -moz-linear-gradient(top, #4e8218, #222222);
  background-image: -ms-linear-gradient(top, #333333, #222222);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#333333), to(#222222));
  background-image: -webkit-linear-gradient(top, #333333, #222222);
  background-image: -o-linear-gradient(top, #333333, #222222);
  background-image: linear-gradient(top, #333333, #222222);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
*/
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
}

/* Set width to auto for default container */
.navbar .container {
  width: auto;
}

/* Navbar button for toggling navbar items in responsive layouts */
.btn-navbar {
  display: none;
  float: right;
  padding: 7px 10px;
  margin-left: 5px;
  margin-right: 5px;
  background-color: #2c2c2c;
  background-image: -moz-linear-gradient(top, #333333, #222222);
  background-image: -ms-linear-gradient(top, #333333, #222222);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#333333), to(#222222));
  background-image: -webkit-linear-gradient(top, #333333, #222222);
  background-image: -o-linear-gradient(top, #333333, #222222);
  background-image: linear-gradient(top, #333333, #222222);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0);
  border-color: #222222 #222222 #000000;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
}
.btn-navbar:hover,
.btn-navbar:active,
.btn-navbar.active,
.btn-navbar.disabled,
.btn-navbar[disabled] {
  background-color: #222222;
}
.btn-navbar:active,
.btn-navbar.active {
  background-color: #080808 \9;
}
.btn-navbar .icon-bar {
  display: block;
  width: 18px;
  height: 2px;
  background-color: #f5f5f5;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
}
.btn-navbar .icon-bar + .icon-bar {
  margin-top: 3px;
}

/* Override the default collapsed state */
.nav-collapse.collapse {
  height: auto;
}
.navbar {
  color: #999;
}
.navbar-main {
	margin-bottom: 0;
	width: 980px;
	}
.navbar .brand:hover {
  text-decoration: none;
  border-bottom: none;
}

/* Brand, links, text, and buttons */

/* Website or project name */
.navbar .brand {
  float: left;
  display: block;
  padding: 8px 20px 12px;
  margin-left: -20px; /* negative indent to left-align the text down the page */
  font-size: 20px;
  font-weight: 200;
  line-height: 1;
  color: #ffffff;
}

/* Plain text in topbar */
.navbar .navbar-text {
  margin-bottom: 0;
  line-height: 40px;
}

/* Buttons in navbar */
.navbar .btn,
.navbar .btn-group {
  margin-top: 5px;
}
.navbar .btn-group .btn {
  margin-top: 0;
}

/* Navbar forms */
.navbar-form {
  margin-bottom: 0; /* remove default bottom margin */
  *zoom: 1;
}
.navbar-form:before,
.navbar-form:after {
  display: table;
  content: "";
}
.navbar-form:after {
  clear: both;
}
.navbar-form input,
.navbar-form select,
.navbar-form .radio,
.navbar-form .checkbox {
  margin-top: 5px;
}
.navbar-form input,
.navbar-form select {
  display: inline-block;
  margin-bottom: 0;
}
.navbar-form input[type="image"],
.navbar-form input[type="checkbox"],
.navbar-form input[type="radio"] {
  margin-top: 3px;
}
.navbar-form .input-append,
.navbar-form .input-prepend {
  margin-top: 6px;
  white-space: nowrap; /* prevent two items from separating within a .navbar-form that has .pull-left */
}
.navbar-form .input-append input,
.navbar-form .input-prepend input {
  margin-top: 0; /* remove the margin on top since it's on the parent */
}

/* Navbar search */
.navbar-search {
  position: relative;
  float: left;
  margin-top: 6px;
  margin-bottom: 0;
}
.navbar-search .search-query {
  padding: 4px 9px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-weight: normal;
  line-height: 1;
  color: #333333;
  background-color: #eeeede; /* #626262; */
  border: 1px solid #151515;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.15);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.15);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.15);
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}

.navbar-search .btn,
.navbar-search .btn-group {
	margin-top: 0;
	}

.navbar-main .navbar-search input {
	width: 150px;
	}

/* Placeholder text gets special styles; can't be a grouped selector */
.navbar-search .search-query:-moz-placeholder {
  color: #777777;
}
.navbar-search .search-query::-webkit-input-placeholder {
  color: #777777;
}

/* Focus states (we use .focused since IE7-8 and down doesn't support :focus) */
.navbar-search .search-query:focus,
.navbar-search .search-query.focused {
  padding: 5px 10px;
  color: #333333;
  text-shadow: 0 1px 0 #ffffff;
  background-color: #ffffff;
  border: 0;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  outline: 0;
}



/*
FIXED NAVBAR
------------
*/

/* Shared (top/bottom) styles */
.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
  margin-bottom: 0;
}
.navbar-fixed-top .navbar-inner,
.navbar-fixed-bottom .navbar-inner {
  padding-left: 0;
  padding-right: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
  width: 940px;
}

/* Fixed to top */
.navbar-fixed-top {
  top: 0;
}

/* Fixed to bottom */
.navbar-fixed-bottom {
  bottom: 0;
}

/*
NAVIGATION
----------
*/

.navbar .nav {
  position: relative;
  left: 0;
  display: block;
  float: left;
  margin: 0 10px 0 0;
  font-size: 16px;
}
.navbar .nav.pull-right {
  float: right; /* redeclare due to specificity */
}
.navbar .nav > li {
  display: block;
  float: left;
  margin: 0 10px;
}

/* Navbar Text */
.navtext {
float: none;
  padding: 10px 10px 11px;
  line-height: 19px;
  color: #fff;
  text-decoration: none;
  border-bottom: none;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

/* Navbar Links */
.navbar .nav > li > a {
  float: none;
  padding: 10px 10px 11px;
  line-height: 19px;
  color: #fff;
  text-decoration: none;
  border-bottom: none;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

/* Navbar Links Hover */
.navbar .nav > li > a:hover {
  background: transparent bottom center no-repeat url("/images/site/navbar-active.png");
  /* color: #EDF8E0; */
  text-decoration: none;
  border-bottom: none;
}

/* Active nav items */
.navbar .nav .active > a,
.navbar .nav .active > a:hover {
  /* color: #EDF8E0; */
  text-decoration: none;
  border-bottom: none;
  background: transparent bottom center no-repeat url("/images/site/navbar-active.png");
}

.vgc .navbar .nav .active > a,
.vgc .navbar .nav .active > a:hover {
  color: #FAEBC4;
}

/* Dividers (basically a vertical hr) */
.navbar .divider-vertical {
  height: 40px;
  width: 1px;
  margin: 0 9px;
  overflow: hidden;
  background-color: #222222;
  border-right: 1px solid #333333;
}

/* Secondary (floated right) nav in topbar */
.navbar .nav.pull-right {
  margin-left: 10px;
  margin-right: 0;
}

/*
Dropdown menus
--------------
*/
/* Menu position and menu carets */
.navbar .dropdown-menu {
  /* margin-top: 1px; changed to 0 to remove the 1px margin between the dropdown link and the dropdown menu since we're using the hover method */
  margin-top: 0px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

/*
.navbar .dropdown-menu:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: -7px;
  left: 9px;
}
*/
/*
.navbar .dropdown-menu:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  position: absolute;
  top: -6px;
  left: 10px;
}
*/



/* Menu position and menu caret support for dropups via extra dropup class */
.navbar-fixed-bottom .dropdown-menu:before {
  border-top: 7px solid #ccc;
  border-top-color: rgba(0, 0, 0, 0.2);
  border-bottom: 0;
  bottom: -7px;
  top: auto;
}
.navbar-fixed-bottom .dropdown-menu:after {
  border-top: 6px solid #ffffff;
  border-bottom: 0;
  bottom: -6px;
  top: auto;
}

/* Dropdown toggle caret */
.navbar .nav .dropdown-toggle .caret,
.navbar .nav .open.dropdown .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}
.navbar .nav .active .caret {
  opacity: 1;
  filter: alpha(opacity=100);
}

/* Remove background color from open dropdown */
.navbar .nav .open > .dropdown-toggle,
.navbar .nav .active > .dropdown-toggle,
.navbar .nav .open.active > .dropdown-toggle {
  /* background-color: transparent; */
  background: transparent bottom center no-repeat url("/images/site/navbar-active.png");
}

/* Dropdown link on hover */
.navbar .nav .active > .dropdown-toggle:hover {
  color: #ffffff;
}

/*
ul.nav li.dropdown:hover ul.dropdown-menu{
    display: block;
}
*/

.navbar .nav li.dropdown ul.dropdown-menu{
	border-top: none;
	-webkit-border-radius-topleft: 0;
	-webkit-border-radius-topright: 0;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-topright: 0;
	border-radius-topleft: 0;
	border-radius-topright: 0;
}

.navbar .nav .dropdown .dropdown-menu a {
	font-size: 14px;
	padding-top: 5px;
	padding-bottom: 5px;
	}

/* Right aligned menus need alt position */
.navbar .nav.pull-right .dropdown-menu,
.navbar .nav .dropdown-menu.pull-right {
  left: auto;
  right: 0;
}
.navbar .nav.pull-right .dropdown-menu:before,
.navbar .nav .dropdown-menu.pull-right:before {
  left: auto;
  right: 12px;
}
.navbar .nav.pull-right .dropdown-menu:after,
.navbar .nav .dropdown-menu.pull-right:after {
  left: auto;
  right: 13px;
}

/*
BREADCRUMBS
-----------
*/

.breadcrumb {
  padding: 0; /* 7px 14px */
  margin: 0 0 15px 0; /* 0 0 18px */
  list-style: none;
  /*
background-color: #fbfbfb;
  background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5);
  background-image: -ms-linear-gradient(top, #ffffff, #f5f5f5);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f5f5f5));
  background-image: -webkit-linear-gradient(top, #ffffff, #f5f5f5);
  background-image: -o-linear-gradient(top, #ffffff, #f5f5f5);
  background-image: linear-gradient(top, #ffffff, #f5f5f5);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0);
  border: 1px solid #ddd;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 0 #ffffff;
  -moz-box-shadow: inset 0 1px 0 #ffffff;
  box-shadow: inset 0 1px 0 #ffffff;
*/
}
.breadcrumb li {
  display: inline;
 /*  display: inline-block; Original */
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  /* text-shadow: 0 1px 0 #ffffff; */
  font-size: 11px;
}
.breadcrumb .divider {
  padding: 0 5px;
  color: #727272;
}
.breadcrumb a {
	border-bottom:none;
	}
.breadcrumb .active a {
	color: #333333;
	border-bottom: none;
	}
	
/*
PAGINATION
----------
*/

.pagination {
  height: 36px;
  margin: 18px 0;
}
.pagination ul {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */

  *zoom: 1;
  margin-left: 0;
  margin-bottom: 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.pagination li {
  display: inline;
}
.pagination a {
  float: left;
  padding: 0 14px;
  line-height: 34px;
  text-decoration: none;
  border: 1px solid #ddd;
  border-left-width: 0;
}
.pagination a:hover,
.pagination .active a {
  background-color: #f5f5f5;
}
.pagination .active a {
  color: #444444;
  cursor: default;
}
.pagination .disabled span,
.pagination .disabled a,
.pagination .disabled a:hover {
  color: #727272;
  background-color: transparent;
  cursor: default;
}
.pagination li:first-child a {
  border-left-width: 1px;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}
.pagination li:last-child a {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}

/* Centered */
.pagination-centered {
  text-align: center;
}
.pagination-right {
  text-align: right;
}

/*
PAGER
-----
For quick previous and next links
*/

.pager {
  margin-left: 0;
  margin-bottom: 18px;
  list-style: none;
  text-align: center;
  *zoom: 1;
}
.pager:before,
.pager:after {
  display: table;
  content: "";
}
.pager:after {
  clear: both;
}
.pager li {
  display: inline;
}
.pager a {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
.pager a:hover {
  text-decoration: none;
  background-color: #f5f5f5;
}
.pager .next a {
  float: right;
}
.pager .previous a {
  float: left;
}
.pager .disabled a,
.pager .disabled a:hover {
  color: #727272;
  background-color: #fff;
  cursor: default;
}

/*
MODALS
------
*/

/* Recalculate z-index where appropriate */
.modal-open .dropdown-menu {
  z-index: 2050;
}
.modal-open .dropdown.open {
  *z-index: 2050;
}
.modal-open .popover {
  z-index: 2060;
}
.modal-open .tooltip {
  z-index: 2070;
}

/* Background */
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000000;
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop,
.modal-backdrop.fade.in {
  opacity: 0.8;
  filter: alpha(opacity=80);
}

/* Base modal */
.modal {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 1050;
  overflow: auto;
  width: 560px;
  margin: -250px 0 0 -280px;
  background-color: #ffffff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.3);
  *border: 1px solid #999;
  /* IE6-7 */

  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
.modal.fade {
  -webkit-transition: opacity .3s linear, top .3s ease-out;
  -moz-transition: opacity .3s linear, top .3s ease-out;
  -ms-transition: opacity .3s linear, top .3s ease-out;
  -o-transition: opacity .3s linear, top .3s ease-out;
  transition: opacity .3s linear, top .3s ease-out;
  top: -25%;
}
.modal.fade.in {
  top: 50%;
}
.modal-header {
  padding: 9px 15px;
  border-bottom: 1px solid #eee;
}
.modal-header .close {
  margin-top: 2px;
}

/* Body (where all modal content resises) */
.modal-body {
  overflow-y: auto;
  max-height: 400px;
  padding: 15px;
}

/* Remove bottom margin if need be */
.modal-form {
  margin-bottom: 0;
}

/* Footer (for actions) */
.modal-footer {
  padding: 14px 15px 15px;
  margin-bottom: 0;
  text-align: right;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
  -webkit-box-shadow: inset 0 1px 0 #ffffff;
  -moz-box-shadow: inset 0 1px 0 #ffffff;
  box-shadow: inset 0 1px 0 #ffffff;
  *zoom: 1;
}
.modal-footer:before,
.modal-footer:after {
  display: table;
  content: "";
}
.modal-footer:after {
  clear: both;
}

/* Properly space out buttons */
.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}

/* but override that for button groups */
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}

/*
TOOLTIP
-------
*/

.tooltip {
  position: absolute;
  z-index: 1020;
  display: block;
  visibility: visible;
  padding: 5px;
  font-size: 11px;
  opacity: 0;
  filter: alpha(opacity=0);
}
.tooltip.in {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.tooltip.top {
  margin-top: -2px;
}
.tooltip.right {
  margin-left: 2px;
}
.tooltip.bottom {
  margin-top: 2px;
}
.tooltip.left {
  margin-left: -2px;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #000000;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #000000;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #000000;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid #000000;
}
.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  background-color: #000000;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
}

/*
POPOVERS
--------
*/

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1010;
  display: none;
  padding: 5px;
}
.popover.top {
  margin-top: -5px;
}
.popover.right {
  margin-left: 5px;
}
.popover.bottom {
  margin-top: 5px;
}
.popover.left {
  margin-left: -5px;
}
.popover.top .arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #000000;
}
.popover.right .arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid #000000;
}
.popover.bottom .arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #000000;
}
.popover.left .arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #000000;
}
.popover .arrow {
  position: absolute;
  width: 0;
  height: 0;
}
.popover-inner {
  padding: 3px;
  width: 400px;
  overflow: hidden;
  background: #000000; /* has to be full background declaration for IE fallback */
  background: rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
}
.popover-title {
  padding: 9px 9px;
  line-height: 1;
  background-color: #f5f5f5;
  border-bottom: 1px solid #eee;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}
.popover-content {
  padding: 10px;
  background-color: #ffffff;
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
.popover-content p,
.popover-content ul,
.popover-content ol {
  margin-bottom: 0;
}

/*
THUMBNAILS
----------
*/

.img-polaroid {
    background-color: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    padding: 4px;
}

.thumbnails {
  margin-left: -20px;
  list-style: none;
  *zoom: 1;
}
.thumbnails:before,
.thumbnails:after {
  display: table;
  content: "";
}
.thumbnails:after {
  clear: both;
}
.thumbnails > li {
  float: left;
  margin: 0 0 18px 20px;
}
.thumbnail {
  display: block;
  padding: 4px;
  line-height: 1;
  border: 1px solid #ddd;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
}
a.thumbnail:hover {
  border-color: #0088cc;
  -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
  -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
  box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
}
.thumbnail > img {
  display: block;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.thumbnail .caption {
  padding: 9px;
  line-height: 1.2;
}

.thumbnail.caption-right img {
	float: left;
	}
.thumbnail.caption-right .caption {
	float: left;
	padding: 0 9px;
	}

/*
LABELS
------
*/

/* Base */
.label {
  padding: 1px 4px 2px;
  font-size: 10.998px;
  font-weight: bold;
  line-height: 13px;
  color: #ffffff;
  vertical-align: middle;
  white-space: nowrap;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #727272;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

/* Hover state */
.label:hover {
  color: #ffffff;
  text-decoration: none;
}

/* Colors */
.label-important {
  background-color: #b94a48;
}
.label-important:hover {
  background-color: #953b39;
}
.label-warning {
  background-color: #f89406;
}
.label-warning:hover {
  background-color: #c67605;
}
.label-success {
  background-color: #468847;
}
.label-success:hover {
  background-color: #356635;
}
.label-info {
  background-color: #3a87ad;
}
.label-info:hover {
  background-color: #2d6987;
}
.label-inverse {
  background-color: #333333;
}
.label-inverse:hover {
  background-color: #1a1a1a;
}

/*
BADGES
------
*/

/* Base */
.badge {
  padding: 1px 9px 2px;
  font-size: 12.025px;
  font-weight: bold;
  white-space: nowrap;
  color: #ffffff;
  background-color: #727272;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
}

/* Hover state */
.badge:hover {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}

/* Colors */
.badge-error {
  background-color: #b94a48;
}
.badge-error:hover {
  background-color: #953b39;
}
.badge-warning {
  background-color: #f89406;
}
.badge-warning:hover {
  background-color: #c67605;
}
.badge-success {
  background-color: #468847;
}
.badge-success:hover {
  background-color: #356635;
}
.badge-info {
  background-color: #3a87ad;
}
.badge-info:hover {
  background-color: #2d6987;
}
.badge-inverse {
  background-color: #333333;
}
.badge-inverse:hover {
  background-color: #1a1a1a;
}

/*
PROGRESS BARS
-------------
*/


/*
ANIMATIONS
----------
*/

/* Webkit */
@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 40px 0;
  }
}

/* Firefox */
@-moz-keyframes progress-bar-stripes {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 40px 0;
  }
}

/* IE9 */
@-ms-keyframes progress-bar-stripes {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 40px 0;
  }
}

/* Spec */
@keyframes progress-bar-stripes {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 40px 0;
  }
}

/*
THE BARS
--------
*/

/* Outer container */
.progress {
  overflow: hidden;
  height: 18px;
  margin-bottom: 18px;
  background-color: #f7f7f7;
  background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
  background-image: -ms-linear-gradient(top, #f5f5f5, #f9f9f9);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
  background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
  background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
  background-image: linear-gradient(top, #f5f5f5, #f9f9f9);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f9f9f9', GradientType=0);
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

/* Bar of progress */
.progress .bar {
  width: 0%;
  height: 18px;
  color: #ffffff;
  font-size: 12px;
  text-align: center;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #0e90d2;
  background-image: -moz-linear-gradient(top, #149bdf, #0480be);
  background-image: -ms-linear-gradient(top, #149bdf, #0480be);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));
  background-image: -webkit-linear-gradient(top, #149bdf, #0480be);
  background-image: -o-linear-gradient(top, #149bdf, #0480be);
  background-image: linear-gradient(top, #149bdf, #0480be);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#149bdf', endColorstr='#0480be', GradientType=0);
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: width 0.6s ease;
  -moz-transition: width 0.6s ease;
  -ms-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease;
}

/* Striped bars */
.progress-striped .bar {
  background-color: #149bdf;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  -webkit-background-size: 40px 40px;
  -moz-background-size: 40px 40px;
  -o-background-size: 40px 40px;
  background-size: 40px 40px;
}

/* Call animation for the active one */
.progress.active .bar {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -moz-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}

/*
COLORS
------
*/

/* Danger (red) */
.progress-danger .bar {
  background-color: #dd514c;
  background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: linear-gradient(top, #ee5f5b, #c43c35);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);
}
.progress-danger.progress-striped .bar {
  background-color: #ee5f5b;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

/* Success (green) */
.progress-success .bar {
  background-color: #5eb95e;
  background-image: -moz-linear-gradient(top, #62c462, #57a957);
  background-image: -ms-linear-gradient(top, #62c462, #57a957);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957));
  background-image: -webkit-linear-gradient(top, #62c462, #57a957);
  background-image: -o-linear-gradient(top, #62c462, #57a957);
  background-image: linear-gradient(top, #62c462, #57a957);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0);
}
.progress-success.progress-striped .bar {
  background-color: #62c462;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

/* Info (teal) */
.progress-info .bar {
  background-color: #4bb1cf;
  background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
  background-image: -ms-linear-gradient(top, #5bc0de, #339bb9);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9));
  background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
  background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
  background-image: linear-gradient(top, #5bc0de, #339bb9);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0);
}
.progress-info.progress-striped .bar {
  background-color: #5bc0de;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

/* Warning (orange) */
.progress-warning .bar {
  background-color: #faa732;
  background-image: -moz-linear-gradient(top, #fbb450, #f89406);
  background-image: -ms-linear-gradient(top, #fbb450, #f89406);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
  background-image: -o-linear-gradient(top, #fbb450, #f89406);
  background-image: linear-gradient(top, #fbb450, #f89406);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0);
}
.progress-warning.progress-striped .bar {
  background-color: #fbb450;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

/*
ACCORDION
---------
*/

/* Parent container */
.accordion {
  margin-bottom: 18px;
}

/* Group == heading + body */
.accordion-group {
  margin-bottom: 2px;
  border: 1px solid #e5e5e5;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.accordion-heading {
  border-bottom: 0;
}
.accordion-heading .accordion-toggle {
  display: block;
  padding: 8px 15px;
}

/* Inner needs the styles because you can't animate properly with any styles on the element */
.accordion-inner {
  padding: 9px 15px;
  border-top: 1px solid #e5e5e5;
}

/*
CAROUSEL
--------
*/

.carousel {
  position: relative;
  margin-bottom: 18px;
  line-height: 1;
}
.carousel-inner {
  overflow: hidden;
  width: 100%;
  position: relative;
}
.carousel .item {
  display: none;
  position: relative;
  -webkit-transition: 0.6s ease-in-out left;
  -moz-transition: 0.6s ease-in-out left;
  -ms-transition: 0.6s ease-in-out left;
  -o-transition: 0.6s ease-in-out left;
  transition: 0.6s ease-in-out left;
}
.carousel .item > img {
  display: block;
  line-height: 1;
}
.carousel .active,
.carousel .next,
.carousel .prev {
  display: block;
}
.carousel .active {
  left: 0;
}
.carousel .next,
.carousel .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel .next {
  left: 100%;
}
.carousel .prev {
  left: -100%;
}
.carousel .next.left,
.carousel .prev.right {
  left: 0;
}
.carousel .active.left {
  left: -100%;
}
.carousel .active.right {
  left: 100%;
}

/*
Left/right controls for nav
---------------------------
*/
.carousel-control {
  position: absolute;
  top: 40%;
  left: 15px;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  font-size: 60px;
  font-weight: 100;
  line-height: 30px;
  color: #ffffff;
  text-align: center;
  background: #222222;
  border: 3px solid #ffffff;
  -webkit-border-radius: 23px;
  -moz-border-radius: 23px;
  border-radius: 23px;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

/* Reposition the right one */
.carousel-control.right {
  left: auto;
  right: 15px;
}

/* Hover State */
.carousel-control:hover {
  color: #ffffff;
  text-decoration: none;
  opacity: 0.9;
  filter: alpha(opacity=90);
}

/*
Caption for text below images
-----------------------------
*/

.carousel-caption {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px 15px 5px;
  background: #333333;
  background: rgba(0, 0, 0, 0.75);
}

/* New code for right captions */
/*
.carousel-caption {
  position: absolute;
  right: 0;
  top: 0;
  width:175px;
  height: 330px;
  padding: 10px 15px 5px;
  background: #333333;
  background: rgba(0, 0, 0, 0.75);
}
*/
.carousel-caption h4,
.carousel-caption p {
  color: #ffffff;
}
.carousel-caption .readmore{
	margin-top: 10px;
	text-align: right;
	float: right;
	padding-left: 20px;
	}
	.readmore {
	
	text-align: right;
	padding-left: 20px;
	}


/*
Pills for indicating active image
---------------------------------
*/

.carousel-pills {
	/*
	position: absolute;
	bottom: 40px;
	left: 0;
	right: 0;
	*/
	padding-top: 5px;
	display: block;
	text-align: right;
	}

	.carousel-pills span {
		display: inline-block;
		margin: 0px 5px;
		width: 10px;
		height: 10px;
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		border-radius: 15px;
		background: #ad6519;
		-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1);
		-moz-box-shadow: 0 1px 3px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1);
		box-shadow: 0 1px 3px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1);
		cursor: pointer;
		/* border-width: .5px;
		border-color: #333333;
		border-style: solid; */
		}
	
		.carousel-pills span.active-pill {
			/*
background-image: -moz-linear-gradient(top, #4e8218, #ddddbb);
			background-image: -ms-linear-gradient(top, #4e8218, #ddddbb);
			background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4e8218), to(#c6c6c6));
			background-image: -webkit-linear-gradient(top, #4e8218, #c6c6c6);
			background-image: -o-linear-gradient(top, #4e8218, #c6c6c6);
			background-image: linear-gradient(top, #4e8218, #c6c6c6);
			background-repeat: repeat-x;
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e8218', endColorstr='#c6c6c6', GradientType=0);
*/
			background-color: #eee;
			}
		
		  .carousel-pills span:hover {
		    background: #EDF8E0;
		  }


/*
HERO UNIT
---------
*/

.hero-unit {
  padding: 60px;
  margin-bottom: 30px;
  background-color: #eeeeee;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.hero-unit h1 {
  margin-bottom: 0;
  font-size: 60px;
  line-height: 1;
  color: inherit;
  letter-spacing: -1px;
}
.hero-unit p {
  font-size: 18px;
  font-weight: 200;
  line-height: 27px;
  color: inherit;
}

/*
UTILITY CLASSES
---------------
*/


/* Quick floats */
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}

/* Text align */
.text-right {
	text-align:right;
	}
.text-left {
	text-align:left;
	}
.text-center {
	text-align:center;
	}

/* Toggling content */
.hide {
  display: none;
}
.show {
  display: block;
}

/* Visibility */
.invisible {
  visibility: hidden;
}

.no-border {
	border: none;
	}

.elite-logo {
		display:block;
		margin-left: 35px;
		margin-bottom: 20px;
		text-align: left;
		height: 60px;
		width: 151px;
		border-bottom: none;
}
.elite-logo:hover {
border-bottom: none;
}
.tier-2-logo {
		display:block;
		margin: 10px 0 30px 0;
		text-align: center;
		border-bottom: none;
}
.tier-2-logo:hover {
border-bottom: none;
}
.partner-logo {
		display:block;
		margin-top: -20px;
		margin-left: 35px;
		text-align: left;
		width: 151px;
		border-bottom: none;
}
.partner-logo:hover {
border-bottom: none;
}
#gradeLevels td {
width: 2.5em;
border-left: 1px solid;
text-align: center;
font-weight:normal;
}
#gradeLevels {
align: center;
font-size: 60%;
border: 2px solid;
}
#gradeLevels .head th {
text-align:center;
font-weight:bold;
border-top: none;
}
#gradeLevels th {
text-align: right;
padding: .5em;
font-weight:normal;
line-height: 70%;
}
#gradeLevels td, #gradeLevels th {
border-top: 1px solid;
}
.edit_button {
position:relative;
top:-54px;
right:-5px;	
}
#news-ticker {
	height: 69px;
	overflow: hidden;
}
#news-ticker ul{
	list-style-type:none;
}
#news-ticker li {
	height: 69px;
}
.pub-edit-button {
position:relative;
/* top:-87px; */
}
.pub-delete-button {
	/* margin-left: 30px; */
	margin-top: -60px
}
.cursor-pointer th {
	cursor: pointer;
}
.danger-background {
	background-color: rgba(189,51,51,0.14);
}
.alert-publisher {
  padding: 8px 35px 8px 14px;
  margin-top: 18px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #faf2cc; /* #fcf8e3 */
  border: 1px solid #f3e086; /* #fbeed5 */
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: red; 
  font-weight: bold;
}

.news-caption {
	line-height: 14px;
	text-align: center;
	font-style: italic;
	color: #707070;
}

.publisher-toolbar-link span {
	color: #B0BDB0;
}

.publisher-active-status span {
	color: inherit;
}

a.building-rti {
	color: #005393;
}

a.building-rti:hover {
	color: #0066b3;
}



.social-icons {
	float: right !important;
    margin: 5px 0 0 10px !important;
}

.social-icons li {
	display: inline-block;
    margin: -1px 5px 5px 0 !important;
    padding: 0;
    border-radius: 100%;
    overflow: visible;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
}

.social-icons li a {
	-webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
    background: #FFF;
    border-radius: 100%;
    display: block;
    height: 30px;
    line-height: 30px;
    width: 30px;
    text-align: center;
    color: #333 !important;
    text-decoration: none;
    padding: 0px !important;
    line-height: 30px !important;
}

.social-icons li:hover.social-icons-facebook a {
    background: #3b5a9a;
    color: #fff !important; 
}

.social-icons li:hover.social-icons-twitter a {
    background: #1aa9e1;
    color: #fff !important;    
}