/**FRONT PAGE BODY CSS***************************************************/
body#shadow{
 background: linear-gradient(135deg, #f2717f 0%,#a37d92 26%,#fcfafa 100%) !important;
 /** background-image:url(/vmgdMedia/logos/web_back1.png) !important;**/


}
/**TOP BANNER**********************************************************/
.logoheader{
  background-image:url(/vmgdMedia/logos/vmgdBanner.png) !important;
  max-width: 100% !important;
  height: 150px !important;

}




/**about-us & contacts menu style**/
#aboutUs p a{
  color:#345d7e !important;
  padding: 0.2em !important;
  background-color: white !important;
  border-radius: 5px !important;
  padding: 0.5em !important;
}

/**FRONT CONTENT**/
/**---------------**/
#map{
  background: #345d7e;
}
/**vocano alerts**/
.volStatusFrontCont ul li .col-md-3{
  color: black !important;
  background-color: white !important;
  border-radius:10px !important;
  padding:2px;
  text-align: center !important;
  padding-left:15px;
}

.volStatusFrontCont ul li p{
 font-size: 12.8px !important;
}


.cliStatusFront h2, #volalertFronttitle{
  margin:0.3em !important;
}

/**top title**/
#logo{
  color: #fff; text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #ff2d95, 0 0 30px #ff2d95, 0 0 40px #ff2d95, 0 0 50px #ff2d95, 0 0 75px #ff2d95; 
  /**letter-spacing: 5px; **/
  font: 20px 'MisoRegular';
}

/**Clock at the top banner **/
#bannerclock{    
    font-size: 11px !important;
    font-weight: bold; 
    color: black !important;
}

/** Chart and Satellite Thumbnail**/
.frontThumbnail {
  width: 250px;
  height: 250px;
}
/***************************FOOTER****************************************
**************************************************************************/
.mainLinks{
  font-family: Arial !important;
  letter-spacing: 0px !important;


}


#footer{
  background: #4C3542 !important;
}

#termscondition{
  border-top: 0.5px dotted grey; 
}

#disclaimer{
  border-bottom: 0.5px dotted white !important;
}

/**Facebook and Twitter links********/
.facebook-logo {    
    width: 45px;
    height: 46px;
    background: url('/vmgd/images/Administration/Pics/fb-twit.png') -154px 0 !important;
}

.facebook-logo:hover {
  width: 45px;
    height: 46px;
    background: url('/vmgd/images/Administration/Pics/fb-twit.png') 0 0 !important;
   
}
.twitter-logo {
   
    width: 49px;
    height: 52px;
    background: url('/vmgd/images/Administration/Pics/fb-twit.png') -154px -47px !important;
}

.twitter-logo:hover {
   width: 49px;
    height: 52px;
    background: url('/vmgd/images/Administration/Pics/fb-twit.png') -101px -47px !important;
    
} 


/*************************Contact Us Form*******************************
***********************************************************************/
.button.blue_alt {
    background: #becbd6;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#becbd6), to(#8da5b7));
    background: -moz-linear-gradient(#becbd6, #8da5b7);
    background: linear-gradient(#becbd6, #8da5b7);
    border: solid 1px #a1aeb7;
    border-bottom: solid 3px #62727e;
    box-shadow: inset 0 0 0 1px #d8e0e6;
    color: #515f6a;
    text-shadow: 0 1px 0 #c4d0da; }
    
.button.blue_alt:hover {
    background: #97adbd;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#97adbd), to(#a8bac8));
    background: -moz-linear-gradient(#97adbd, #a8bac8);
    background: linear-gradient(#97adbd, #a8bac8);
    border: solid 1px #96a2ab;
    border-bottom: solid 3px #62727e;
    box-shadow: inset 0 0 0 1px #c0ced7; }
    
.button.blue_alt:active {
    background: #8fa6b6;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#8fa6b6), to(#8aa0b0));
    background: -moz-linear-gradient(#8fa6b6, #8aa0b0);
    background: linear-gradient(#8fa6b6, #8aa0b0);
    border: solid 1px #606f7a;
    box-shadow: inset 0 10px 15px 0 #7e92a1; }

/*VOLCANO PAGE*/
.table td{
 word-wrap: break-word !important;
}

/*VANUATU CYCLONE TRACKING MAP PAGE*/
.trackmaps caption {
    background: linear-gradient(#c7c1c1,white,white);
    border: 1px solid #84828c;
    color: #421a1a;
    /* text-decoration: none; */
    padding-top: 5px;
    padding-bottom: 10px;
    font-size: 18px;
    box-shadow: 10px 5px 20px #bbacac;
}

.trackmaps .btn-success {
    /*border: 1px solid blue;*/
    padding: 10px;
    /*border-radius: 10px;*/;
    font-family: Arial, sans-serif;
    font-size: 12px;
    color: white !important;
    margin-top: 3px;
    background: linear-gradient(135deg, transparent 7px, #008145 7px, #82C341 100%);
}



.trackmaps .btn-warning  {
    /*border: 1px solid blue;*/
    padding: 10px;
    /*border-radius: 10px;*/;
    font-family: Arial, sans-serif;
    font-size: 12px;
    color: white !important;
    margin-top: 3px;
    background:linear-gradient(135deg, transparent 7px, #F58220 7px, #FDBA12 100%);
}

.trackmaps td {
    border: 2px solid black;
}

.trackmaps {
    border: 1px solid #000000;
    box-shadow: 2px 1px 20px #1b1618;
    border-collapse: separate;
}