@charset "utf-8";

html {
	min-height: 100%;
	min-width: 100%;
	position:relative;	/* sticky footer */
}

body,div,dl,dt,dd,ul,ol,li,nav,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,a,img {
	margin: 0;
	padding: 0;
	border: 0;
}

body
{
	font-family: 'Roboto',Verdana,sans-serif;
	;
	text-align: left;
	font-size: 13px;
	line-height: 1.4em;
	word-wrap: normal;
	/*position:relative;*/	/* sticky footer */
	background-color: #fff;
	color: #222;
	background-image: url(../images/TBMDiGsLogo333x257.png);
	background-position: 20px 20px;
	background-repeat: no-repeat;
	margin-bottom: 100px;	/* sticky footer */
}

p { margin:0.8em 0; }

a, .like-a {
	color:#DE4B0C;
	text-decoration:none;
	font-weight:500;
	outline:none;
}
.like-a { cursor:pointer; }
a.blip {
	padding-left:12px;
	background: url(//csmspace.com/static/images/rt_blip_gray_red_white.png) no-repeat scroll 0 0;
	font-weight:500;
	outline:none;
	white-space:nowrap;
}
a.blip:hover { color:#1A70AB; background-position:0 -15px; }
div#footer a { font-weight:400; }

table {
	border-collapse: collapse;
	border-spacing: 0;
	border:0;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: 900;
	line-height:1.2em;
	color:#1A70AB;
}

.subhead, .subsubhead {
	font-size:140%;
	margin:1.5em 0 1em 0;
	text-align:left;
}
.subsubhead {
	font-size:120%;
	text-align:center;
	margin:1em 0 0.5em;
}
.bighead {
	font-size:180%;
	text-align:left;
	margin:0 0 0.5em;
}


input,button,textarea,select,optgroup,option {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
}
input[type='text'], input[type='password'] {
	width:50%;	
}

div#header {
	width: 100%;
	padding: 40px 20px 0 360px;
	margin: 0 0 20px;
	font-size: 250%;
	min-height: 277px;
}
div#header p {
	color:#1a70ab;
	text-align: right;
	font-weight: 900;
	font-size:70%;
	line-height: normal;
}
div#header p:first-child {
	font-size: 100%;
	margin-top:20px;
}
div#header p:last-child {
	font-size: 80%;
	color: #B57A49;
}

/*div#partners img {
	width:185px;
	margin:10px 2.5%;
	float: left;
	display: inline-block;
}*/

div#partners>div,div#shortpartners>div {
  float: left;
  margin:10px 2.5%;

}

div#partners div>div, div#shortpartners div>div {
  width:185px;
  height:130px;
  display: table-cell;
  vertical-align: middle;
}

div#shortpartners div>div { height: 77px; }

div#media-partners { width:100%; }
div#media-partners img { margin:0 10px 10px; display: block; float: left; }

div#sponsors img { margin:0 10px 20px; display: block; float: left; }
/*div#partners div img {
  width:100%;
  display: block;
}
*/
/*div#header-internal {
	margin:0 auto;
	width:100%;
	max-width:960px;
	box-sizing:border-box;
	padding-top:50px;
}
div#header-internal img {
	display:block;
	height:auto;
}
div#header-internal img.what {
	width:50%;
	max-width:407px;
	min-width:303px;	
}
div#header-internal img.where {
	width:40%;
	max-width:296px;
	min-width:250px;
	margin:20px 0 0 30px;
}*/

