/***********************************************/
/* 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, the background image is part of this*/
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: #000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #841935;
	padding-bottom: 5px;
}
h2{
	font-size:1.0em;
	padding: 0px;
	color: #000;
	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-inline-end: 0px;
	margin-bottom: 0px;
	margin-inline-start: 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-inline-start: 40px;
	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-inline-end: 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:inline-start;
}

/* 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-top: 14px;
    padding-inline-end: 16px;
    padding-bottom: 14px;
    padding-inline-start: 2px;
    text-decoration: none;
    transition: 0.3s;
    font-size: 14px;
}

/* 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: 14px;
}

/* 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-inline-start: 40px;
    text-align:start;
	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-inline-start: 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;
}

.menulisttsguide 
{
    text-align: Left;
	width: 20%;
	float: left;
    margin-top: 0px;
    margin-inline-start: 10%;
	padding-inline-start: 20px;
}

.menulisttsguide ul 
{
    list-style-type: none;
}

/*Navigation bar background image*/
#menu_box 
{
    background-image: url("../images/navbar.png");
    background-position:center;
	margin-top: 0px;
	margin-inline-end: 0px;
	margin-inline-start: 10px;
	margin-bottom: 0px;
	width: 899px;
	top: 50px;
	position: relative;
	z-index: 1000;
}

/*Sets the font and positioning for nav bar*/
#menu {
	width:880px;
	height:51px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	padding-top: 0px;
	padding-inline-end: 35px;
	padding-bottom: 0px;
	padding-inline-start:0px;
	font-family:Arial, Helvetica, sans-serif;
}

/*Sets style for individual list items inside the ul*/
#menu li {
	float:inline-end;
	display:inline;
	text-align:center;
	position:relative;
	margin-top:0px;
	margin-inline-end:0px;
	color: #696969;
	border:none;
	padding-top: 17px;
	padding-inline-end: 10px;
	padding-bottom: 4px;
	padding-inline-start: 0px;
	font-size:10px;
}

/*Sets hyperlink style for a href links*/
#menu li a { 
	color: #2e3e3e;
	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;
}



/***********************************************/
/* 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: 1600px;
	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;
    
	}

/*The authorized use disclaimer on the login screen*/
#authorizeduse {
    line-height: 16px;
    width: 80%;
    text-align: center;
    font-size: 11px;
    padding: 15px 25px;
    background: #fefefe;
    margin: 10px auto;
    border: 1px solid #c4cddb;
}	

/***********************************************/
/* 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;
}

/*Small italicized label*/
.smalllabel 
{
    text-align: center;
    font-size: 13px;
    font-style: italic;
}

/*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:95%;
    text-align: left;
	font-size: 14px;
	padding: 5px 5px 5px 5px;
	line-height: 22px;
    margin: 15px auto;
    border: solid 1px #d3d3d3;
}

.infoboxnoborder 
{
    position:relative;
    width:90%;
    text-align:start;
    font-size:14px;
    padding: 5px 5px 5px 5px;
    line-height: 22px;
    margin: 15px 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;
	width: 98%;
	float: left;
	padding: 10px;
}

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

.inputwrapNoBold
{
    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: 48%;  /*was 300px*/
    text-align: right;
}

.inputwrapNoBold label {
    display: inline-block;
    width: 300px; /*was 300px*/
    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: 47%;
    float: left;
    padding: 10px;
}

.inputwrapright
{
    width: 47%;
    float: right;
    padding: 10px;
}


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

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

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

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


/*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;
}
/***********************************************/
/* Change PW Screens                           */
/***********************************************/

/*The larger containing div that will house the other information*/
.pw_change {
    font-family: "Segoe UI", Candara, "Trebuchet MS", Verdana, sans serif;
    font-size:16px;
    margin: 10px 0;
    color:#444;
}

/*Make textboxes extend the width of the screen*/
.pw_change .pvtext {
    width: 100%;
}

/*This is a different classname that matches pvtext, but is used so the pw_info
    validation box doesn't show when a user types in the current password*/
.pw_change .noval {
    width: 100%;
}


/*Remove the bullets on the unordered lists, set margins*/
.pw_change ul {
    list-style-type:none;
    padding-inline-start: 0;
}
.pw_change ul li {
    list-style-type:none;
    margin:10px 20px;
}


/*Underlying container that houses the textboxes in the change pw screen*/
#container {
    width:400px;
    padding:0px;
    background:#fefefe;
    margin:0 auto;
    border:1px solid #c4cddb;
    border-radius:5px;
    position:relative;
}

.pw_change h1 {
    margin:0;
    padding:10px 0;
    font-size:24px;
    text-align:center;
    background:#d4d8db;
    border-bottom:1px solid #dde0e7;
    border-radius:5px 5px 0 0; /* otherwise we get some uncut corners with container div */
}


.pw_change label {
color:#555;
}

.pw_change #container span {
    padding:3px 5px;
    display:block;
    margin-top:5px;
}

