/* using this one */
.mainContentHolder
{
  text-align: left;  
   font-size: 1.2em;
   width: 90%;
}
/* Page links for buttons */
#topButton ul {margin-left: 0; padding-left: 0; white-space: nowrap; text-align:left; }
#topButton li {display: inline; list-style-type: none; text-align:left; padding: 3px 3px;}
#topButton a  {padding: 3px 3px; border: 1px solid #000; font-family: verdana, arial, sans-serif; font-size: 0.9em;}
#topButton a:link, #topButton a:visited {color: #000; background-color: #ccc; text-decoration: none;}
#topButton a:hover { color: #000; background-color: #FFDFA4; text-decoration: none;}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }

    .body-content {
        padding: 0;
    }
}

/* new for responsive */
#headerLMI {
	width: 100%;    
    height: 60px;
    background: #ffffff;     /* #4e415b dark purple */       
   	border-right: 0;
    border-left: 0;
    border-top: 2px solid #FFFFFF;

}

.logo {
	display: inline;
    	width: 100%;
    	float: left;
    	padding-left: 5em;
	}

/* End new for responsive */

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
input,
select,
textarea {
    max-width: 280px;
}

#results h3 {
	margin: 20px 0 0 0;
	padding: 0;
	font-size: 16px;
}

table.results_grid {
	border: none;
}

table.results_grid th, table.results_grid td
{
    border-left: 2px solid #000;
    border-bottom: 2px solid;
    padding: 2px;
    border: 1px solid #C0C0C0;
}


tr.results_head th {
	background-color: #ccc;
	font-weight: bold;
}

tr.results_alt {
	background-color: #eee;
}
.topMenu {
	width: 90%;
	}

/*h1 {	 
	font-size: 14px;
	font-weight:bold;
}*/

.smallInstructions 
{
    font-size:.80em;
}

.navlist ul li
 {
 display:inline-block;
 list-style-type: none;
 padding-right: 20px;
 float:right;
 }

.textCenter 
{
    text-align:center;
}

.centerRed {
    text-align:center;
    color:red;
}
.h1Label {
    display: block;
    font-size: 2em;
    margin: 0.67em 0 0.67em 0;
    /*margin-top: 0.67em;
    margin-right: 0;
    margin-bottom: 0.67em;
    margin-left: 0;*/
    font-weight: bold;
    color: #4D4D4D;
}
.h2Label {
    display: block;
    font-size: 1.5em;
    margin: 0.83em 0 0.83em 0;
    /*margin-top: 0.83em;
    margin-right: 0;
    margin-bottom: 0.83em;
    margin-left: 0;*/
    font-weight: bold;
    color: #4D4D4D;
}
.h3Label {
    display: block;
    font-size: 1.17em;
    margin: 1em 0 1em 0; 
    /*margin-top: 1em;
    margin-right: 0;
    margin-bottom: 1em;
    margin-left: 0;*/
    font-weight: bold;
    color: #4D4D4D;
}
.h3LabelNoBlock {
    font-size: 1.15em; /* 1.17em  */
    margin: 1em 0 1em 0;
    /*margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;*/
    font-weight: normal;
    color: #4D4D4D;
}

.h3LabelNoBlockLg {
    font-size: 1.23em; /* 1.17em  */
    margin: 1em 0 1em 0;
    /*margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;*/
    font-weight: normal;
    color: #4D4D4D;
}

.h4Label { 
    display: block;
    margin:0.33em 0 0.33em 0;
    /*margin-top: 0.33em;
    margin-bottom: 0.33em;
    margin-left: 0;
    margin-right: 0;*/
    font-weight: bold;
    color:#4D4D4D;
}
.h4LabelEducation {
    display: block;
    margin: 1.33em 0 1.33em 0;
    
    /*margin-top: 1.33em;
    margin-bottom: 1.33em;
    margin-left: 0;
    margin-right: 0;*/
    font-weight: normal;
    color: black;
}
.h4LabelNoBlock {
    margin: 1.33em 0 1.33em 0;
    /*
    margin-top: 1.33em;
    margin-bottom: 1.33em;
    margin-left: 0;
    margin-right: 0;
    */

    font-weight: bold;
    color: #4D4D4D;
    text-align: center;
}
.h5Label {
    display: block;
    font-size: .83em;
    margin: 1.67em 0 1.67em 0;
    
    /*margin-top: 1.67em;
    margin-bottom: 1.67em;
    margin-left: 0;
    margin-right: 0;*/
    font-weight: bold;
    color: #4D4D4D;
}
.h6Label {
    display: block;
    font-size: .67em;
    margin: 2.33em 0 2.33em 0;
    /*margin-top: 2.33em;
    margin-bottom: 2.33em;
    margin-left: 0;
    margin-right: 0;*/
    font-weight: bold;
    color: #4D4D4D;
}
.lineBreak {
    border-style:solid;
    border-color:#666666;
    border-width:1px;
}