div#page {
	width:100%;
	max-width:960px;
	margin:15px auto;
	position:relative;
}
div#nav {
	box-sizing:border-box;
	width:100%;
	padding:10px 15px;
	text-align:center;
}
div#nav ul {
	display:block;
	margin:0 auto;
	padding:0;
	width:100%;
	max-width:960px;
	list-style:none;
}
div#nav ul li {
	width:100px;
	background-color:#1A70AB;
	color:#fff;
	font-weight:500;
	text-align:center;
	margin:3px 2px;
	box-sizing:border-box;
	display:inline-block;
	border-radius:4px;	
}
div#nav ul li a {
	padding:8px 0;
	text-align:center;
	display:block;
	color:#fff;
	white-space:nowrap;
	overflow:hidden;
}
div#nav ul li:hover { background-color:#259bea; }
div#menu {
	padding:10px 0 10px 15px;
	display:none;	
}
div#main {
	width:100%;
	margin:0 auto;
	padding-bottom:30px;	/* sticky footer */
}
div.section {
	width:100%;
	max-width:960px;
	margin:0 auto;
}
div.column {
	padding:0 10px 0 0;	
}
div.sectionhead {
	width: 100%;
	height: 90px;
	padding: 0;
	margin: 0 0 20px 0;
	background-color: #555;
	font-weight:100;
	font-size:40px;
	text-align:center;
	color:#fff;
	line-height:90px;
}
div.gototop {
	clear:both;
	height: 11px;
	margin: 20px 20px 5px;
	/*width:54px;
	background:url(../images/top.png) 0 0 no-repeat scroll;
	cursor:pointer;*/
	display:none;
}
div.gototop a {
	display:block;
	float:right;
}
div.gototop a:first-child { float:left; }

div#footer {
	/* James Dean sticky footer: http://mystrd.at/modern-clean-css-sticky-footer/ */
    height: 100px;
    width: 100%;
	padding:0 15px;
	background-color:#555;
	position:absolute;
	left:0;
	bottom:0;
	color:#fff;
	box-sizing:border-box;
}
div#footer-internal {
	max-width: 900px;
	height:90px;
	margin: 10px auto 0;
	background-image: url(../images/mineslogofooter2.png);
	background-position: right top;
	background-repeat: no-repeat;
	background-attachment: scroll;
}
div#footer-space {
	font-size:10px;
	text-align:right;
	width:250px;
	float:right;
	margin-top:25px;
	line-height:1.2em;
}

div.under-construction {
	width:250px;
	margin:20px auto;
}
div.under-construction img {
	float:left;
}
div.under-construction p {
	width:120px;
	float:right;
	font-weight:500;
	color:#000;
	font-size:13px;
}

div.top-center { width:80%; margin:0 auto; }

