@charset "UTF-8";
html {
   height:100%;
   margin-bottom:1px;
}
* {
   z-index: 10;
   /* font-size: medium; */
   padding-top: 0px;
   padding-right: 0px;
   /* margin-right: 3px; */
}

.tworowbutton {
    height: 45px;
    padding: 1px;
    float: left;
    margin-right: 5px;
    text-align: center;
}

body {
   font-family: Arial, Helvetica, sans-serif;
   font-size: small;
   color: #333333;
   background-color: #FFFFFF;
   padding:10px 0;
}
table {
    border-collapse:collapse;
    margin-bottom:0.5em;
    width:auto;
}
tbody th {
    background:#CCCCCC none repeat scroll 0 0;
    color:#333333;
}
td, th {
   font-family: Arial, Helvetica, sans-serif;
padding:0.5em;
}

#page_margins {
   max-width:860px;
   min-width:860px;
   margin: 0 auto;
}
#page {
}

#welcome {
   float: right;
   padding-top: 20px;
   z-index: -1;
   position: relative;
   top: 0px;
   right: 0px;
}
#logo {
   background-image: url(../images/logos/itonia_main.png);
   background-repeat: no-repeat;
   height: 150px;
   width: 175px;
   background-position: center 45px;
}
#col1 {
   float: left;
   width: 175px;
}
#col2 {
   margin-left: 215px;
   padding: 0px;
}
h1 {
   font-size: x-large;
   color: #00508C;
   margin: 0px;
   padding: 0px;
}
h2 {
   font-size: large;
   color: #878787;
   margin: 0px;
   padding: 0px;
}
h3 {
   font-size: medium;
   color: #00508C;
   text-transform: uppercase;
}
a {
   color: #000000;
   font-weight: bold;
   text-decoration: none;
   margin: 0px;
}

a:hover {
   color: #5EACE5;
   font-weight: bold;
   text-decoration: none;
}

#navibar {
   background-color: #00508C;
   padding-top: 25px;
   padding-bottom: 45px;
   padding-left: 0px;
   margin-top: 20px;
   margin-right: 0px;
   margin-bottom: 0px;
   margin-left: 0px;
   height: 450px;
   font-size: xx-large;
}
#navibar ul {
   list-style-type: none; 
   margin:0; 
   padding: 0; 
}
#navibar li { 
   float:left; 
   width: 100%; 
   margin:0; 
   padding: 0 
}

#navibar ul li {
   list-style-type: none;
   padding-bottom:10px;
   font-size: large;
   padding-left: 0px;
}

#navibar a,
#navibar strong {
    display:block;
    width: 90%;
    padding: 3px 0px 3px 10%;
    text-decoration: none;
    background-color:#00508C;
    color: #5EACE5;
    border-bottom: 0px #eee solid;
  }

#navibar .active {
   color: #d2e9fb;
   font-size: large;
}
#devider {
   border-top-width: 1px;
   border-top-style: solid;
   border-top-color: #00508C;
   position: absolute;
   top: 312px;
   left: 215px;
   float: right;
   right: 0px;
   width: 650px;
   height: 1px;
}
.maininto {
   height: 82px;
   border-bottom-width: 0px;
   border-bottom-style: solid;
   border-bottom-color: #00508C;
   float: right;
   position: relative;
   padding-top: 68px;
   padding-right: 0px;
   text-align: right;
}
#main #col2 .devider {
   border-top-width: 1px;
   border-top-style: solid;
   border-top-color: #00508C;
}
.col_50_left {
   float: left;
   width: 49%;
}
.col_50_right {
   float: right;
   width: 49%;
}
.coltext {
   padding-top: 20px;
   padding-right: 20px;
   padding-bottom: 10px;
   font-size: small;
}
.clearboth {
   clear: both;
   margin: 0px;
   padding: 0px;
   height: 0px;
   border-top-width: 0px;
   border-right-width: 0px;
   border-bottom-width: 0px;
   border-left-width: 0px;
}
#legalfooter {
   float: right;
   padding-right: 10px;
   font-size: x-small;
}
#legalfooter a {
   font-size: x-small;
   font-weight: normal;
}

