/*** NASA HECC Subsite Master Style Sheet ***/
/*** http://www.nas.nasa.gov/hecc/ ***/
/*** Webmaster: john.hardman@nasa.gov ***/
/*** Parts based on work by Eric Meyer, Dan Cedarholm, Jeffery Zeldman, Jeremy Keith, Paul Irish, Andy Clarke, and Stu Nicholls ***/
/*** Version: 1 ***/
/*** 4-18-11 ***/

/* Color Palette

Page background: #f8f8ff
Dark Blue: #09005f
Medium Blue: #0c1c57
Goldenrod: #fbb03b
Grey: 
Black: #222

*/






/* Index to CSS Sections 

RESETS
BASE STYLES
BASIC LAYOUT
TYPE & COLOR VARIANTS
FEATURES
WIDGETS
MENUS

*/

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,400,600);




/* START RESETS */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	border: 0;	
	font: inherit;
	font-size: 100%;
	margin : 0;
	padding : 0;
	vertical-align : baseline; 
}

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display : block; 
}

abbr[title] { 
	border-bottom : 1px dotted; 
	cursor : help; 
}

/* END RESETS */







/* START BASE STYLES */


body {

/*	background: url(../assets/images/space-bg.png) repeat-x fixed -80% 0;*/
	background: 
		url(../assets/images/stars-1.png) repeat-x fixed -130% 0,
		url(../assets/images/stars-2.png) repeat-x fixed 40% 0,
		url(../assets/images/space-bg.png) repeat-x fixed -80% 0,
		url(../assets/images/clouds.png) repeat fixed 100% 0; 
		
	background-color: #222;
	color: #111;
	font-size: 0.8125em; /* 13px */
	font-family: "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
	line-height: 18px; /* 18px */
	margin: 20px 0;
	padding: 0;

}


h1, h2, h3, h4, h5, h6 {
	color: #09005f;
	font-family : "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref";
	font-weight: bold;
}

h1 {
	font-size: 1.5385em; /* 20px */
	margin: 0 0 -0.5em;
}

#Main h1 {
	margin-bottom:0.8em;
}

h2 {
	font-size: 1.3846em; /* 18px */
	margin: 1.6666em 0 -0.5556em;
}

h3 {
	font-size: 1.2308em; /* 16px */
	margin: 1.875em 0 -0.625em;
}

h4 {
	font-size: 1em; /* 13px */
	margin: 2.1428em 0 1em;
	font-weight: bold;
}


p, ol, ul, dl, address { 
margin: 1.42857em 0;
font-size : 1em; 
}

ul, ol { 
margin : 0 0 1.5em -24px; 
padding-left : 24px;
margin-left: 10px; 
margin-right: 40px;}

ul li, ol li { 
margin : 0 0 .5em 0; 
}

ul { 
list-style-type : disc; 
}

ol { 
list-style-type : decimal; 
}

li ul, li ol { 
font-size : 1em; /* 14px */ 
list-style-type : circle;	
margin : 7px 30px 7px 10px;


}

dl, dd { 
margin-bottom : 1.5em; }

dt { 
font-weight : normal; }

blockquote  { 
margin : 20px ; 
padding : 0 5px; 
border-left : 0px solid rgb(200,200,200);
font-style : italic; }

blockquote:before, 
blockquote:after, 
q:before, 
q:after {
content : '';
content : none; }

b, 
strong	{ 
font-weight : bold; }

i, 
em { 
font-style : italic; }

sup, 
sub { 
position : relative;
font-size : 75%; 
line-height : 0; }

sup { 
top : -.5em; }

sub { 
bottom : -.25em; }

address { 
font-style : normal; }

pre { 
margin-bottom : 1.5em; 
white-space : pre; 
white-space : pre-wrap; 
word-wrap : break-word; }

pre, code { 
font : .875em 'andale mono', 'lucida console', monospace; 
}

small {
font-size : 1em; /* 13px */ }

kbd {
	font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
	font-weight: normal;
	/*color: #804000;*/
}

a, a:visited {
	outline : none;
	color : rgb(23,119,175);
	text-decoration : none; 
}
 
a:hover { 
	outline : none;
	color : rgb(23,119,175); 
	text-decoration : underline;
}
 
a:active, a:focus { 
	outline : none;
	color : rgb(0,0,0); 
}



figure {
margin-bottom : 1.5em; }

