/* Import Google Font */
/* $Revision: 1.6 $
@import url(http://fonts.googleapis.com/css?family=Lato:400,400italic,700,700italic,300,300italic);
/* Import Google Font */




/* Course Booking Area */
/* Course Booking Area */
/* Course Booking Area */
.cbook {
width:100%;
margin:30px 0px;
padding: 20px;
border:1px solid #ccc;
}


/* Course Booking Area */
/* Course Booking Area */
/* Course Booking Area */


body {
padding:0;
margin:0;
background-color:#eee;
background-position: top center;
background-image:url(../images/texture.jpg);

color:#555;
font-family:'Lato', sans-serif;
}



table { border-collapse: collapse; }

table tr th {
    border: 1px solid #cccccc;
    background-color:#eee; /* my3rc */
    /* border: 2px solid red; */
    }

table td {
    color: #006600;
    background-color:#cccccc;
    padding: 4px;
    font-weight: bold;
    background-color:rgb(180,180,210);
    # border: 2px solid #ff0000;
}

/*
table td a { background-color:rgb(180,180,210); text-align:center;}
*/

table td select {
    /*color:#005500;*/
    color:#006600;
    /*background-color:#cc0000;*/
/*background-color: #EE910B;*/
  display: inline-block;
  position: relative;
  overflow: hidden;

  height: 28px;
  /*width: 100px;*/
  /*background: #f2f2f2;*/
  border: 1px solid;
 
}

/*
table tr td input {
    color:#005500;
    background-color:#cccccc;;
    font-weight: bold;
    border: 2px solid #ff0000;
}
*/

table tr td {
#   color:#005500;
    background-color:#f6f6f6;
    /*font-weight: bold;*/
  margin-top: 20px;
  margin-bottom: 20px;
#    border: 1px solid #bb0000;
}

table tr td input {
    color:#005500; /* bg color */
    margin-top: 20px;
    /*background-color:#006600;*/
    /*background-color:#cccccc;*/
    font-weight: bold;
}

#.confirm tr:nth-child(even) {background-color: #d2e2f2}
#tr:hover {background-color: #f5f5f5}
.confirm td {
    # color:red;
    # background-color:#0e0;
    border: 1px solid #ddd;
}


.logoBar {
margin:0;
width:100%;
height:100px;
padding:13px 0;
background-color:#000;
}
#logo {
padding:0;
margin:auto;
height:100px;
max-width:211px;
}
.gutter {
padding:30px 0;
margin:auto;
height:100px;
max-width:550px;
min-width:250px;
}
.line {
height:1px;
width:100%;
background-color:#ccc;
margin: 20px 0;
}
#fa1 {
padding:0 20px;
}

#fa2 {
padding:0 20px;
}

#fa3 {
padding:0 20px;
}

#fa4 {
padding:0 20px;
}

#fa {
padding:0 20px;
}

.instructions {
/*line*/
height:auto;
width:100%;
background-color:#f6f6f6;
margin: 20px 0;
}


/* Form Styles */
#dSpace {
width:85px;
margin-right:10px;
}
.Locate {
clear:both;
background-color: #EE910B;
border: 0 none;
color: #FFFFFF;
display: inline-block;
font-size:14px;
font-weight: 400;
text-transform:uppercase;
margin: 0px;
padding: 13px 11px;
text-align: center;
text-decoration: none;
}

.Locate:hover {
background-color:#333;
color:#fff;
}
input:focus {border-color:#333;}
input.boxx {display:block; padding:8px 0; margin:0 0px 10px 0; text-indent:5px; width:100%;}
input {border:1px solid #999; -webkit-appearance:none;}


.dropdown {
  display: inline-block;
  position: relative;
  overflow: hidden;
  height: 28px;
  width: 280;
  background: #f2f2f2;
  /*border: 1px solid;*/
border: 1px solid #cccccc;
  /*border-color: white #f7f7f7 #f5f5f5;*/
  border-radius: 3px;
  background-image: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.06));
  background-image: -moz-linear-gradient(top, transparent, rgba(0, 0, 0, 0.06));
  background-image: -o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.06));
  background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.06));
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
}
.dropdown:before, .dropdown:after {
  content: '';
  position: absolute;
  z-index: 2;
  top: 9px;
  right: 10px;
  width: 0;
  height: 0;
  border: 4px dashed;
  border-color: #888 transparent;
  pointer-events: none;
}
.dropdown:before {
  border-bottom-style: solid;
  border-top: none;
}
.dropdown:after {
  margin-top: 7px;
  border-top-style: solid;
  border-bottom: none;
}

.dropdown-select {
  position: relative;
  width: 130%;
  margin: 0;
  padding: 6px 8px 6px 10px;
  height: 28px;
  line-height: 14px;
  font-size: 12px;
  color: #62717a;
  text-shadow: 0 1px white;
  /* Fallback for IE 8 */
  background: #f2f2f2;
  /* "transparent" doesn't work with Opera */
  background: rgba(0, 0, 0, 0) !important;
  border: 0;
  border-radius: 0;
  -webkit-appearance: none;
}
.dropdown-select:focus {
  z-index: 3;
  width: 100%;
  color: #394349;
  outline: 2px solid #49aff2;
  outline: 2px solid -webkit-focus-ring-color;
  outline-offset: -2px;
}
.dropdown-select > option {
  margin: 3px;
  padding: 6px 8px;
  text-shadow: none;
  background: #f2f2f2;
  border-radius: 3px;
  cursor: pointer;
}

/* Fix for IE 8 putting the arrows behind the select element. */
.lt-ie9 .dropdown {
  z-index: 1;
}
.lt-ie9 .dropdown-select {
  z-index: -1;
}
.lt-ie9 .dropdown-select:focus {
  z-index: 3;
}

/* Dirty fix for Firefox adding padding where it shouldn't. */
@-moz-document url-prefix() {
  .dropdown-select {
    padding-left: 6px;
  }
}
/* Font Sytles */
h1 {
size: 30px;
font-weight:300;
text-align:center;
letter-spacing:2px;
text-transform:uppercase;
}
h2 {
size: 12px;
padding-bottom:20px;
font-weight:400;
text-align:center;
text-transform:uppercase;
}
p {
size:13px;
line-height:22px;
letter-spacing:1px;
padding:0px 20px;
}
#fa p {
size:15px;
letter-spacing:1px;
padding:0px;
margin:7px 0;
}