body{
  background-image:url(../img/bg.png)
}
nav{
  height: 40px !important;
  background: #ec040b;
  color: #ffffff;
  font-weight: bold;
  background-image: linear-gradient(#FF050f,#8d0206);
  background-repeat:no-repeat;
}

nav a{
  color:#fff !important;
  text-decoration:none;
}

nav a:hover{
  color:#fff !important;
  text-decoration:none;
}

nav a:visited{
  color:#fff !important;
  text-decoration:none;
}

footer {
    position: fixed;
    margin:0px !important;
    bottom: 0;
    left: 0;
    right: 0;
    height: 40px;
    border: 0px !important;
    background: #ec040b;
    color: #ffffff;
    font-weight: bold;
    background-image: linear-gradient(#FF050f,#8d0206);
    text-align:center;
}
footer img{
  margin-top:5px;
}

/*Initial Fike Splash*/
#fike_splash{
  border:none;
  width:250px;
  text-align:center;
  margin-left:auto;
  margin-right:auto;
}

#fire_splash{
  border:solid 1px;
  width:219px;
  height: 100px;
  margin-top:-12px;
  margin-left:auto;
  margin-right:auto;
  background-image:url(../img/phd_design/fike_phd_bar_bg.png);
  padding:10px;
  text-align:center;
}

.ui_button{
  border-radius: .4em;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.6);
  -moz-border-radius: 10px;
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.6);
  -webkit-border-radius: 10px;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.6);
  color: #fff;
  cursor: pointer;
  font-size: 15px;
  font-weight: bold;
  padding: 3px 20px;
  text-decoration: none;
  height:30px;
  width:170px;
}

.ui-select a{
  padding: 7px 20px;
}

.ui_button:hover {
  color: #fff;
  text-decoration: none;
}

.ui_btn_red{
  border: 1px solid #bd0006;
  background: #d50b12;
  background-image: -webkit-linear-gradient( #fb1820, #970207);
  border:none;
  outline: none;
  padding-top: 2px;
}

.ui_btn_red:hover{
  background:-moz-linear-gradient(center bottom , #f40000, #cc0000);
  background: -webkit-gradient(linear, center bottom, center top, from(#f40000), to(#cc0000));
  border-color:#f40000;
}

.ui_btn_silver{
  border: 1px solid #bbbbbb;
  background: #d2d2d2;
  background-image: -webkit-linear-gradient(#bbbbbb, #717070);
  border:none;
  outline: none;
}

.ui_btn_silver:hover{
  background:-moz-linear-gradient(center bottom , #bbbbbb, #717070);
  background: -webkit-gradient(linear, center bottom, center top, from(#bbbbbb), to(#717070));
  border-color:#f40000;
}

/*Main PhD CSS*/
#phd_splash{
  border:solid 1px;
  width:219px;
  height:280px;
  text-align:center;
  margin-top: -15px;
  margin-left:auto;
  margin-right:auto;
  background-image:url(../img/phd_design/fike_phd_bar_bg.png)
}

#fike_phd_legal_splash_container{
  margin-top:10px;
  margin-bottom:100px;
  margin-left:auto;
  margin-right:auto;
  min-height: 300px;
  overflow: hidden;
  position: relative;
  background: #515050;
  padding: 15px 15px 10px 15px;
  border: 1px solid;
  border-top-color: #666666;
  border-left-color: #666666;
  border-right-color: #888888;
  border-bottom-color: #888888;
  width: 80%;
  text-align: left;
  color:#fff;
}

#PhDTitle{
    font-size:150%;
    border:none;
}

.header-side-columns{
  border:none;
}

/*formContainer*/

#formContainer{
  color:#fff;
  text-align:center;
}

#formContainer a{
  color:#fff;
  text-decoration:none;
}

#formContainer a:hover{
  color:#fff;
  text-decoration:none;
}

#formContainer a:visited{
  color:#fff;
  text-decoration:none;
}


#searh_msg_container{
  border: 1px solid #aaaaaa;
  border-radius: 5px;
  width:255px;
  text-align:center;
  margin-left:auto;
  margin-right:auto;
  padding:5px;
  background-color:#000000;
  color:#fff !important;
}

#searh_msg_container input{
  background-color:#000000;
  color:#ffffff  !important;
  border:none;
  outline: none;
}

.search_msg_cont_focus{
  box-shadow: 0px 0px 12px #c80e14;
}

#device_options{
  color:#000000 !important;
}

#error_entry{
  color:#000000 !important;
}

#clear_text{
  cursor:pointer;
}

#search_icon{
  color:#aaaaaa;
}

/*
.iconCustom{
  font-size:18px;
  color:#830a0e;
  background-color:#fff;
  border-radius: 70%;
  height: .75em;
  line-height: .75em;
  padding-left:: 1em;
  background-clip: padding-box;
}
*/

#listResults{
  margin-top:10px;
  margin-bottom:100px;
  margin-left:auto;
  margin-right:auto;
  min-height: 300px;
  overflow: hidden;
  position: relative;
  background: #515050;
  padding: 15px 15px 10px 15px;
  border: 1px solid;
  border-top-color: #666666;
  border-left-color: #666666;
  border-right-color: #888888;
  border-bottom-color: #888888;
  width: 80%;
  text-align: left;
  color:#fff;
}

.individual_msgs{
  border:solid 1px #747272;
  padding:5px;
  background-color:#464444;
}

.msg_heading{
    color:#8ad9ff; font-weight:bold;
}

.msg{
  color:#ffff00;
}

.msg_body{
    margin:10px;
    display:block;
}

/*deviceModalCSS*/
.modal-content{
  background-color:#830a0e;
  padding:3px;
  border-radius: 10px;
  border:solid 3px;
  overflow:hidden;
  linear-gradient( #c91818, #6a0d0d);
}
.modal-header{
  text-align:center;
  font-weight:bold;
  border-radius: 10px 10px 0px 0px;
  height: 40px !important;
  background: #ec040b;
  color: #ffffff;
  font-weight: bold;
  background-image: linear-gradient(#FF050f,#8d0206);
  background-repeat:no-repeat;
}

/*Used in place of bootstrap .modal-body*/
#.device_modal-body{
  position:relative;
  padding:none;

}
.deviceSelections{
  height: 40px !important;
  background: #ec040b;
  color: #ffffff;
  font-weight: bold;
  background-image: linear-gradient(#FF050f,#8d0206);
  background-repeat:no-repeat;
  padding-left:10px;
  padding-top:10px;
  cursor:pointer;
}

.deviceModalLabel{
  font-weight:bold;
  font-size:17px;
  margin-top:-5px;

}

/*contactModalCSS*/
.contact_modal-body{
  background-color:#000;
  text-align:center;
  color:#fff;
  font-size:19px;
}

.contact_modal-body a{
  color:yellow;
}


@media (min-width:0px) and (max-width:360px){
  #help_btn{
    width:90px;
  }

  .header-side-columns button{
    max-width:110px;
    padding:0px;
    border:none;
  }

}

@media (min-width:361px) {

    #help_btn{
      width:100px;
    }

    #contact_us_btn{
      width:130px;
    }


    .header-side-columns button{
      max-width:140px;
      padding:5px;
      border:none;
    }



}

@media (max-width:385px) {
  #PhDTitle{
      line-height: normal;
  }
}

#PhDTitle{
    font-size:150%;
}