figure img,
figure object,
figure embed {
margin-bottom : .75em;
max-width : 100%; }

figcaption {
display : block;
font-weight : normal; }


/* Older Table Style*/
table { 
border-collapse : collapse;
border-spacing : 0;
margin-bottom : 1.4em; 
width : 100%;
font-size : .875em; }

th { 
font-weight : bold; }

th, td, caption { 
padding : .25em 10px .25em 5px; }

tfoot { 
font-style : italic; }

caption { 
background-color : transparent; }



/* Resources Table Style */

table.resources {
    border-collapse: collapse;
    color: #333;
    font-size: 0.8em;
    width: 100%;
}

table.resources td {
    border: 1px solid #ccc;
    padding: 0.5em 1.2em;
    background-color: #fff;
	line-height: 1.3em;
}

table.resources thead th {
    background-color: #555;
    border-right: 1px solid #999;
    color: #fff;
    font-weight: bold;
	letter-spacing: 0.1em;
    padding: 5px 0;
    text-align: center;
}

table.resources tbody .gray,  table.resources tbody .grey {
    background-color: #e5e4e4;
}

table.resources caption {
    font-size: 16px;
    font-weight: bold;
    margin-top: 15px;
    padding: 15px 0 5px 0;
    color: #09005f;
}


table.stoplight tbody td, table.stoplight thead th {
	/*padding:0 !important;*/
	margin:0 !important;
	padding: 4px 2px !important;
	font-size: 0.875em;
	whitespace: pre-wrap;	
}





/* END BASE STYLES */


/* START BASIC LAYOUT */


#Container {
	width: 90%;
	min-width: 870px;
	max-width: 1140px;
	height:100%;
	overflow: hidden; 
	margin: 0 auto;
	padding:10px;
	text-align: left;
	background-color: #f8f8ff;
	background-color: #fff;

	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	/*
	-webkit-box-shadow: 0 0 40px rgba(0,0,0,.7);
	-moz-box-shadow: 0 0 40px rgba(0,0,0,.7);
	box-shadow: 0 0 40px rgba(0,0,0,.7);
*/
}

/* Big Blocks */

#Header {
	padding: 0 0 8px 5px;
	width: 100%;
}

#logo {
	margin:0 0 0 5px;
	width:75px;
	float:left;
}

#toplinks {
	float: right;
	text-align: right;
	width: 24em;
	margin: 15px 10px;
	color: #999;
	font-size: 12px;

}

#toplinks a {
	color: #666;
	text-decoration: none;
}

#toplinks a:hover {
	text-decoration: underline;
}


#skiplinks {display:none;}

#TopNav {
	width: 100%;
	float:left;
	height:26px;
	margin: 2px 0 2px 0;
	background-color: #666;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

div#Search {
	float: right;
	padding:0;
	margin:0;
	margin-right: 38px;
	width:208px;
	/*height: 30px;*/
}

div.gsc-control-searchbox-only.gsc-control-searchbox-only-en {
	padding: 0;
	margin-top: -7px;
}

table.gsc-search-box {
	padding: 0;
	margin: 0;
}
table.gsc-search-box td.gsc-clear-button, table.gsc-search-box td.gsc-search-button {
	display:none;
}


table.gsc-search-box input.gsc-input {
	padding: 0 0 0 2px;
	margin: 0;
	font-size: 12px;
	line-height: 16px;
	
}


/*#cse-search-results {
	max-width:490px;
}
*/
/* this is to fix google suggestions appearing behind banner images*/
table.gsc-completion-container {
      z-index: 10000 !important; 
}


/* This is much larger for home page and holds the floaty image div */
#HomeBanner {
	width:100%;
	height: 200px;
	float:left;
	background: url('../assets/images/template/hecc_home_banner_background.jpg') repeat-x top left #0c1c57; 
	z-index: 5;
	padding:0;
	margin: 2px 0 20px 0;
}


#HomeBanner #tagline {
	float: left;
	width: 100%;
	margin-right: -320px;
	z-index: 15;	
}

#floatyimage {
	float: right;
	width: 320px;
	margin-left: -320px;
	background-color: transparent;
	position: relative;
	z-index:10;		
}
/*
#floatyimage img.first {
	z-index:10;
}

*/
/* this hides every image but the first in case javascript is turned off or there is a page load blip */
#floatyimage img { display: none; margin:0;padding:0;}
#floatyimage img.first { display: block; }