div.important {
	width:85%;
	min-height:55px;
	margin:0 auto;
	border:solid 2px #D56344;
	border-radius:10px;
	padding:0 15px 0 50px;
	background-image:url(//csmspace.com/static/images/important30x30.png);
	background-position:10px 10px;
	background-attachment:scroll;
	background-repeat:no-repeat;	
}


ul.bullet-list {
	list-style: disc outside;
	padding-left: 15px;
}
ul.bullet-list li { margin-bottom:0.5em; }
ul.indent-list { margin-left:15px; }
ul.no-bullets { list-style:none; margin:0; padding:0; }
ul ul, ul ol, ol ol, ol ul {
	font-size:100%;
	margin-top:0.8rem;
	margin-bottom:1rem;
}
ol {
	list-style:decimal;
	padding-left: 15px;
}

.clearfix:after {
    content:"";
    display:table;
    clear:both;
}
.displayBlock { display:block; }
.displayInline { display:inline; }
.displayNone { display:none; }
.floatLeft { float:left; }
.floatRight { float:right; }
.floatNo { float:none; }
.positionFixed { position:fixed; }
.positionAbsolute { position:absolute; }
.clearLeft { clear:left; }
.clearAll { clear:both; }
.fluid-width { width:100%; }
.bold { font-weight:900; }
.semibold { font-weight:500; }
.italic { font-style:italic; }
.underline { text-decoration:underline; }
.smaller-font { font-size:95%; line-height:1.2em; }
.larger-font { font-size:120%; line-height:120%; }
.extra-large-font { font-size:150%; line-height:150%; }
.indent { margin-left:15px !important; }
.shadow { box-shadow:3px 3px 3px 0 hsla(0,0%,0%,0.40); }
.fullwidth { max-width:100%; }
.text-center { text-align:center !important; }
.text-left { text-align:left !important; }
.text-right { text-align:right !important; }
.no-top-margin { margin-top:0; }
.no-bottom-margin { margin-bottom:0; }
.extra-btm-margin { margin-bottom:2em; }
.extra-top-margin { margin-top:2em; }
.text-maroon { color:#1A70AB; }
.grayed-out { opacity:0.4; filter: alpha(opacity=40); }

.schedule-day-head { width:100%; border-bottom:1px solid #888; margin:0 0 5px; }
.schedule-day-head span { display:inline-block; padding: 3px 0 2px 10px; width:70%; font-weight:500; color:#fff; font-size:14px; background-color:#888; }
.schedule-table td {
	padding:2px 5px;
	vertical-align:top;
	line-height:1.3em;
}
.schedule-table td span {
	font-style:italic;
	display:block;
	padding:0 0 0 15px;
}
.schedule-table tr td:first-child { font-weight:500; color:#888; font-size:11px; width:55px; text-align:right; padding:3px 5px 2px 0; }

table#dates, table.committee, table.contactinfo {
	width:100%;
	table-layout:fixed;
	margin-bottom:0;
	border-collapse:separate;
	border-spacing:0 5px;
}
table#dates td, table.committee td, table.contactinfo td {
	padding:5px;
	box-sizing:border-box;
	vertical-align:middle;
}
table#dates tr td:first-child
	{
	font-weight:500;
	width:125px;
	color:#000;
	text-align:center;	
}
table#dates td.papers { background-color:#06fac8; }
table#dates td.registration { background-color:#8cdb06; }
table#dates td.tbm { background-color:#f29d04; }
table#dates td.other { background-color:#a288e1; }
table#dates td.awards { background-color:#ffaaca; }

table.committee td, table.contactinfo td { vertical-align:top; padding:0; font-style:italic; }
table.committee tr td:first-child { width:120px; font-style:normal; }

table.contactinfo td { font-style:normal; }
table.contactinfo td:first-child { width:100px; }

.flex-container {
	position:relative;
	padding:30px 0 56.25% 0;
	height:0;
	overflow:hidden;
}
.flex-container iframe, .flex-container object, .flex-container.embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
div#the-map-placeholder {
	height:60px;
	padding:10px 15px;
	margin-top:15px;
	border:solid 1px #888;
	border-radius:8px;
	cursor:pointer;	
}
div#the-map-placeholder p {
	margin:0 0 0 55px;
	color:#888;
	font-style:italic;
}

.round-border-box {
	border:solid 2px #aa771b;
	border-radius:10px;
	padding:15px;
	width:100%;
}
.round-border-box h1.subhead { margin-top:0; }
.round-border-box.dates { 
	background-color:#ffe9c2;
	border:none;
}

p.almost-there1,p.almost-there2 { text-align: center; font-weight: 900; }
p.almost-there1 {
	magin:50px 0 20px 0;
	font-size: 40px;
}
p.almost-there2 {
	margin:0;
	font-size: 18px;
}
img.almost-there {
	display: block;
	margin:30px auto;
	width:100%;
	max-width: 900px;
	height: auto;
}

div#dms-how {
width: 50%;
min-width: 320px;
margin: 15px auto;
background-color: white;
min-height: 100px;
background-image: url(../images/question-mark-blue.png);
background-repeat: no-repeat;
background-attachment: scroll;
padding:5px 0 0 95px
}
div#dms-how h1 {
  font-size: 25px;
  margin: 0 0 10px 0;
}
div#dms-how li { font-size:14px;}

@media screen and (max-width:730px){
	body { background-image:url(../images/TBMDiGsLogo160x123.png); }
	div#header { 
		padding:15px 20px 0 190px;
		font-size: 150%;
		min-height: 143px;
	}
	p.almost-there1 { font-size: 36px; }
	p.almost-there2 { font-size: 14px; }
}

@media screen and (max-width:450px){
	div#header { font-size: 125%; padding-top:5px; }
}

@media screen and (max-width:380px){
	body { background-image:url(../images/TBMDiGsLogo130x100.png); }
	div#header { padding-left: 155px; font-size: 100%; min-height:120px; }
	p.almost-there1 { font-size: 24px; }
	p.almost-there2 { font-size: 12px; }	
}
	
/*	div#main { margin-top:0px; }
	div.gototop { display:block; }
	div.sectionhead { margin-top:0; font-size:30px; height:80px; line-height:80px; }
	div#menu { display:block; }
	div#nav { display:none; }
	div#header { height:200px; }
	div#footer-logo { display:none; background-image:none; }*/