/***********************************************/
/* Core Page Divs                              */
/***********************************************/

/*If this is not set, then the background sometimes does not extend to the bottom of the page*/
html {
    height:100%;
}

/*Main div that houses all others*/
body
{
    margin:0;
    height:100%; /*Must be set for bg to extend to bottom*/
    background-repeat: no-repeat;
    background: #0779b7; /* Old browsers */
    background: -moz-linear-gradient(top, #7db9e8 0%, #0779b7 100%) fixed; /* FF3.6-15 Must be fixed*/
    background: -webkit-linear-gradient(top, #7db9e8 0%,#0779b7 100%) fixed; /* Chrome10-25,Safari5.1-6 must be fixed*/
    background: linear-gradient(to bottom, #7db9e8 0%,#0779b7 100%) fixed; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ must be fixed*/
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#0779b7',GradientType=0 ); /* IE6-9 */
    font-size: .85em;
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
    z-index: -200;
}


/*This is the transparent box around the content, this will adjust and always be centered based on screen 
    resolution until reaching the minimum width of 922px, in which in becomes locked in at that size*/
#wrapper{
    max-width:1200px;
	margin: 0 auto;
   
}

/***********************************************/
/* Header                                      */
/***********************************************/

/*Duplicate of head, in legacy CSS this housed banner, search, and other elements not used here. Left in 
    because it will be much easier to make changes if anything is added at a later date*/
/*#topcontent
{
	height: 100px;
}*/	

/*This is the header. Contains the logo, eforms name, and nav bar*/
#head {
    padding-top: 10px;
	display: block;
}

/*Sets styles for each of the header tags. Due to site accessibility standards for 508 compliance these
    must be nested in decreasing order on a page (h3 inside of h2 inside of h1) so they don't necessarily
    decrease in size like you may expect, but are written so that the pages will follow these standards
    but maintain the look desired*/
h1{
	font-size:1.75em;
	margin-top:30px;
	color: #434343;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #841935;
	padding-bottom: 5px;
}
/*VNM 8/30/18 
    Removing the title header on smaller screens. This is to keep formatting but not affect other h1's*/
#h1frmmain {
    font-size:1.75em;
	margin-top:30px;
	color: #434343;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #841935;
	padding-bottom: 5px;
}
h2{
	font-size:1.0em;
	padding: 0px;
	color: #73142D;
	margin: 0px;
}

h3{
	font-size:1.4em;
    border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #841935;
	margin-top:10px;
	margin-bottom: 2px;
	color: #434343;
	padding-bottom: 2px;
}

h4{
	font-size:1.2em;
	color: #3d3d3d;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 7px;
}

h5 {
  font:700 20px/26px 'Lato', sans-serif;
  color:#ffffff;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    margin:0px;

}


/*eForms center name, in this case "DGO eForms Center*, uses .png image*/
/*#headerText {
	position: absolute;
	top: 15px;
	right: 100px;
	width: 325px;
	}*/

/*The DMME logo, uses .png image*/
#logo {
    margin-left: 10px;
	z-index: 2000;
    clear:both;
}

/* nav container*/
/*.navcont {
    float: right;
}*/

/* navigation
----------------------------------------------------------*/
/*#nav {
    display:block;
}

ul#navlist {
    font-size: 1.3em;
    font-weight: 600;
    margin: 0 40px;
    padding-top: 40px;
    text-align: right;
}

    ul#navlist li {
        display: inline;
        list-style: none;
        padding-right: 20px;
    }

        ul#navlist li a {
            background: none;
            color: #696969;
            text-decoration: none;
        }

        ul#navlist li a:hover {
            color: #333;
            text-decoration: none;
        }

        ul#navlist li span {
            color:#696969;
            text-decoration: none;

        }*/

/* Remove margins and padding from the list, and add a black background color */
#nav {
    width:100%;
    background-color: #5b5be5;
    float: right;
}

ul.topnav {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    float:right;
}

/* Float the list items side by side */
ul.topnav li {
    float: left;
    padding:0 5px;
}

/* Style the links inside the list items */
ul.topnav li a {
    display: inline-block;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    transition: 0.3s;
    font-size: 12px;
}

/* Style the links inside the list items */
ul.topnav li span {
    display: inline-block;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    transition: 0.3s;
    font-size: 12px;
}

/* Change background color of links on hover */
ul.topnav li a:hover {background-color: #111;}

/* Hide the list item that contains the link that should open and close the topnav on small screens */
ul.topnav li.icon {display: none;}
	

/***********************************************/
/* Menu                                        */
/***********************************************/

/*The welcome and description for the ctlMainMenu*/
#mainmenutopright
{
    text-align: center;
	width: 55%;
	float: right;
	padding: 20px;
}

#profile
{
	width: 35%;
	float: left;
	padding: 20px;
}

/*login box*/
#login
{
	width: 35%;
	float: left;
	margin-top: 35px;
    margin-left: 40px;
    text-align:left;
	padding: 5px;
}

#login label{
    display: inline-block;
    font-weight: bold;
    width: 75px;
    text-align: right;
}

/*Container for each of the categories for eForms. Currently this is set to display 3 categories per row
    and the div style is cleared after each 3 inside of the ctlMainMenu. The width here can be adjusted
    and this can be changed easily*/
.menulist
{
    text-align: Left;
	width: 30%;
	float: left;
    margin-top: 0px;
	padding-left: 20px;
}

/*Nav bar buttons are turned on/off. An example being "Back to Search" only appears at certain times, so the 
    unordered list style is set to none, otherwise the space that the linkbutton text normally occupies would
    still exist, causing empty spaces to show up in the nav bar where those button would normally be*/
.menulist ul
{
    list-style-type: none;
}

/*Navigation bar background image*/
#menu 
{
    background: #efefef; /* Old browsers */
    background: -moz-linear-gradient(top, #efefef 0%, #c9c9c9 99%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #efefef 0%,#c9c9c9 99%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #efefef 0%,#c9c9c9 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	margin-top: 10px;
    height: 50px;
	z-index: 1000;
}

#menu ul {
    font-size: 1.3em;
    font-weight: 600;
}


/*Sets style for individual list items inside the ul*/
#menu li {
	float:right;
	display:inline;
	color: #696969;
	border:none;
	padding-top: 12px;
	padding-right: 25px;
}

/*Sets hyperlink style for a href links*/
#menu li a { 
	color: #696969;
	display:block;
	outline:0;
	text-decoration:none;
}

/*Changes color when hovering over nav bar links*/
#menu li a:hover { 
	color: Blue;
	display:block;
	outline:0;
	text-decoration:underline;
}

/*Main Menu Rows*/
.blocks li article{display:block; padding:30px 20px; border:1px solid; text-align:center;}
.blocks li article *{margin:0;}
.blocks li article i, .blocks li article .heading{margin-bottom:15px;}

#mainrows {
    width: 75%;
    margin: 0 auto;
}
#mainrows ul{margin:0 0 40px 0; padding:0; list-style:none;}
#mainrows li{margin:0 0 10px 0; padding:15px;}
#mainrows .avatar{float:right; margin:0 0 10px 10px; padding:3px; border:1px solid;}
#mainrows address{font-weight:bold;}
#mainrows time{font-size:smaller;}
#mainrows .comcont{display:inline-block; margin:0; padding:0;}
#mainrows .comcont p{margin:10px 5px 10px 0; padding:0;}
#mainrows .comcont img {float: left;clear: left;margin: 0 15px 10px 0;height: auto; padding: 0;}

#mainrows form{display:block; width:100%;}
#mainrows textarea{overflow:auto;}
#mainrows div{margin-bottom:15px;}


/***********************************************/
/* Body                                        */
/***********************************************/

/*This is the box that all content is displayed upon*/
#contentcover {
	display: block;
	background-color: #f3f3f3;
	background-position:center;
	margin: 0 auto;
	max-width: 1200px;
	padding: 5px 0;
	}

/*Container which all controls are loaded into. dvContent is housed inside of this on frmMain*/
#bottomcontent{
	line-height: 22px;
	z-index: 0;
	}
	
/***********************************************/
/* Display Screens                             */
/***********************************************/

/*Typically houses error labels, headers on Display screens*/
.displayscreencenter
{
    text-align: center;
	width: 98%;
	float: left;
	padding: 10px;
}