/* This is the regular size for all internal pages */
#Banner {
	width:100%;
	height: 80px;
	padding: 0;
	float:left;
	background: url('../assets/images/template/hecc_inside_banner_background.jpg') repeat-x top left #000080; 
	margin-top:1px;
	margin-bottom: 20px;
}


.no-js #Banner {
	margin-bottom: 10px;
}


#Banner  #tagline {
	float: left;
	width: 100%;
	margin-right: -300px;	
}



/* This is slightly different for home page as it contains homeboxes */
#HomeMain {
	padding: 0;
 	float: left;
	margin-right: 285px;
	min-width: 500px;
	min-height: 500px;

}

#Main {	
	float: left;	
	margin-right: 285px;
	min-width: 500px;
	min-height: 200px;
	padding: 0 25px 0 10px;
}



#Subordinate{
	padding: 0;
	float: right;
	margin-left: -285px;
	min-height: 500px;	
	width: 285px;
	margin-top: 0;
}



#Footer {
width: 90%;
margin:  0 auto;
padding: 20px 0;
min-width: 870px;
max-width: 1140px;
background-color: transparent;
color: #999;
font: normal 0.6429em/1.5714em "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif;
}



#Footer ul {
	list-style-type: none;
		color:#999;
}

#Footer a {
	text-decoration:none;
	font-weight:normal;
	color:#999;

	}

#Footer a:hover {
	text-decoration:underline;}
	

#Footer img {
	float: left;
	display:inline;
	vertical-align: middle;
	padding-top: 10px;
	padding:5px 15px 10px 0px;
	border: none;
}




#footerwrapper{
float: left;
width: 100%;
}

#footernav {
margin: 0 180px 0 250px;
padding: 0;
height: 80px; 
text-align: center;
}

#footernav ul {
	margin:15px 0 0 0;
	padding:0;
	

}

#footernav ul li {
	padding: 0.25em 1em;
	display: inline;
	position: relative;
	border-right: 1px solid #999;

}

#footernav ul li:last-child {
	border-right: none;
}

#footernav a {
	font-size: 10px;
	color: #999;
}


#nasablock {
	float: left;
	width: 250px; 
	margin-left: -100%;
	height: 80px;
}

#nasablock ul li {
	padding: 0;
	margin: 0;
}


#siteinfo{
	float: left;
	width: 180px; 
	height: 80px;
	margin-left: -180px; 
}


#siteinfo ul {
	float: right;
	padding: 0;
	margin: 0;
}

#siteinfo ul li {
	padding: 0;
	margin: 0;
}

	
body.onecol div#Main {	
	/*font-size: 1.23em;*/
	height: 100%;
	float: left;	
	margin-right: 1px;
	min-height: 500px;
	padding: 0 25px 0 10px;
	padding: 0;
}

body.onecol div#Subordinate{
	padding: 0;
	float: right;
	margin-left: -1px;
	min-height: 500px;	
	width: 1px;
	margin-top: 0;
}	






/* END BASIC LAYOUT */

/* START FEATURES */



.crumbnav { 
	clear:left;
 	/*font-size: 0.7143em;*/
	font-size: 0.8125em;
  	color: #fff;
 	border: none;
 	padding: 8px 0 10px;
	text-transform:capitalize;
	margin-top: 2px;
	margin-bottom:2px;
}




/***Home Boxes***/

div.homebox {
	margin: 0 10px 20px 0;	
	padding:0;
	padding-bottom:10px;
	border: 1px solid #09005f;

}


div.homebox h2 {
	background-color: #09005f;
	font-size: 14px;
	line-height: 1.9em;
	font-weight: 600;
	color: #eee;
	margin: 0 0 5px 0;
	padding: 0 0 2px 15px;
	font-style: normal;
	letter-spacing: 0.1em;
	text-transform: uppercase;	
}

div.homebox h2 a {
	text-decoration: none;
	color: #eee;
}


div.homebox h3 {
	margin: 0;
	font-size: 14px;
	line-height: 1.5em;
	padding: 5px 15px 0 15px;
}

div.homebox div {
	margin: 0;
	padding: 0px 15px 5px 15px;
	font-family: "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
	font-size: 13px; 
	line-height: 1.5em; 	
	
}

div.homebox p {
	margin:0;
	padding: 5px 15px  5px 15px;
	font-family: "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
	font-size: 13px; 
	line-height: 1.5em; 	
	
}

div.homebox div p {
	padding: 5px 15px  5px 0px;
}

