/* CSS Document */
html{
	height:100%;
}
body{
	color:#000000;
        font-size:12px;
	font-family:'OswaldRegular';
        margin:0 auto;
	padding:0;
        text-align:center;
        background-color:#F1F3F0;
	min-height:100%;
	position:relative;
}

.bodyInner{
	background-color:#EBEBEB;
	position:relative;
	font-family:'OswaldRegular';
        margin:0 auto;
        padding:0;
	min-height:100%;
}

#PopupOverlay_v2 {
        display:none;
        position:fixed;/*absolute;*/
        top:0px;
        left:0;
        bottom:0;
        width:100%;
        height:100%;
        background-color:#000000;
        font-family:'GothamMedium';
        /*font-weight:400;*/
        font-size:12px;
        color:#ffffff;
        z-index:99999;
        opacity:0.92;
}

#PopupOverlay {
        display:none;
        position:fixed;/*absolute;*/
        top:0px;
        left:0;
        bottom:0;
        width:100%;
        height:100%;
        background-color:#000000;
        font-family:'GothamMedium';
        /*font-weight:400;*/
        font-size:12px;
        color:#ffffff;
        z-index:99999;
        opacity:0.92;
}

#subsPopup {
	display:block;
        position:absolute;
        top:10%;
        left:5%;
        width:90%;
        height:200px;
}

#overlay {
	display:none;
	position:fixed;/*absolute;*/
	top:0px;
	left:0;
	bottom:0;
	width:100%;
	height:100%;
	background-color:#000000;
	font-family:'GothamMedium';
	/*font-weight:400;*/
	font-size:12px;
	color:#ffffff;
	z-index:99999;
	opacity:0.92;
}

.closeMenu{
	text-align:left;
	width:100%;
	font-family:'GothamMedium';
        /*font-weight:400;*/
	font-size:28px;
	margin-top:5px;
	margin-left:5px;
}

.closeSubs{
        text-align:right;
        width:100%;
	font-family:'GothamMedium';
        font-size:18px;
        margin-top:-5px;
        margin-left:5px;
	padding-right:10px;
	color:#B0B0B0;
}

.menuTop{
	text-align:center;
        width:100%;
	padding-top:3%;
        font-family:'GothamMedium';
        /*font-weight:400;*/
        font-size:14px;
	color:#ffffff !important;
	padding-bottom:100px !important;
	/*margin-bottom:150px;*/
}

.menuTop a{
        background-color:none;
        display:block;
        padding:8px 0px;
	font-family:'GothamMedium';
        /*font-weight:400;*/
        font-size:16px;
        color:#ffffff !important;
	text-decoration:none !important;
}

.menuTop a:active, .menuTop a:hover {
        background-color:#515151;
        display:block;
        padding:8px 0px;
	font-family:'GothamMedium';
        /*font-weight:400;*/
        font-size:16px;
        color:#ffffff !important;
	text-decoration:none !important;
}

.menuTop #openPopup {
	margin-top:5px;
}

#shareBox{
	display:none;
	/*background-color:#121212;*/
	background-image:url('../image/bg-menu-share_200.png');
	/*border:1px solid #ffffff;*/
	border-radius:5px;
	width:200px;
	height:68px;
	margin:0 auto;
	margin-top:5px;
	position:relative;
}

ul#shareList {
	list-style:none;
	display:inline block;
	text-align:center !important;
	margin-left:-13px;
}

ul#shareList li {
	float:left;
	text-align:center !important;
	padding-top:15px;
}

ul#shareList li a, ul#shareList li a:hover, ul#shareList li a:link, ul#shareList li a:active {
        display:block;
	text-align:center !important;
	padding:5px;
	color:#ffffff;
	background:none !important;
}

.shareLink a, .shareLink a:hover {
	text-align:center !important;
	background:none !important;
	margin:0 auto;
}

#wrapper {
	position:relative;
	width:100%;
	min-height:100%;
	border:0px solid blue;
}

ul.list {
	list-style:none;
	width:100%;
	border:1px solid red;
}
ul.list li a{
	width: auto;
	padding:5px 0px;
	float:left;
	text-align:center;
	margin-right:10px !important;
        margin-left:10px !important;
}
/*
#header {
	background-color:#83089F;
	height:100%;
	position:relative;
	border-bottom:3px solid #DE5CFE;
	margin-bottom:0px;
	width:100%;
}
*/

#header {
        background-color:#83089F;
        height:50px;
        position:fixed;
        top:0;
        left:0;
        border-bottom:3px solid #DE5CFE;
        margin-bottom:0px;
        width:100%;
        z-index:9999;
}

a.hlink, a.hlink:link, a.hlink:hover, a.hlink:active, a.hlink:visited {
	text-decoration:none !important;
	border:none;
}
#frontheader{
        background-color:none;/*#83089F;*/
        height:100%;
        position:relative;
        margin-bottom:10px;
	margin-top:50px;
}

#topHeader{
	width:100%;
	padding:5px 0px 5px 0px;
	height:45px;
	background-color:#83089F;
	/*position:fixed;*/
}

.toptitle{
	font-family:'GothamBold';
	font-size:16px;
	color:#ffffff;
	/*font-weight:700;*/
	letter-spacing:0.01em;
}

.protitle{
	font-family:'GothamBold';
        font-size:16px;
        color:#ffffff;
        /*font-weight:700;*/
        letter-spacing:0.01em;
	margin-top:0px;
	border:0px solid red;
	height:35px;
	position:relative;
}

.pImg{
	width:24px;
	margin-left:-10px !important;
	border:none;
}

.topL {
	width:20%;
	float:left;
	padding-left:5px;
	border:0px solid white;
	text-align:left;
	padding-top:2px;
	z-index:9999;
}

.topLp {
        width:20%;
        float:left;
	padding-top:2px;
}

.topC {
	width:60%;
        float:left;
	padding-top:4px;
	z-index:9999;
	display:block;
	position:relative;
	margin-left:0px auto;
	margin-right:0px auto;
}

.topR {
	width:13%;
	text-align:right;
        float:left;
	margin-right:0px !important;
	border:0px solid yellow;
}

/* for Msia */ 
.topRm {
        width:75%;
        /*float:left;*/
        top:2px;
        right:8px !important;
        position:absolute;
        border:0px solid white;
        height:32px;
        /*z-index:999;*/
}

.topRs {
        width:75%;
        /*float:left;*/
        top:2px;
        right:40px !important;
        position:absolute;
        border:0px solid white;
	height:32px;
	/*z-index:999;*/
}

.topRlg {
	width:26px;
	/*float:left;*/
	top:2px;
	right:8px !important;
	position:absolute;
	border:0px solid white;
}

.title{
	font-family:'OswaldRegular';
        font-size:12px;
	color:#000000;
        font-weight:400;
	letter-spacing:1px;
}

.input-group-sm{
	margin-bottom:10px;
}

.form-group{
	border:0px solid red;
	margin-bottom:2px;
}

#logIn, #SignUp, #ContactUs, #Forgot, #Reset, #okay, #counter {
	background-color:#8F44AD;
	border:none;
	border-radius:30px;
}


.Update {
	background-color:#1693C1;
	border-radius:5px;
	border:none !important;
	 -webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.75);
        -moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.75);
        box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.75);

}
/* start rotation banner */
.bulletHolder {
	background-color:none;/*#999999;*/
	height:35px;
	width:100%;
	position:absolute;
	opacity:0.8;
	bottom:0px;
}

