form[action="/modules/news/index.php"] select[name="storytopic"] {
 width:215px;
 }
 form[action="/modules/news/index.php"] select[name="storynum"] {
 width:100px;
 }
  form[action="/modules/news/index.php"] {
  margin-bottom: 5%;
  }
  
   .formHR {
    max-width:330px;
	margin-left:0px;
	height: 0px;
	border: 0px;
	border-top: 2px dotted #cccccc;
 }
 

 select#ele_359day {
    width: 20%;
}
  select#ele_359month {
    width: 45%;
}
  select#ele_359year {
    width: 21%;
}
 select#ele_309day {
    width: 20%;
}
  select#ele_309month {
    width: 45%;
}
  select#ele_309year {
    width: 27%;
}
 select#ele_59day {
    width: 20%;
}
  select#ele_59month {
    width: 45%;
}
  select#ele_59year {
    width: 27%;
}
 select#ele_254day {
    width: 20%;
}
  select#ele_254month {
    width: 45%;
}
  select#ele_254year {
    width: 27%;
}

.outer {
    width:550px;
    margin-right:auto;
    margin-left:auto;
  }
  .outer td.head {
  padding-right:20px;
  font-weight:normal !important;
  min-width:180px;
} 

.outer input:focus {
  background-color:#efefef;
}

.outer input[type="submit"]:hover, form[action="/modules/news/index.php"] input[type="submit"]:hover {
  background-color:#0B4EA2;
    color:#ffffff;
    font-weight:bold;
}
  .outer input[type="button"]:hover {
  background-color:#1F419B; 
    color:#ffffff;
    font-weight:bold;
  }

.outer input:hover {
  background-color:#dce6ff;
}

.outer input.button {
  width:auto;
  padding-top:5px;
  padding-left:20px;
  padding-right:20px;
  padding-bottom:5px;
  margin-top:10px;
  border-top-width:1px;
  border-top-style:solid;
  border-top-color:#aaaaaa;
  border-left-width:1px;
  border-left-style:solid;
  border-left-color:#aaaaaa;
  border-right-width:1px;
  border-right-style:solid;
  border-right-color:#aaaaaa;
  border-bottom-width:1px;
  border-bottom-style:solid;
  border-bottom-color:#aaaaaa;
  background-color:#efefef;
}

.outer input[type="checkbox"] {
  width:20px;
}
  
.outer input[type="radio"] {
  width:30px;
}

.outer input, form[action="/modules/news/index.php"] input {
  width:320px;
  padding-top:5px;
  padding-left:5px;
  padding-right:5px;
  padding-bottom:5px;
  margin-bottom:10px;
  border-top-width:1px;
  border-top-style:solid;
  border-top-color:#aaaaaa;
  border-left-width:1px;
  border-left-style:solid;
  border-right-width:1px;
  border-right-style:solid;
  border-bottom-width:1px;
  border-bottom-style:solid;
  border-left-color:#aaaaaa;
  border-right-color:#aaaaaa;
  border-bottom-color:#aaaaaa;
  background-color:#ffffff;
}

.outer textarea:focus {
  background-color:#efefef;
}

.outer textarea:hover {
  background-color:#dce6ff;
}

.outer textarea {
  width:320px;
  margin-bottom:10px;
  padding-top:5px;
  padding-left:5px;
  padding-right:5px;
  padding-bottom:5px;
  background-color:#ffffff;
  border-top-width:1px;
  border-top-style:solid;
  border-top-color:#aaaaaa;
  border-left-width:1px;
  border-left-style:solid;
  border-left-color:#aaaaaa;
  border-right-width:1px;
  border-right-style:solid;
  border-right-color:#aaaaaa;
  border-bottom-width:1px;
  border-bottom-style:solid;
  border-bottom-color:#aaaaaa;
}

.outer .select:focus {
  background-color:#efefef;
}

.outer select:hover {
  background-color:#dce6ff;
}

.outer select, form[action="/modules/news/index.php"] select {
  width:320px;
  margin-bottom:10px;
  padding-top:5px;
  padding-left:5px;
  padding-right:5px;
  padding-bottom:5px;
  background-color:#ffffff;
  border-top-width:1px;
  border-top-style:solid;
  border-top-color:#aaaaaa;
  border-left-width:1px;
  border-left-style:solid;
  border-left-color:#aaaaaa;
  border-right-width:1px;
  border-right-style:solid;
  border-right-color:#aaaaaa;
  border-bottom-width:1px;
  border-bottom-style:solid;
  border-bottom-color:#aaaaaa;
}



@media (max-width: 767px) {

  .outer  td {
    display:block;
    width:100%;
    text-align:left;
  }
  .outer td.head {
    font-weight:bold;
    margin-top:8px;
    text-align:left;
    padding-top:0px;
    padding-left:0px;
    padding-right:0px;
    padding-bottom:0px;
  }
  .outer {
    width:100%;

}
  .outer input {
    width:90%;
  }
  .outer .select {
    width:90%;
    height:auto;
  }
  .outer textarea {
    width:90%;
  }
  .outer input[type="button"] {
    margin-top: 20px;
    margin-bottom:40px;
  }
  .outer input[type="submit"] {
    margin-top:0px;
  }
  .outer .recaptchatable td img {
    display:table;
    float:left;
    margin-right:5px;
    posititon:relative;
    top:-10px;
  }
  .outer .recaptchatable #recaptcha_response_field {
    width:100% !important;
    font-size:9pt;
  }
}



@media (max-width:480px) {
  .outer td {
    text-align:left !important;
}
}