div.homebox .updated {
	font-size: 12px;
	color: #999;
	margin:0;
	padding:0 15px;
}

div.homebox .statusUn {
	font-size: 12px;
	color: #870099;
	margin:0;
	padding:0 15px;
}

div.homebox .statusRe {
	font-size: 12px;
	color: #093;
	margin:0;
	padding:0 15px;
}





/* Styles for external link markers */

#Main a.nasalink, #Subordinate a.nasalink {
    background: url(../assets/images/template/nasa_site_icon.png) center right no-repeat;
    padding-right: 13px;
}


#Main a.externallink, #Subordinate a.externallink {
    background: url(../assets/images/template/external_site_icon.png) center right no-repeat;
    padding-right: 13px;
}



/* Styles for News Show/hide Toggler */

div.toggler {
	margin-left: 15px;
}

div.toggler h3 {
	font-size: 1.1em;
	line-height:1.2em;
	font-weight: 500;
	font-family: Verdana, Tahoma, Geneva, sans-serif;
	color : rgb(23,119,175);

}


div.toggler h3:last-child {visibility:hidden;}


p.newsdeck {
	line-height:1.2em;
	margin-left: 60px;

}


.frontnewsdate {
	width:60px;
	margin-right:10px;
	font-size:0.9em;
	color:#666;
	text-decoration: none;
	display:inline;	
}


/* End toggler */




/*** Styles for non-captioned inline images ***/
/*
#Subordinate img {
		border: 2px solid #333;
		margin: 0;
		padding: 6px;
		background: #eee;
	}
*/
	img.border {
		padding:8px;
		border: 1px solid #999;
	}

	img.smallborder {
		padding:4px;
		border: 1px solid #999;

	}

	#Main img.right {
		float: right;
		margin: 0 0 6px 10px;
	}
	#Main img.left {
		float: left;
		margin: 0 10px 6px 0;
	}






/*** Image zooming  and captions for inline images ***/

div.captionedimage, div.leftcaptionedimage {
	display:inline; 
	overflow:hidden;
}
div.captionedimage  a {
	position:relative; 
	float:right; 
	margin:5px 0 7px 7px;
}
div.leftcaptionedimage  a {
	position:relative; 
	float:left; 
	margin:5px 7px 5px 0;
}
div.captionedimage a span, div.leftcaptionedimage  a span { 
	display:none; 
	background-image:url(../assets/images/template/zoom_icon.png); 
	background-repeat:no-repeat; 
	width:36px; 
	height:36px; 
	position:absolute; 
	left:15px; 
	top:15px;
}
div.captionedimage img, div.leftcaptionedimage img { 
	border: solid 1px #999; 
	padding:8px;
	margin:5px;
}

/*** Past Webinars  ***/

div.webinarblurb {
    clear: left;
    margin: 0;
    padding: 0;
}
div.webinarblurb p {
    margin: 0 0 15px;
    padding: 0;
}
div.webinarblurb em {
    color: #666666;
    font-size: 12px;
    font-style: normal;
}
div.webinarblurb img {
    -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.7);
	-webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.7);
	box-shadow: 0 0 7px rgba(0, 0, 0, 0.7);    
    float: left;
    margin: 5px 15px 80px 0;
    padding: 0;
}


/*** sidebox Minigallery styles ***/



div.minigallery {
	display:inline; 
	overflow:hidden; 

}
div.minigallery a {
	position:relative;
	float:left; 
	margin:0;
	padding:0;

}
div.minigallery a span { 
	display:none; 
	background-image:url(../assets/images/template/zoom_icon.png); 
	background-repeat:no-repeat; 
	width:36px; 
	height:36px; 
	position:absolute; 
	left:15px; 
	top:15px;


}
div.minigallery  img { 
	border: none; 
	padding:0 15px;
	margin:5px 0 10px 0;
}






/***Contact and Feedback Popups***/

#contactpop {
	overflow:visible;
}

#contactpop ul {
	margin-top: 1.5em;
	list-style-type:none;
}

#contactpop ul li {
	margin-top: 0.5em;
	line-height: 1.2em;
	list-style-type:none;
}

#contactpop ul li.alert {
	color: #CC0033;
}

#feedbackpop {
	width:300px;
}



/***Sidebox Frenzy***/

div.sidebox {
	width: 283px;
	border: 1px solid #666;	
	margin-top: 0;
	margin-bottom:15px;
	padding-right:0;
	padding-bottom:0;
	overflow: hidden;
}



