@import url(images/fonts.css);
body { font-family: Arial, Helvetica, sans-serif; margin: 0; font-size: 14px; line-height: 20px; color: #555555; background: rgb(240,240,240); height: 100%;}
html{ height: 100%;}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block;}
*{ margin: 0; padding: 0;}

a{
    color: #428BD1;
    text-decoration: none;
}
.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.clearfloat{zoom:1}
.limbo{ position: fixed; top: -1000px;}

#index-div{ width: 87.5%; margin: auto;}
.judges-head{ width: 55px; height: 55px; overflow: hidden; border-radius: 50%; margin:44px auto 11px;}
.judges-head img{ width: 100%; height: auto;}
.judges-name { text-align: center; width: 100%; font-size: 13px; color: #5c5c5c; font-family: 'FuturaMediumBT', Arial, Helvetica, sans-serif;}
.judges-description{ width: 75%; text-align: center; font-size: 8px; line-height: 1.7em; margin: 11px auto 18px; color: #828282;}
.judges-description a{ text-decoration: underline; color: #ac975e;}
.hr-dfg{ width: 7%; color: #989898; border-top:1px solid #989898; margin:0 auto 24px; height: 1px; }
.judges-gallery{ overflow: hidden;text-align: center}
.judges-gallery ul{ list-style: none;}
.judges-gallery ul li{
    /*float: left; width: 124px; height: 124px;*/
    padding: 3px; background: #fff;
    /*margin-right: 20px; margin-bottom: 35px;*/
    -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.2); box-shadow: 0px 0px 5px rgba(0,0,0,0.2); }
.judges-gallery ul li img{ width: 100%; max-width: 750px;}

.ui-dialog-mask{ position: fixed; width: 100%; height: 100%;  left: 0; top: 0; background: #000; opacity: 0.3; z-index: 9;}
.ui-dialog{ display: block; height: 100%; width: 100%; position: fixed; top: 0; left: 0;  background-color: #1e1e1e; border: none; color: #fff; z-index: 10;}
.ui-dialog .ui-dialog-close{ position: absolute; z-index: 2; display: block; top: 0; left: 0; width: 44px; height: 44px; background: url(/mobile/judges/AshrafulArefin/img/home_toolbar_btn_back_default.png) no-repeat; background-size: 100% 100%; }
.ui-dialog .ui-dialog-close:active{background: url(/mobile/judges/AshrafulArefin/img/home_toolbar_btn_back_pressed.png) no-repeat; background-size: 100% 100%; }
.ui-dialog .imgViewTop{}
.ui-dialog .pos-relative{ position: relative; width: 100%; height: 100%; overflow: hidden;}
#imgPreview{ position: absolute; top: 0; left: 0; height: 100%;}
#imgPreview > div { position: relative; height: 100%; width: 320px; float: left; box-sizing: border-box; display: inline-block; font-size: 0;}
#imgPreview > div img{ position: absolute;}
@-webkit-keyframes zoomIn {
    0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); -moz-transform: scale3d(.3, .3, .3); -ms-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); }
    50% { opacity: 1; }
}
@-moz-keyframes zoomIn {
    0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); -moz-transform: scale3d(.3, .3, .3); -ms-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); }
    50% { opacity: 1; }
}
@keyframes zoomIn {
    0% { opacity: 0; transform: scale3d(0, 0, 0);  }
    100% { opacity: 1; transform: scale3d(1, 1, 1); }
}
@keyframes zoomOut {
    0% { opacity: 1;  transform: scale3d(1, 1, 1); }
    100% { opacity: 0;transform: scale3d(0, 0, 0); }
}
@-webkit-keyframes zoomOut {
    0% { opacity: 1;  transform: scale3d(1, 1, 1); }
    100% { opacity: 0;transform: scale3d(0, 0, 0); }
}
.zoomIn { -webkit-animation-name: zoomIn; -moz-animation-name: zoomIn; -ms-animation-name: zoomIn; animation-name: zoomIn; }
.zoomOut { -webkit-animation-name: zoomOut; -moz-animation-name: zoomOut; -ms-animation-name: zoomOut; animation-name: zoomOut; }
.animated { -webkit-animation-duration: .5s; -ms-animation-duration: .5s; -moz-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; -ms-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }