/* Font colors */
.alert{color:#900000}
.highlight{color:#633}
	
/* Font Awesome*/
i {margin-right:.5em }

/* Background colors */
.bkg-light-blue-courses{background-color:#DCE8F7; color:#333; margin-top:10px; padding: 0 10px 10px 10px; border-radius:4px}
.bkg-light-blue-courses h3{padding-top:10px}

.border-h2 {margin-top:2em}
.bkg-light-green1{background-color:#DCF7DE; color:#333; padding: 10px 10px; border-radius:4px}
.bkg-light-green1-reverse{color:#DCF7DE; background-color:#333; padding: 10px 10px; border-radius:4px}
.bkg-light-brown1{background-color:#F7EBDC; color:#333; padding: 10px 10px; border-radius:4px}
.bkg-light-red1{background-color:#F7DCF5; color:#333; padding: 10px 10px; border-radius:4px}
.bkg-light-red1{background-color:#F7DCF5; color:#333; padding: 10px 10px; border-radius:4px}
.bkg-blue1{background-color:#0080c0; color:#FFF; padding: 10px 20px; border-radius:4px}
.bkg-blue1-border1{border:solid 1px #0080c0; color:#333; padding: 10px 20px; border-radius:4px}
.bkg-green1{background-color:#6B3; color:#333; padding: 10px 20px; border-radius:4px}
.bkg-blue1-border4{border: solid 4px #0080c0; color:#333; padding: 10px 20px; border-radius:4px}
.bkg-green1-border4{border:solid 4px #6B3; color:#333; padding: 10px 20px; border-radius:4px}
.bkg-green1-border1{border:solid 1px #6B3; color:#333; padding: 10px 20px; border-radius:4px}
.bkg-green1-border4-vertical-spacing{border:solid 4px #6B3; color:#333; padding: 10px 20px; border-radius:4px; margin:1em 0}
.bkg-gold1{background-color:#FB2; color:#333; padding: 10px 20px; border-radius:4px}
.bkg-gold1-border4{border:solid 4px #FB2; color:#333; padding: 10px 20px; border-radius:4px}
.bkg-orange1{background-color:#F60; color:#333; padding: 10px 20px; border-radius:4px}
.bkg-orange1-border4{border:solid 4px #F60; color:#333; padding: 10px 20px; border-radius:4px}
.bkg-red1{background-color:#F00; color:#333; padding: 10px 20px; border-radius:4px}
.bkg-red1-border4{border:solid 4px #F00; color:#333; padding: 10px 20px; border-radius:4px}
.bkg-redstopsign-border1{border:solid 1px #B01C2E; padding: 10px 20px; border-radius:4px}

/* Lists */
.std-List {font-size:1rem; line-height:1.25em}

.notebookListBkg h6{font-size:1.2em}
.notebookListBkg{background-image:url(../images/Note_book_texture_650.png); background-repeat:repeat-y; width: 640px; margin-bottom:40px}
.notebookList{margin:20px 15px 20px 70px; padding:10px}
.notebookList ul li{ list-style-image:url(../images/checkbox_24.png); margin:2px 0 4px 10px}
.notebookList ul li span{margin-left:10px}

/* 2col list */
.list ul{
  width:100%;
  margin-bottom:10px;
  overflow:hidden;
  border-top:1px solid #ccc;
}
.list li{
  line-height:1.5em;
  border-bottom:1px solid #ccc;
  float:left;
  display:inline;
}
.double-column-list li  { width:50%}

/* Special Use*/
@media (max-width: 500px) {
    .g-o-t-img {
        content: url("http://fontmeme.com/embed.php?text=Summer%20is%20Coming&name=Game of Thrones.ttf&size=16&style_color=333333");
    }
}
@media (min-width: 501px) {
    .g-o-t-img {
        content: url("http://fontmeme.com/embed.php?text=Summer%20is%20Coming&name=Game of Thrones.ttf&size=24&style_color=555555");
    }
}
/* Buttons */
.apply-button {
   border-top: 1px solid #96d1f8;
   background: #e3c96b;
   background: -webkit-gradient(linear, left top, left bottom, from(#63441e), to(#e3c96b));
   background: -webkit-linear-gradient(top, #63441e, #e3c96b);
   background: -moz-linear-gradient(top, #63441e, #e3c96b);
   background: -ms-linear-gradient(top, #63441e, #e3c96b);
   background: -o-linear-gradient(top, #63441e, #e3c96b);
   padding: 9.5px 19px;
   -webkit-border-radius: 19px;
   -moz-border-radius: 19px;
   border-radius: 19px;
   -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(0,0,0,.4) 0 1px 0;
   color: #ffffff;
   font-size: 1.375em;
   font-family: Georgia, Serif;
   text-decoration: none;
   vertical-align: middle;
   }
.apply-button:hover {
   border-top-color: #eeaf41;
   background: #eeaf41;
   }

.calculate {
    display:inline; 
   border-top: 1px solid #1a3618;
   background: #437a3e;
   background: -webkit-gradient(linear, left top, left bottom, from(#589c3e), to(#437a3e));
   background: -webkit-linear-gradient(top, #589c3e, #437a3e);
   background: -moz-linear-gradient(top, #589c3e, #437a3e);
   background: -ms-linear-gradient(top, #589c3e, #437a3e);
   background: -o-linear-gradient(top, #589c3e, #437a3e);
   padding: 5px 10px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -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(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: .875em;
   font-family: Georgia, serif;
   text-decoration: none;
   vertical-align: middle;
   margin:10px auto;
   padding:.25em;
   }
.calculate:hover {
   border-top-color: #595959;
   background: #595959;
   color: #dadea0;
   }
.calculate:active {
   border-top-color: #589c3e;
   background: #589c3e;
   }
   
/* FLBS Logo sizing */
.navbar-brand {padding: 0}
.navbar-brand > img {height: 100%; margin:0; padding: 6px}

/* Centering default NAV elements & Edu InPage NAV*/
#navbar .navbar-nav {display: inline-block;float: none;}
.navbar-collapse {text-align: center;}
.navbar-center {display: inline-block;float: none; text-align:center; margin-bottom:15px}
@media (max-width: 768px) {
   .navbar-center li a{ white-space: nowrap}

}


.NewsArticle{width:100%; padding: 0; margin: 0 .125em .125em .125em; overflow:visible}
.NewsArticle h2{color:#47493E; text-align:left; padding:0; margin:5px 0 0 0}
.NewsArticle .NewsDate{margin:4px 10px}
.NewsArticle .NewsText{margin:30px 10px 10px 10px; min-width:120px;}
.NewsArticle .fullURL{ float:right; text-align:right; margin: 0px 10px 10px 10px}
.NewsArticle img{border:0; margin: 5px 20px 3px 0}
.NewsArticle p{font-size:.9em}
.ImgCaption{ font-size:.875em; text-align:center; margin-bottom:4px 8px; color:#600000}
.NewsArticle A {color: #669; text-decoration: underline; padding: 0px 5px 0px 5px}
.NewsArticle A:link {color: #669; text-decoration: underline; }
.NewsArticle A:hover {color: #333; text-decoration: none; }
.NewsArticle A:visited {color: #0177af; text-decoration: underline; }
 
.filter-box{width:100%}
.filter-box select { margin-right:10px}
.inlineDisplay{ display:inline-block}

/* FLBS text helpers */
.text-primary-blue{ font-size:1.2em;color:#0080c0}
.text-primary-gold{ font-size:1.2em;color:#FB2}
.text-primary-green{ font-size:1.2em;color:#6B3}
.text-primary-orange{ font-size:1.2em;color:#F60}
.text-primary-red{ font-size:1.2em;color:#F00}
.text-primary-gray{ font-size:1.2em;color:#666}

/* Photo captions */
.std-rounded-image-w-caption {font-size:.9em; color:#0080c0; text-align:center}
.std-rounded-image-w-caption img {border-radius: 6px; width:100%; min-width:240px}

/* Research feature box DIVs */
.blockfeatures { width:25%; min-width:200px; margin: 1em 2em}
.blockfeatures h2 { margin: 0 0 1em 0; padding: 4px 8px; text-align:center}

@media screen and (max-width: 768px) {
.blockfeatures h2 { text-align:center; padding: 4px; font-size:1.375em}
}

/* People info divs */
#StaffDetails{display:table-cell;height:100%}
#StaffDetails h3{margin:.125em}
.peopleGrid{width:100%};
.peopleGrid td:first-child { width:40%; min-width:100px}

.floatdivleft{float:left; min-width:200px; padding:2px; margin:2px}
.floatdivright{float:left; min-width:200px; padding:2px; margin:2px}
fieldset{margin-top:20px}
legend{background-color:#0080c0; color:#FFF; padding: 10px 20px; border-radius:4px}

/* People in-page navigation links */
.peoplepageNavDiv {white-space: nowrap}
.peoplepageNavLink {padding:5px 10px; font-size:1.2em; background-color:#ceecf5; margin: 4px 6px 0 0}
.navlinks{margin-bottom:20px}
.navlinks h2{display:inline; margin:0 10px 4px 0}

/* Allow responsive video window resizing */
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Formats for dropdown and input boxes */
.label_style1{float:left; font-size:.875em;width:140px}
.label_style2{padding:10px 20px; background-color:#6B3; color:#222; font-size:1.2em}
.input_style1{float:left;width:50%; max-width:240px; min-width:240px;margin-left:20px}
.select_style1{float:left;width:50%; max-width:240px; min-width:240px;margin-left:20px}
.select_style2{width:50%; max-width:600px; min-width:200px; background-color:#ecffd8; padding:.5em; font-size:1.1em}

/* Publication row styling */
#pubTable td{padding:4px}
.pubs{font-size: .875em; margin-bottom: 8px}
.pubs tr:nth-child(even) {background-color: #ddd}
	
/* Weather Station pages */
.weatherGrid{font-family:Arial, Helvetica, sans-serif;text-align:center; width:100%}
.weatherGrid th{color:#333; font-weight:bold; margin:0 auto; text-align:center}
.weatherGrid td{color:#336; margin:0 auto; padding:2px; text-align:center}

.weatherDiv{color:#336; font-size:85%; margin:0 auto; width:500px; text-align:center; display:inline; padding: 4px 10px;margin-left:120px; font-family:Arial, Helvetica, sans-serif}
.weatherTable{text-align:center;width:100%;font-family:Arial, Helvetica, sans-serif; border-collapse:collapse}
.weatherTable td{font-size:.9em; color: #333}
.weatherTable tr{border-bottom: 1px solid #999}
.weatherTable tr:first-child{border: none}
.weatherTable tr:last-child{border: none}
.weatherTable tr:nth-last-child(2){border: none}
.weatherTitle{font-size:1.3em;color:#039; text-align:left;padding:6px;margin:0 auto}
.weatherSubtitle{margin:0 auto;font-size:.8em;color:#039;padding:6px}
.varLabel{width:140px}
.varValue{}
.varNote{font-style:italic; color: #369}
.last td{border-bottom:none}
.labelBold{color:#333; font-weight:bold}


/* HR styles */
hr {border:solid 1px #DDD; width:100%; margin:4px; text-align:center}

/* Course Table */
#course-table {text-align:center; border:solid 4px #0080c0; border-radius: 6px}
#course-table tr {height:4em}
#course-table th{background-color:#0080c0; width:25%; color:#fff; border-radius: 3px; font-size:1.1em}
#course-table td a{text-decoration:none; display:block;color:#00406A}
#course-table td a:hover{color:#00406A; background-color:#d8ffff}
#course-table td a:visited{color:#00406A}
#DayPilotSchduler1 {text-align:center; border:solid 4px #0080c0; border-radius: 6px}
#DayPilotSchduler1 tr {height:4em}
#DayPilotSchduler1 th{background-color:#0080c0; width:25%; color:#fff; border-radius: 3px; font-size:1.1em}
#DayPilotSchduler1 td a{text-decoration:none; display:block;color:#00406A}
#DayPilotSchduler1 td a:hover{color:#00406A; background-color:#d8ffff}
#DayPilotSchduler1 td a:visited{color:#00406A}
.coursename {font-size:1.25em}
.numinstruc {font-size:.875em}


	
.project-item {margin:0 -1em 2em -1em}
.project-item:after {clear:both}
.project-item > img:first-child {float:left}
.project-item img {margin:1em auto; padding:0 1em 1em 0; border-radius: 6px}
.project-item-hr {margin-bottom:2em; border-top:solid 1px #777; clear:both}             

/* Position anchors higher than their location in code; allows users to jump to anchor without it being too 
high on the page */
a.anchor{display: block; position: relative; top: -50px; visibility: hidden}

/* Image Div layouts */
.imgDivFltRt1 {float:right; width:30%; max-width: 320px; min-width:200px; margin:10px 10px 0 10px; padding:10px 10px 6px 10px; text-align:center}
.imgDivFltRt1 img{text-align:center; margin:0 auto}

/* People page contact info */
.stdPaddingElement span h4 span
{
    margin:0 0 .5em 0;
    color:#928;
    font-size:1.25em;
    padding: .5em 1em;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    
}

.keep-it-blue{color:#006699}

/* Gridview Style */
.GridViewStyle
{
    font-family: Arial, Helvetica, Sans-Serif;    
    border-right: 2px solid #A7A6AA;
    border-bottom: 2px solid #A7A6AA;
    border-left: 2px solid white;
    border-top: 2px solid white;
    padding: 4px;
    width:100%;
}

.GridViewStyle th, GridViewStyle td 
{ 
    white-space: nowrap
}

.GridViewStyle a
{
    color: #FFFFFF;
}

.GridViewHeaderStyle th
{
    border-left: 1px solid #EBE9ED;
    border-right: 1px solid #EBE9ED;
    padding: 2px 6px;
}

.GridViewHeaderStyle
{
    background-color: #5D7B9D;
    font-weight: bold;
    color: White;
}

.GridViewFooterStyle
{
    background-color: #5D7B9D;
    font-weight: bold;
    color: White;
}

.GridViewRowStyle
{
    color: #333333;
    padding: 2px 6px;
}

.GridViewAlternatingRowStyle 
{
    background-color: #FCFAEF;
    color: #284775;
}

.GridViewRowStyle td, .GridViewAlternatingRowStyle td
{
    border: 1px solid #EBE9ED;
    padding: 2px 6px;
}

.GridViewSelectedRowStyle
{
    background-color: #E2DED6;
    font-weight: bold;
    color: #333333;
}

.GridViewPagerStyle
{
    background-color: #284775;
    color: #FFFFFF;
}

.GridViewPagerStyle table /* to center the paging links*/
{
    margin: 0 auto 0 auto;
}

/* FLBS Bootstrap */
dd, dt {
    line-height: 1.5em;
}