/*This is the div that displays when the user clicks on the password textbox*/
#pw_info {
    width:100%;
    padding:10px;
    font-size:.75em;
    box-shadow:0 1px 3px #ccc;
    border:1px solid #ddd;
}

#pw_info ul {
    list-style-type: none;
}

#pw_info ul li {
    list-style-type: none;
    margin: 0;

}

#pw_info h4 {
    margin:0 0 10px 0;
    padding:0;
    font-weight:normal;
}

/*These css classes are toggled based on whether criteria is met*/
#pw_info .invalid {
    background:url(../images/invalid.png) no-repeat 0 50%;
    padding-inline-start:22px;
    color:#ec3f41;
}
#pw_info .valid {
    background:url(../images/valid.png) no-repeat 0 50%;
    padding-inline-start:22px;
    color:#3a7d34;
}

/*Initially set this to invisible*/
#pw_info {
    display:none;
}
/***********************************************/
/* 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-inline-start: 45px;
    margin-top: 15px;
}

.searchtable label
{
    margin-inline-start: 100px;
    margin-inline-end: 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;
}

.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;
}




/***********************************************/
/* 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;
}

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

/*These pertain to CSS that is specific to this instance, in this case: DMM Internet 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*/

/*KYS 3/15/16*/
#addressblockright label
{
    display: inline-block;
    font-weight: bold;
    text-align: right;
    width: 20%;
}

.inputwrapContractor 
{
    clear:both;
}

.inputwrapContractor label
{
    display:inline-block;
    font-weight: bold;
    text-align: right;
    width: 18%;
}

.inputwrapleftWorkExPersComp
{
    width: 47%;
    float: left;
    padding: 10px;
}

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

.inputwraprightWorkEx
{
    width: 51%;
    float: right;
    padding: 3px;
}

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

.inputwrapleftWorkEx
{
    width: 45%;
    float: left;
    padding: 3px;
}

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

.inputwrapleftVictimEx
{
    width: 60%;
    float: left;
    padding: 3px;
}
.inputwrapleftVictimEx label
{
     display: inline-block;
    font-weight: bold;
    width: 25%; /*275px;*/
    text-align: right;
}
.inputwrapleftVictimCheck label 
{
     display: inline-block;
     text-align: left;
     width: 25%; /*155px;*/


}
.inputwraprightVictimEx
{
    width: 36%;
    float: right;
    padding: 3px;
}

.inputwraprightVictimEx label 
{
    display: inline-block;
    font-weight: bold;
    width: 25%; /* 250px;*/
    text-align: right;
}
.inputwrapYearProg 
{
    width: 90%;
    float: right;
    padding: 5px;
}

.inputwrapYearProg label 
{
    display: inline-block;
    width: 400px;
}

.inputwrapYearProgLetter
{
    width: 90%;
    float: right;
    padding: 5px;
}

.inputwrapYearProgLetter label 
{
    display: inline-block;
    width: 350px;
    margin-inline-start:50px;
}

.inputwrapLitReq 
{
    width: 95%;
    float: right;
    padding: 3px;
}

.inputwrapLitReq label 
{
    display: inline-block;
    width: 73%;
    text-align: right;
    font-size: 12px;
}

/**KYS 3/15/16**/

/*jdl 6/28/22*/
.g-recaptcha > div {
    text-align: center;
    width: auto !important;
    height: auto !important;
}
/**jdl 6/28/22*/

/***********************************************/
/* 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.7em;
	color: #464646;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	padding-inline-start: 0px;
	padding-top: 10px;
	margin-bottom: 20px;
	clear: both;
	padding-inline-end: 0px;
	list-style-type: none;
	text-align:center;
}

#footer a{
	color: blue;
	text-decoration: none;
	margin-bottom: 5px;
}

#footer li{
	margin-inline-start: -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-inline-start: 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;
}
.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;
}

  .inputwrapaddress {
    width:300px;
    display:inline-block;
    text-align:end;
    font-weight:bold;
}
  @media screen and (max-width:850px) {
    #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;
  }
}

/* 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:850px) {
  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) {
    #divLeftContent {
        float:inline-start;
        width:15%;
        margin-inline-start:4.5%;
        margin-inline-end:0;
        height:500px;
    }

    #divRightContent {
        float:inline-end;
        width:85%;
        margin-inline-start:0;
        margin-inline-end:1.1%;
        padding-inline-start:0px;
    }

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

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

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

@media screen and (min-width:1050px) {
    #divLeftContent {
        float:inline-start;
        width:15%;
        margin-inline-start:4.5%;
        margin-inline-end:0;
        height:500px;
    }

    #divRightContent {
        float:inline-end;
        width:85%;
        margin-inline-start:0;
        margin-inline-end:1.1%;
        padding-inline-start:0px;
    }

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

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

    .menulist li {
        margin-top:initial;
        margin-bottom:initial;
    }
}