.jssorb01 {
	position: absolute;
}
.jssorb01 div, .jssorb01 div:hover, .jssorb01 .av {
	position: absolute;
	/* size of bullet elment */
	width: 12px;
	height: 12px;
	filter: alpha(opacity=70);
	opacity: .7;
	overflow: hidden;
	cursor: pointer;
	border: #000 1px solid;
	border-radius:30px;
}
.jssorb01 div { background-color: #345678; }
.jssorb01 div:hover, .jssorb01 .av:hover { background-color: #515151; }
.jssorb01 .av { background-color: #83089F; }
.jssorb01 .dn, .jssorb01 .dn:hover { background-color: #555555; }

.jssora05l, .jssora05r {
	display: block;
	position: absolute;
	width: 40px;
	height: 40px;
	cursor: pointer;
	background: url('../image/a17.png') no-repeat;
	overflow: hidden;
}
.jssora05l { background-position: -10px -40px; }
.jssora05r { background-position: -70px -40px; }
.jssora05l:hover { background-position: -130px -40px; }
.jssora05r:hover { background-position: -190px -40px; }
.jssora05l.jssora05ldn { background-position: -250px -40px; }
.jssora05r.jssora05rdn { background-position: -310px -40px; }
/* end rotation banner */

#topSwitch {
	position:relative;
	height:auto;
	margin:10px 0px 0px 0px;
	padding:0px;
	-webkit-box-shadow: 1px 1px 3px 0px rgba(215,216,217,1);
        -moz-box-shadow: 1px 1px 3px 0px rgba(215,216,217,1);
        box-shadow: 1px 1px 3px 0px rgba(215,216,217,1);
	border-radius:3px;
	
}

/*
#holder {
	margin:0 auto;
        overflow-y:scroll;
	position:relative;
}
*/

#container {
	background-color:#F1F3F0;
	height:100%;
	/*overflow-y:scroll;
	min-height:400px;*/
	margin-top:60px;
        position:relative;
	margin-bottom:20px;
	width:100%;
	font-family:'GothamLight';/*'OswaldRegular';*/
        font-size:12px;
        color:#000000;
        /*font-weight:300;*/
        letter-spacing:0.01em;
	padding:0px 5px;
	/*padding-bottom:100px;*/
	border:0px solid red;

}

.namediv {
	font-family:'GothamBold';
        font-size:14px;
        /*font-weight:700;*/
	color:#7E0199;
	letter-spacing:0.02em;
}

.totOnline {
	background-color:#F6D0FF;
	border-radius:30px;
	font-size:10px;
        font-weight:300;
        color:#000000;
	width:auto;
	padding:2px 20px;
	position:absolute;
	right:5px;
	top:2px;
	text-align:center;
}

.IconUL{
        /*padding:10px;*/
        text-align:center;
        /*margin:0 auto;*/
	border:0px solid red;
        margin-left:0px;
	width:100%;
}

.IconLI{
        display:inline-block;
	margin-left:-23px;
        margin-bottom:10px;
        text-align:center;
}

.IconFloat{
        width:55px;
        border-radius:5px;
}


#settingcontainer {
        background-color:#F1F3F0;
        height:100%;
        position:relative;
        margin-bottom:20px;
        width:100%;
	font-family:'OswaldRegular';
        font-size:12px;
        color:#000000;
        font-weight:300;
        letter-spacing:0.01em;
        padding:1% 1%;
	padding-bottom:0px;
	border:0px solid red;
}

.clr{
	clear:both;
	width:100%;
	position:relative;
	height:1px;
}

.normalDiv {
	width:100%;
	margin-bottom:5px;
}

.normalDiv2 {
    width:100%;
    margin-bottom:10px;
    color:#84079F;
}

.normalDiv3 {
        width:100%;
        margin-bottom:10px;
	padding:0px 5px;
	text-wrap:word-break;
}

.normal2Div {
        width:100%;
        margin-bottom:10px;
	font-size:14px;
}

.btn {
	padding:0px !important;
	width:36px;
}

#cpBtn {
        padding:0px !important;
        width:36px;
}

.btnYes {
	background-color:#A23BEC;
	font-size:14px;
	font-family:'GothamMedium';
	/*font-weight:400;*/
	color:#ffffff;
	webkit-box-shadow: 1px 1px 3px 0px rgba(215,216,217,1);
	-moz-box-shadow: 1px 1px 3px 0px rgba(215,216,217,1);
	box-shadow: 1px 1px 3px 0px rgba(215,216,217,1);
	border-radius:5px;
	width:90px;
	padding-top:4px;
	padding-bottom:6px;
	border:none;
}

.btnC {
	background-color:#BFBFBF;
	font-size:14px;
	font-weight:400;
	color:#ffffff;
	webkit-box-shadow: 1px 1px 3px 0px rgba(215,216,217,1);
	-moz-box-shadow: 1px 1px 3px 0px rgba(215,216,217,1);
	box-shadow: 1px 1px 3px 0px rgba(215,216,217,1);
	border-radius:5px;
	width:90px;
	padding-bottom:6px;
	padding-top:4px;
	text-decoration:none;
	border:none;
}

#btnSubscribe {
        background-color:#FFAE00;
        font-size:14px;
        font-family:'GothamMedium';
        color:#ffffff;
        webkit-box-shadow: 1px 1px 3px 0px rgba(215,216,217,1);
        -moz-box-shadow: 1px 1px 3px 0px rgba(215,216,217,1);
        box-shadow: 1px 1px 3px 0px rgba(215,216,217,1);
        border-radius:5px;
        width:150px;
        text-decoration:none;
        padding-top:4px;
        padding-bottom:6px;
        border:none;
}

#btnAvatar {
	background:url('../image/btn-update_new.png');
	width:150px;
        height:40px;
        border:none;
        position:relative;
}

#btnCtc {
    background:url('../image/btn-send200.png');
    border:0px solid red;
    text-align:center;
    margin-left:0 auto !important;
    margin-right:0 auto !important;
    /*margin-right:5px;
    left:0px;*/
    width:200px;
    height:38px;
    position:relative;
}

#btnUpdate {
	background:url('../image/btn-update_new.png');
	border:0px solid red;
	margin-right:5px;
	left:0px;
	width:150px;
	height:40px;
	position:relative;
}

#btnLogin {
        /*background:url('../image/btn-login.png');
        width:311px;
        height:63px;*/
	background:none !important;
        border:none;
        position:relative;
}


