/* Core page styling */
/* ----------------- */

.wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  _font-weight: bold;
  text-align: center;
}

.wrapper > * {
  padding: 10px;
  flex: 1 100%;
}

.header {
  font-size: 18px;
  color: black;
  text-align: left;
}

.header:before {
 background: url("/aca-docs/sprite.png") -80px -45px no-repeat; 
 float: left;
 width: 160px; 
 height: 30px;
 content: "";
 margin: 0px 24px; 0px 0px;
}

.footer {
  _background: lightgreen;
}

.main {
  text-align: left;
  _background: #f3f3ff;
}

.nav-1 {
  _background: gold;
  font-weight: normal;
  font-size: 16px;
  text-align: left;
}

.nav-1 a {
 color: blue;
 text-decoration: none;
 font-size: 12px;
 width: 100%;
 display: block;
 padding-top: 2px;
 padding-bottom: 2px;
 margin: 1px;
 text-align: left;

}

.nav-1 a:hover {
 color: black;
 background: lightgrey;
}

/*
.nav-1 a:before {
  content: ">";
  _content: url(data:image/svg+xml;utf8,<svg width="12" height="12" viewBox="0 0 12 12"><circle cx="6" cy="6" r="5" fill="blue" stroke="none"/></svg>);
  float: left;
  height: 12px;
  width: 12px;
  margin: 0px 2px; 0px 0px;
}
*/

.aside-2 {
  _background: hotpink;
  font-weight: normal;
  font-size: 16px;
  text-align: left;
}

.rrl-notices {
 font-size: 9px;
 text-align: center;
 width: 100%;
 background: #e9e9fe; 
 border: 1px solid lightgrey;
 _border-radius: 6px;
 min-height: 25px;
 padding-top: 10px;
 padding-bottom: 10px;
 padding-left: 5px;
 padding-right: 5px;
 max-width: 240px;
}

.rrl-notices-urgent {
 font-size: 10px;
 font-weight: bold;
 text-align: center;
 width: 100%;
 background: #FF0000; 
 border: 1px solid lightgrey;
 _border-radius: 6px;
 min-height: 25px;
 padding-top: 10px;
 padding-bottom: 10px;
 padding-left: 5px;
 padding-right: 5px;
 max-width: 240px;
}

#footer_links {
 display: none;
}

#footer_small {
 display: block;
}

#footer_small a {
 font-size: 12px;
 text-decoration: none; 
}

@media all and (min-width: 760px) {
  .aside {
    flex: 1 auto;
  }
}

@media all and (min-width: 1078px) {
  .main {
    flex: 4 0px;
  }

  .nav-1 {
    order: 1;
    max-width: 140px;
  }

  .main {
    order: 2;
  }

  .aside-2 {
    order: 3;
    _float: left;
    max-width: 100px;
  }

  .footer {
    order: 4;
  }

}

body {
  padding: 1px;
  font-family: Arial;
  font-size: 12px;
}

.btn:hover { color: red; }



/* Orig footer style */
/* ----------------- */

#logo { background: url("/aca-docs/sprite.png") -80px -45px no-repeat; width: 160px; height: 30px;}
#logo { float: left; margin-top: 0px; }

#acma-home { background: url("/aca-docs/sprite.png") -205px -0px no-repeat; width: 20px; height: 25px; float: left; margin-left: 20px; margin-top: 5px}

#footer_links ul { list-style-type: none; padding-left: 0px; margin: 0px 5px 0 15px;}
#footer_links a { text-decoration: none; }

