/*New classes added by Subeesh 04 Oct 2012*/
body{font-family:Verdana, Geneva, sans-serif; margin:0; padding:0;color:#807f83; font-size:12px !important;}
.row{margin:0px}
h1{font-size:20px; color:#666; font-weight:normal;}
input{text-decoration:none}
.hajjWiFimain{width:730px;margin-left:auto;margin-right:auto; margin-top:50px;}
.header{width:100%;height:65px;}
#logo{background-image:url(../images/wifi/commonSprite.png); width:161px; height:65px; float:left;}
#banner{height:65px; width:468px;background-color:#999; float:right;}
.menu{width:100%; text-align:right; margin-top:25px; height:30px;}
.menu .btnblue{font-family:Tahoma;}
.title{margin:25px 0px;}
.head{color:#007ac0; font-size:14px; font-weight:bold; /*margin-left:-20px; padding:0px 7px 0px 7px;*/}
.head2{font-size:20px;}
.column2 .blueBox{float:right;}

.blueBox{background-color:#007ac0;color:white !important;border-radius:10px;-moz-border-radius:10px;}
.blueBox table{color:white !important;}
.blueBox #col1{background-color:#4da2d3;width:112px;height:187px;border-top-left-radius:10px;border-bottom-left-radius:10px;-moz-border-radius-bottomleft:10px;-moz-border-radius-topleft:10px; vertical-align:bottom;}
.blueBox #col1 .imgholder{width:112px;height:187px;background-image:url(../images/wifi/commonSprite.png); background-repeat:no-repeat; background-position:-164px 104px;border-bottom-left-radius:10px;-moz-border-radius-bottomleft:10px;}
.blueBox #col2{height:187px;}
.blueBox #col2 div{padding:10px;}
.blueBox div.row{margin:0px !important; padding:0px !important}
.btn1{margin: 30px -10px;}
.btn2{margin: 10px -10px;}
.blueBox #col2 div.captDiv1{border-bottom:1px solid #ccc; padding:3px; text-align:center}
.blueBox #col2 .captRefresh{padding:0px;width:15px;height:15px;background-image:url(../images/wifi/commonSprite.png); background-repeat:no-repeat; background-position:0px -67px; border:none; cursor:pointer}
.blueBox #col2 .captsound{padding:0px;width:15px;height:15px;background-image:url(../images/wifi/commonSprite.png); background-repeat:no-repeat; background-position:-20px -67px; border:none; cursor:pointer}
.blueBox #col2 .captHelp{padding:0px;width:15px;height:15px;background-image:url(../images/wifi/commonSprite.png); background-repeat:no-repeat; background-position:-40px -67px; border:none; cursor:pointer}
.inputGrey{background-image:url(../images/wifi/1pxSprite.png); background-position:0px -49px; border:none; height:21px; color:black; font-size:12px; width:100%}
#TransparentLayer{-moz-opacity:0.8;background-color:#000;display:none;filter:alpha(opacity=80);left:0;opacity:.80;position:absolute;top:0;z-index:1001}
.PopUpStyle{display:none;position:fixed;z-index:1002;padding:20px;}
.regContainer{background-color:#c6def4;text-align:left;}
.regConTL{background-image: url(../images/wifi/regConTL.gif);width:18px;height:18px;background-repeat:no-repeat;}
.regConTR{background-image: url(../images/wifi/regConTR.gif);width:18px;height:18px;background-repeat:no-repeat;}
.regConBL{background-image: url(../images/wifi/regConBL.gif);width:18px;height:18px;background-repeat:no-repeat;}
.regConBR{background-image: url(../images/wifi/regConBR.gif);width:18px;height:18px;background-repeat:no-repeat;}
.regTxt{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:14px;color:#000000;padding-top:5px;padding-bottom:5px;text-align:left;}
.dataTbl{font-family:Verdana, Arial, Helvetica, sans-serif;}
.dataTbl TH{padding-left:5px;padding-right:5px;font-family:Verdana, Arial, Helvetica, sans-serif;background-color:#777777;height:30px;color:#FFFFFF;font-size:11px;text-align:left;}
.dataTblTD1{padding-left:5px;padding-right:5px;font-family:Verdana, Arial, Helvetica, sans-serif;height:30px;color:#000000;font-size:14px;text-align:left;}
.dataTblTD2{padding-left:5px;padding-right:5px;font-family:Verdana, Arial, Helvetica, sans-serif;background-color:#85bde7;;height:30px;color:#000000;font-size:11px;text-align:left;}
.loginbox{padding:5px;}
.loginbox td{text-align:right; font-size:12px; padding:3px;}
.loginbox .forgot{text-align:left;}
.loginbox input{background-color:#e7e7e7;border:1px solid #ccc;width:100%;border-radius:3px;-moz-border-radius:3px; color:#000; padding-left:5px;}
.loginAlign{float:right; width:260px; margin-top:-110px; margin-right:-8px;}
select{color:black;font-size: 12px; border:2px solid #fff; width:100%}
.btnwifi{width:auto;font-size:11px; padding:2px 8px; border:1px solid #ccc;cursor:pointer;border-radius:3px;-moz-border-radius:3px; background-color:#e7e7e7; display:inline-block}
.btnBig2{width:auto;background-image:url(../images/wifi/1pxSprite.png); background-position:0px 0px; height:29px; font-size:18px; padding:2px 10px 0px 10px; border-left:2px solid #ccc;border-right:2px solid #ccc; cursor:pointer;border-radius:10px;-moz-border-radius:10px; color:#807f83}
a.btnBig,
button.btnBig,
input.btnBig {
  padding: 6px 10px;
  margin: 0px 6px 0px 0; /* Denis */
    text-decoration: none !important;
  cursor: pointer;
  color: #fff !important;
  font-size: 12px;
  white-space: nowrap;
  line-height: 1;
  text-transform: uppercase;
  font-family: Arial, Helvetica, sans-serif;
  border: none;
  background: #63c6f5; /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYzYzZmNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyYTg2YjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  #63c6f5 0%, #2a86b1 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#63c6f5), color-stop(100%,#2a86b1)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #63c6f5 0%,#2a86b1 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #63c6f5 0%,#2a86b1 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #63c6f5 0%,#2a86b1 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #63c6f5 0%,#2a86b1 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#63c6f5', endColorstr='#2a86b1',GradientType=0 ); /* IE6-8 */
}
a.btnBig:hover,
button.btnBig:hover,
input.btnBig:hover {
  text-decoration: none !important;
  background: #4ca9d5; /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRjYTlkNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2M2M2ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  #4ca9d5 0%, #63c6f5 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4ca9d5), color-stop(100%,#63c6f5)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #4ca9d5 0%,#63c6f5 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #4ca9d5 0%,#63c6f5 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #4ca9d5 0%,#63c6f5 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #4ca9d5 0%,#63c6f5 100%); /* W3C */
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4ca9d5', endColorstr='#63c6f5',GradientType=0 ); /* IE6-8 */
}

a.btnBig:focus,
button.btnBig:focus,
input.btnBig:focus {
  box-shadow:inset 0 0 5px rgba(0,0,0,0.25);

  text-decoration: none !important;
  background: #4ca9d5; /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRjYTlkNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2M2M2ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  #4ca9d5 0%, #63c6f5 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4ca9d5), color-stop(100%,#63c6f5)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #4ca9d5 0%,#63c6f5 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #4ca9d5 0%,#63c6f5 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #4ca9d5 0%,#63c6f5 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #4ca9d5 0%,#63c6f5 100%); /* W3C */
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4ca9d5', endColorstr='#63c6f5',GradientType=0 ); /* IE6-8 */
}

/* bigbtn alt*/
input.btnBig_alt,
a.btnBig_alt {
  padding: 6px 10px;
  cursor: pointer;
  color: #fff;
  font-size: 12px;
  line-height: 1;
  text-transform: uppercase;
  font-family: Arial, Helvetica, sans-serif;
  border: none;
  background: #a5a5a5; /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E1YTVhNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1ZDVkNWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  #a5a5a5 0%, #5d5d5d 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a5a5a5), color-stop(100%,#5d5d5d)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #a5a5a5 0%,#5d5d5d 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #a5a5a5 0%,#5d5d5d 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #a5a5a5 0%,#5d5d5d 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #a5a5a5 0%,#5d5d5d 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a5a5a5', endColorstr='#5d5d5d',GradientType=0 ); /* IE6-8 */
}

.btnblue{border-radius: 3px;background-color:#4da2d3;font-size:11px; padding:2px 8px 0px 8px; color:white; text-decoration:none; padding:5px; white-space:nowrap}

.footerpanel{width:100%; clear:both}
.footer_space{margin-top:40px; margin-bottom:5px; text-align:left; font-size:11px;}
.footer{border-top:1px solid #999; padding-top:10px;font-size:11px;color:#807f83;}
.footer a:link{text-decoration:none;font-size:11px;color:#807f83;}
.footer a:hover{ text-decoration:underline;font-size:11px;color:#807f83;}
.footer #copyright{float:right;}

/*Start New Style - 26June2014 ArK*/
.wRow{width:30%; margin:0 auto; clear:both; padding-top:20px;}
.wRow div{float:left;}
.wcol1{padding:20px; text-align: center}
.wcol1 a{color:#007ac0; font-size:13px; font-weight:bold; text-decoration:none; padding:10px;}
.wcol1 img{padding:0px 20px;}
.wcol2{width:35%; text-align:center}

.wiFiOverlaywhite {DISPLAY: none;Z-INDEX: 1001;FILTER: alpha(opacity=80);LEFT: 0%;
WIDTH: 100%;
POSITION: absolute;
TOP: 0%;
HEIGHT: 100%;
BACKGROUND-COLOR: white;
moz-opacity: 0.9;
opacity: .90;
}
.wiFiContent {padding:15px;DISPLAY: none;Z-INDEX: 1002;LEFT: 15%;OVERFLOW: auto;POSITION: absolute;TOP: 25%;BACKGROUND-COLOR: #c6def4;border-radius:10px;-moz-border-radius:10px;
}
.wiFiContent img{float:right}

/*End New Style - 26June2014 ArK*/


/* Below styles added by Subeesh on 24Mar2015*/
a.reload_btn {background: url(../images/wifi/ico-reload-btn.png) no-repeat left top; float: left;text-indent: -9999em; width:23px;height:24px;}
a.audio_btn {background: url(../images/wifi/ico-audio-btn.png) no-repeat left top;float: left;margin: 5px 0 0px;text-indent: -9999em;width: 23px;height: 24px;}
input.info_btn {background: transparent url(../images/wifi/ico-info-btn.png) no-repeat left top;float: left;margin: 5px 0 0px;text-indent: -9999em;border: none;  width: 23px;height: 24px;cursor: pointer;}
.contact_controls_detail{float:left; padding:10px; margin:0px; list-style:none;}
#recaptcha_image{border:none !important}
.req_ind{ color:#007ac0}
#MobileAndCaptchaTbl td{padding:5px;}
#MobileAndCaptchaTbl td:first-child{text-align:right}
#MobileAndCaptchaTbl td:last-child{text-align:left}
.floating{float:left;}
.topmargin{margin-top:100px}
.floatr{float:right}
.txtr{text-align:right}
.captchatext{color:#333; font-size:9px; font-weight:bold; padding:10px; border:none}
.borderblue{border-left:1px solid #4da2d3}
.modal-body{font-size: 14px;line-height: 1.5;padding:30px}
.brdrbtm{border-bottom:1px solid #4da2d3}

@media screen and (max-width:750px){
body{padding:10px;}
.topmargin{margin-top:0px}
.row{margin:0px -10px}
.borderblue{border:none}
.footer #copyright{float:left;; padding-top:10px}
.wiFiContent {DISPLAY: none;Z-INDEX: 1002;LEFT: 5%;OVERFLOW: auto;POSITION: absolute;TOP: 50%;BACKGROUND-COLOR: #c6def4;border-radius:10px;-moz-border-radius:10px; width:90%;padding:15px;}
.blueBox #col1,.blueBox #col1 .imgholder{width:0px; background-color:white;}
#recaptcha_challenge_image,#recaptcha_image{width:195px !important}
.captchatext{width:195px !important}
.btn1{margin: 10px -10px;}
.modal-body{font-size: 12px;line-height: 1.5;padding:10px}
.txtr{text-align:inherit}
h1{font-size:14px; margin-top:0px}
.loginbox td{text-align:inherit}
.blueBox{margin-top:5px}

}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px)and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait){.title img{width:100%} .head{margin-left:inherit ;} .mdaimg40{width: 100%;}.mdaimg60{width: 100%;} }
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px){.mdaimg40{margin-top:20%;width: 120%}.mdaimg60{margin-top:60%;width: 120%;} .blueBox {margin-top: 5px;}.topmargin{margin-top:20px}  .head{margin-left:inherit ;} }
@media only screen and (min-device-width: 768px) {.blueBox{height:200px;}.mdaimg40{margin-top:20%;width: 120%;}.mdaimg60{margin-top:60%;width: 120%;}}

/* For tablets: */

/*@media only screen and (min-width: 600px) {.topmargin{margin-top:20px} .blueBox {margin-top: 10px;}	} */
#newCaptchaId div{padding:0px !important;}
.rc-anchor-normal .rc-anchor-checkbox-label {width: 97px !important;}