#btnUnsub{
  
  background: #83089f;
  background-image: -webkit-linear-gradient(top, #83089f, #cc1ecc);
  background-image: -moz-linear-gradient(top, #83089f, #cc1ecc);
  background-image: -ms-linear-gradient(top, #83089f, #cc1ecc);
  background-image: -o-linear-gradient(top, #83089f, #cc1ecc);
  background-image: linear-gradient(to bottom, #83089f, #cc1ecc);
  -webkit-border-radius: 13;
  -moz-border-radius: 13;
  border-radius: 13px;
  font-family: Arial;
  color: #ffffff;
  font-size: 12px;
  text-decoration: none;
  width: 15%;
  margin: 0px 5px;


}
/*
#btnFb {
	margin-left:2px;
	background:url('../image/btn-connet-with-fb_2_180.png');
	width:180px;
	height:36px;
	border:none;
}
*/

.tContent{
	position:relative;
	margin-top:20px;
	margin-bottom:35px;
	width:100%;
	height:100%;
	border:0px solid red;
}

.tWhite{
        position:relative;
        margin-bottom:5px;
	background-color:#ffffff;
	height:100%;
	padding:5px 2px;;
}

.addHome{
	padding:0px;
	margin-right:5px;
}

.stopContent{
	position:relative;
        margin-bottom:5px;
	text-align:center;
	border:0px solid red;
	margin:0 auto;
	width:50%;
	height:30px;
}

.faqContent{
        position:relative;
        margin-bottom:5px;
	padding:0px 10px;
}

.ratingHolder{
        position:relative;
        margin-bottom:5px;
	background-color:#E1E1E1;
	padding:2px;
}

.titleTContent{
	font-family:'OswaldRegular';
        font-size:14px;
        color:#000000;
        font-weight:700;
        position:relative;
        margin-bottom:2px;
        border:0px solid red;
}

.titleForgot{
        font-family:'OswaldRegular';
        font-size:14px;
        color:#000000;
        font-weight:700;
        position:relative;
        margin-bottom:10px;
        border:0px solid red;
}

.titleMyFav {
	font-family:'GothamMedium';/*'OswaldRegular';*/
        font-size:14px;
        color:#000000;
        /*font-weight:400;*/
        position:relative;
        margin-bottom:2px;
	text-align:left;
	background-color:#ffffff;
	-webkit-box-shadow: 1px 1px 3px 0px rgba(215,216,217,1);
	-moz-box-shadow: 1px 1px 3px 0px rgba(215,216,217,1);
	box-shadow: 1px 1px 3px 0px rgba(215,216,217,1);
	padding:10px 0px 10px 5px;
        border:0px solid gray ;
	border-radius:3px;
}

.titleMyCat {
        font-family:'GothamMedium';
        font-size:18px;
        color:#F7F9F8;
        /*font-weight:400;*/
        position:relative;
        margin-bottom:10px;
	margin-top:20px;
        text-align:center;
        background-color:#424B5A;
        -webkit-box-shadow: 1px 1px 3px 0px rgba(215,216,217,1);
        -moz-box-shadow: 1px 1px 3px 0px rgba(215,216,217,1);
        box-shadow: 1px 1px 3px 0px rgba(215,216,217,1);
        padding:10px 0px 10px 5px;
        border:0px solid gray ;
        border-radius:3px;
}

.title_MyCat_frm {
        font-family:'GothamMedium';
        font-size:18px;
        color:#84079F;
        /*font-weight:400;*/
        position:relative;
        margin-bottom:0px;
        margin-top:0px;
        text-align:left;
        /*background-color:#424B5A;
        -webkit-box-shadow: 1px 1px 3px 0px rgba(215,216,217,1);
        -moz-box-shadow: 1px 1px 3px 0px rgba(215,216,217,1);
        box-shadow: 1px 1px 3px 0px rgba(215,216,217,1);
        padding:10px 0px 10px 5px;
        border:0px solid gray ;
        border-radius:3px;*/
}

.title_MyCat {
        font-family:'GothamMedium';
        font-size:18px;
        color:#F7F9F8;
        /*font-weight:400;*/
        position:relative;
        margin-bottom:10px;
        margin-top:0px;
        text-align:center;
        background-color:#424B5A;
        -webkit-box-shadow: 1px 1px 3px 0px rgba(215,216,217,1);
        -moz-box-shadow: 1px 1px 3px 0px rgba(215,216,217,1);
        box-shadow: 1px 1px 3px 0px rgba(215,216,217,1);
        padding:10px 0px 10px 5px;
        border:0px solid gray ;
        border-radius:3px;
}

.title_SpecCat {
        font-family:'GothamMedium';
        font-size:18px;
        color:#F7F9F8;
        position:relative;
        margin-bottom:10px;
        margin-top:0px;
        text-align:center;
        background-color:#424B5A;
        -webkit-box-shadow: 1px 1px 3px 0px rgba(215,216,217,1);
        -moz-box-shadow: 1px 1px 3px 0px rgba(215,216,217,1);
        box-shadow: 1px 1px 3px 0px rgba(215,216,217,1);
        padding:0px 0px 1px 0px;
        border:0px solid gray ;
        border-radius:3px;
}

.borderHR {
	border-bottom:1px solid grey;
	width:95%;
	margin:0 auto;
	height:1px;
	position:relative;
}

.catDiv {
        font-family:'GothamMedium';
        font-size:12px;
        color:#000000;
        /*font-weight:400;*/
        position:relative;
        margin-bottom:3px;
        text-align:left;
        background-color:#ffffff;
        -webkit-box-shadow: 1px 1px 3px 0px rgba(215,216,217,1);
        -moz-box-shadow: 1px 1px 3px 0px rgba(215,216,217,1);
        box-shadow: 1px 1px 3px 0px rgba(215,216,217,1);
        padding:20px 5px 20px 5px;
        border:0px solid gray ;
        border-radius:3px;
        width:100%;
}

.playedTit {
	font-family:'GothamMedium';
        font-size:14px;
        color:#2A7FB8;
        font-weight:400;
}

.proTit{
	font-family:'GothamMedium';
	color:#000000;
        text-decoration:none;
        font-size:12px;
        text-align:left;
	margin-bottom:5px;
}

.genTit {
	font-family:'GothamLight';
}

.GreyGenTit {
        font-family:'GothamLight';
	color:gray;
}

.favorTit {
	color:#FEA501;
	font-family:'GothamMedium';
        font-size:14px;
	/*font-weight:400;*/
}

.socTit {
        color:#26AD60;
        font-family:'GothamMedium';
        font-size:14px;
        /*font-weight:400;*/
}

.totcount {
	font-family:'GothamMedium';
        font-size:12px;
        color:#F25C5A;
        /*font-weight:400;*/
}

.actionDiv {
        font-family:'GothamMedium';
        font-size:12px;
        color:#000000;
        /*font-weight:400;*/
        position:relative;
        margin-bottom:2px;
        text-align:center;
        background-color:#ffffff;
        -webkit-box-shadow: 1px 1px 3px 0px rgba(215,216,217,1);
        -moz-box-shadow: 1px 1px 3px 0px rgba(215,216,217,1);
        box-shadow: 1px 1px 3px 0px rgba(215,216,217,1);
        padding:20px 5px 20px 5px;
        border:0px solid gray ;
        border-radius:3px;
	width:100%;
}

.tabContent {
        position:relative;
        margin-top:20px;
        margin-bottom:35px;
        width:100%;
        height:100%;
        font-family:'GothamMedium';
        font-size:12px;
        color:#000000;
        /*font-weight:400;*/
        position:relative;
        margin-bottom:2px;
        text-align:left;
        background-color:#ffffff;
        -webkit-box-shadow: 1px 1px 3px 0px rgba(215,216,217,1);
        -moz-box-shadow: 1px 1px 3px 0px rgba(215,216,217,1);
        box-shadow: 1px 1px 3px 0px rgba(215,216,217,1);
        padding:20px 5px 20px 5px;
        border:0px solid gray ;
        border-radius:3px;
}

div#player {
	display:none;
        position:relative;
        margin-top:0px;
        margin-bottom:5px;
        width:100%;
        height:100%;
        font-family:'GothamMedium';
        font-size:12px;
        color:#000000;
        /*font-weight:400;*/
        position:relative;
        text-align:left;
        background-color:#ffffff;
        -webkit-box-shadow: 1px 1px 3px 0px rgba(215,216,217,1);
        -moz-box-shadow: 1px 1px 3px 0px rgba(215,216,217,1);
        box-shadow: 1px 1px 3px 0px rgba(215,216,217,1);
        padding:0px 0px 0px 5px;
        border:0px solid gray ;
        border-radius:3px;
}

div#momopoint {
        display:none;
        position:relative;
        margin-top:0px;
        margin-bottom:5px;
        width:100%;
        height:100%;
        font-family:'GothamMedium';
        font-size:12px;
        color:#000000;
        /*font-weight:400;*/
        position:relative;
        text-align:left;
        /*background-color:#ffffff;
        -webkit-box-shadow: 1px 1px 3px 0px rgba(215,216,217,1);
        -moz-box-shadow: 1px 1px 3px 0px rgba(215,216,217,1);
        box-shadow: 1px 1px 3px 0px rgba(215,216,217,1);
        padding:0px 0px 0px 5px;
        border:0px solid gray ;
        border-radius:3px;*/
}

div#topgames {
        display:block;
        position:relative;
        margin-top:0px;
        margin-bottom:5px;
        width:100%;
        height:100%;
        font-family:'GothamMedium';
        font-size:12px;
        color:#000000;
        /*font-weight:400;*/
        position:relative;
        text-align:left;
        /*background-color:none;
        -webkit-box-shadow: 1px 1px 3px 0px rgba(215,216,217,1);
        -moz-box-shadow: 1px 1px 3px 0px rgba(215,216,217,1);
        box-shadow: 1px 1px 3px 0px rgba(215,216,217,1);
        padding:0px 0px 0px 5px;
        border:0px solid gray ;
        border-radius:3px;*/
}

.topBanner {
	-webkit-box-shadow: 1px 1px 3px 0px rgba(215,216,217,1);
        -moz-box-shadow: 1px 1px 3px 0px rgba(215,216,217,1);
        box-shadow: 1px 1px 3px 0px rgba(215,216,217,1);
        border-radius:3px;
}

.player_g {
	float:left;
	width:23%;
	margin:0px 5px 0px 0px;
	position:relative;
}

.player_g_i {
	margin-top:5%;
}
.player_g_n {
        margin-top:2px;
	font-size:12px;
	font-family:"GothamMedium";
	text-align:center;
}
.player_g_b {
	margin-top:2px;
}

.win_1 {
	float:left;
	width:25%;
	margin-right:2px;
	position:relative;
}

.win_1_i {
	position:absolute;
	top:3px;
	left:2px;
}

.picArea {
	position:relative;
	text-align:center;
}

.win_2 {
	float:left;
	width:25%;
	margin-right:2px;
	position:relative;
}

.win_3 {
	float:left;
	width:25%;
	position:relative;
}

.momo_1 {
        float:left;
        width:23%;
        margin-right:2px;
        position:relative;
}

.momo_1_i {
        position:absolute;
        top:3px;
        left:2px;
}


@media only screen and (max-width: 1900px) {
.player_g_n {
        margin-top:2px;
        font-size:16px;
        font-family:"GothamMedium";
        text-align:center;
}
.nameArea {
	position:relative;
	text-align:center;
	font-size:16px;
}
.scoreArea {
	position:absolute;
        bottom:70px;
        font-size:16px;
        left:60px;
        margin-left:auto !important;
        margin-right:auto !important;
        color:#000000;
        border:0px solid black;
        width:75%;
        text-align:center;
        font-family:'GothamBold';
}
.momoArea{
        position:absolute;/*absolute;*/
        bottom:60px;/*13px;*/
        font-size:16px;
        left:70px;/*17px;*/
        margin-left:auto !important;
        margin-right:auto !important;
        color:#000000;
        border:0px solid green;
        width:75%;
        text-align:center;
        font-family:'GothamMedium';
}
}

@media only screen and (max-width: 1600px) {
.player_g_n {
        margin-top:2px;
        font-size:16px;
        font-family:"GothamMedium";
        text-align:center;
}

.nameArea {
        position:relative;
        text-align:center;
        font-size:16px;
}

.scoreArea {
        position:absolute;
        bottom:65px;
        font-size:16px;
        left:55px;
        margin-left:auto !important;
        margin-right:auto !important;
        color:#000000;
        border:0px solid red;
        width:75%;
        text-align:center;
        font-family:'GothamBold';
}

.momoArea{
        position:absolute;/*absolute;*/
        bottom:56px;/*13px;*/
        font-size:16px;
        left:65px;/*17px;*/
        margin-left:auto !important;
        margin-right:auto !important;
        color:#000000;
        border:0px solid red;
        width:75%;
        text-align:center;
        font-family:'GothamMedium';
}
}

@media only screen and (max-width: 1366px) {
.player_g_n {
        margin-top:2px;
        font-size:16px;
        font-family:"GothamMedium";
        text-align:center;
}

.nameArea {
        position:relative;
        text-align:center;
        font-size:16px;
}

.scoreArea {
        position:absolute;
        bottom:58px;
        font-size:16px;
        left:50px;
        margin-left:auto !important;
        margin-right:auto !important;
        color:#000000;
        border:0px solid pink;
        width:75%;
        text-align:center;
        font-family:'GothamBold';
}
.momoArea{
        position:absolute;/*absolute;*/
        bottom:48px;/*13px;*/
        font-size:16px;
        left:60px;/*17px;*/
        margin-left:auto !important;
        margin-right:auto !important;
        color:#000000;
        border:0px solid green;
        width:75%;
        text-align:center;
        font-family:'GothamMedium';
}
}

@media only screen and (max-width: 1280px) {
.player_g_n {
        margin-top:2px;
        font-size:16px;
        font-family:"GothamMedium";
        text-align:center;
}

.nameArea {
        position:relative;
        text-align:center;
        font-size:16px;
}

.scoreArea {
	position:absolute;
        bottom:55px;
        font-size:16px;
        left:44px;
        margin-left:auto !important;
        margin-right:auto !important;
        color:#000000;
        border:0px solid gray;
        width:75%;
        text-align:center;
        font-family:'GothamBold';
}
.momoArea{
        position:absolute;/*absolute;*/
        bottom:42px;/*13px;*/
        font-size:16px;
        left:55px;/*17px;*/
        margin-left:auto !important;
        margin-right:auto !important;
        color:#000000;
        border:0px solid orange;
        width:75%;
        text-align:center;
        font-family:'GothamMedium';
}
}

@media only screen and (max-width: 1100px) {
.player_g_n {
        margin-top:2px;
        font-size:16px;
        font-family:"GothamMedium";
        text-align:center;
}

.nameArea {
        position:relative;
        text-align:center;
        font-size:16px;
}

.scoreArea {
        position:absolute;
        bottom:51px;
        font-size:16px;
        left:40px;
        margin-left:auto !important;
        margin-right:auto !important;
        color:#000000;
        border:0px solid green;
        width:75%;
        text-align:center;
        font-family:'GothamBold';
}
.momoArea{
        position:absolute;/*absolute;*/
        bottom:35px;/*13px;*/
        font-size:15px;
        left:49px;/*17px;*/
        margin-left:auto !important;
        margin-right:auto !important;
        color:#000000;
        border:0px solid yellow;
        width:75%;
        text-align:center;
        font-family:'GothamMedium';
}
}

@media only screen and (max-width: 1024px) {
.player_g_n {
        margin-top:2px;
        font-size:14px;
        font-family:"GothamMedium";
        text-align:center;
}

.nameArea {
        position:relative;
        text-align:center;
        font-size:14px;
        margin-top:10px;
}

.scoreArea{
	position:absolute;
        bottom:47px;
        font-size:16px;
        left:37px;
        margin-left:auto !important;
        margin-right:auto !important;
        color:#000000;
        border:0px solid #F78181;
        width:75%;
        text-align:center;
        font-family:'GothamBold';
}
.momoArea{
        position:absolute;/*absolute;*/
        bottom:29px;/*13px;*/
        font-size:15px;
        left:46px;/*17px;*/
        margin-left:auto !important;
        margin-right:auto !important;
        color:#000000;
        border:0px solid #F78181;
        width:75%;
        text-align:center;
        font-family:'GothamMedium';
}
}


@media only screen and (max-width: 900px) {
.player_g_n {
        margin-top:2px;
        font-size:14px;
        font-family:"GothamMedium";
        text-align:center;
}

.nameArea {
        position:relative;
        text-align:center;
        font-size:12px;
        margin-top:10px;
}

.scoreArea{
        position:absolute;/*absolute;*/
        bottom:42px;/*13px;*/
        font-size:16px;
        left:34px;/*17px;*/
        margin-left:auto !important;
        margin-right:auto !important;
        color:#000000;
        border:0px solid blue;
        width:75%;
        text-align:center;
        font-family:'GothamBold';
}
.momoArea{
        position:absolute;/*absolute;*/
        bottom:27px;/*13px;*/
        font-size:15px;
        left:43px;/*17px;*/
        margin-left:auto !important;
        margin-right:auto !important;
        color:#000000;
        border:0px solid red;
        width:75%;
        text-align:center;
        font-family:'GothamMedium';
}
}

@media only screen and (max-width: 850px) {
.player_g_n {
        margin-top:2px;
        font-size:14px;
        font-family:"GothamMedium";
        text-align:center;
}

.nameArea {
        position:relative;
        text-align:center;
        font-size:12px;
        margin-top:10px;
}

.scoreArea{
	position:absolute;/*absolute;*/
        bottom:39px;/*13px;*/
        font-size:16px;
        left:32px;/*17px;*/
        margin-left:auto !important;
        margin-right:auto !important;
        color:#000000;
        border:0px solid red;
        width:75%;
        text-align:center;
        font-family:'GothamBold';
}
.momoArea{
        position:absolute;/*absolute;*/
        bottom:25px;/*13px;*/
        font-size:15px;
        left:39px;/*17px;*/
        margin-left:auto !important;
        margin-right:auto !important;
        color:#000000;
        border:0px solid black;
        width:75%;
        text-align:center;
        font-family:'GothamMedium';
}
}

@media only screen and (max-width: 800px) {
.player_g_n {
        margin-top:2px;
        font-size:14px;
        font-family:"GothamMedium";
        text-align:center;
}

.nameArea {
        position:relative;
        text-align:center;
        font-size:12px;
        margin-top:5px;
}

.scoreArea{
	position:absolute;/*absolute;*/
        bottom:36px;/*13px;*/
        font-size:16px;
        left:28px;/*17px;*/
        margin-left:auto !important;
        margin-right:auto !important;
        color:#000000;
        border:0px solid red;
        width:75%;
        text-align:center;
        font-family:'GothamBold';
}
.momoArea{
        position:absolute;/*absolute;*/
        bottom:23px;/*13px;*/
        font-size:14px;
        left:37px;/*17px;*/
        margin-left:auto !important;
        margin-right:auto !important;
        color:#000000;
        border:0px solid blue;
        width:75%;
        text-align:center;
        font-family:'GothamMedium';
}
}

@media only screen and (max-width: 750px) {
.nameArea {
        position:relative;
        text-align:center;
        font-size:12px;
        margin-top:2px;
}

.scoreArea{
        position:absolute;/*absolute;*/
        bottom:33px;/*13px;*/
        font-size:16px;
        left:24px;/*17px;*/
        margin-left:auto !important;
        margin-right:auto !important;
        color:#000000;
        border:0px solid yellow;
        width:75%;
        text-align:center;
        font-family:'GothamBold';
}
.momoArea{
        position:absolute;/*absolute;*/
        bottom:21px;/*13px;*/
        font-size:13px;
        left:35px;/*17px;*/
        margin-left:auto !important;
        margin-right:auto !important;
        color:#000000;
        border:0px solid red;
        width:75%;
        text-align:center;
        font-family:'GothamMedium';
}
}

@media only screen and (max-width: 700px) {
.nameArea {
        position:relative;
        text-align:center;
        font-size:12px;
        margin-top:2px;
}

.scoreArea{
	position:absolute;/*absolute;*/
        bottom:29px;/*13px;*/
        font-size:16px;
        left:22px;/*17px;*/
        margin-left:auto !important;
        margin-right:auto !important;
        color:#000000;
        border:0px solid #FE2E9A;
        width:75%;
        text-align:center;
        font-family:'GothamBold';
}

.momoArea{
        position:absolute;/*absolute;*/
        bottom:19px;/*13px;*/
        font-size:13px;
        left:33px;/*17px;*/
        margin-left:auto !important;
        margin-right:auto !important;
        color:#000000;
        border:0px solid yellow;
        width:75%;
        text-align:center;
        font-family:'GothamMedium';
}
}

@media only screen and (max-width: 650px) {
.nameArea {
        position:relative;
        text-align:center;
        font-size:12px;
        margin-top:2px;
}

.scoreArea{
        position:absolute;/*absolute;*/
        bottom:26px;/*13px;*/
        font-size:14px;
        left:18px;/*17px;*/
        margin-left:auto !important;
        margin-right:auto !important;
        color:#000000;
        border:0px solid black;
        width:75%;
        text-align:center;
        font-family:'GothamBold';
}
.momoArea{
        position:absolute;/*absolute;*/
        bottom:17px;/*13px;*/
        font-size:12px;
        left:31px;/*17px;*/
        margin-left:auto !important;
        margin-right:auto !important;
        color:#000000;
        border:0px solid green;
        width:75%;
        text-align:center;
        font-family:'GothamMedium';
}
}

@media only screen and (max-width: 600px) {
.nameArea {
        position:relative;
        text-align:center;
        font-size:12px;
        margin-top:2px;
}

.scoreArea{
	position:absolute;/*absolute;*/
        bottom:23px;/*13px;*/
        font-size:14px;
        left:18px;/*17px;*/
        margin-left:auto !important;
        margin-right:auto !important;
        color:#000000;
        border:0px solid #01A9DB;
        width:75%;
        text-align:center;
        font-family:'GothamBold';
}

.momoArea{
        position:absolute;/*absolute;*/
        bottom:15px;/*13px;*/
        font-size:12px;
        left:29px;/*17px;*/
        margin-left:auto !important;
        margin-right:auto !important;
        color:#000000;
        border:0px solid blue;
        width:75%;
        text-align:center;
        font-family:'GothamMedium';
}
}

@media only screen and (max-width: 550px) {
.nameArea {
        position:relative;
        text-align:center;
        font-size:12px;
        margin-top:2px;
}

.scoreArea{
        position:absolute;/*absolute;*/
        bottom:20px;/*13px;*/
        font-size:14px;
        left:17px;/*17px;*/
        margin-left:auto !important;
        margin-right:auto !important;
        color:#000000;
        border:0px solid #BE81F7;
        width:75%;
        text-align:center;
        font-family:'GothamBold';
}

.momoArea{
        position:absolute;/*absolute;*/
        bottom:12px;/*13px;*/
        font-size:12px;
        left:27px;/*17px;*/
        margin-left:auto !important;
        margin-right:auto !important;
        color:#000000;
        border:0px solid #BE81F7;
        width:75%;
        text-align:center;
        font-family:'GothamMedium';
}
}

@media only screen and (max-width: 500px) {
.player_g {
        float:left;
        width:22%;
        margin:0px 5px 0px 0px;
        position:relative;
}

.player_g_n {
        margin-top:2px;
        font-size:12px;
        font-family:"GothamMedium";
        text-align:center;
}

.nameArea {
        position:relative;
        text-align:center;
        font-size:11px;
        margin-top:0px;
}

.scoreArea{
	position:absolute;/*absolute;*/
        bottom:19px;/*13px;*/
        font-size:11px;
        left:15px;/*17px;*/
        margin-left:auto !important;
        margin-right:auto !important;
        color:#000000;
        border:0px solid orange;
        width:75%;
        text-align:center;
        font-family:'GothamBold';
}

.momoArea{
        position:absolute;/*absolute;*/
        bottom:10px;/*13px;*/
        font-size:11px;
        left:25px;/*17px;*/
        margin-left:auto !important;
        margin-right:auto !important;
        color:#000000;
        border:0px solid orange;
        width:75%;
        text-align:center;
        font-family:'GothamMedium';
}
}

@media only screen and (max-width: 450px) {
.player_g_n {
        margin-top:2px;
        font-size:11px;
        font-family:"GothamMedium";
        text-align:center;
}

.nameArea {
        position:relative;
        text-align:center;
        font-size:11px;
        margin-top:0px;
}

.scoreArea{
        position:absolute;/*absolute;*/
        bottom:15px;/*13px;*/
        font-size:11px;
        left:15px;/*17px;*/
        margin-left:auto !important;
        margin-right:auto !important;
        color:#000000;
        border:0px solid green;
        width:75%;
        text-align:center;
        font-family:'GothamBold';
}

.momoArea{
        position:absolute;/*absolute;*/
        bottom:8px;/*13px;*/
        font-size:11px;
        left:22px;/*17px;*/
        margin-left:auto !important;
        margin-right:auto !important;
        color:#000000;
        border:0px solid pink;
        width:75%;
        text-align:center;
        font-family:'GothamMedium';
}
}

@media only screen and (max-width: 400px) {
.player_g {
        float:left;
        width:21%;
        margin:0px 5px 0px 0px;
        position:relative;
}

.player_g_n {
        margin-top:2px;
        font-size:11px;
        font-family:"GothamMedium";
        text-align:center;
}

.nameArea {
        position:relative;
        text-align:center;
        font-size:11px;
        margin-top:0px;
}

.scoreArea{
	position:absolute;/*absolute;*/
        bottom:12px;/*13px;*/
        font-size:11px;
        left:14px;/*17px;*/
        margin-left:auto !important;
        margin-right:auto !important;
        color:#000000;
        border:0px solid brown;
        width:75%;
        text-align:center;
        font-family:'GothamBold';
}

.momoArea{
        position:absolute;/*absolute;*/
        bottom:6px;/*13px;*/
        font-size:10px;
        left:20px;/*17px;*/
        margin-left:auto !important;
        margin-right:auto !important;
        color:#000000;
        border:0px solid red;
        width:75%;
        text-align:center;
        font-family:'GothamMedium';
}

}

@media only screen and (max-width: 350px) {
.player_g {
        float:left;
        width:21.5%;
        margin:0px 5px 0px 0px;
        position:relative;
}

.player_g_n {
        margin-top:2px;
        font-size:9px;
        font-family:"GothamMedium";
        text-align:center;
}

.nameArea {
        position:relative;
        text-align:center;
        font-size:11px;
        margin-top:0px;
}

.scoreArea{
	position:absolute;/*absolute;*/
        bottom:8px;/*13px;*/
        font-size:11px;
        left:14px;/*17px;*/
        margin-left:auto !important;
        margin-right:auto !important;
        color:#000000;
        border-left:0px solid pink;
        width:75%;
        text-align:center;
        font-family:'GothamMedium';
}

.momoArea{
        position:absolute;/*absolute;*/
        bottom:6px;/*13px;*/
        font-size:9px;
        left:18px;/*17px;*/
        margin-left:auto !important;
        margin-right:auto !important;
        color:#000000;
        border:0px solid pink;
        width:75%;
        text-align:center;
        font-family:'GothamMedium';
}
}
@media only screen and (max-width: 300px) {
.player_g {
        float:left;
        width:20%;
        margin:0px 5px 0px 0px;
        position:relative;
}

.player_g_n {
        margin-top:2px;
        font-size:8px;
        font-family:"GothamMedium";
        text-align:center;
}

.nameArea {
        position:relative;
        text-align:center;
        font-size:10px;
        margin-top:-3px;
}

.scoreArea{
	position:absolute;/*absolute;*/
        bottom:7px;/*13px;*/
        font-size:9px;
        left:12px;/*17px;*/
        margin-left:auto !important;
        margin-right:auto !important;
        color:#000000;
        border-left:0px solid yellow;
        width:75%;
        text-align:center;
        font-family:'GothamMedium';
}
.momoArea{
        position:absolute;/*absolute;*/
        bottom:4px;/*13px;*/
        font-size:9px;
        left:16px;/*17px;*/
        margin-left:auto !important;
        margin-right:auto !important;
        color:#000000;
        border:0px solid yellow;
        width:75%;
        text-align:center;
        font-family:'GothamMedium';
}
}

@media only screen and (max-width: 250px) {
.player_g {
        float:left;
        width:20%;
        margin:0px 5px 0px 0px;
        position:relative;
}

.player_g_n {
        margin-top:2px;
        font-size:9px;
        font-family:"GothamMedium";
        text-align:center;
}

.nameArea {
        position:relative;
        text-align:center;
        font-size:10px;
        margin-top:-3px;
}

.scoreArea{
        position:absolute;/*absolute;*/
        bottom:6px;/*13px;*/
        font-size:9px;
        left:12px;/*17px;*/
        margin-left:auto !important;
        margin-right:auto !important;
        color:#000000;
        border-left:0px solid red;
        width:75%;
        text-align:center;
        font-family:'GothamMedium';
}

.momoArea{
        position:absolute;/*absolute;*/
        bottom:2px;/*13px;*/
        font-size:9px;
        left:14px;/*17px;*/
        margin-left:auto !important;
        margin-right:auto !important;
        color:#000000;
        border:0px solid red;
        width:75%;
        text-align:center;
        font-family:'GothamMedium';
}
}

@media only screen and (max-width: 200px) {
.player_g {
        float:left;
        width:18%;
        margin:0px 5px 0px 0px;
        position:relative;
}

.player_g_n {
        margin-top:2px;
        font-size:8px;
        font-family:"GothamMedium";
        text-align:center;
}
.nameArea {
        position:relative;
        text-align:center;
        font-size:10px;
	margin-top:-3px;
}

.scoreArea{
	position:absolute;/*absolute;*/
	bottom:3px;/*13px;*/
	font-size:9px;
	left:12px;/*17px;*/
	margin-left:auto !important;
	margin-right:auto !important;
	color:#000000;
        border-left:0px solid blue;
	width:75%;
	text-align:center;
	font-family:'GothamMedium';
}

.momoArea{
        position:absolute;/*absolute;*/
        bottom:0px;/*13px;*/
        font-size:9px;
        left:12px;/*17px;*/
        margin-left:auto !important;
        margin-right:auto !important;
        color:#000000;
        border:0px solid blue;
        width:75%;
        text-align:center;
        font-family:'GothamMedium';
}
}

.logDiv {
        font-family:'OswaldRegular';
        font-size:12px;
        color:#000000;
        font-weight:400;
        position:relative;
	margin-top:0px;
        margin-bottom:2px;
        text-align:center;
        background-color:#ffffff;
        -webkit-box-shadow: 1px 1px 3px 0px rgba(215,216,217,1);
        -moz-box-shadow: 1px 1px 3px 0px rgba(215,216,217,1);
        box-shadow: 1px 1px 3px 0px rgba(215,216,217,1);
        padding:20px 5px 20px 5px;
        border:0px solid gray ;
        border-radius:3px;
        width:100%;
	height:auto;
}

.manualLogin{
	width:80%;
	text-align:center !important;
	border:0px solid red;
	margin:0 auto;
	height:100%;
	padding-bottom:0px;
}

.subsDiv {
        font-family:'GothamMedium';
        font-size:12px;
        color:#000000;
        /*font-weight:400;*/
        position:relative;
        margin-bottom:2px;
        text-align:left;
        background-color:#A23BEC;
        webkit-box-shadow: 1px 1px 3px 0px rgba(215,216,217,1);
        -moz-box-shadow: 1px 1px 3px 0px rgba(215,216,217,1);
        box-shadow: 1px 1px 3px 0px rgba(215,216,217,1);
        padding:20px 5px 20px 5px;
        /*border:0px solid gray ;
        border-radius:3px;*/
        width:100%;
}

.subsDiv2 {
        font-family:'GothamMedium';
        font-size:12px;
        color:#000000;
        /*font-weight:400;*/
        position:relative;
        margin-bottom:2px;
        text-align:center;
        background-color:#FFFFFF;
        webkit-box-shadow: 1px 1px 3px 0px rgba(215,216,217,1);
        -moz-box-shadow: 1px 1px 3px 0px rgba(215,216,217,1);
        box-shadow: 1px 1px 3px 0px rgba(215,216,217,1);
        padding:20px 5px 20px 5px;
        /*border:0px solid gray ;*/
        border-radius:3px;
        width:100%;
}

.innerAction {
	position:relative;
	margin:10px 0px;
	height:auto;
}

.smallTxt {
	font-size:10px;
	font-weight:normal;
}

.reviewTxt {
	font-size:16px;
        font-weight:400;
}

.innerSubs {
	position:relative;
	text-align:left;
	width:100%;
	margin-bottom:5px;
	padding:5px;
	background-color:#F2F2F2;
	border-radius:5px;
	-webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.75);
	box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.75);
}