#copyright {
   float: left;
   padding-left: 215px;
   font-size: x-small;
}

#footer {
   padding-top: 5px;
   font-size: x-small;
}
#footer a:link {
   font-size: x-small;
   font-weight: normal;
}
.col30_l {
   float: left;
   width: 33%;
}
.col30_m {
   float: left;
   width: 32%;
   border-left-width: 33%;
   padding-left: 7px;
}
.col30_r {
   float: right;
   width: 32%;
}
.clearit {
   clear: right;
}
#col2 #topimg {
   padding-top: 20px;
}
#navibar a {
   font-size: large;
   color: #5EACE5;
   text-decoration: none;
}

#navibar a:hover {
   font-size: large;
   color: #FFF;
   text-decoration: none;
}
#col2 p {
   padding-bottom: 0.1em;
}
#itform {
    margin: 10px;
    padding: 5px;
    border: 1px dotted #3B5F80;
}
#itform a {
    font-weight: bold;
}
#itform p {
   padding-bottom: 0.0em;
   clear:both;
}

#itform label {
   float:left;
   width:130px;
   margin:2px 0px 0px 0px;
   padding:0px 0px 2px 0px;
   padding-right:10px;
   text-align: right;
   font-weight: normal;
   
}

#itform input {
   border:1px solid #3B5F80;
   padding:1px;
   width:250px;
   margin-bottom: 5px;
}

#itform input[type=radio]{
   margin-left:110px;
   width: 20px;
   border: 0px;
}

#itform .dateTime input {
   width:auto;
}

#itform select {
   border:1px solid #3B5F80;
   padding:0px;
}
 
#itform textarea {
   border:1px solid #3B5F80;
   padding:0px;
   width:440px;
}

#itform .button {
    width: auto;
}

#itform   legend { 
    font-weight: bold;
    border: 0px solid #3B5F80; 
    background-color: #fff; 
    color: #333; 
    padding: 4px;
}
#itform   fieldset { 
    border: 1px solid #3B5F80; 
    padding: 10px; 
    margin-top: 10px;
    margin-bottom: 10px;
}

#itform   #captchaImage {
   margin:2px 0px 0px 0px;
   padding:0px 0px 2px 140px;
   padding-right:10px;
}
#itform   #captchaText {
   margin:2px 0px 0px 0px;
   padding:0px 0px 2px 140px;
   padding-right:10px;
}
#itform .backlink {
   float: right;
   padding-right: 1em;
}
#fieldset_date label{
  width:200px;
}

#damageexecutiondate input{
  width:20px;
}

#damageexecutiondate input:first-child{
  width:80px;
}

#fieldset_date label{
  width:200px;
}

#damagerecognitiondate input{
  width:20px;
}

#damagerecognitiondate input:first-child{
  width:80px;
}

#itform div.error fieldset legend { 
  padding-left: 17px;
  background: url(../images/error.png) transparent no-repeat center left ;
}

#itform ul {
  padding-left:0px;
}

li.feedbackPanelERROR {
  list-style:none;
  padding-left: 17px;
  background: url(../images/error.png) transparent no-repeat center left;
}

#issuesummary table {
   border-collapse: separate;
   border-spacing: 0px 0px;
}

#issuesummary table td {
   padding: 2px;
   vertical-align:top;
}

#issuesummary table td:first-child {
   width:130px;
   text-align:right;
   padding-right:10px;
   color: #878787;
}

#issuesummary hr {
  border-top:solid #F0F0F0 1px;
  background-color:#F0F0F0;
  height:0px;
}

#issuesummary h2 a{
  font-size:10px;
  vertical-align:center;
  color:#ADADAD;
}

#upload input[type="button"]{
    margin:10px;
    width: 80px;
    display: inline-block;
}