/*Generic container for display screens*/
.displaycontainer
{
    line-height: 27px;
    width: 90%;
    padding: 5px 10px;
    margin: 0px auto;
    clear: both;
}

/*Splits the display screen into the left third of the screen*/
.displaytopleft
{
    text-align: right;
    font-weight: bold;
    width: 30%;
	float: left;
}

/*Splits the display screen into the right two thirds of the screen*/
.displaytopright
{
    text-align: left;
    font-weight: bold;
	width: 65%;
	float: right;
}

/*Used for the buttons at the bottom of an eForm. This centers the buttons, so there is no need for
    colSpans to be used to control the location any longer*/
.displayscreenbuttons
{
    text-align: center;
	width: 98%;
	line-height: 30px;
	float: left;
	padding: 10px;
}

/*Bolded label*/
.displaylabel
{
    font-weight: bold;
    text-align: left;
    font-size: 14px;
}

/*Non-bolded label*/
.standardlabel
{
    text-align: left;
    font-size: 14px;
}

/*Header for an information box. Creates a gray background, with a centered bolded headline*/
.infoboxheader
{
    background-color: #ccc;
	color: #000;
	text-align: center;
    font-weight: bold;
    font-size: 16px;
	padding: 5px 0px;
	width:100%;
	position: relative;	
}

/*Standard div, only with an outlined box. Used to better separate the sections*/
.infoboxBaseFile
{
    position: relative;
    width:98%;
    text-align: left;
	font-size: 14px;
	padding: 20px 5px 20px 5px;
	line-height: 22px;
    margin: 15px auto;
    border: solid 1px #d3d3d3;
}

/*Standard div, only with an outlined box. Used to better separate the sections*/
.infobox
{
    position: relative;
    width:90%;
    text-align: left;
	font-size: 14px;
	padding: 5px 5px 5px 5px;
	line-height: 22px;
    margin: 15px auto;
    border: solid 1px #d3d3d3;
    overflow:auto;
}

/*Infobox class floated to the left and right */
.infoboxleft
{
    width: 45%;
    float: left;
    padding: 20px;
}

.infoboxright
{
    width: 45%;
    float: right;
    padding: 20px;
}

.splitleft
{
    text-align: left;
	width: 20%;
	float: left;
	padding: 20px;
}

/*Picture on top right of ctlMainMenu*/
.splitright
{
	width: 70%;
    text-align: left;
	float: right;
	padding: 20px;
}

/***********************************************/
/* Buttons                                     */
/***********************************************/

/*Gray button with rounded corners and specified padding. DO NOT DEFINE BUTTON WIDTH MANUALLY. This style
    assigns a specified padding based on the containing text of the button, making all buttons uniform*/