.sidebox p {
		font-size: 0.85714em; /* reduce font-size for #sidebar */
		margin: 1.6667em 0; /* adjust margins accordingly */
}


div.sidebox h2 {
	margin: 0 0 5px 0;
	padding: 0 0 0 15px;
	width: 268px;
	height: 28px;
	line-height: 1.9em;
	color: #eee;
	font-size: 14px;
	background-color: #666;
	font-style: normal;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}

div.sidebox h2.supercomputers {
	margin-bottom: 0;
}

div.sidebox p {
	width: 240px;
	padding: 0 5px 0 15px;
	margin: 5px 0 10px 0;
	font-family: GillSansRegular, "Gill Sans MT", "Gill Sans", Calibri, "Trebuchet MS", sans-serif;
	font-size: 13px; 
	line-height: 1.4em; 

	
	
}

div.sidebox ul {
		
	list-style-type: disc;
	width: 240px;
	margin-left: 15px;
	margin-bottom:10px;
	padding:10px 15px 0 15px;
	font-family: GillSansRegular, "Gill Sans MT", "Gill Sans", Calibri, "Trebuchet MS", sans-serif;
	font-size: 13px; 
	line-height: 1.4em; 
	
}

div.sidebox ul.nobullets {
	list-style-type: none;
}

div.sidebox ul li {

	margin: 0;
	padding :0;
	
}


div.sidebox div.minigallery {
	border: none;
	margin: 0 auto;
}

/**** style tryouts for quicklinks v1 ****/

div.sidebox.quicklinks {
	font-family: "Open Sans", sans-serif !important; 
	padding: 0;
}

div.sidebox.quicklinks ul {
	margin: 15px 0 0 0;
	padding: 0;
	list-style-type: none;
	text-align: left;
	font-size: 1.2em;
	letter-spacing: normal;
	line-height: 1.5;
	width: 100%;	
}

div.sidebox.quicklinks hr {
	width: 100%;
	color: #ddd;
	margin:0;
	padding:0;
}

div.sidebox.quicklinks ul li {
	margin-left: 15px;
}

div.sidebox.quicklinks p {
	margin-top:15px;
	font-size: 1em;
}

div.sidebox.quicklinks p em {
font-weight: 600;

}

div.sidebox.quicklinks p a {
font-size: 1.1em;
}

/*** ad letter spacing for quicklinks v2 ***/

div.sidebox.quicklinks ul {
	letter-spacing: .03em;
}


/* styles for supercomputers now sidebox */

div.sidebox div {
	margin:0;
	padding:0;
}

div.sidebox div.section ul {
	margin:0;
	padding:0;
	list-style-type:none;
}

/*#pnIframe, #pnIframe1,#pnIframe2, #pnIframe3, #cnIframe1,#cnIframe2, #cnIframe3 {margin:0;padding:0; height: 450px;overflow:hidden;}*/

div#nowbox {
	margin:0;
	padding:0;
}


#statFrame {
	margin: 10px 0 0 -10px; 
	padding:0; 
	height: 605px; 
	border:none;
	overflow:hidden;
}