#footer-bottom { padding: 10px 0% 50px 0%; width: 100%; float: left; }
#footer-bottom li { float: left; padding-left: 10px; margin-left: 10px; border-left: solid 1px #969696; color: #969696; line-height: 1em; }
#footer-bottom li:first-child { border-left: none; margin-left: 0; padding-left: 0; }
.industry #footer-bottom li a, .citizen #footer-bottom li a, .industry #footer-bottom li a:visited, .citizen #footer-bottom li a:visited { color: #969696; }
.home #footer-bottom li a, .home #footer-bottom li a:visited { color: #777; }
.theacma #footer-bottom li a, .theacma #footer-bottom li a:visited { color: #4d4d4f; }
#footer-bottom li a:hover { text-decoration: underline; color: #000; }
.citizen #footer-bottom li a:hover, .home #footer-bottom li a:hover { color: #4d4d4f; }
#footer-bottom #acma-products { float: left; margin: 0 0 8px 10px; }
#footer-bottom #acma-products li a { text-indent: -999em; text-transform: capitalize; background: url("/aca-docs/sprite.png") left -230px no-repeat; height: 14px; float: left; }
#footer-bottom #acma-products li#footer-engage a { width: 47px; }
.theacma #footer-bottom #acma-products li#footer-engage a { background-position: left -245px; }
.citizen #footer-bottom #acma-products li#footer-engage a, .home #footer-bottom #acma-products li#footer-engage a { background-position: -0px -275px; }
#footer-bottom #acma-products li#footer-engage a:hover { background-position: -0px -245px; }
.citizen #footer-bottom #acma-products li#footer-engage a:hover, .home #footer-bottom #acma-products li#footer-engage a:hover { background-position: -0px -245px; }
#footer-bottom #acma-products li#footer-donotcall a { width: 57px; background-position: -100px -230px; }
.theacma #footer-bottom #acma-products li#footer-donotcall a { background-position: -100px -245px; }
.citizen #footer-bottom #acma-products li#footer-donotcall a, .home #footer-bottom #acma-products li#footer-donotcall a { background-position: -100px -275px; }
#footer-bottom #acma-products li#footer-donotcall a:hover { background-position: -100px -245px; }
.citizen #footer-bottom #acma-products li#footer-donotcall a:hover, .home #footer-bottom #acma-products li#footer-donotcall a:hover { background-position: -100px -245px; }
#footer-bottom #acma-products li#footer-cybersmart a { width: 80px; background-position: -200px -230px; }
.theacma #footer-bottom #acma-products li#footer-cybersmart a { background-position: -200px -245px; }
.citizen #footer-bottom #acma-products li#footer-cybersmart a, .home #footer-bottom #acma-products li#footer-cybersmart a { background-position: -200px -275px; }
#footer-bottom #acma-products li#footer-cybersmart a:hover { background-position: -200px -245px; }
.citizen #footer-bottom #acma-products li#footer-cybersmart a:hover, .home #footer-bottom #acma-products li#footer-cybersmart a:hover { background-position: -200px -245px; }
#footer-bottom #acma-products li#footer-smartnumbers a { width: 91px; background-position: -300px -230px; }
.theacma #footer-bottom #acma-products li#footer-smartnumbers a { background-position: -300px -245px; }
.citizen #footer-bottom #acma-products li#footer-smartnumbers a, .home #footer-bottom #acma-products li#footer-smartnumbers a { background-position: -300px -275px; }
#footer-bottom #acma-products li#footer-smartnumbers a:hover { background-position: -300px -245px; }
.citizen #footer-bottom #acma-products li#footer-smartnumbers a:hover, .home #footer-bottom #acma-products li#footer-smartnumbers a:hover { background-position: -300px -245px; }
#footer-bottom #acma-products li#footer-research a { width: 92px; background-position: 0 -440px; }
.theacma #footer-bottom #acma-products li#footer-research a { background-position: 0 -460px; }
.citizen #footer-bottom #acma-products li#footer-research a, .home #footer-bottom #acma-products li#footer-research a { background-position: 0 -500px; }
#footer-bottom #acma-products li#footer-research a:hover { background-position: 0 -460px; }
.citizen #footer-bottom #acma-products li#footer-research a:hover, .home #footer-bottom #acma-products li#footer-research a:hover { background-position: 0 -460px; }
#footer-bottom #acma-footer { float: right; margin-bottom: 5px; font-size: 0.8em; line-height: 1em; font-family: "Helvetica"; letter-spacing: 0; margin-right: 20px; font-weight: bold; color: #4d4d4f; }
.home #footer-bottom #acma-footer { color: #777; }
.industry #footer-bottom #acma-footer, .citizen #footer-bottom #acma-footer { color: #929292; }
.theacma #footer-bottom #acma-footer { color: #4d4d4f; }
#footer-bottom #strapline { float: right; clear: right; margin-bottom: 8px; width: 253px; height: 17px; background: url("/aca-docs/sprite.png") left -300px no-repeat; margin-right: 50px; }
.home #footer-bottom #strapline, .citizen #footer-bottom #strapline { background-position: left -400px; }
.theacma #footer-bottom #strapline { background-position: left -350px; }
#footer-bottom #strapline li { text-transform: capitalize; border: none; margin: 0; padding: 0; }
#footer-bottom #strapline li a { text-indent: -999em; display: block; }
#footer-bottom #strapline li#strap-communicating a { width: 106px; height: 17px; }
#footer-bottom #strapline li#strap-facilitating a { width: 76px; height: 17px; }
#footer-bottom #strapline li#strap-regulating a { width: 71px; height: 17px; }
#footer-bottom #footer-nav { float: left; clear: left; font-size: 0.7em; margin-left: 10px; font-weight: bold; }
#footer-bottom #footer-nav a { font-family: "Helvetica"; }
#footer-nav li { display: inline; clear: right; }
 