.btncls
{
	background: #ffffff;
    background-image: -webkit-linear-gradient(top, #ffffff, #ced3d6);
    background-image: -moz-linear-gradient(top, #ffffff, #ced3d6);
    background-image: -ms-linear-gradient(top, #ffffff, #ced3d6);
    background-image: -o-linear-gradient(top, #ffffff, #ced3d6);
    background-image: linear-gradient(to bottom, #ffffff, #ced3d6);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-family: Arial;
    color: #444444;
    font-size: 12px;
    padding: 3px 12px 3px 12px;
    border: solid #393c3d 1px;
    text-decoration: none;
}

/*Changes color upon hovering*/
.btncls:hover {
  background: #d4d8db;
  text-decoration: none;
}

.btncls:disabled {
  background: #ffffff;
  color: #d0d0d0;
  text-decoration: none;
}

/***********************************************/
/* Search Screens                              */
/***********************************************/

/*Mainly used for error labels and headers*/
.searchscreencenter
{
    text-align: center;
}

/**************************************************************
*******************inputwrapmain*******************************
********************VNM 8/30/18********************************/

.inputwrapmain {
    clear:both;
}

    .inputwrapmain label
    {
    display: inline-block;
    font-weight: bold;
    width: 30%; /*200px;*/
    text-align: right;

    }


/*Clears all previous positioning regarding floats inside of the containing div*/
.inputwrap
{
    clear:both;
}

/*Clears all previous positioning regarding floats inside of the containing div*/
.inputwrapRb
{
    clear:both;
}

/*Clears all previous positioning regarding floats inside of the containing div*/
.inputwraptextleft
{
    clear:both;
}

.inputwraptextleft label {
    display: inline-block;
    font-weight: bold;
    width: 150px;
    text-align: right;
}

/*Inputwrap with small indentation*/
.inputwrapsmall
{
    clear:both;
}

.inputwrapsmall label {
    display: inline-block;
    font-weight: bold;
    width: 80px;
    text-align: right;
}

/*THIS PREVENTS HAVING TO USE   50 TIMES IN A ROW TO ADJUST SPACING!!!!!
    This is used to align labels and their corresponding elements. By assigning a total width to the label that is
    greater than the label text, and then right aligning the text, you ensure that whatever element that follows
    the label (textbox, radio button, etc) will be aligned correctly. Otherwise you will end up with staggered
    elements. This may not work in all cases, for example if you have a label and it's text is greater than 300px, 
    then a separate class must be created. Or if you have a smaller label, you may want to decrease the width
    property here*/
.inputwrap label {
    display: inline-block;
    font-weight: bold;
    width: 43%; /*200px;*/
    text-align: right;
}

/*In asp.net the text beside a radio button is treated as a label, so if you use the above class, each radio button
    will have 300px of space between them. For labels on radio buttons, you must define the label style directly on
    the page in the element itself, and then use the following class for the radio buttons themselves.
    An example is in ctlOmisSecurityEmails.ascx*/
.inputwraprb label {
    display: inline-block; 
    text-align: right;
}

/*Input wrap class floated to the left and right */
.inputwrapleft
{
    width: 45%;
    float: left;
    padding: 20px;
}

.inputwrapright
{
    width: 45%;
    float: right;
    padding: 20px;
}


.inputwrapleft label {
    display: inline-block;
    font-weight: bold;
    width: 150px;
    text-align: right;
}

.inputwrapright label {
    display: inline-block;
    font-weight: bold;
    width: 150px;
    text-align: right;
}


/*KYS 3/13/17*/
.inputwrapasp {
    display: inline-block;
    font-weight: bold;
    width: 43%; /*200px;*/
    text-align: right;
}

.tablestyle 
{
    border-spacing: 1px;
    border-collapse: collapse;
    border: 1px;
    margin: 5px auto;
    width: 100%;
}

.tablestyle td 
{
    padding: 5px;
    width:150px;
    border: solid 1px #dedede;
    text-align:center;
}

.inputwrapcheckbox ul 
{
    list-style-type: none;
    margin-left: 0;
    padding-left: 1em;
}

.inputwrapcheckbox li 
{
    padding-left: 1em;
}

.notelabel 
{
    font-size:13px;
    font-style:italic;
}
/*KYS 3/13/17*/

/*Certain search screens require screens to be split. This is the container for the left/right elements
    directly below*/
.searchtopcontainer
{
    line-height: 27px;
    width: auto;
    padding: 5px 10px;
    clear: both;
}

.searchtopleft
{
    text-align: right;
    font-weight: bold;
    width: 30%;
	float: left;
	
}

.searchtopright
{
    text-align: left;
    font-weight: bold;
	width: 65%;
	float: right;
}

/***********************************************/
/* Accordian Control                           */
/***********************************************/

@import url(http://fonts.googleapis.com/css?family=Lato:400,700);

.acc-container {
  width:90%;
  margin:30px auto 0 auto;
  -webkit-border-radius:8px;
  -moz-border-radius:8px;
  -o-border-radius:8px;
  border-radius:8px;
  overflow:hidden;
}

.acc-btn { 
  width:100%;
  margin:0 auto;
  padding:20px 25px;
  cursor:pointer;
  background:#6666ff;
  border-bottom:1px solid #2C3E50;
}

.acc-content {
  height:0px;
  width:100%;
  margin:0 auto;
  overflow:hidden;
  background:#dedede;
}

.acc-content-inner {
  padding:10px;
}

.acc-content-inner ul {
    list-style-type: none;
}

.acc-content-inner li {
    display:block;
    color: #f6f6f6;
    border:none;
    font-size:14px; 
}

.open {
  height: auto;
}

.acc-container p { 
  font:400 16px/24px 'Lato', sans-serif;
  color:#798795;
}

.selected {
  color:#f6f6f6;
}


/***********************************************/
/* Tab Control                                 */
/***********************************************/

.tabmain {
  min-width: 320px;
  max-width: 950px;
  padding: 50px;
  margin: 0 auto;
  background: #fff;
}

.tabmain h1 {
  padding: 10px 0;
  font-weight: 400;
  text-align: center;
}

.tabmain p {
  margin: 0 0 20px;
  line-height: 1.5;
}

.tabmain section {
  display: none;
  padding: 20px 0 0;
  border-top: 1px solid #ddd;
}

.tabmain input {
  display: none;
}

.tabmain label {
  display: inline-block;
  margin: 0 0 -1px;
  padding: 15px 25px;
  font-weight: 600;
  text-align: center;
  color: #bbb;
  border: 1px solid transparent;
}

.tabmain label:before {
  font-weight: normal;
  margin-right: 10px;
}

.tabmain label[for*='1']:before {
  content: url(../images/eforms_icon.png);
}

.tabmain label[for*='2']:before {
  content: url(../images/inq_icon.png);
}

.tabmain label[for*='3']:before {
  content: url(../images/train_icon.png);
}

.tabmain label[for*='4']:before {
  content: url(../images/help_icon.png);
}

.tabmain label:hover {
  color: #888;
  cursor: pointer;
}

.tabmain input:checked + label {
  color: #555;
  border: 1px solid #ddd;
  border-top: 2px solid blue;
  border-bottom: 1px solid #fff;
}

#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4 {
  display: block;
}

@media screen and (max-width: 920px) {
  .tabmain label {
    font-size: 0;
  }

  .tabmain label:before {
    margin: 0;
    font-size: 18px;
  }

}
@media screen and (max-width: 400px) {
  .tabmain label {
    padding: 15px;
  }

}

/***********************************************/
/* Tables                                      */
/***********************************************/

/*All of the following pertain to the datagrids that are used throughout eForms, not just specifically
    ones on search screens. The key thing to remember with the tables is that you must set the styles for
    the header, item, alternatingItem, etc. individually*/
.searchtable
{
    text-align: Left;
	width: 90%;
	float: left;
	margin-left: 45px;
    margin-top: 15px;
}

.searchtable label
{
    margin-left: 100px;
    margin-right: 10px;
    font-weight: bold;
}

.stbl {
	background: #f5f5f5;
	margin: 0px auto;	
	text-align: left;
	width: 100%;
}	

.stbl td {
	position: relative;
	font-size: 12px;
	padding: 5px 5px 5px 5px;
	line-height: 14px;
    margin: 1px 1px 1px 1px;
    border: solid 1px #dedede;
}

.stblHead {
	background-color: #aaaaaa;
	color: #000;
	border-top: solid 1px #dedede;
	border-right: solid 1px #dedede;
	border-bottom: solid 1px #dedede;
	border-left: solid 1px #dedede;
    font-weight: bold;
    font-size: 14px;
	padding: 10px 0px;
	position: relative;	
}

.stblHead a 
{
    text-decoration: none;
    color: Blue;
    padding: 5px 0px;
}

.stblHead a:hover
{
    text-decoration: underline;
    color: Navy;
}

.stblFooter {
	background-color: #aaaaaa;
	color: #000;
	border-top: solid 1px #dedede;
	border-right: solid 1px #dedede;
	border-bottom: solid 1px #dedede;
	border-left: solid 1px #dedede;
    font-weight: bold;
    font-size: 14px;
	padding: 10px 0px;
	position: relative;	
}

.stblItem, .stblAltItem
{
    font-size: smaller;
}

.stblItem
{
    background-color: #ffffff;
}

.stblAltItem
{
    background-color: #dddddd;
}




/***********************************************/
/* Miscellaneous                               */
/***********************************************/

/*These pertain to CSS that is specific to this instance, in this case: DA Intranet Eforms*/

#dgomainleft
{
    text-align: left;
    width: 46%;
	float: left;
    line-height:25px;	
}

#dgomainright
{
    text-align: left;
	width: 46%;
	float: right;
}

/*Further splits the omismainleft div into another two halves*/
#dgosubleft
{
    text-align: left;
    width: 35%;
	float: left;
}

#dgosubright
{
    text-align: left;
	width: 63%;
	float: right;
}

/*Aligns the labels and textboxes just as the inputwrap label, only with different widths*/
#dgosubleft label 
{
    display: inline-block;
    font-weight: bold;
    width: 70px;
    text-align: right;
}

#dgosubright label 
{
    display: inline-block;
    font-weight: bold;
    width: 75px;
    text-align: right;
}


.inputwrapleftDGO
{
    width: 50%;
    float: left;
    padding: 0px;
}

.inputwraprightDGO
{
    width: 43%;
    float: right;
    padding: 20px;
    vertical-align:top;
}


.inputwrapleftDGO label {
    display: inline-block;
    font-weight: bold;
    width: 170px;
    text-align: right;
}

.inputwraprightDGO label {
    display: inline-block;
    font-weight: bold;
    width: 150px;
    text-align: right;
}


.alignedlabelsmall
{
    display: inline-block;
    width: 50px;
    font-weight: bold;
    text-align: right;
}

.alignedlabellarge
{
    display: inline-block;
    width: 75px;
    font-weight: bold;
    text-align: right;
}

.DGOinfobox
{
    position: relative;
    width:90%;
    text-align: left;
	font-size: 14px;
	padding: 5px 5px 5px 5px;
	line-height: 18px;
    margin: 15px auto;
    border: solid 1px #000;
}

.ajax__calendar_container
{
    z-index:2000 ;
}

/***mds 5/18/15**/
#tablemainleft
{
    text-align: left;
    width: 515px;
	float: left;
    line-height:25px;	
}

#tablemainright
{
    text-align: left;
	width: 375px;
	float: right;
}
/**mds 5/18/15*/


/***********************************************/
/* Footer                                      */
/***********************************************/

/*Much of the footer CSS is not needed for the eForms. I copied over what I had wrote for the intranet/internet
    in case it was ever needed in the future. It's just setting fonts, colors, widths, etc. Very simple.*/
#footer
{
    text-align: center;
	font-size:0.8em;
	color: #e6e6e6;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	padding-left: 0px;
	padding-top: 10px;
	margin-bottom: 20px;
	clear: both;
	padding-right: 0px;
	list-style-type: none;
	text-align:center;
}

#footer a{
	/*color: #66ccff;*/ /*blue links*/
    color: #66ff33; /*green links*/
	text-decoration: none;
	margin-bottom: 5px;
}

#footer li{
	margin-left: -35px;
	list-style-type: none;
}

#footer a:hover{
	color: #841935;
	margin-bottom: 5px;
}

.footer_bold{
	color: #841935;
	font-weight: bold;
	font-size: 1.2em;
}

	
#footer-topstate
	{
	padding-left: 25px;
	margin: 0px;
	padding-top: 0px;
	float: left;
	}
	
#footer-bottom{
	width: 100%;
	}	
	
#footer-info{
	float: right;
	width: 48%;
	}	
	
