* { box-sizing: border-box; font-family: "Helvetica", sans-serif; }
		
body { background-color: #f9f9f9; padding: 0px; margin: 0px auto; font-family: 'Noto Sans JP', sans-serif; font-size: 1em; line-height: 1.3em; color: #444;}
content { padding: 5px; margin: 0px 10px; display: block; }
.banner { background-color: #f3efe8; padding: 16px 20px 10px 22px; color: #fff; font-family: serif; border-bottom: 1px solid #ddd;
background: url(https://web.bc.edu/ricci/images/header-bkgrd.png);
background-position: 0 -22px;}

h1 { font-family: 'Roboto', sans-serif; }
h2 { font-family: 'Roboto', sans-serif; font-weight: 400; line-height:28px;}
h3 { font-family: 'Roboto', sans-serif; }

.btn-maroon {
	background: #8a100b;
	color: #fff;
	border: 0;
	transition: .2s;
	-moz-transition: .2s;
	-webkit-transition: .2s;	
	text-align: center;
	font-size: 1em;
}

a.link:link { text-decoration: none; color:#0487e5; }
a.link:visited { text-decoration: none; color:#0487e5; }
a.link:hover { text-decoration: none; color:#0f3a5f; }
	
.wf-force-outline-none[tabindex="-1"]:focus { outline: none; }

.btn-maroon:hover { color: #fff;	border: none;	background: #b30000; }
textarea { border: 1px solid #ddd; }
/* Default table styles for this demo 
*/
table { border-collapse: collapse; text-align: left; }
tr.tableHeader {font-size: 1.1em; line-height: 1.3em; color: #3a3a3a;}
table th { background: #ebdcb9; border: 1px solid #ffffff; font-weight: 400; }
table tr { background: white; border-bottom: 1px solid #ddd; }
table tr:nth-child(odd) { background: #f5f5f5; }
table th, table td { padding: 8px 12px; border: 1px solid #ddd; border-top: 1px solid #EAEAEA; }

a { color:#0487e5; }
a:hover{ color: #0f3a5f; }
td a{ display: block; }
/*td a.class{ display: inline; } */
tr:hover,table tr:nth-child(odd):hover{ background:#e8f5e8; }
table td { padding: 10px; border-top: 1px solid #fff; border-bottom: none; }

 #autoSuggestionsList{
 	width: 1024px;
 	float: left;
 	margin: auto;
 }

.Accordion { border: none !important; box-shadow: 1px 7px 12px 6px rgb(0 0 0 / 12%);}
.AccordionPanel{ text-align: left;
   /* border-bottom: 1px solid #e6e6e6;*/
}
.AccordionPanelTab {
    border-top: solid 1px #d3ceb7;
    border-bottom: none !important;
    padding: 8px 10px;
}
.AccordionPanel.AccordionPanelOpen .AccordionPanelTab  {
background: #617f8d !important;
    color: #fff;
}
.AccordionPanelTab {
    background-color: #dccaa0 !important;
    border-top: solid 1px #ffffff !important;
    font-size: .95em !important;
	padding: 7px !important;
}
table td {
    border-left: none !important;
    border-right: none !important;
    color: #555 !important;
    font-size: .9em;
    line-height: 1.4em;
}
table, .Accordion {
  border:none;
  max-width: 1024px;
}
.Accordion table {
  width: 100%;
}

table th{
border: 1px solid #ffffff;
}

tr td:first-child {
    color: #5681a2 !important;
    vertical-align: top;
}

p {
  font-size: 1em;
}



ul li { list-style: none }
.notice { font-weight: bold; }
/* Simple CSS for flexbox table on mobile*/
#front ul li { list-style: disc !important; }
#front { width:  100%; margin: 20px auto; 
    background: #efefef;
    padding: 30px;
    border-radius: 12px;
    margin-bottom: 40px;}

@media(max-width: 800px) {
	table thead {
		/*left: -9999px;
		position: absolute;
		visibility: hidden;*/
	}
	table tr {
		border-bottom: 0;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		margin-bottom: 40px;
	}
	table td {
		border: 1px solid #ccc;
		/*margin: 0 -1px -1px 0;*/
		padding: 5px;
		position: relative;
		width: 95%;
	}
}

.search-results {
    max-width: 1024px;
    margin: auto;
    left: 0;
    right: 0;
}

#searchBar {
	margin: 10px 0 50px 0;
   font-size: .9em;
   color: #3a3a3a;
   border-top: 1px dashed #ececec;
   padding-top: 14px;
}

.nav-bar{
	padding: 1px;
	display:block;
	height: 30px;
	font-size: 13px;
	line-height: 9px;
}

 input.txt  {
	width: 100%;
    font-size: 1.1em;
    height: 52px;
    border: none;
    border-radius: 3px;
    box-shadow: 0 2px 7px 0 rgb(0 0 0 / 20%);
	color: #3a3a3a;
	padding-left: 12px;
    -webkit-box-shadow: 0 2px 7px 0 rgb(0 0 0 / 20%);
    -mox-box-shadow: 0 2px 7px 0 rgb(0 0 0 / 20%);
}

 input.final  {
    width: 80%;
    font-size: 1.1em;
    height: 50px;
    border: none;
    border-radius: 25px;
    box-shadow: 0 2px 7px 0 rgb(0 0 0 / 20%);
	color: #3a3a3a;
	padding-left: 12px;
}
label {
    white-space:nowrap;
}

.searchBtn {
	background: none;
	border: none;
	padding-left: 10px;
}



.searchBtn svg {
fill: #4285F4;
}


#magnifying-glass {
	/*fill: #999;*/
}


prm-icon {
	vertical-align: middle;
}


.voiceSearch {
	margin-left: -60px;
}



#searchSelection {
	margin-bottom: 15px;
	font-size: 1em;
}


input[type="radio"] {
	margin: 0 6px 0 22px;
	transform: scale(1.5);
}


@media(max-width: 1024px) {
	#searchBar {
		padding: 0 16px;
	}


	#searchSelection {
		 margin-bottom: 22px;

	}
}

/* Labels for checked inputs */
input:checked + label {
  color: #4285F4;
}


.social-section {
    width: auto;
    height: 365px;
    padding-bottom: 0;
    background-color: rgba(250, 201, 96, 0);
    background-image: url(https://web.bc.edu/ricci/images/footer-wrapper.jpeg);
    background-position: 0 0;
    background-size: auto;
    text-align: center;
    float: left; 
    width: 100%;

}

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

/* Form Specific CSS*/
    fieldset {
        margin:30px 15px 15px 15px;
        font-size: 1em;
        color: #3a3a3a;
        border:none;
    }

    fieldset div {
        padding: 7px 0;
    }

    fieldset label {
        margin: 0 6px 0 0;
        display: inline-block;
        min-width: 200px;
    }

	 fieldset.narrowResults div {
		 width: 50%;
		 float: left;
	}

    fieldset.narrowResults input, select {
        font-size: 1em;
        height: 26px;
        color: #3a3a3a;
        padding-left: 12px;
        width: 50%;
        border:1px solid #999;
    }

	fieldset.narrowResults  label{
	text-align: right;
	}

/* END. Form Specific CSS*/
input.txt  {
     width: 100%;
    font-size: 1.1em;
    border: none;
    border-radius: 25px;
    box-shadow: 0 2px 7px 0 rgb(0 0 0 / 20%);
    color: #3a3a3a;
    padding-left: 12px;
	height: 53px;
}


.SearchAdvanced svg {
    fill: #fff;
}

.btnRight {
    float: left;
    display: block;
    width: 80%;
    }


button.advanced {
    text-align: right;
    margin-top: 22px;
    border: none;
    background: none;
    float: right;
    }



button.SearchAdvanced {
    background-color: #4285F4;
    color: #fff;
    border-radius: 3px;
    border: 1px solid blue;
    font-size: 1.1em;
    padding: 4px 9px;
    letter-spacing: 2px;
    float:right;
    margin-bottom: 30px;
}




/*speech search specific styles*/
.speech-search .search {
	width: 100%;
}


.speech-search #searchSelection {
	width: 59%;
	float: left;
}

.speech-search .select-language {
margin: 0;
padding: 0;
border:none;
width: 40%;
float: right;
}


.speech-search fieldset.narrowResults input, select {
	width: 150px;
}

.compact.marquee #info {
	width: 100%;
	text-align: left;
	font-size: 2em;

}



.speech-search .voiceSearch {
height: 50px;
}

.speech-search #start_button { position: absolute;  margin-left: -55px;}


.speech-search #search{
    float: left;
    width: 100%;
	margin-bottom: 10px;
}

 #start_img {
	vertical-align: middle;
	 margin-top: 2px;
	 height: 46px;
}

select {
	font-size: 14px;	
    color: #3a3a3a;
    padding-left: 12px;
    max-width: 150px;
    border: 1px solid #ccc;
    height: 35px;
    border-radius:3px;
}

option:focus {
  height:35px;
  line-height: 35px;
  padding: 5px 2px;
}
.speech-search #searchSelection {
	width: 45%;
	float: left;
  line-height: 22px;
  margin-top: 8px;
}

.speech-search .select-language {
margin: 0;
padding: 0;
border:none;
width: 55%;
float: right;
}

.voiceSearch { margin-left: -75px;}
#info_start, #info_no_speech, #info_no_microphone, #info_allow, #info_denied, #info_blocked, #info_upgrade {
    display: inline-table;
	line-height: 24px;
    background: #f6f7a4;
    padding: 7px 15px;
    font-size: 16px;
    border-radius: 5px;
}
#info_no_microphone, #info_denied, #info_blocked, #info_upgrade{ background: #ffc7c7; }
#info_speak_now{
display: inline;
    background: #99f267;
    padding: 7px 15px;
    font-size: 16px;
    border-radius: 5px;}

#info {font-size: 20px; text-align: center;}
 #div_start {float: right; }
 #headline {text-decoration: none}
 #results {font-size: 14px; font-weight: bold;padding: 15px 0; text-align: left;}
 #start_button {border: 0;background-color:transparent;padding: 0;}
 .interim {color: gray; }
 .final {color: black;padding-right: 3px;}
 .button {display: none;}
 .marquee {margin: 20px auto;}
 #buttons {margin: 10px 0;position: relative;top: -50px;}
 #copy {margin-top: 20px;}
 #copy > div {display: none;margin: 0 70px;}
a.c1 {font-weight: normal;}
.banner {  margin-top: 0;}

.active {border-top: 3px solid #b30000;color: #000; text-decoration: none;}
section {max-width: 1024px; margin: auto;}
section.nav-links {display: table; width: 1024px; margin: 0px auto;}
section.nav-links a{display: inline-table; padding: 14px 20px;}

@media only screen and (min-width: 350px) and (max-width: 800px) {
  .speech-search #searchSelection {
	width: 100% !important;
    }

    .speech-search .select-language {
        width: 100% !important;
    }
    .top-bar, #searchBar, section {
        width: 100% !important;
    }
    .social-section img {
        width: 100%;
        max-width: 478px;
    }
    section.nav-links{
        display: inline;
        width: 100% !important;
    }
    .t-Header-logo-link img {
        width:100% !important;
        max-width: 350px !important;;
    }
    input[type="radio"] {
        margin: 20px 6px 0px 22px;
    }
    .nav-bar {
        padding: 0px 24px;
    }
    #searchBar {
        margin: 10px 0 25px 0;
    }
    #front {
        padding: 15px 30px;
        margin: 0px auto;
   }
   input.txt {
       border: 1px solid #ccc;
   }
	select#select_dialect{
		display: table;
		margin-top: 7px;
		margin-left: 111px;
	}
	#info_start{
		display: inline-table !important;
	}
}