#footer-bottom #strapline { margin-right: 20px; }
##footer-bottom #acma-footer { float: right; margin-right: 50px; }



/* jQuery widjet specific styling */
/* ------------------------------ */

.ui-tooltip-content { font-size: 12px; }

.ui-dialog-titlebar { font-size: 12px; }
.ui-dialog { font-size: 11px; }

.ui-dialog-buttonpane { font-size: 12px; }

.ui-datepicker { font-size: 11px !important; }


/* Undo font changes for jQuery widgets */
.ui-widget {
 	font-family: Arial !important;
	font-size: 12px !important;
}

.ui-widget button {
	font-family: Arial !important;
}
.ui-autocomplete {
	font-size: 1.1em !important;
	font-famiily: Verdana,Arial,sans-serif !important;
}
.ui-widget a {
 	color: blue;
}
.ui-widget a.btn {
 	color: white;
}


/* Responsive styling */
/* ------------------ */


/* header break */

@media all and (max-width: 560px) {

 .header:before {
  background: none;
  float: none;
  background-image: url("/aca-docs/img/acma_logo.png");
  background-size: 16px 16px;
  border-radius: 2px;
  display: inline-block;
  height: 16px;
  width: 16px;
  margin: 0px 6px; 0px 0px;
  content: ""
 }

 .header {
  font-size: 11px;
 }

 body {
  margin: 0;
 }

}

/* Touch devices - make links large */
@media all and (pointer: coarse) {

 .nav-1 a {
  color: blue;
  text-decoration: none;
  _background: #f3f3f3;
  background: linear-gradient(#e6e6e6, #f3f3f3);
  font-size: 16px;
  width: 100%;
  display: block;
  border: 1px solid lightgrey;
  padding-top: 8px;
  padding-bottom: 8px;
  margin: 1px;
  text-align: center;
 
  /*
  -webkit-transition-property:color, background;
  -webkit-transition-duration: 0.2s, 0.2s;
  -webkit-transition-timing-function: linear, ease-in;
 
  -moz-transition-property:color, background;
  -moz-transition-duration: 0.2s, 0.2s;
  -moz-transition-timing-function: linear, ease-in;
 
  -o-transition-property:color, background;
  -o-transition-duration: 0.2s, 0.2s;
  -o-transition-timing-function: linear, ease-in; 
  */
 
 }

 .nav-1 a:hover {
  color: white;
  background: blue;
 }

 .nav-1 a:before {
  content: none;
  margin: 0px;
 }

}

/* Footer break */
@media all and (min-width: 720px) {
 #footer_links {
  display: block;
 }
 #footer_small {
  display: none;
 }
}



/* Content Markup */


/* tablelist */
table.tablelist { 
 width: 100%; 
 border-collapse: collapse; 
}
/* Zebra striping */
table.tablelist > tbody > tr:nth-of-type(odd) { 
 background: #eee; 
}
table.tablelist > thead > tr > th { 
 _background: #333; 
 background: #666; 
 color: white; 
 font-weight: bold; 
}
table.tablelist > thead > tr > th > a { 
 _background: #333; 
 background: #666; 
 color: white; 
 font-weight: bold; 
 display: block;
 width: 100%;
 text-decoration: underline;
}
table.tablelist > thead > tr > th > a > i.unsorted { 
 color: grey; 
}
.tablelist > thead > tr > th, table.tablelist > tbody > tr > td { 
 padding: 6px; 
 border: 1px solid #ccc; 
 text-align: left; 
}
table.tablelist > tbody > tr > td.section, table.tablelist > thead > tr > th.section { 
 color: white;
 font-weight: bolder;
 background: green;
}
table.tablelist > tbody > td > a {
 color: blue;
}
.wordbreak {
	word-break: break-all;
}


