/* Resets browser defaults and provides base element styles */

/* = Global Reset 
------------------------------------------------- */

html, body, div, span, h1, h2, h3, h4, h5, h6, p, hr, a, a img, font, img, dd, dl, dt, li, ol, ul, blockquote, fieldset, form, label, legend, table, caption, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  line-height: inherit;
  font-family: inherit;
  font-size: 100%;
}

ol, ul {
  list-style: none;
}

/* = Base element Styles
------------------------------------------------- */

body {
  font-family: 'Trebuchet MS' , 'Arial' , 'Verdana' , 'MS Sans-Serif';
  font-size: 80%;
  background-color: #0D1B25;
  text-align: center;
}
h1 {
  color: #96A0A8;
  font-size: 170%;
  font-weight: bold;
  border-bottom: 1px solid #4F626E;
  font-family: Arial Narrow;
  margin-top: 20px;
  letter-spacing: 0.5px;
}
h2 {
  color: #828688;
  font-size: 140%;
}
h3 {
  color: #939799;
  font-size: 115%;
}
h4 {
  color: #ccc;
  font-weight: bold;
}
h5 {
}
h6 {
}

p {
  margin: 10px 0;
  color: #ccc;
}
blockquote {
  margin: 20px;
}

ul {
  margin: 0px 0 0px 0px;
  list-style-type: disc;
  list-style-position: inside;
  color: #0D1B25;
}
ul span.alt {
  color: #ccc;
}
ol {
  margin: 0px 0 0px 0px;
  list-style-type: decimal;
  color: #ccc;
}
li {
  color: #ccc;
}
li.ul{list-style: none; text-decoration: underline;}
dl {
  margin: 10px 0;
  color: #ccc;
}
dt {
  font-weight: bold;
}
dd {
  text-indent: 15px;
}

table {
  border-collapse: collapse;
  color: #ccc;
}
thead 
{

}
tfoot {
}
th {
  /*border: solid 1px #336699;*/
  padding: 3px;
  padding-bottom: 5px;
  border-bottom: solid 1px #4f626e;
  background-color: #bcc453;
  color: #000000;
}
tr 
{
    
}
td {
  /*border: solid 1px #336699;*/
  padding: 10px;
}

th.center, td.center {
  text-align: center;
}
th.right, td.right {
  text-align: right;
}
th.left, td.left {
  text-align: left;
}

form {
  margin: 10px 0;
}
fieldset {
}
legend {
}
label {
  vertical-align: top;
}
.input, .inputDisabled, .inputArea, textarea {
  margin: 2px 0px 2px 0px;
  font-family: 'Trebuchet MS' , 'Arial' , 'Verdana' , 'MS Sans-Serif';
  font-size: 100%;
  background: #3F4D57 url(/__img/input-bg.gif) bottom left repeat-x;
  border: solid 1px #79838A;
  padding: 1px;
  color: #ccc;
}
select, .select {
  background: #3F4D57 url(/__img/input-bg.gif) bottom left repeat-x;
  float: left;
  padding: 1px 0 1px 0;
  margin-top: 6px;
  border: solid 1px #79838A;
  color: #ccc;
}
.inputDisabled {
  background-color: #FAFAFA;
  color: #646464;
  padding: 2px;
}
.radio {
  width: auto;
  cursor: pointer;
  border: 0;
  background: transparent;
  float: left;
}
.label {
  float: left;
  text-align: left;
  margin: 2px 0px 0px 0px;
  width: 35%;
  color: #ccc;
  background-color: #435059;
  padding: 2px;
}
.labelBlank {
  float: left;
  margin: 2px 0px 0px 0px;
  width: 35%;
  padding: 2px;
}
.btn {
  background: #d96a88 url(/_img/button-bg.gif) bottom left repeat-x;
  border: 2px #ddd solid;
  color: #fff;
  padding: 4px 6px;
  width: auto;
  cursor: pointer;
  text-decoration: none;
}

/** provide width classes to stack onto inputs **/
.ten {
  width: 10%;
}
.fifteen {
  width: 15%;
}
.twenty {
  width: 20%;
}
.twentyfive {
  width: 25%;
}
.thirty {
  width: 30%;
}
.thirtyfive {
  width: 35%;
}
.forty {
  width: 40%;
}
.fortyfive {
  width: 45%;
}
.fifty {
  width: 50%;
}
.fiftyfive {
  width: 55%;
}
.sixty {
  width: 60%;
}
.sixtyfive {
  width: 65%;
}
.seventy {
  width: 70%;
}
.seventyfive {
  width: 75%;
}
.eighty {
  width: 80%;
}
.eightyfive {
  width: 85%;
}
.ninety {
  width: 90%;
}
.ninetyfive {
  width: 95%;
}
.hundred {
  width: 100%;
}

.f_ten {
  width: 10px;
}
.f_fifteen {
  width: 15px;
}
.f_twenty {
  width: 20px;
}
.f_twentyfive {
  width: 25px;
}
.f_thirty {
  width: 30px;
}
.f_thirtyfive {
  width: 35px;
}
.f_forty {
  width: 40px;
}
.f_fortyfive {
  width: 45px;
}
.f_fifty {
  width: 50px;
}
.f_fiftyfive {
  width: 55px;
}
.f_sixty {
  width: 60px;
}
.f_sixtyfive {
  width: 65px;
}
.f_seventy {
  width: 70px;
}
.f_seventyfive {
  width: 75px;
}
.f_eighty {
  width: 80px;
}
.f_eightyfive {
  width: 85px;
}
.f_ninety {
  width: 90px;
}
.f_ninetyfive {
  width: 95px;
}
.f_hundred {
  width: 100px;
}
.f_w150 {
  width: 150px;
}
.f_w200 {
  width: 200px;
}
.f_w250 {
  width: 250px;
}
.f_w300 {
  width: 300px;
}

em {
}

/* The below provides a default hr style along with a cross browser method with consideration for disabled styles */
hr {
  border: 0;
  border-top: solid 1px #ccc;
  height: 1px;
  margin: 5px 0;
}
div.hr {
  margin: 5px 0px;
  border: none;
  border-top: 1px solid #ccc;
}
div.hr hr {
  display: none;
}

a {
  color: #ccc;
  text-decoration: underline;
}
a:hover {
  text-decoration: none;
}

/** To remove dotted outline on links **/
a {
  -moz-outline-style: none;
}
a:active, a:focus {
  outline: 0 !important;
}

img {
  vertical-align: bottom;
}

/* = Independent Styles
------------------------------------------------- */

.floatLeft {
  float: left;
}
.floatRight {
  float: right;
}
.clr {
  clear: both;
}
.clrsml {
  clear: both;
  line-height: 1px;
  height: 1px;
}
.standouttext {
  color: #fff;
}
.standouttext2 {
  color: #BCC453;
}
.sml {
  font-size: 85%;
}
.hide {
  display: none;
}
.abs {
  position: absolute;
}
.vmiddle {
  vertical-align: middle;
}