.imgCurve {
	border-radius:5px;
}

.actionImg {
	width:150px;
}
.cMyFav{
        font-family:'GothamMedium';
        font-size:14px;
        color:#EC008C;
        /*font-weight:400;*/
        position:relative;
        margin-bottom:2px;
        text-align:left !important;
        background-color:#ffffff;
        padding:5px 0px 5px 5px;
        border:0px solid red;
	width:100%;
}

.tForm{
	position:relative;
	text-align:center;
	margin:10px auto;
	width:70%;
	height:30px;
	border:0px solid yellow;
}

#logFrm{
	position:relative;
	width:100%;
	text-align:left;
	margin:10px auto;
	height:100%;
	color:#928A8A;
}

#catFrm {
	padding-top:5px;
}
#userFrm{
        position:relative;
        width:95%;
        text-align:center;
        margin:0 auto;
        height:100%;
        color:#928A8A;
}

#signFrm{
        position:relative;
        width:100%;
        text-align:left;
        margin:10px auto;
        height:100%;
        color:#928A8A;
}

.gapFrm{
	margin-bottom:6px;
}

.frontFrm {
	border:0px solid #CBCBCB;
	background-color:#F4F4F4;
	height:40px;
	letter-spacing:1px;
	border-radius:3px;
	color:#C7C7C7;
	font-size:12px;
	/*-webkit-box-shadow: -4px -4px 3px -3px rgba(203,203,203,0.75);
	-moz-box-shadow: -4px -4px 3px -3px rgba(203,203,203,0.75);
	box-shadow: -4px -4px 3px -3px rgba(203,203,203,0.75);*/
	-webkit-box-shadow: -3px -2px 2px -2px rgba(203,203,203,0.75);
	-moz-box-shadow: -3px -2px 2px -2px rgba(203,203,203,0.75);
	box-shadow: -3px -2px 2px -2px rgba(203,203,203,0.75);
}