/* tabledetail*/
table.tabledetail { 
 width: 100%; 
 border-collapse: collapse; 
}
table.tabledetail > tbody > tr > td:first-child {
 width: 30%
}
table.tabledetail > tbody > tr > td, table.tabledetail > thead > tr > th { 
 padding: 6px; 
 border: 1px solid #ccc; 
 text-align: left; 
 background: #f3f3ff;
}
table.tabledetail > tbody > tr > td.section, table.tabledetail > thead > tr > th.section { 
 color: white;
 font-weight: bolder;
 background: green;
}



/* General rules */

a {
 text-decoration: none;
 color: blue;
}
a:active {
 color: red;
}
a:hover {
 text-decoration: underline;
}
a.fullwidth {
 width: 100%;
 height: 100%;
 display: block;
}

/* deprecated
.pls_bold {
 font-weight: bolder;
}
*/




/* Input styling */
.input-field {
	_background: linear-gradient(#dff3f3, #aad3d3);
	background: linear-gradient(#dff3f3, #bbdfdf);
	padding-top: 4px;
}
.paginator {
 	background: none !important;
}

.input-field input[type="text"],
.input-field input[type="search"],
.input-field input[type="tel"],
.input-field input[type="url"],
.input-field input[type="email"],
.input-field input[type="number"],
.input-field input[type="file"],
.input-field select {
  box-sizing: border-box;
  padding: 0.6em 0.8em;
  color: #3d3d3d;
  background: #f7f7f7;
  border: 1px solid #e1e1e1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  _font-size: 0.9em;
  _font-size: 1.0em;
  font-size: 12px;
  text-decoration: none;
  line-height: normal;
  max-height: 3em;
}

.input-field input[type="search"] {
  border-radius: 0;
  -webkit-appearance: none;
}

.input-field input[type="text"]:focus,
.input-field input[type="search"]:focus,
.input-field input[type="tel"]:focus,
.input-field input[type="url"]:focus,
.input-field input[type="email"]:focus,
.input-field input[type="number"]:focus,
.input-field input[type="file"]:focus,
.input-field textarea:focus,
.input-field select:focus {
  color: #111;
  border: 1px solid #C17CCF;
  outline: none;
  background: #f2f2f2;
}
.input-field textarea {
    display: block;
    box-sizing: border-box;
    font: 0.9em Lato, Helvetica, sans-serif;
    width: 90%;
    height: 6em;
    overflow: auto;
    padding: 0.6em 0.8em;
    color: #999;
    background: #f7f7f7;
    border: 1px solid #e1e1e1;
    line-height: normal;
}

.map-button {
  _box-sizing: border-box;
  _padding: 0.6em 0.8em;
  color: blue;
  _background: white;
  _border: 1px solid #e1e1e1;
  font-size: 16px;
  text-decoration: none;
  line-height: normal;
}

.btn {
	border-radius: 0px 2px 2px 0px;
	box-sizing: content-box;
	background: #8B798C;
	font-weight: 300;
	_text-transform: uppercase;
	color: white;
	padding: 0.35em 0.75em;
	border: none;
	font-size: 1.3em;
	text-decoration: none;
	cursor: pointer;	
}
.btn:hover, .btn:focus {
	background: #C17CCF;
}
.btn-stretch {
        min-width: 30px;
	width: 100%; 
}

/* Related URL formatting */
.related {
  font-weight: normal;
  font-size: 14px;
  text-align: center;
  color: blue !important;
  text-decoration: none;
  padding-top: 2px;
  padding-bottom: 2px;
  margin: 1px;
  text-align: left;
}

.related:hover {
 _background: lightgrey;
}


/* font formatting */
.alert { 
	font-weight: bolder;
       	color: #FF6600;
}
.notice {
	font-weight: bolder;
	color: green;
}
.bolder {
	font-weight: bolder;
}

.message_400mhz {
 	color: blue;
	font-weight: normal;
	background: lightyellow;
}
.message_400mhz a {
	text-decoration: underline;
}
.message_800mhz {
 	color: blue;
	font-weight: normal;
	background: lightyellow;
}
.message_800mhz a {
	text-decoration: underline;
}