@charset "utf-8";

body {
	padding-top: 0px;
	padding-bottom: 40px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 11px;
	background: #FFF;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: contain;
	-moz-background-size: contain;
	background-size:100% auto;
}

a {
	color: #000;
}

p {
	color: #2C2C2C;
}

input {

	
}

h1 {
	font-weight: normal;
	font-size: 25px;
}

h2,
h3,
h4,
h5,
h6 {
	font-weight: bold;
	font-size: 15px;
}

label,
input,
button,
select,
textarea,
.form-control,
.control-label {

	
}


input,
button {
	border: 1px #CCC solid;
	
}

input[type='text'] {
	padding-bottom:5px;
	padding-left:3px;
	
}


label {
	width:auto;

}

.text_box_small {
	height: 13px;
}

.text-info {
	color: rgb(204, 102, 51);
}

legend {
	width:auto;
	border:none;
	clear:left;
	
}

.row {
	margin-top:5px;
}

.no_flo {
	float:none;
}

.line_help {
	width: 360px ;
	height:11px;
}

#iatResponse {
	width:auto !important;
	text-align:left;
	
}

.col1 {
	width:auto;
	text-align:center;
}

.col2 {
	width:auto;
	text-align:center;
}

/* Custom container */

.container-top {
	margin-top: 100px;
	text-align: center;
	color: rgb(255, 255, 255);
	font-size: 30px;
	text-shadow: 0 0 2px #000;
}

.container-narrow {
	margin-top:0px;
	margin-right:auto;
	margin-left:auto;
    margin-bottom:0px;
	padding-top: 0px;
	padding-bottom:0px;
	min-width:320px;
	clear:left;
	max-width: 745px;
	margin-bottom: 30px;
	height:auto;
	background-color:#FFF;
	box-shadow: -1px -1px 0px #c0c0c0, 1px 1px 0px #c0c0c0, 0px 5px 15px rgba(0,0,0,0.4); background-color: rgb(255, 255, 255);
	-moz-box-shadow: -1px -1px 0px #c0c0c0, 1px 1px 0px #c0c0c0, 0px 5px 15px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: -1px -1px 0px #c0c0c0, 1px 1px 0px #c0c0c0, 0px 5px 15px rgba(0, 0, 0, 0.4);
}

.container {
	max-width: 1180px !important;
}

.container-narrow > hr {
	margin: 0px 70px 30px 60px;
}

#demo {
	margin-left:20px;
	margin-bottom:20px;
}

h2 {
	color: #333;
	font-size: 22px;
}

.container-inner-title {
	margin-bottom: 15px;
}

.table_help {
	text-align:right;
}

.leftsidebar ul {
	line-height: 20px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 13px;
	color: #666;
}