/*  Career Profile Search   */
.mainColumn {
    margin-left: 300px;
}
.rightColumn {
    float: right;
    width: 100%;
    vertical-align:top;
}
.leftColumn {
    float: left;
    width: 300px;
    margin-left: -300px;
    vertical-align:top;
}
.clearColumns {
    clear: both;
}

/* All other pages */
.verticalLine {
    border-left:medium solid;
    height: auto;
}

.workArea {
    width: 700px;   /* Width for all 3 Columns */
}

#container {
    padding-left: 275px;   /* LC width */
    padding-right: 150px;  /* RC width */
}
#container .column {
    position: relative;
    float: left;
}
#center {
    width: 100%;
}
#left {
    width: 275px;          /* LC width */
    right: 275px;          /* LC width */
    margin-left: -100%;
}
#right {
    width: 150px;          /* RC width */
    margin-right: -150px;  /* RC width */
}
.rightColumnWithVerticalLineRight {
    float: right;
    width: 100%;
    border-left:1px solid black;
    height: auto;
}
.gridCenter {
    text-align:center;
}
.countyList {
    font-size:x-small;
    margin: 0;
    padding: 0;
    list-style-type:none;
}
ul li {
    margin: 0;
    padding: 0;
}
.MenuLink{
    display:block;
    /*width:85px;*/
    width: auto;
    padding-left:15px;
    padding-right:15px;
}
.MenuLinkBig{
    display:block;
    width:95px;
    padding-left:15px;
    padding-right:15px;
}


.MenuLinkDisabled{
    display:block;
    width:85px;
    padding-left:15px;
    padding-right:15px;
    text-decoration:none;
}
.lbWidth{
    width:auto;
    max-width:none;
}
.readOnlyTextboxWidth250 {
    width: 250px;
    background-color: transparent;
    overflow:hidden;
    overflow-y: hidden;
    overflow-x: hidden; 
    border:solid;
    border-color:blue;
    padding-bottom:5px;
    border-width:thin;
    color:#333333;
}

.readOnlyTextbox {
    background-color: transparent;
    border: none;
    overflow:hidden;
    overflow-y: hidden;
    overflow-x: hidden; 
}
.CountyListBox{
   cursor:default;
}

.searchPanelShow {
    display: normal;
}
.searchPanelHide {
    display: none;
}

.gridNone {
    border:none;
}

/* Gridview pager style for bootstrap */
.pagination-ys {
    /*display: inline-block;*/
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}

.pagination-ys table > tbody > tr > td {
    display: inline;
}

.pagination-ys table > tbody > tr > td > a,
.pagination-ys table > tbody > tr > td > span {
    position: relative;
    float: left;
    padding: 8px 12px;
    line-height: 1.42857143;
    text-decoration: none;
    color: #dd4814;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    margin-left: -1px;
}

.pagination-ys table > tbody > tr > td > span {
    position: relative;
    float: left;
    padding: 8px 12px;
    line-height: 1.42857143;
    text-decoration: none;    
    margin-left: -1px;
    z-index: 2;
    color: #aea79f;
    background-color: #f5f5f5;
    border-color: #dddddd;
    cursor: default;
}

.pagination-ys table > tbody > tr > td:first-child > a,
.pagination-ys table > tbody > tr > td:first-child > span {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}

.pagination-ys table > tbody > tr > td:last-child > a,
.pagination-ys table > tbody > tr > td:last-child > span {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}

