﻿@font-face 
{
     font-family:'calibri';
   src:url('http://www.gamestrigger.com/fonts/calibri.ttf');
}
@import url(http://fonts.googleapis.com/css?family=Port+Lligat+Slab);
@import url(http://fonts.googleapis.com/css?family=Roboto:500);

body { margin:0; padding:0; height:100%; width:100%; font-family: 'calibri','Port Lligat Slab', serif;}
#header{ height:60px; width:1000px; margin:0 auto;}
#header .hleft{ float:left; height:100%; width:272px;}
.hleft h1.logo{ background:url('../../coreweb/images/GamesTriggerLogo.png') no-repeat; width:235px; height:100%; text-indent:-5000px; margin:7px 0 0 0; padding:0}

#header .hright{ float:right; width:728px; height:100%;}
#main-nav{ height:30px; width:100%;background:#0099dd;}
#main-nav .nav-mid{width:1000px; margin:0 auto}
.nav-mid .nav-links{ float:left}
.nav-mid .searchbox{ float:right; text-align:right; padding-right:5px}
ul.nav{ margin:0; padding:0; }
ul.nav li{ list-style:none; float:left; height:30px; padding:0 20px; border-right:1px solid #45c6ff;
            -webkit-transition: background-color 1s ease-out;
  -moz-transition: background-color 1s ease-out;
  -o-transition: background-color 1s ease-out;
  transition: background-color 1s ease-out;
           
           }
ul.nav a li:hover{ background:#006491}
ul.nav a{ text-decoration:none; color:#fff; line-height:30px; text-transform:uppercase;font-family: 'Roboto', sans-serif; font-size:11pt}
ul.nav a li.active{background:#006491}
#mid-part{ width:1000px; margin:0 auto;  height:100%}
#mid-part #wrapper{ width:680px; float:left}
#mid-part #rightsidebar{ width:300px; float:right}
#rightsidebar .essential{text-align:center;background:#ed561b; padding:4px 0px}
#rightsidebar .essential:hover{ background:#222222}
#rightsidebar .essential a{color:#fff; text-decoration:none}
#rightsidebar .essential a:hover{ color:#ed561b}
#footer{ height:150px; width:100%; background:#f1f1f1; margin-top:10px}
#footer .footercontent{width:1000px; margin:0 auto;}
ul.footergrid{ margin:0; padding:0}
ul.footergrid li{ float:left; list-style:none; font-size:small; font-family: 'Roboto', sans-serif;}
ul.footergrid li h1{ margin:0; padding:0; font-size:14pt; font-family: 'Roboto', sans-serif;}
.grid{ width:170px; margin-right:80px; border-right:1px solid #d3d3d3}
.stb{ margin-left:-25px; z-index:9999; margin-bottom:-3px}





.clear{ clear:both}





  .black_overlay{
display:none;
position:fixed;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color:black;
z-index:1001;
-moz-opacity: 0.8;
opacity:.80;
filter: alpha(opacity=80);
}

.white_content_claim{display:none;
position:fixed;
top: 25%;
left: 35%;
width: 27%;
padding: 0px;
border: 0px solid #a6c25c;
background-color: white;
z-index:1002;
overflow: auto;


}

/*.white_content {
display:none;
position:fixed;
top: 1%;
left: 35%;
width: 27%;
padding: 0px;
border: 0px solid #a6c25c;
background-color: white;
z-index:1002;
overflow: auto;
}*/

.captchaCode { -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.btnResendconfirmation { text-decoration:none; font-size:9pt; background:#ed6347; color:#fff; padding:2px 20px; margin:10px
}
    .btnResendconfirmation:hover {background:#c12b05
    }

            .loading_popup {
            background-color: rgba(0,0,0,0.7);
            width: 100%;
            height: 100%;
            vertical-align: middle;
            position: fixed;
            top: 0px;
            bottom: 0px;
            left: 0px;
            z-index: 9999999;
            display: block;
        }