/* eDANS Style Sheet */

/* The "body", "content", "header" and "leftmenu" are the 4 container objects that form the basic structure of the application. */
body {
  margin : 0px; 
  padding : 0px; 
  color : #000000; 
  background-color: #ffffff;
  font-size: .85em;
  font-family: Arial, Segoe UI, Dejavu Sans, helvetica, sans serif;
  font-weight: normal;
} 
td, th, select, textarea, input {
  font-family: Arial, Segoe UI, Dejavu Sans, helvetica, sans serif;
}
#header   {
  margin: 0px;
  padding: 0px;
}
#leftmenu {
  float: left;
  padding:0px;
  padding-left: 1px;
  margin: 0px;
  width: 150px;
  font-weight: bold;
  font-size: .9em;
  height: 100vh;
  background-color:#dddddd;
  border-right: 1px solid slateblue;
}
#leftmenuitem {
  background-color: transparent;
  padding:4px;
  cursor:pointer;
  color: black;
  transition: background-color 0.3s, color 0.3s; /* Optional: Add a smooth transition effect */
}
#leftmenuitem:hover {
  background-color: #b4003d;
  color: white;
}
#content { 
  overflow: hidden;  /* Clear any float and contain the right container */
  padding: 7px;
  margin: 0px;
  margin-right: 2px;
} 

#agencybanner   {
  margin: 0px;
  padding: 3px 5px 0 0;  
  height: 38px;
  background-color:#20396f; 
  color:#ffffff;
  font-weight:bold;
  font-size: 1.2em;
  font-family: Candara, Calibri, Segoe, Segoe UI, Optima, Arial, sans-serif;
}