.strong{
	font-weight:bold;
}
.small{
	font-size: 11px;
	margin-top: 5px;
	margin-bottom: 0px;
	clear: both;
	float: left;
	width: 100%;
	line-height: 15px;
}

.attention{
	color: #841935;
	font-weight: bold;
}


/***********************************************/
/* Previous Eforms CSS                         */
/***********************************************/

/*Old schtuff*/

.formerror {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: red;
}
.formtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.tablehead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.tableheadsmall {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
}
.formfields {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: normal;
}
.formtextNormal {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}
.navbar {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.mainmenutext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
}
 a:visited  {
              	color : DarkBlue;
}
 a:link {
              	color : Blue;
}
 a:hover  {
              	color : Red;
}.asterisk {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #7a142d;
}

 /**********************
 *  Responsive Design  *
 ***********************/
@media only screen and (max-width: 850px) {

    /*The DMME logo, uses .png image*/
#logo {
	float: none;
    margin: 10px;
    text-align: center;
	z-index: 2000;
}

/* nav container*/
/*.navcont {
    float: none;
}*/

/* navigation
----------------------------------------------------------*/
/*#nav {
    margin-bottom: 5px;
}

ul#navlist {
    margin: 0;
    padding:0;
    text-align: center;
}

    ul#navlist li {
        margin: 0;
        padding: 15px;
    }*/