.leftsidebar li {
	padding-top: 0;
	padding-bottom: 5px;
	list-style-image: url(//app.mt.gov/toolkit/images/b.gif);/* TODO */
}

.inner-container {
	padding-left: 3%;
	padding-right: 3%;
	padding-top: 20px;
	padding-bottom: 40px;
	background: #FFF;
	border: 1px #CCC solid;
	border-radius: 5px;
	font-size: 13px;
	color: #666;
}

.col_space {
    padding-top:40px;
    padding-bottom:20px;
}

.img_max {
    max-width:100%;
}

.inner-container p {
    font-size:1.12em;
	color: inherit;
}

.inner-container h2 {
	font-size: 20px;
	color: #333;
	margin-top: 0;
}

.loginExample {
	min-height:100px;
}
.masthead,
.mastheadAdmin {
	padding: 2em;
	min-height: 78px;
	background:#FFF;
	margin-bottom:5px;
}
.masthead {
	background-image: url(../images/banner.png);
}
.mastheadAdmin {
	background-image: url(../images/bannerAdmin.png);
}

.masthead > div,
.mastheadAdmin > div {
	display: inline-block;
	vertical-top: top;
}

.masthead > div > *,
.mastheadAdmin > div > * {
	display: block;
}

.masthead > div > h2,
.mastheadAdmin > div > h2 {
	margin-top: 10px;
	margin-left: 0px;
	font-size: 28px;
	border-bottom: thin #4AA5FF solid;
	border-left: thin #4AA5FF solid;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	padding-left: 10px;
	padding-bottom: 5px;
	padding-top: 10px;
	letter-spacing: -1px;
	color: inherit;
}

.masthead > div > span,
.mastheadAdmin > div > span {
	color:#cef;
	font-size:13px;
}

.navbar-default {
    background-color: rgba(0, 111, 147, 0.9);
    border:none;
    color:#fff;
     
}

.navbar {
	min-height:20px;
	padding-left:10px;
	padding-right:10px;
	display: inline-flex;
}

.navbar-default .navbar-brand {
  color: #FFF;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}


.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #FFF;
  background-color: transparent;
}

.navbar-default .navbar-nav > li > a {
  color: #FFF;
}

.navbar-default .navbar-nav > li > a:hover {
  color: #FFF;
}

.navbar-default .navbar-nav > li > a:active {
  color: #FFF;
}

.navbar-default .navbar-nav > .dropdown > a:hover .caret,
.navbar-default .navbar-nav > .dropdown > a:focus .caret {
  border-top-color: #FFF;
  border-bottom-color: #FFF;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #FFF;
  background-color: #118eb7;
}

.navbar-default .navbar-nav > .open > a .caret,
.navbar-default .navbar-nav > .open > a:hover .caret,
.navbar-default .navbar-nav > .open > a:focus .caret {
  border-top-color: #FFF;
  border-bottom-color: #FFF;
}

.navbar-default .navbar-nav > .dropdown > a .caret {
  border-top-color: #FFF;
  border-bottom-color: #FFF;
}

.bluecaret {
    margin-right:10px;
    margin-top:-3px;

}

.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
  color: #333333;
  white-space: nowrap;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #ffffff;
  text-decoration: none;
  background-color: #118eb7;
}

.navbar-nav > li {

}

#iatLanguage{
	width:auto !important;
}

.navbar-header a:hover {
}

.navbar-nav > li:hover {
    background-color:#118eb7;

}

.navbar-brand {
    font-size:14px;
}

.caret {
}

.navbar-default .navbar-nav > .dropdown > a .caret {
  border-top-color: #FFF;
  border-bottom-color: #FFF;
}

.navbar-default .navbar-nav > .dropdown > a:hover .caret {
  border-top-color: #FFF;
  border-bottom-color: #FFF;
}

.blue_box {
  border: 1px solid #ccc;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding-bottom:0px;
  padding-left:10px;
  padding-right:10px;
  padding-top:10px;
  background:rgba(0, 111, 147, 0.9);
  background-image: url("images/shadow02.png");
  color:#fff;
  box-shadow:none;
  margin-bottom:0px;
  margin-top:15px;
  min-height:40px;
  box-shadow: 0px 0px 0px #c0c0c0, 0px 0px 0px #c0c0c0, 0px 0px 15px rgba(0,0,0,0.4);
}

.blue_box a {

}

.blue_box p {
    color:#fff;
    font-size:1.12em;
}

.whitebox {
    min-height:220px;
    padding-top:30px;
    padding-bottom:10px;
    border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
    border-bottom:1px solid #ccc;
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
    box-shadow: 0px 0px 0px #c0c0c0, 0px 0px 0px #c0c0c0, 0px 0px 15px rgba(0,0,0,0.4);
}

.whitebox a {
    color:#666;
}

.whitebox li {
    color:#666;
    background: url("images/b.png") no-repeat 0px 0%;
    padding-top: 0px;
    padding-bottom: 5px;
    padding-left: 25px;
    list-style-type:none;
    margin-bottom:5px;   
}

.whitebox ul {
    margin:0px;
    padding:0px;
    }

.lock {
	margin-top:15px;
	margin-right:10px;
    margin-bottom:10px;
}

.header_div {
	left:0px;
	top:0px;
	height:auto;
	right:0px;
	margin-bottom:0px;
	float:left;
	border: #dbdcde 1px solid;
	position:fixed;
	z-index:999;
	background:#FFF;
	width:100%;
	clear:left;
	padding-top:10px;
	padding-left:10px;
	padding-bottom:10px;
}

.footer_div {
	left:0px;
	bottom:0px;
	height:auto;
	right:0px;
	margin-bottom:0px;
	float:left;
	border: #dbdcde 1px solid;
	position:fixed;
	z-index:999;
	background:#FFF;
	width:100%;
	padding-top:10px;
	padding-right:10px;
	padding-bottom:10px;
}

