/*********************************************************************************************************************
 *
 * M-DC Styles
 *
 *********************************************************************************************************************/
/*-------- Removed the background image on the body, this can be done in CSS -------*/
body {
    background-image: none;
}

/*------------------- Container Styles ------------------*/

/*----------- 
Use these styles to overwrite the width of the containing element.
We use the element + classname to ensure a higher level of specificity.
The rule that determines the width is the max-width since this template is 
responsive. The background and box-shadow rules replace what was lost when
we removed the background image on the body element.
-------*/
div.container {
    max-width: 1000px !important;
    background: #fff;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
}

/*********************************************************************************************************************
 *
 * My Styles
 *
 *********************************************************************************************************************/
h1 {
    font-size: 22px !important;
}

h2 {
    font-size: 16px !important;
}

h3 {
    font-size: 14px;
}

h1, h3 {
    /* top & bottom margin based on font size */
}

h1, h2, h3, h4, h5, h6, strong {
    /*bringing boldness back to headers and the strong element*/
    font-weight: bold !important;
}

em {
    /*bringing italics back to the em element*/
    font-style: italic;
}

th, td {
    /*borders and padding to make the table readable*/
    padding: 4px;
    vertical-align: top;
}

th {
    /*distinguishing table headers from data cells*/
    font-weight: bold;
    text-align: center;
}

html, body {
    font-family: Arial, Helvetica, sans-serif;
    background-color: #ebebeb !important;
    font-size: 14px;
    height: 100%;
    color: #333;
    margin: 0;
    padding: 0;
}

a {
    /* Old color, changed for accessibility: color:#1182ac; */
    color: #106688;
}

ol {
    list-style: decimal;
    list-style-position: inside;
}

#applicationName {
    font-size: 30px !important;
}

.navbar {
    margin-bottom: 0 !important;
    min-height: 40px !important;
}

.navbar-nav > li > a {
    padding: 10px 15px !important;
}

.navbar-default {
    border: none !important;
    background: none !important;
}

.navbar-default .navbar-nav > .active > a {
    background-color: #f8f8f8 !important;
    border-top: 1px solid #e6e6e6 !important;
    border-right: 1px solid #e6e6e6 !important;
    border-left: 1px solid #e6e6e6 !important;
}

.text-muted {
    color: #8a8a8a;
}

.right-align {
    float: right;
    margin-right: 15px;
}

/* ------------------------- Accessibility Styles ----------------*/

a > img {
    border: none;
}

/*-------------------Skip Navigation Styles ------------------*/

#skipNav a {
    position: absolute;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    height: 1px;
    width: 1px;
    color: #fff;
    font-weight: bold;
}

    #skipNav a:focus {
        text-indent: 0;
        z-index: 100;
        display: block;
        height: 25px;
        width: 220px;
        padding: 0 10px;
        transition: 0.12s 0 width ease-in-out;
    }

/*I added this section*/
#mainContainer {
    min-height: 100%;
    position: relative;
    margin: 0 auto;
    width: 1000px;
    /*width: 33%;*/
}

#contentBody {
    min-height: 100%; /* added for right column 100% */
    border-top: 1px solid #ececec;
}

#footer {
    color: #686868 !important;
    padding: 15px;
    border-top: 1px solid #ccc;
}

.clear {
    clear: both;
    height: 0px;
}

.navbar-right {
    /*margin-right: 0;
    padding-right: 0;*/
    /*position: absolute;
    left: 245%;
    top: 0px;*/
    position: absolute;
    left: 91%;
    top: 0px;
}

/*------------------- Container Styles ------------------*/

/*----------- 
Use these styles to overwrite the width of the containing element.
We use the element + classname to ensure a higher level of specificity.
The rule that determines the width is the max-width since this template is 
responsive. The background and box-shadow rules replace what was lost when
we removed the background image on the body element.
-------*/
div.container {
    max-width: 1000px !important;
    background: #fff;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
}

/*********************************************************************************************************************
 *
 * My Styles
 *
 *********************************************************************************************************************/
.ReqFields, .ErrorMessages {
    padding-left: 10%;
}

.ErrorMessages {
    color: Red;
}

.content-wrapper {
    margin: 0 auto;
    max-width: 1000px;
}

.contentLeft {
    /*padding-left: 15px;*/
    text-align: left;
}

.failureNotification {
    font-size: 1em;
    color: Red;
    /*height: 220px;*/
    width: 990px;
}

/*for Ajax progress bar background*/
.ModalBackground {
    background-color: Gray;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}

header, section, footer, aside, nav, main, article, figure {
    display: block;
}

.hideGridviewColumn
{
    display: none;
}

/************************************************************************************
 *
 * http://stackoverflow.com/questions/2577144/css-pagination-for-gridview
 * 
 ************************************************************************************/
/*.pagination1
{
  line-height: 26px;
}*/

.pagination1 span
{
  padding: 5px;
  /*border: solid 1px #477B0E;*/
  text-decoration: none;
  white-space: nowrap;
  /*background: #547B2A;*/
}

.pagination1 a, 
.pagination1 a:visited
{
  text-decoration: none;
  padding: 6px;
  white-space: nowrap;
}
.pagination1 a:hover, 
.pagination1 a:active
{
  padding: 5px;
  /*border: solid 1px #9ECDE7;*/
  text-decoration: none;
  white-space: nowrap;
  /*background: #486694;*/
  color: white;
}

/************************************************************************************
 *
 * DIV formatting.
 * 
 ************************************************************************************/
.div-results-grid {
    clear: both;
    text-align: center;
    /*padding: 4px;*/
}

/************************************************************************************
 *
 * Showing and hiding content.
 * 
 ************************************************************************************/
button.btn.collapsed:before
{
    content:'Open' ;
    display:block;
}
button.btn:before
{
    content:'Close' ;
    display:block;
}

/************************************************************************************
 *
 * Popup windows inside main page.
 * 
 ************************************************************************************/
.modalBackground {
	background-color:Black;
	filter:alpha(opacity=90);
	opacity:0.8;
}

.modalPopupListOfGDOs {
	background-color:#FFFFFF;
	border-width:3px;
	border-style:solid;
	border-color:black;
	padding-top:7px;
	padding-left:15px;
	padding-right:15px;
	width:900px;
	height:625px;
}

.modalPopupListOfLWTs {
	background-color:#FFFFFF;
	border-width:3px;
	border-style:solid;
	border-color:black;
	padding-top:7px;
	padding-left:15px;
	padding-right:15px;
	width:900px;
	height:625px;
}

.modalPopup {
	background-color:#FFFFFF;
	border-width:3px;
	border-style:solid;
	border-color:black;
	padding-top:10px;
	padding-left:10px;
	width:500px;
	height:300px;
}