/* styles for select menu  */
.ui-selectmenu { display: block; display: inline-block; position: relative; height: 1.8em; vertical-align: middle; text-decoration: none; overflow: hidden; zoom: 1; }
.ui-selectmenu-icon { position:absolute; right:6px; margin-top:-8px; top: 50%; }
.ui-selectmenu-menu { padding:0; margin:0; list-style:none; position:absolute; top: 0; display: none; overflow: auto; z-index: 1005;} /* z-index: 1005 to make selectmenu work with dialog */
.ui-selectmenu-open { display: block; }
.ui-selectmenu-menu-popup { margin-top: -1px; }
.ui-selectmenu-menu-dropdown { }
.ui-selectmenu-menu li { padding:0; margin:0; display: block; border-top: 1px dotted transparent; border-bottom: 1px dotted transparent; border-right-width: 0 !important; border-left-width: 0 !important; font-weight: normal !important; }
.ui-selectmenu-menu li a,.ui-selectmenu-status { line-height: 1.2em; display: block; padding: .405em 1em; outline:none; text-decoration:none; font-size: 0.8125em; color: rgb(23,119,175);}
.ui-selectmenu-menu li.ui-state-disabled a, .ui-state-disabled { cursor: default; }
.ui-selectmenu-menu li.ui-selectmenu-hasIcon a,
.ui-selectmenu-hasIcon .ui-selectmenu-status { padding-left: 20px; position: relative; margin-left: 5px; }
.ui-selectmenu-menu li .ui-icon, .ui-selectmenu-status .ui-icon { position: absolute; top: 1em; margin-top: -8px; left: 0; }
.ui-selectmenu-status { line-height: 1.4em; }
.ui-selectmenu-open li.ui-selectmenu-item-focus a { }
.ui-selectmenu-open li.ui-selectmenu-item-selected { }
.ui-selectmenu-menu li span,.ui-selectmenu-status span { display:block; margin-bottom: .2em; }
.ui-selectmenu-menu li .ui-selectmenu-item-header { font-weight: bold; }
.ui-selectmenu-menu li .ui-selectmenu-item-content { }
.ui-selectmenu-menu li .ui-selectmenu-item-footer { opacity: .8; }
/* for optgroups */
.ui-selectmenu-menu .ui-selectmenu-group {  }
.ui-selectmenu-menu .ui-selectmenu-group .ui-selectmenu-group-label { line-height: 1.4em; display:block; padding: .6em .5em 0; padding-left: 15px; font-weight: bold; }
.ui-selectmenu-menu .ui-selectmenu-group ul { margin: 0; padding: 0; }
.ui-selectmenu-menu .ui-selectmenu-group ul li a { margin: 0; padding: 0; padding-left: 30px; }
/* IE6 workaround (dotted transparent borders) */
* html .ui-selectmenu-menu li { border-color: pink; filter:chroma(color=pink); width:100%; }
* html .ui-selectmenu-menu li a { position: relative }
/* IE7 workaround (opacity disabled) */
*+html .ui-state-disabled, *+html .ui-state-disabled a { color: silver; }
		
#nowbox form { margin-top: -5px;}		
#nowbox fieldset { border:0; }	
#nowbox fieldset  a:hover {text-decoration: none;}
#nowbox fieldset legend { display:none; }	

#nowbox label,select,.ui-select-menu { float: left; margin-right: 5px; text-align: center;}
#nowbox select { width: 100%; }	

#nowbox .wrap span.ui-selectmenu-item-header,
#nowbox .wrap ul.ui-selectmenu-menu li a { text-decoration: underline !important; }



/*
#frm1 {
	margin:0 auto;
	text-align:center;
}
#liveaccordion {
	width:100%;
	height:100%;
	margin: 0;
	padding: 0;
	font-size:84%;
}

#liveaccordion div {
	height: 450px;
	margin:0;
	padding:0;
	overflow:hidden;
}

.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .25em .5em .25em .7em; }

*/


/***Typesetting Stuff***/

#tagline h1 {
	margin: 30px 10px 10px 20px;
	color: #fbb03b;
	font-family: Futura, "Century Gothic", AppleGothic, sans-serif;
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	font-size: 36px;
	text-shadow: 0 5px 5px rgba(0,0,0,.5);
	position:relative;
	z-index:20;
}

#Banner #tagline h1 {
	margin: 20px 10px 5px 15px;
	color: #fbb03b;
	font-family: Futura, "Century Gothic", AppleGothic, sans-serif;
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	font-size: 28px;
	text-shadow: 0 5px 5px rgba(0,0,0,.5);
}

#Banner #tagline h1 a {
	text-decoration: none;
	color:  #fbb03b;
}


#tagline p {
	margin: 20px 5px 10px 20px;
	width: 500px;
	color: #eee;
	font-family: GillSansRegular, "Gill Sans MT", "Gill Sans", Calibri, "Trebuchet MS", sans-serif;
	font-style: normal;
	font-weight: normal;
	text-transform: none;
	letter-spacing: 0.05em;
	font-size: 14px;
	line-height: 1.4em;
	text-shadow: 0 1px 1px rgba(0,0,0,.5);
}


#tagline p.slogan {
	margin: 0 5px 10px 20px;
	color: #eee;
	font-family: GillSansRegular, "Gill Sans MT", "Gill Sans", Calibri, "Trebuchet MS", sans-serif;
	font-style: normal;
	font-weight: normal;
	text-transform: none;
	letter-spacing: 0.03em;
	font-size: 24px;
	text-shadow: 0 3px 3px rgba(0,0,0,.5);
}