.header-title {
	font-weight:bold;
	font-size:25px;
}

.image {
    
}
   
.example {
	margin-left:5px;
		
	}

.navbar-nav > li > a {
	font-size: 1.3em;
	font-family:"DejaVuSansBook", Arial, sans-serif;
	line-height:20px;
	color: #e0dcd9;
}

.navbar-nav > li > a:focus {
	background-color: rgb(51, 51, 51);
	color:#FFF;
}

.navbar-nav > li > a:hover {
	background-color: rgb(51, 51, 51);
	color:#FFF;
}

.nav {
	width: auto;
	margin-right: 0px;
}

.navbar {
	border-radius: 0px;
}

.navbar-container {
	border-radius: 0px;
	border-top-color: rgb(0, 0, 0);
	border-right-color: currentColor;
	border-left-color: currentColor;
	border-right-width: medium;
	border-left-width: medium;
	border-right-style: none;
	border-left-style: none;
	background-image: none;
	height:auto;
}

.masthead, .mastheadAdmin, .navbar-container {
}


.btn-default {
	color: #FFF;
	background-color:#3D3D45;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  color: #FFF;
  background-color: #616161;
  border-color: #adadad;
}

.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  background-image: none;
}

.btn-success {
	background-color: #090;
	color: #FFF;
	background-image: none;
}

.btn-lg {
	background-color: rgb(0, 102, 0);
	padding: 11px 19px;
	font-size: 17.5px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.btn-colored {
	background-color: rgb(0, 102, 0);
}

.button_sp {
	margin-bottom: 30px;
	margin-top: 20px;
}

.btn-success:active,
.btn-success.active {
	background-color: rgb(0, 102, 0);
}

.logo_wide {
	width: 50px;
}

/* Main marketing message and sign up button */

.bs-docs-grid {
	margin: 10px 60px 30px 60px;
}

.navbar-right > li {
	float: right;
}

@media all and (max-width:400px) and (min-width:0px) {
   .bs-docs-grid {
      margin: 20px;
   }

   #demo img {
      max-width: 100%;
      float:left
   }

   .container-narrow {
      margin-top:10px;
      border-radius: 0;
   }

   #mainBody table {
      width:50%;
      background:#fff;
      border:1px solid #A4A688;
      margin:10px 10px 10px 0%;
      float:left
   }

   input {
      float:left;
   }

   input[type=submit] {
      float:none;
      margin-top:10px;
   }
   input[type=button] {
      float:none;
      margin-top:10px;
   }

   .image {
    display:none;
   }

   .lead {
      font-size: 11px;
   }

   .navbar .nav > li > a {
      text-align: right; padding-right: 6px; padding-left: 6px;
   }

   .jumbotron h1 {
      font-size: 14px;
   }

   .btn-lg {
      margin-right: 20px; margin-left: 20px;
   }

   .jumbotron {
      margin: 20px;
   }

   .masthead {
      background-image:url(../images/banner_sm.png);
   }
   .mastheadAdmin {
      background-image:url(../images/bannerAdmin_sm.png);
   }
   .masthead,
   .mastheadAdmin {
      min-height: 50px;
      border-radius: 0;
   }

   .masthead img,
   .mastheadAdmin img {
      max-width:100%;
   }

   #disclaimer,
   .disclaimer {
      margin-left:10px;
      margin-right:10px;
      margin-bottom:20px;
   }
   #information {
      margin-left:10px;
      margin-right:10px;
   }
   .menuButton {
      width:90%;
      margin-left:5%;
      margin-right:5%;
   }
   #iatLanguage p {
      width:150px;
   }

   .edit_reg label{
      width:auto;
      text-align: left;
      display: inline-block;
   }
   .example {
   }
   .table_help {
      text-align:left;
   }

   .footer li {
      display: block;
   }

   .footer img {
      height:30px;
   }
}

@media all and (max-width:768px) and (min-width:401px) {
   .image {
      display: none;
   }
   .masthead,
   .mastheadAdmin {
      min-height: 78px;
   }
   #information {
   }
   .menuButton {
      width:90%;
      margin-left:5%;
      margin-right:5%;
   }
   .table_help {
      text-align:left;
   }
}

/* Supporting marketing content */

.marketing {
	margin: 60px 0;
}