/*topright*/
#mainmenutopright
{
    width: 90%;
    text-align: center;
	float: none;
	padding: 10px;
}

/*Login*/
#login
{
    width: 90%;
    max-width: 350px;
	float: none;
	margin: 25px auto 15px auto;
}

    #login h3 {
        text-align: center;
    }
    #login p {
        text-align: center
    }

    .tabmain {
      padding: 15px;
    }

    .inputwrap label {
        display: inline-block;
        font-weight: bold;
        width: 100%;
        text-align: left;
    }

    .inputwrapasp {
        display: inline-block;
        font-weight: bold;
        width: 100%;
        text-align: left;
    }

    .displayscreencenter {
        width:90%;
    }

    
}

/* When the screen is less than 910 pixels wide, hide all list items, except for the first one ("Home"). Show the list item that contains the link to open and close the topnav (li.icon) */
@media screen and (max-width:910px) {
    #nav {
        float:none;
    }
    ul.topnav {
        float:none;
    }
    ul.topnav li {
        float: left;
    }

  ul.topnav li:not(:first-child) {
      display: none;
  }

  ul.topnav li.icon {
    float: right;
    display: inline-block;
  }
  /*VNM 8/30/18 Removes H1 and centers H3 on main form*/
    #h1frmmain {
        display: none;
    }
    h3 {
        width: initial !important;
        float: initial !important;
        align-content: center;
        text-align:center !important ;
    }
    .inputwrapleft
    {
        width: 100%;
        float: initial;
        padding: 20px;
    } 
    .inputwrapright
    {
        width: 100%;
        float: initial;
        padding: 20px;
    }

  
}

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens */
@media screen and (max-width:910px) {
  ul.topnav.responsive {
      position: relative;
  }

  ul.topnav.responsive li.icon {
    position: absolute;
    right: 0;
    top: 0;
  }

  ul.topnav.responsive li {
    float: none;
    display: inline;
  }

  ul.topnav.responsive li a {
    display: block;
    text-align: left;
  }
}