.newBtn{
	background-color:#C874EA !important;
	border:none;
	outline:none !important;
}

.stopBtn{
        background-color:#C874EA !important;
        border:none;
        outline:none !important;
	width:100%;
	text-align:center;
	display:block;
}

.cartBtn2{
        background-color:#FFFFFF !important;
        border:none;
        width:auto;
        height:35px;
        color:#000000;
        text-decoration:none;
        text-align:center;
        border-radius:30px;
        border:1px solid grey;
}

.login {
	background-color:#FFAD01 !important;
	width:100% !important;	
	border-outline:none !important;
	font-size:14px;
	color:#ffffff;
	border:none;
	text-align:center !important;
	height:35px;
	-webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.75);
	box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.75);
}


div.cartSubmit input{
        background-image:url('../image/submit.png');
	background-repeat:none;
        border:none;
	width:80px;
	height:26px;
}

#submit{
	margin-bottom:5px;
}

#divFrm{
	position:relative;
        width:100%;
        text-align:right;
	clear:both;
	border:0px solid yellow;
	height:40px;
        padding:3px 0px;
	margin-bottom:20px;
}

#forgotDiv{
        position:relative;
        width:50%;
        text-align:right;
	float:right;
        border:0px solid yellow;
        height:30px;
        padding:5px 0px;
}