.marketing p + h4 {
	margin-top: 28px;
}

.slide_box {
	margin: 0px 0;
	padding-right: 30px;
	text-align: left;
}

.slide_box h1 {
	font-size: 35px;
	line-height: 1;
}

.slide_box .btn {
	font-size: 21px;
	padding: 14px 24px;
}

.text-info {
	text-align: left;
	margin-top: 5px;
}

.whitebox {

}

.text-name {
	text-align: left;
	margin-top: 5px;
	font-size: 20px;
}

.lead {
	font-size: 12px;
	text-align: left;
	margin-bottom: 5px;
}

li {
	text-align: left;
}

.bullet {
    list-style-type:disc;
 
}

.clear_bullet {
    list-style-type:circle;

}

.clear {
	clear: both;
}

.footer {
	padding-top: 20px;
	padding-bottom:20px;
	padding-right: 20px;
	min-height: 50px;
	background-repeat: repeat-x;
	background-color: rgba(0, 111, 147, 0.9);
	border-bottom-left-radius:1em;
	border-bottom-right-radius:1em;
}

p {
	clear: both;
}

.footer img {
}

.footer ul {
	list-style: none;
}

.footer li {
	display: inline;
}

.footer a {
	color: #eee;
	font-size: 1.2em;
}

.pull-right {
	clear: both;
}

input[type="month"] {
	width: 40px;
}

.text-help {
	font-size: 10px;
	color: #999;
}

.suffix, .area {
	width: 4em;
	width: -o-calc(3em+3px);
	width: -moz-calc(3em+3px);
	width: -webkit-calc(3em+3px);
	width: calc(3em+3px);
}

.prefix {
	width: 5em;
	width: -webkit-calc(4em+3px);
	width: -o-calc(4em+3px);
	width: -moz-calc(4em+3px);
	width: calc(4em+3px);
}

.zip {
	width: 14em;
	width: -webkit-calc(5em+3px);
	width: -o-calc(5em+3px);
	width: -moz-calc(5em+3px);
	width: calc(5em+3px);
}

.area, .prefix {
	display: inline-block;
}

.header-row > hr {
	margin-bottom: 10px;
	margin-top: 5px;
}

.max_text {
	max-width: 230px;
}

textarea {
	width: 90%;
	height: 40px;
}

input[type="radio"], input[type="checkbox"] {
	margin-top: 0;
}

.radio-inline-container {
	white-space: nowrap;
}

.radio-inline + .radio-inline-container {
	margin-left: 0;
}

.checkbox-inline + .checkbox-inline[class*="col-"] {
	margin: 0;
}

.radio-inline + .radio-inline[class*="col-"] {
	margin: 0;
}

.form-control {
	padding: 3px 6px;
	height: 28px;
}

.form-control-display {
	border-width: 0;
	box-shadow: none;
	padding-left: 0;
}

.ep-help-block {
	font-size: 70%;
}

.btn-prototype {
	color: white;
	background: black;
}

.instructions h1, .instructions h2 {
	font-weight: bold;
}

.alert-danger {
	color: #815634;
	background-color: #FCDA7E;
	border-color: #E0C270;
}

.alert-info {
	color: #555520;
	background-color: #FFFFc2;
	border-color: #DFDB90;
}

.clasp {
	padding: 5px;
	border: 1px solid rgb(47, 79, 79);
	color: white;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	margin-top: 5px;
	cursor: pointer;
	background-color: rgb(0, 111, 147);
}

.clasp a {
	color:#FFF;
	text-decoration:none;
}

.clasp a:hover {
	color:#FFF !important;
}

.lunchbox {
	display:none;
	border-width: medium 1px 1px;
	border-style: none dashed dashed;
	border-color: currentColor rgb(47, 79, 79) rgb(47, 79, 79);
	padding: 10px 5px 5px;
	background-color: rgb(211, 222, 239);
}

.page-section-heading {
    background-color: #999999;
    color:#ffffff;
    padding-top:3px;
    padding-bottom:3px;
    padding-left:10px;
    padding-right:10px;
    border-radius: 3px;
    margin-top:18px;
    margin-bottom:12px;
    font-size:10pt;
    font-weight:bold;
}

.big-popover {
    max-width: 600px !important;
}