/*KYS 3/13/17*/
@media screen and (max-width:1050px) {
    #divAppContents034e {
        clear:both;
        position: relative;
        width:90%;
        text-align: left;
	    font-size: 14px;
	    line-height: 22px;
    }

    #divApplication034e {
        clear:both;
        position: relative;
        width:100%;
        text-align: left;
	    font-size: 14px;
	    line-height: 22px;
    }

    #div034eTree {
        height:150px;
        overflow:auto;
    }

    #divReviewBtns034e {
        clear:both;
        position: relative;
        width:100%;
        text-align: center;
	    font-size: 14px;
	    line-height: 22px;
    }

    .floatleft {
        width: 90%;
        padding: 20px;
        margin-left: 30px;
    }

    .floatright {
        width: 90%;
        padding: 20px;
        margin-left: 30px;
    }

    .menulist li {
        margin-top:5px;
        margin-bottom:5px;
    }
}

@media screen and (min-width:1050px) {
    #divAppContents034e {
        float:left;
        width:20%;
        margin-left:4.5%;
        margin-right:0;
        height:500px;
    }

    #divApplication034e {
        float:right;
        width:71%;
        margin-left:0;
        margin-right:1.1%;
        padding-left:0px;
    }
    
    #div034eTree {
        height:500px;
        overflow:auto;
    }
    
    #divReviewBtns034e {
        float:left;
        width:20%;
        margin-left:4.5%;
        margin-right:0;
    }

    .floatleft {
        width: 43%;
        float: left;
        padding: 20px;
        margin-left: 30px;
    }

    .floatright {
        width: 43%;
        float: right;
        padding: 20px;
    }

    .menulist li {
        margin-top:initial;
        margin-bottom:initial;
    }
}
/*KYS 3/13/17*/

/*KYS 3/13/17*/
@media screen and (max-width:550px) {
    .menulist {
        width:43%;
    }
}