#Banner #tagline p.slogan {
	margin: 0 5px 10px 15px;
	color: #eee;
	font-family: GillSansRegular, "Gill Sans MT", "Gill Sans", Calibri, "Trebuchet MS", sans-serif;
	font-style: normal;
	font-weight: normal;
	text-transform: none;
	letter-spacing: 0.03em;
	font-size: 13px;
	text-shadow: 0 1px 1px rgba(0,0,0,.5);
}


/* START MENUS */


/*** Top Menu ***/

/* ================================================================
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/cssplay-click-drop-fly.html
Copyright (c) 2005-2011 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
=================================================================== */
/* this is a CSS answer to fix the hover tilde problem in safari and chrome and the :active/:focus with adjacent sibling selectors in IE7-9 

html {
-webkit-animation: safariSelectorFix infinite 1s;
}

@-webkit-keyframes safariSelectorFix {
0% {zoom:1;}
100% {zoom:1;}
}
*/

body {behavior: url(scripts/trigger.htc);
}


#topmenu {
	float: left; 
	padding:0; 
	margin:0;
}

#topmenu li {
	float:left; 
	position:relative; 
	background:#666; 
	border-right: 1px solid #999;
}

#topmenu li a {
	width:100px;
	display:block; 
	color:#fcfcfc; 
	line-height:26px;
	text-decoration: none;
	cursor:pointer;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif; 
	font-size: 0.92307em;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	text-shadow: 0 1px 1px rgba(0,0,0,.5);
}

#topmenu li:first-child, #topmenu li:first-child a {
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	border-top-left-radius: 10px;	
}

#topmenu ul li:first-child, #topmenu ul li:first-child a {
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;
	border-top-left-radius: 0px;	
}


#topmenu li:hover, #topmenu li a:hover {
	color: #fbb03b;
	background:#0071bc;
}

#TopNav {
	position:relative; 
	z-index:500;
	width: 100%;
	float:left;
	height:26px;
	margin: 2px 0 2px 0;
	background-color: #666;	
}

#TopNav ul {
	padding:0; 
	margin:0; 
	list-style:none; 
}

#TopNav ul ul {
	position:absolute; 
	left:-9999px; 
	margin-left: 5px;
	padding-bottom:3px;
	/*
	-webkit-box-shadow: 0 0 20px rgba(0,0,0,.5);
	-moz-box-shadow: 0 0 20px rgba(0,0,0,.5);
	box-shadow: 0 0 20px rgba(0,0,0,.5);
	*/
}

#TopNav ul li {
	position:relative;
	
}

#TopNav li a {
	text-align:left;
	padding-left: 10px;
	text-decoration: none;
}

#TopNav ul ul li {
	margin:0;
	padding: 0;

}

#TopNav ul ul li a {
	width:220px;
	font-size: 0.84615em;
	letter-spacing: 0.08em;
	line-height: 2em;
	/*	font-weight: 600; */
	text-decoration: none;
	/*	text-transform: none;*/
	text-align:left;
	margin-left:5px;
}

#TopNav ul ul li a.fly {
	padding-right:0px; 
}

#TopNav ul li:focus, #TopNav ul li:hover, #TopNav ul li:hover > a { 
	color:#fbb03b; 
	background-color:#0071bc; 
}

#TopNav ul ul.dropdown li {
	background-color:#0071bc;
	border:none;
	opacity: .90; 
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}

#TopNav ul li a:focus, #TopNav ul li a:active {
	background-color:#0071bc;	
	border-style: hidden;
}

#TopNav ul li a:active + ul.dropdown {left:-5px;}
#TopNav ul li a:focus + ul.d1,
#TopNav ul li a:focus + ul.d2,
#TopNav ul li a:focus + ul.d3,
#TopNav ul li a:focus + ul.d4,
#TopNav ul li a:focus + ul.d5 {left:-5px}

#TopNav ul li ul.dropdown:hover {left:-5px}

#TopNav ul li a:active + ul.flyout {left:122px;}
#TopNav ul li a:focus + ul.f1,
#TopNav ul li a:focus + ul.f2,
#TopNav ul li a:focus + ul.f3,
#TopNav ul li a:focus + ul.ff1 {left:122px;}

#TopNav ul li ul.flyout:hover {left:122px;}





/*** Bottom Menu ***/


#bottommenu {
	float: left; 
	padding:0; 
	margin:0;
}

#bottommenu li {
	float:left; 
	position:relative; 
 	background:#666; 
	border-right: 1px solid #999;
}