.btn-toggle-on,
.btn-toggle-on:hover,
.btn-toggle-on:link,
.btn-toggle-on:active,
.btn-toggle-on:visited{
    color: #ffffff !important;
    background-color: #3276B1;
    border-color: #285E8E;
}

.btn-toggle-off {
    color: #999999;
    background-color: #ffffff;
    border-color: #aaaaaa !important;
}

.btn-toggle-off:hover {
    color: #3276B1;
    border-color: #3276B1 !important;
}

@media print { 
 .header_div, .footer, .lock { display: none !important; } 
}

#cc_state,
#cc_country {
   height: 23px;
   width: 148px;
}

#cc_exp_m,
#dayOfMonth {
   height: 23px;
   width: 50px;
}
#cc_exp_y {
   height: 23px;
   width: 80px;
   margin-left: 15px;
}
.dollar_dollar_bill_yall {
   line-height: .7;
}
#amount {
   width: 115px;
}
#autoPay {
   margin-top: 6px;
}
#SSN1, 
#VSSN1 {
   width: 40px;
}
#SSN2, 
#VSSN2 {
   width: 30px;
}
#SSN3, 
#VSSN3 {
   width: 72px;
}
.pr5 {
   padding-right: 0px;
}
.employees {
   border: 1px solid black;
}
.employees_header {
   background-color: #DDDDDD;
   margin-top: 0px;
}
.employees_row {
   border-bottom: 1px solid #DDDDDD;
   margin-top: 0px;
   padding-top: 5px;
}
.employees_row:hover {
   background-color: #F5F5F5;
}
.employee_name_header,
.employee_amount_header,
.employee_pay_day_header {
   text-align: center;
   margin-top: 5px;
   margin-bottom: 5px;
   font-weight: bold;
}
.employee_name_title,
.employee_amount_title,
.employee_pay_day_title {
   text-align: left;
   font-weight: bold;
   font-size: 1.2em;
}
.employee_name,
.employee_amount,
.employee_pay_day,
.search_button {
   text-align: center;
   margin-bottom: 5px;
}
.employee_name {
   margin-top: 5px;
}

.emp_amount {
   width: 60px;
}
@media all and (max-width:768px) {
   .employee_name,
   .employee_amount,
   .employee_pay_day,
   .search_button {
      text-align: left;
   }
   .emp_amount {
      width: 120px;
   }
   
}
.emp_pay_month,
.emp_pay_day,
.emp_pay_year {
   height: 23px;
}
.emp_pay_year {
   width: 55px;
}
.emp_pay_month,
.emp_pay_day {
   width: 40px;
}
th.headerSortDown {
   background: rgb(255,255,255) !important; /* Old browsers */
   background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(180,180,180,1) 100%) !important; /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(180,180,180,1))) !important; /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(180,180,180,1) 100%) !important; /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(180,180,180,1) 100%) !important; /* Opera 11.10+ */
   background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(180,180,180,1) 100%) !important; /* IE10+ */
   background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(180,180,180,1) 100%) !important; /* W3C */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#7e7e7e',GradientType=0 ) !important; /* IE6-9 */
}
th.headerSortUp {
   background: rgb(180,180,180) !important; /* Old browsers */
   background: -moz-linear-gradient(top,  rgba(180,180,180,1) 0%, rgba(255,255,255,1) 100%) !important; /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(180,180,180,1)), color-stop(100%,rgba(255,255,255,1))) !important; /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top,  rgba(180,180,180,1) 0%,rgba(255,255,255,1) 100%) !important; /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(top,  rgba(180,180,180,1) 0%,rgba(255,255,255,1) 100%) !important; /* Opera 11.10+ */
   background: -ms-linear-gradient(top,  rgba(180,180,180,1) 0%,rgba(255,255,255,1) 100%) !important; /* IE10+ */
   background: linear-gradient(to bottom,  rgba(180,180,180,1) 0%,rgba(255,255,255,1) 100%) !important; /* W3C */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7e7e7e', endColorstr='#ffffff',GradientType=0 ) !important; /* IE6-9 */
}

.note_chunk {
   margin: 0px 10px 10px 10px;
   padding-left: 5px;
   padding-right: 5px;
   border: 1px solid #CCCCCC;
   max-width: 572px;
}
.note_actual {
   margin: 10px;
}
#new_note {
   width: 100%;
   margin: auto;
   margin-bottom: 5px;
}