/*.FormError {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: red;
}
.StepText
{
	color: #C00000;
	font-size: medium;
	font-family: Arial;
	
} 

.StepHdr
{
	HEIGHT: 25px; 
	BACKGROUND-COLOR: #e2d2bd; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.StepFtr
{
	height:25px;
	background-COLOR: #e2d2bd;
	text-align:center;
	vertical-align:middle;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	border: solid 1px #e2d2bd;
	padding: -1 -1 -1 -1;
}

.SecBackground
{
	 PADDING-RIGHT: 0px;
	   PADDING-LEFT: 0px;
	    PADDING-BOTTOM: 0px;
	      WIDTH: 90%;
	       COLOR: black;
	        PADDING-TOP: 0px;
	           TEXT-ALIGN: left;
}

.SecTblBackground
{
	BORDER-TOP-WIDTH: thin;  
	BORDER-LEFT-WIDTH: thin; 
	BORDER-LEFT-COLOR: gray; 
	BORDER-BOTTOM-WIDTH: thin; 
	BORDER-BOTTOM-COLOR: gray; 
	WIDTH: 100%; 
	BORDER-TOP-COLOR: gray; 
	HEIGHT: 100%; 
	BACKGROUND-COLOR: #ffffcc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: normal;
}

.SecTblLabels
{
	width:25%;
}

.SecTblEntry
{
	margin-right: 25px;
}

.SecHdr
{
	BORDER-TOP-WIDTH: thin;
	 FONT-WEIGHT: bold;
	  BORDER-LEFT-WIDTH: thin;
	   FONT-SIZE: medium;
	    BORDER-LEFT-COLOR: gray;
	     BORDER-BOTTOM-WIDTH: thin;
	      BORDER-BOTTOM-COLOR: gray;
	       WIDTH: 50%; COLOR: white;
	        BORDER-TOP-COLOR: gray;
	         FONT-FAMILY: Arial;
	          HEIGHT: 25px;
	           BACKGROUND-COLOR: maroon;
	            TEXT-ALIGN: center; 
	            BORDER-RIGHT-WIDTH: thin; 
	            BORDER-RIGHT-COLOR: gray;
}

.SecText
{
	color: Black;
	font-size:small;
	font-family:Arial;
	font-style:oblique;
}
.FormText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.TableHead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.TableHeadSmall {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
}
.FormFields {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: normal;
}
.FormTextNormal {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}
.FormComments 
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	font-weight: normal;
	background-color: #E0E0E0;
	color: Gray;
}
.NavBar {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.MainMenuText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.Copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
}
 a:visited  {
              	color : DarkBlue;
}
 a:link {
              	color : Blue;
}
 a:hover  {
              	color : Red;
}.Asterick {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #7a142d;
}
.BtnCls
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	behavior: url(includes/Button.sct);
	color: black;
	filter:progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr= 'MistyRose' ,EndColorStr= '#cc9999' );
	border-top: linen 1px solid;
	border-left: linen 1px solid;
	border-right: wheat 1px solid;
	border-bottom: wheat 1px solid;
}

.txtWatermark
{
	background-color: InfoBackground;
	color: Red;	
	font-style: italic;
	text-align: center;
}

.divCalendar
{
	
	left:0px;
	top:0px;
}

.divCalendar iframe
{
	left:0px;
	top:0px;
}


.radioButtonList

td
{
    vertical-align: top;
}
.radioButtonList input[type="radio"]
{
    float: left;
}
.radioButtonList label
{
    width: 45px;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: normal;
} 

.Dmm170P1Question
{
	padding: 10px 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	
}

.Dmm170P1QuestionVisible
{
	display: inherit;
	visibility: visible;
	height: auto;
}

.Dmm170P1QuestionHidden
{
	padding: 0px 0px;
	display: none;
	visibility: hidden;
	height: 0px;
}

.FormSection
{
	border: solid thin #e2d2bd;
}

input[disabled], input[readonly], select[disabled], select[readonly], checkbox[disabled], checkbox[readonly], textarea[disabled], textarea[readonly], button[disabled]
{ 
 background-color: #dcdcdc; 
 border: #3532ff 1px solid; 
 color: GrayText; 
}

.NodeColor
{
    color:Black !important;
}

.SelectedNode
{
    background-color:#000099;
    color:White !important;
}*/