#rmmberDiv{
        position:relative;
        width:50%;
	float:left;
        text-align:left;
        border:0px solid yellow;
        height:30px;
        padding:5px 0px;
}

#divSU{
        position:relative;
        width:100%;
        text-align:center;
        clear:both;
        border:0px solid yellow;
        height:30px;
        padding:10px 0px 0px 0px;
}

#divAbout{
        position:relative;
        width:100%;
        text-align:left;
        clear:both;
        background-color:#C2C2C2;
        height:auto;
        padding:8px 0px;
        margin-bottom:5px;
	margin-top:20px;
}

#divUser{
        position:relative;
        width:100%;
        text-align:left;
        clear:both;
        background-color:#FFFFFF;
        height:auto;
        padding:5px 0px;
	margin-bottom:5px;
}

#divStop{
        position:relative;
        width:100%;
        text-align:left;
        clear:both;
        background-color:#FFFFFF;
        height:auto;
        padding:10px 10px;
        margin-bottom:5px;
}

#divInnerAbout{
        position:relative;
        width:100%;
        text-align:left;
        clear:both;
        background-color:#FFFFFF;
        height:auto;
        padding:7px 0px;
        margin-bottom:5px;
}

#divOut{
        position:relative;
        width:100%;
        text-align:center;
        clear:both;
        background-color:#252525;
        height:auto;
        padding:8px 0px;
        margin-bottom:5px;
	margin-top:15px;
}

/* form alert error */
span.emailSU{
	color:red !important;
	padding-left:5px;
}
/**/

.glyphicon{
	padding-left:2px;
}

/*
.glyphicon-calendar {
	background-image:url('../image/btn-calander.png');
	width:100%;
}
*/

.input-group-addon {
	padding:0px !important;
}

.glyphiconUnFavor{
        padding-left:2px;
}

.glyphiconG{
        padding-left:8px;
	padding-top:0px;
}

.dateU{
	padding:0px !important;
}

.glyphiconU{
        padding-left:0px;
        padding-top:0px;
}

.removeX {
        /*padding-left:0px !important;
        padding-right:0px !important;*/
	width:30px !important;
}

#dob {
	height:42px !important;
}

.glyphiconGamesP {
        position:absolute;
        left:10px;
        top:17%;
        width:75px;
}

.descUserP {
        position:absolute;
        left:103px;
        top:15%;
        text-align:left;
}

.glyphiconGames {
	position:absolute;
	left:5px;
	top:10%;
	width:65px;
}

.glyphiconGamesList {
        position:absolute;
        left:5px;
        top:14%;
        width:65px;
}

.descGames {
        position:absolute;
	left:75px;
	top:25%;
}

.descUser {
        position:absolute;
        left:75px;
        top:12%;
	text-align:left;
}

.picGames {
	width:65px;
	border:none;
}

.picGamesP {
        width:85px;
        border:none;
}

.glyphiconCart{
        padding-left:0px;
        padding-top:0px;
	padding-right:5px;
}

.bgWhite {
	background-color:#ffffff;
	border:none;
	margin:10px 5px;;
}

.newBg {
	background-color:#ffffff;
        border:none;
}

.newBgUname {
        background-color:#ffffff;
        border:none;
	margin-top:13px;
}

.gImg{
        width:13px;
        border:none;
}

.frontImg{
        width:20px;
        border:none;
}

.picId {
	position:relative;
	width:64px;
	height:64px;
	border:0px solid green;
}

.momoScoreImg{
        width:28px;
        border:none;
	left:0px;
}

.magImg{
	width:50%;
	border:none;
}

.picIcon{
        width:64px;
        height:64px;
        margin-left:2px;
}

.favImg {
	width:24px;
        border:none;
	position:absolute;
	right:21px;
	bottom:22px;
}

.slidefavImg {
        width:24px !important;
	height:24px !important;
        border:0px solid yellow;/*none;*/
        position:absolute;
        right:13px;
        bottom:13px;
        z-index:9;
}

div.ummu{
	margin-right:30%;
}

.editImg{
        width:24px;
        border:none;
}

.divName, .innerA{
	padding-left:10px;
}

#btnRetry{
        width:100%;
        height:30px;
        padding:5px 10px;
        background-color:#FFFF00;
        border-radius:3px;
        color:#000000;
        border:none;
}

#btnLog{
	width:100%;
	height:30px;
	padding:5px 10px;
	background-color:#C2C2C2;
	border-radius:3px;
	color:#000000;
	border:none;
}

.btnCancel {
	width:50px;
	height:25px;
	border:none;
	text-shadow:none;
	box-shadow:none;
}