.pagination-ys table > tbody > tr > td > a:hover,
.pagination-ys table > tbody > tr > td > span:hover,
.pagination-ys table > tbody > tr > td > a:focus,
.pagination-ys table > tbody > tr > td > span:focus {
    color: #97310e;
    background-color: #eeeeee;
    border-color: #dddddd;
}

/* End Gridview pager style for bootstrap */

/*Bootstrap styles - used in bootstrap.css  - these will override bootstrap.css*/
a {
  color: #123ADB;
  font-weight: 500;  
}

a:hover,
a:focus {
  color: #2a6496;
  text-decoration: underline;
}

a:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.navbar-inverse .navbar-brand {
  /*EJM changed to white*/
    color: #ffffff;
}

.navbar-brand {  
  font-size: 24px;
  font-weight: 500;  
}

.test {
    font-size: 18px;
    font-weight: 500;
}

.navbar-inverse .navbar-nav > li > a {
  /*EJM changed to white*/
  color: #ffffff;
}

.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  /*EJM changed to grayish color*/
  color: #E8EAEE;
  background-color: transparent;
}

.btn-default {  
  background-color: #ebebeb;  
}


.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {  
  background-color: #cccccc;  
}

.btn-link {
  color: #123ADB;
}

.btn-default {  
  background-color: #ebebeb;  
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {  
  background-color: #cccccc;  
}

h3 {
  /*margin-top: 20px;                    we already have a top-padding of 2em in master.css for mainContentHolderHomePage */
  margin-bottom: 10px;
}

.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: 0px;
  margin-left: 0px;
}

.nav > li > a {
  position: relative;
  display: block;
  /*padding: 10px 15px;*/
  font-size: 14px;      /* new for CEE */
}

.navbar-nav > li > a {
  /*padding-top: 10px;*/
  /*padding-bottom: 10px;*/
  line-height: 18px;
}

.navbar {
  position: relative;
  z-index: 1000;
  min-height: 50px;
  margin-bottom: 0px;
  border: 1px solid transparent;
}

.navbar-inverse {
  background-color: #003865;         /*  #003865; blue  #cccccc; gray  #222222; black*/
  /*border-color: #080808;*/
  color: #ffffff;
}

.navbar-inverse .navbar-brand {
  color: #0d0d0d;        /* #0d0d0d; black #999999; grayish */
}

.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  color: #E8EAEE;
  background-color: transparent;
}

.navbar-inverse .navbar-text {
  color: #ffffff;        /* #0d0d0d; blackish #999999; grayish */
}

.navbar-inverse .navbar-nav > li > a {
        color: #ffffff; /* #0d0d0d #999999; grayish */
}


.navbar-inverse .navbar-link {
  color: #999999;           /* #999999; grayish */
}

.font-normal {
  font-weight: normal;
}

/*End Bootstrap styles*/


input[type="button" i], input[type="submit" i], input[type="reset" i], input[type="file" i]::-webkit-file-upload-button, button 
{
    padding: 1px 6px;
}

input[type="button" i], input[type="submit" i], input[type="reset" i], input[type="file" i]::-webkit-file-upload-button, button {
    align-items: flex-start;
    text-align: center;
    cursor: default;
    color: buttontext;
    background-color: buttonface;
    box-sizing: border-box;
    padding: 2px 6px 3px;
    border-width: 2px;
    border-style: outset;
    border-color: buttonface;
    border-image: initial;
}

input[type="button" i], input[type="submit" i], input[type="reset" i] {
    -webkit-appearance: push-button;
    user-select: none;
    white-space: pre;
}

input {
    /*-webkit-appearance: textfield;*/
    background-color: white;
    -webkit-rtl-ordering: logical;
    user-select: text;
    cursor: auto;
    padding: 1px;
    border-width: 2px;
    border-style: inset;
    border-color: initial;
    border-image: initial;
}

input, textarea, keygen, select, button {
    text-rendering: auto;
    color: initial;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: left;
    margin: 0em 0em 0em 0em;
    font: 13.3333px Arial;
}

input, textarea, keygen, select, button, meter, progress {
    -webkit-writing-mode: horizontal-tb;
}

.nowrap {
    /*overflow: hidden;*/
    white-space: nowrap;
}

.checkBoxMarginTop {
    margin-top: 0px;
}

.checkbox {
   margin-top: 0px; 
}