/* Some default for hyperlinks */
a:visited { Color: blue; }
a:hover { Color: #cf0028; }

/* this is going to set custom spacing around the P tag throughout the site */
p { 
  margin-top: 0em; 
  margin-bottom: .7em;
}

/* it doesn't make sense but if I don't use this to set font to 100% then font is too big */
input {
 font-size: 1em;
}
select {
 font-size: 1em;
}

/* Probably not necessary, but make sure form tags don't create margin space  */
form { margin: 0; }

/* standard table styles providing a very nice 1 pixel table */
table
{
  border-style: solid;
  border-color: #aaaaaa;  
  border-width: 0px;
  border-spacing: 0;
  border-collapse: collapse;
  font-size:.95em;
}

th
{
  border-width: 1px;
  border-style: solid;    
  border-color: #aaaaaa;
  margin: 0;
  padding: 4px;
  background-color: #EaEbF5;
  color: black;
  font-weight: Bold;
  text-align: left;
}
td
{
  border-width: 1px;
  border-style: solid;    
  border-color: #aaaaaa;
  margin: 0;
  padding: 4px;
  Vertical-Align: top;
}

/* I am going to try and assume IMG tags should default to vertical-align: middle */
img {
  vertical-align: middle;
  border-style: none;
  border: 0;
}

/* some default styles for lists */
ul,ol {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 2em;  
  padding-bottom: 0px;
  padding-top: 0px;
  line-height: 1.2em;
}
li {
  padding-bottom: 8px;
}

/* common heading styles */
h1 { 
  margin: 0px;
  padding-top: 4px;
  padding-bottom: 4px;
  color: #010e43;
  font-size: 120%;
  font-family: Arial, Verdana, Helvetica, sans-serif; 
	Font-Weight:bold;
	}

h2 { 
  padding-top: 2px;
  padding-bottom: 2px;
	margin-bottom: 5px;
	margin-top:5px;
	color: #333333;
  font : 110% Arial, Verdana, Helvetica, sans-serif; 
	Font-Weight:bold;
	border-top: 1px solid #bbbbbb;
	border-bottom: 1px solid #bbbbbb;
	background-color:#EaEbF5;
	}

h3 {
  padding : 0; 
  margin-top: 0px;
  margin-bottom: 4px;
  font : 125% Arial, Verdana, Helvetica, sans-serif; 
  Font-Weight: Bold;
  text-decoration: none;
  color:#333333;
}

h4 {
  padding : 0; 
  margin-top: 4px;
  margin-bottom: 6px;
  Font-Weight: Bold;
  font-size: 100%;
  text-decoration: underline;
  color:#333333;
}

h5 { 
	background-color: #C5C9F2; 
	color: #04049A;
  font : 110% Verdana, Arial, Helvetica, sans-serif; 	padding: 5px 5px; 
	font-weight:bold;    
	margin-top:15px;
	margin-bottom:5px;
	border-bottom: 1px solid #666666;
	border-top: 1px solid #666666;    
	}

h6 { 
  padding-top: 5px;
  padding-bottom: 5px;
	margin-bottom: 5px;
	margin-top:5px;
	color: #333333;
  font : 110% Arial, Verdana, Helvetica, sans-serif; 
	Font-Weight:bold;
	border-top: 1px solid #bbbbbb;
	border-bottom: 1px solid #bbbbbb;
	background-color:#EaEbF5;
	}

 

/* some additional link styles */
a.linkblack, a.linkblack:visited {
  Color: black; 
  Text-Decoration: none
}
a.linkblack:hover { 
  Color: #cf0042; 
  Text-Decoration: underline;
}
a.linkblack, a.linkblack:visited {
  Color: black; 
  Text-Decoration: none
}
a.linkblack:hover { 
  Color: #cf0042; 
  Text-Decoration: underline;
}
a.linkmblue, a.linkblack:visited {
  Color: mediumblue; 
  Text-Decoration: none
}
a.linkmblue:hover { 
  Color: #cf0042; 
  Text-Decoration: underline;
}
a.linkblackbold, a.linkblack:visited {
  Color: #333333; 
  Text-Decoration: none;
  Font-weight: bold;
}
a.linkblackbold:hover { 
  Color: #cf0042; 
  Text-Decoration: underline;
}


.error1 {
  padding: 6px;
  margin-right: 0px; 
  margin-bottom: 12px;
  margin-top: 10px;
  border: 1px solid #dddddd;
  font-size: 100%;
  color: #B4003C;
  background-color: #EaEbF5;
  font-weight:bold;
  width: 600px;
}
.errorP{
    position: fixed;
    top: 0px;
    margin-top: 130px;
    margin-left: 0px;
    height: 140px;
    width: 500px;
    color:#b4003c;
    background-color: #FAFAFA;
    padding: 0px;
    border: 4px solid #aabbbb;
    font-family: Verdana, Segoe UI, Dejavu Sans, helvetica, sans serif;
  }
.Pop1{
    position: fixed;
    display:none;
    top: 0px;
    margin-top: 100px;
    margin-left: 40px;
    height: 240px;
    width: 600px;
    color:black;
    background-color: #FFFFF0;
    padding: 0px;
    border: 4px solid salmon;
    font-family: Verdana, Segoe UI, Dejavu Sans, helvetica, sans serif;
  }
.message1 {
  padding: 3px;
  margin-right: 0px; 
  margin-bottom: 12px;
  border: 1px solid #dddddd;
  font-size: 100%;
  color: #B4003C;
  background-color: #d0eedd;
}

.button1 {
  background-image: linear-gradient(#f7f8fa ,#e7e9ec);
  border-color: #6e7076 #64686c #565759;
  border-style: solid;
  border-width: 1px;
  border-radius: 3px;
  box-shadow: rgba(255,255,255,.6) 0 1px 0 inset;
  color: #0f1111;
  cursor: pointer;
  display: inline-block;
  font-family: Verdana,Arial,sans-serif;
  font-size: 1em;
  padding: 5px;
  padding-top: 4px;  
  text-align: center;
}

.buttonred {
  background-image: linear-gradient(#f96d6d, #e55050);
  border-color: #6e7076 #64686c #565759;
  border-style: solid;
  border-width: 1px;
  border-radius: 3px;
  box-shadow: rgba(255,255,255,.6) 0 1px 0 inset;
  color: #0f1111;
  cursor: pointer;
  display: inline-block;
  font-family: Verdana, Arial, sans-serif;
  font-size: 1em;
  padding: 5px;
  padding-top: 4px;  
  text-align: center;
}

.buttonblue {
  background-image: linear-gradient(#5ca3ff, #3887e0);
  border-color: #6e7076 #64686c #565759;
  border-style: solid;
  border-width: 1px;
  border-radius: 3px;
  box-shadow: rgba(255,255,255,.6) 0 1px 0 inset;
  color: #0f1111;
  cursor: pointer;
  display: inline-block;
  font-family: Verdana, Arial, sans-serif;
  font-size: 1em;
  padding: 5px;
  padding-top: 4px;
  text-align: center;
}