#userAvatar input[type="file"] {
	background-image:url('../image/save.png');
	width:50px;
	height:25px;
}

.error{
	background-color:#FCE9F4;
	color:#DF013A;
	width:100%;
	text-align:center;
	padding:5px;
	font-size:12px;
	margin:5px auto;
	-webkit-box-shadow: 1px 1px 3px 0px rgba(215,216,217,1);
        -moz-box-shadow: 1px 1px 3px 0px rgba(215,216,217,1);
        box-shadow: 1px 1px 3px 0px rgba(215,216,217,1);
}

a.stopLink{
	text-decoration:none;
        color:#ffffff;
	text-align:center;
	display:block;
}

a.wiLink, a.wiLink:link, a.wiLink:visited, a.wiLink:active {
	text-decoration:none;
	color:#ffffff;
}

a.wiLink:hover {
        text-decoration:none;
        color:#000000;
}

a.LoLink, a.LoLink:link, a.LoLink:visited, a.LoLink:active, a.LoLink:hover {
	font-family:'GothamMedium';
        text-decoration:none;
	font-size:12px;
        color:#ffffff;
	display:block;
}

.fixdiv {
	position:fixed;
	bottom:10px;
	left:0px;
	right:0px;
	text-align:center;
	margin-right: auto !important;
	margin-left: auto !important;
	width:100%;
	border:0px solid red;
	height:auto;
}

.fixgap {
	margin-right:5px;
}

a.fixLink, a.fixLink:link, a.fixLink:visited, a.fixLink:active, a.fixLink:hover {
        font-family:'GothamMedium';
        text-decoration:none;
        font-size:12px;
        color:#ffffff;
}

a.suLink, a.suLink:link {
	text-decoration:none;
        color:#ffffff;
        display:block;
        padding-top:2px;
}

a.suLink:visited, a.suLink:active {
        text-decoration:none;
        color:#83089F;
	display:block;
	padding-top:2px;
}

a.suLink:hover {
        text-decoration:none;
        color:#83089F;
	display:block;
	padding-top:2px;
}

a.userLink, a.userLink:link, a.userLink:visited, a.userLink:hover {
	color:#0489B1;
	font-family:'GothamMedium';
	text-decoration:none;
	font-size:12px;
	text-align:right;
}

a.gameLink, a.gameLink:link, a.gameLink:visited, a.gameLink:hover {
        color:#000000;
        text-decoration:none;
        font-size:10px;
	border:0px solid red;
	margin-right:30px;
	font-family:'GothamMedium';
        text-align:center;
	/*display:inline-block;*/
	display:block;
}

a.allLink, a.allLink:link, a.allLink:visited, a.allLink:hover {
	font-family:'GothamMedium';
        color:#000000;
        text-decoration:none;
        font-size:10px;
        border:0px solid red;
        text-align:center;
        display:block;
}

a.proPicLink, a.proPicLink:link, a.proPicLink:visited, a.proPicLink:hover {
	font-family:'GothamMedium';
        color:#000000;
        text-decoration:none;
        font-size:12px;
        text-align:left;
	display:block;
}

a.hereLink, a.hereLink:link, a.hereLink:visited, a.hereLink:hover {
	font-family:'GothamMedium';
        color:#000000;
        text-decoration:none;
        font-size:14px;
}

a.scLink, a.scLink:link, a.scLink:visited, a.scLink:hover {
        color:#C874EA;
        text-decoration:none;
        font-size:12px;
	font-family:'GothamMedium';
        text-align:left;
}

a.cLink, a.cLink:link, a.cLink:visited, a.cLink:hover {
        color:#C874EA;
	background-color:#F2F2F2;
	width:auto;
	padding:5px 10px;
        text-decoration:none;
	font-family:'GothamMedium';
        font-size:12px;
        text-align:left;
}

a.fgtLink, a.fgtLink:link, a.fgtLink:visited, a.fgtLink:hover {
        color:#E42626;
        text-decoration:none;
        font-size:12px;
        text-align:right;
}

a.regLink, a.regLink:link, a.regLink:visited, a.regLink:hover {
        color:#8F44AD;
        text-decoration:none;
        font-size:12px;
        text-align:right;
}

a.proLink, a.proLink:link, a.proLink:visited, a.proLink:hover {
        color:#000000;
        text-decoration:none;
        font-size:12px;
        text-align:left;
	display:block;
}

.cLeft{
	position:relative;
	float:left;
	width:15%;
	padding:5px 0px;
}

.cRight{
	position:relative;
	float:right;
	width:80%;
	border:0px solid red;
	margin-left:5px;
	margin-right:5px;
	padding:0;
	margin-top:12px;
}

.userImg{
	width:28px;
	border-radius:500px;
	-webkit-border-radius:500px;
	-moz-border-radius:500px;
	border:1px solid gray;
}

.notification{
	width:25px;
	padding:2px;
        border-radius:500px;
        -webkit-border-radius:500px;
        -moz-border-radius:500px;
        border:1px solid gray;
	background:red;
	color:white;
	position:absolute;
	top:3px;
	right:5px;
}

.cartImg{
        width:40px;
	border:none;
}

.ratingL{
        position:relative;
        float:left;
        width:6%;
        border:0px solid blue;
	padding-right:2%;
	padding-top:12px;
}

.ratingC{
        position:relative;
        float:left;
        width:30%;
	border:0px solid blue;
	padding-right:0px;
}

.ratingR {
        position:relative;
        float:left;
        width:57%;
	padding-left:0px;
	margin-top:9%;
	border:0px solid red;
}

#divLikes{
        position:relative;
        width:100%;
        text-align:left;
        margin:5px auto;
        height:100%;
	padding-left:8px;
}

.top10Love{
	float:left;
	width:25%;
	border:0px solid yellow;
	margin:0;
	padding:0;
}

.top10LoveActiv{
        float:left;
        width:25%;
        border:0px solid yellow;
        margin:0;
        padding:0;
}

.top10star{
	float:left;
	width:25%;
	border:0px solid yellow;
	padding:0;
	margin:0;
}

.top10starActiv{
        float:left;
        width:25%;
        border:0px solid yellow;
        padding:0;
        margin:0;
}

.top10Blank{
        float:left;
        width:50%;
        border:0px solid yellow;
}

.top10img{
	width:70%;
	padding:0px;
	margin:0px;
	border:0px solid grey;
}

.top10border{
	margin-top:5px;
	height:1px;
	width:100%;
	border-bottom:1px solid #BDBDBD;
}

/* tnc */
.panel-group{
	text-align:left;
	position:relative;
}

/* faq */
a.nav-toggle{
	font-family:'OswaldBold';
        font-weight:700;
	font-size:12px;
	letter-spacing:1px;
        color:#DF013A;
	text-align:left;
}

.titleDiv{
	margin-bottom:8px;
	font-family:'OswaldRegular';
        font-weight:400;
        color:#000000;
	font-size:12px;
	letter-spacing:1px;
	text-align:left;
}

#close1,#close2,#close3,#close4,#close5,#close6,#close7,#close8,#close9{
	display:none;
        background-color:#E1E1E1;
        padding:5px 10px 3px 10px;
        font-family:'OswaldLight';
        font-weight:300;
	font-family:'GothamLight';
        color:#000000;
	font-size:12px;
	letter-spacing:1px;
	text-align:left;
	border-radius:5px;
	margin-bottom:8px;
}

/* search */
.search-form .form-group {
  float: right !important;
  transition: all 0.35s, border-radius 0s;
  width: 28px;
  height: 28px;
  background-color: #DE5CFE;/*#C874EA;*/
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  border-radius: 5px;
  border: 0px solid #ccc;
  margin-right:1px;
  margin-top:1px;
  margin-bottom:0px;
}
.search-form .form-group input.form-control {
  padding-right:15px;
  margin-top:-3px;
  border: 0 none;
  background: transparent;
  box-shadow: none;
  display:block;
  color:#ffffff;
  z-index:9999;
  font-family:'GothamLight';
  /*font-weight:400;*/
}
.search-form .form-group input.form-control::-webkit-input-placeholder {
  display: none;
  color:#ffffff;
}
.search-form .form-group input.form-control:-moz-placeholder {
  /* Firefox 18- */
  display: none;
   color:#ffffff;
}
.search-form .form-group input.form-control::-moz-placeholder {
  /* Firefox 19+ */
  display: none;
   color:#ffffff;
}
.search-form .form-group input.form-control:-ms-input-placeholder {
  display: none;
   color:#ffffff;
}
.search-form .form-group:hover,
.search-form .form-group.hover {
  width: 90% !important;
  z-index:99999;
  position:absolute;
  top:0px;
  right:0px;
  font-family:'GothamLight';
  /*font-weight:300;*/
  color:#ffffff; 
  border-radius: 4px 20px 20px 4px;
}
.search-form .form-group span.form-control-feedback {
  position: absolute;
  top: -3px;
  right: 0px;
  z-index: 99999;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  color: #ffffff;
  left: initial;
  font-size: 12px;
}