#bottommenu li, #bottommenu li a {
	width:150px;
	display:block; 
	color:#fcfcfc; 
	line-height:26px;
	text-decoration: none;
	text-align:center;
	cursor:pointer;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif; 
	font-size: 0.8571em; 
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	text-shadow: 0 1px 1px rgba(0,0,0,.5);
}

#bottommenu li:first-child, #bottommenu li:first-child a {
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-left-radius: 10px;	
}

#bottommenu li:hover, #bottommenu li a:hover {
	color: #fbb03b;
	background:#0071bc;
}
	
#BottomNav {
	clear:both;
	width: 100%;
	padding: 0;
	float:left;
	height:26px;
	margin: 100px 0 10px 0;
	background-color: #666;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}


/*** END MENUS ***/

/* add stuff */

h2 + ul, h3 + ul, h2 + ol, h3 + ol {
	margin-top:1.4em;
}


ul.nobullets, ul ul.nobullets, ol ul ul.nobullets {
	list-style-type: none;
}

html.no-js #Search {display:none;}

html.no-js #BottomNav li.jslink {display:none;}

html.no-js  iframe.jslink {display:none;}

html.no-js div.sidebox iframe, html.no-js div.sidebox form {display:none;}

div#overDiv {
	position: relative;
	z-index:600;
}



/* Styles for Meeting Minutes Show/hide Toggler */

div.minutestoggler h3 {
	line-height:1.2em;
	font-weight: 500;
	font-family: Verdana, Tahoma, Geneva, sans-serif;
	color : rgb(23,119,175);
	text-decoration:underline;
}

div.minutestoggler h3:last-child {visibility:hidden;}

.heading{
	font-weight: bold;
	padding-bottom: 10px;
}

.bodycopy{
	padding-top: 20px;
}


#pleiadesList li ul  { 
	list-style-type : square; 
	line-height: 15px;
}

#pleiadesList ul ul li  { 
	list-style-type : disc; 
}

/* Styles for training webinars */

div#nextwebinar {
	width:90%;
	margin: 0 auto;
	padding: 0 20px;
	border: 1px dotted #09005f;
	background-color: #fcfcfc;
	text-align: left;
}

div#nextwebinar h2 {
	margin:10px 05px 0;
	font-size: 1.5385em;
	color:  #0c1c57;
	text-align: center;
}

div#nextwebinar ul {
	margin-top:10px;
}
div#nextwebinar dl {
	margin-top:20px;
}


div#nextwebinar dl dt {
	margin: 5px 0;
	font-size:1.2308em;
	
}

div#nextwebinar dd {
	margin-top:15px;
}



div#upcomingwebinars dl dd ul{
	display:none;
}

ol#accountSteps li {
	font-size: 1em; 
	margin: 1.875em 0 -0.625em;
}

ol#accountSteps li ul li {
	font-size: 1em; 
	margin: 10px 0;
	list-style-type:none;
}


/* Social Media Buttons */

.myborder {
	float: right;
	min-width: 80px;
}
  
/**** Random Stuff ****/

p.legacy {
	font-style: italic;
	color: #999;
	margin-top: 0;
}



/**
 * Flexible multiline definition lists with 2 lines of CSS
 */

dl.commands {
	display: inline-block;
	width:100%;
    overflow: hidden;

}
.commands dt, .commands dd {
	line-height: 1.5;
	font-weight: normal;
	font-size:1em;
}

.commands dd:nth-of-type(n+2) {
    margin-top: 6px;
}
.commands dt, .commands dd {
    margin: 5px;
    padding: 4px;
}
.commands dt {
    min-width: 11em;
	max-width: 30em;
}


 /**** Columbia Video box around and text above****/

.abovebox { width: 150px; height: 250px; float: right; padding-left: 10px;}
.abovebox h3 {
   font-size: 1.05em;
   width: 150px;
   padding-left: 10px;
} 




ul.fallbackvid { list-style-type: none; }
       
.hideVidLinks{ display: none; }
   
div.videobox {
   background-color: #FFFFFF;
    border: 1px solid #CE5418;
    float: left;
    height: 240px;
    margin: 0 10px 10px 0;
    overflow: hidden;
    padding: 5px 0 10px;
    text-align: center;
    width: 160px;
	} 
    
div.gallerycap { display:none; }
    
.fancybox-effects-a img, .videolink img{ margin: 3px; }