/* file upload */
.clearfix{*zoom:1;}.clearfix:before,.clearfix:after{display:table;content:"";line-height:0;}
.clearfix:after{clear:both;}
.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0;}
.input-block-level{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.btn-file{overflow:hidden;position:relative;vertical-align:middle;}.btn-file>input{position:absolute;top:0;right:0;margin:0;opacity:0;filter:alpha(opacity=0);transform:translate(-300px, 0) scale(4);font-size:23px;direction:ltr;cursor:pointer;}
.fileupload{margin-bottom:9px;}.fileupload .uneditable-input{display:inline-block;margin-bottom:0px;vertical-align:middle;cursor:text;}
.fileupload .thumbnail{overflow:hidden;display:inline-block;margin-bottom:5px;vertical-align:middle;text-align:center;}.fileupload .thumbnail>img{display:inline-block;vertical-align:middle;max-height:100%;}
.fileupload .btn{vertical-align:middle;}
.fileupload-exists .fileupload-new,.fileupload-new .fileupload-exists{display:none;}
.fileupload-inline .fileupload-controls{display:inline;}
.fileupload-new .input-append .btn-file{
	-webkit-border-radius:0 3px 3px 0;
	-moz-border-radius:0 3px 3px 0;
	border-radius:0 3px 3px 0;
}
.thumbnail-borderless .thumbnail{
	border:none;
	padding:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}
.fileupload-new.thumbnail-borderless .thumbnail{border:1px solid #ddd;}
.control-group.warning .fileupload .uneditable-input{color:#a47e3c;border-color:#a47e3c;}
.control-group.warning .fileupload .fileupload-preview{color:#a47e3c;}
.control-group.warning .fileupload .thumbnail{border-color:#a47e3c;}
.control-group.error .fileupload .uneditable-input{color:#b94a48;border-color:#b94a48;}
.control-group.error .fileupload .fileupload-preview{color:#b94a48;}
.control-group.error .fileupload .thumbnail{border-color:#b94a48;}
.control-group.success .fileupload .uneditable-input{color:#468847;border-color:#468847;}
.control-group.success .fileupload .fileupload-preview{color:#468847;}
.control-group.success .fileupload .thumbnail{border-color:#468847;}
.ownBtn {
	background-color:#A1A1A1 !important;
	border:none;
	outline:none !important;
}
/* end file upload */


/* error on form */
label.valid {
	width: 24px;
	height: 24px;
	background: url(../image/valid.png) center center no-repeat;
	display: inline-block;
	text-indent: -9999px;
}
label.error {
	font-weight: bold;
	color: red;
	padding: 2px 8px;
	margin-top: 2px;
}
/**/

/* Tab Navigation */
.title_MyTab {
        font-family:'OswaldRegular';
        font-size:14px;
        color:#F7F9F8;
        font-weight:400;
        position:relative;
        margin-bottom:10px;
        margin-top:10px;
        text-align:center;
        background-color:none;
        -webkit-box-shadow: 1px 1px 3px 0px rgba(215,216,217,1);
        -moz-box-shadow: 1px 1px 3px 0px rgba(215,216,217,1);
        box-shadow: 1px 1px 3px 0px rgba(215,216,217,1);
        padding:10px 0px 10px 5px;
        border:0px solid gray ;
        border-radius:3px;
}

.nav-tabs {
    margin: 0;
    padding: 0;
    border: 0;    
}
.nav-tabs > li > a {
    background: #FBFBFB;
    width:100px;
	color:#83089F !important;
	text-decoration:none;
    border-radius: 0;
    box-shadow: inset 0 -8px 7px -9px rgba(0,0,0,.4),-2px -2px 5px -2px rgba(0,0,0,.4);
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover {
    background: #83089F;
	color:#ffffff !important;
	text-decoration:none;
    box-shadow: inset 0 0 0 0 rgba(0,0,0,.4),-2px -3px 5px -2px rgba(0,0,0,.4);
}

/* Tab Content */
.tab-pane {
    /*background: #F5F5F5;
    box-shadow: 0 0 4px rgba(0,0,0,.4);
    border-radius: 0;
    text-align: center;
    padding: 10px;*/
}


#outerfooter{
        width:100%;
        background-color:none;
        text-align:center;
        position:fixed;
        bottom:0px;
        margin:0;
}

.clrFooter{
	clear:both;
	height:50px;
}

#footer{
	width:100%;
        background-color:#FBFBFB;
        text-align:center;
        position:fixed;
        bottom:0px;
        right:0px;
        left:0px;
        z-index:9999;
        overflow:hidden;
        height:auto;
	margin-bottom:-1px;
}

/* 4 long page*/
#footerR{
        width:100%;
        background-color:#FBFBFB;
        text-align:center;
        position:absolute;
        bottom:0px;
	right:0px;
	left:0px;
	margin:0px;
        z-index:99999;
	border:0px solid red;
	height:auto;
	overflow:hidden;
}

.fHolder{
	width:100%;
	position:relative;
}

.fleft{
	float:left;
	width:25%;
	position:relative;
	/*border-right:1px solid red;*/
}

.fImg{
        width:40px;
        border:none;
}

a.footerLink{
	background-color:none;/*#FBFBFB;*/
	display:block;
	padding:5px 0px;
}

a.footerLink:active, a.footerLink:hover, .current a.footerLink {
	background-color:#83089F;
	display:block;
	padding:5px 0px;
}

a.footerLinkActiv {
        background-color:#83089F;
        display:block;
        padding:5px 0px;
}

.ratingImg{
	width:100px;
        border:none;
}

.width-a {
        width: 49%;
	float:left;
}

#active{
        background-color:#83089F;
        color:#000000 !important;
        text-decoration:none;
        font-size:12px;
        font-weight:normal;
        padding-top:10px;
        padding-bottom:10px;
	width: 33%;
        float:left;
	border-top-right-radius:3px;
	border-bottom-right-radius:3px;
}

#active a {
        color:#ffffff;
        text-decoration:none;
}


#noactive1, #noactive2{
        background-color:#FBFBFB;
        color:#000000 !important;
        text-decoration:none;
        font-size:12px;
        font-weight:normal;
        padding-top:10px;
        padding-bottom:10px;
	border:0px solid red;
	width: 33%;
        float:left;
	/*border-top-right-radius:3px;
        border-bottom-right-radius:3px;*/
}

#noactive1 a, #noactive2 a {
	color:#83089F;
	text-decoration:none;
}

#default{
	margin:0 auto;
	padding-top:5%;
}
/* font setting */
@font-face {
        font-family:'OswaldLight';
        src:url('Oswald-Light.ttf') format('truetype');
        font-weight: 300;
        font-style: normal;
}
@font-face {
        font-family:'OswaldRegular';
        src:url('Oswald-Regular.ttf') format('truetype');
        font-weight: 400;
        font-style: normal;
}
@font-face {
        font-family:'OswaldBold';
        src:url('Oswald-Bold.ttf') format('truetype');
        font-weight: 700;
        font-style: normal;
}

@font-face {
        font-family:'texgyreadventorBoldItalic';
        src:url('texgyreadventor-bolditalic.otf') format('opentype');
        font-weight: 700;
        font-style: italic;
}
@font-face {
        font-family:'texgyreadventorBold';
        src:url('texgyreadventor-bold.otf') format('opentype');
        font-weight: 700;
        font-style: normal;
}
@font-face {
        font-family:'texgyreadventorItalic';
        src:url('texgyreadventor-italic.otf') format('opentype');
        font-weight: 400;
        font-style: italic;
}

@font-face {
        font-family:'texgyreadventorRegular';
        src:url('texgyreadventor-regular.otf') format('opentype');
        font-weight: 400;
        font-style: normal;
}

@font-face {
	font-family: 'GothamBold';
	src:
	     url('Gotham-Bold.ttf') format('truetype'),
	     url('Gotham-Bold_0.otf') format('opentype');
	font-weight: Bold;
	font-style: normal;
}

@font-face {
        font-family: 'GothamLight';
        src:
             url('Gotham-Light.ttf') format('truetype'),
             url('Gotham-Light_0.otf') format('opentype');
        font-weight: 300;
        font-style: normal;
}

@font-face {
        font-family: 'GothamMedium';
        src:url('Gotham-Medium.ttf') format('truetype');
        font-weight: 500;
        font-style: normal;
}

@font-face {
        font-family: 'GothamThin';
        src:url('Gotham-Thin.ttf') format('truetype');
        font-weight: 200;
        font-style: normal;
}

/* end font setting */
img {
	image-rendering: auto;
	image-rendering: crisp-edges;
	image-rendering: pixelated;
}

.sharpImg {
	-ms-interpolation-mode: nearest-neighbor; 
  image-rendering: -webkit-optimize-contrast; 
  image-rendering: -webkit-crisp-edges; 
  image-rendering: -moz-crisp-edges; 
  image-rendering: -o-crisp-edges; 
  image-rendering: pixelated; 
	-ms-interpolation-mode: bicubic;
	text-indent: -9999px;
	display:block;
}

#scoreboard a{
    text-decoration:none;
    color:black;
}

.score-details{
    margin-top:10px;
}

.search_css{
    background:#ffffff;
    color:#000000;
    display:none;
    text-align:left;
    padding:3px;
    font-size:12px;
    width:100%;
}