@charset "utf-8";
/* CSS Document */
.closediv a{width:30px; height:30px; position:absolute; right:-10px; top:-10px; background:#000; text-align:center; line-height:23px; border:3px solid #cecece; text-decoration:none; color:#fff; font-weight:900;
-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;}
.mobCodeGen {background:#fff;width:580px;border: 1px solid #ccc;
	-webkit-box-shadow: 9px 9px 5px -3px rgba(0,0,0,0.44);-moz-box-shadow: 9px 9px 5px -3px rgba(0,0,0,0.44);box-shadow: 9px 9px 5px -3px rgba(0,0,0,0.44);}
.mobCodeGenTopLbl {width:inherit;text-align:center;font-family: 'Open Sans', sans-serif;font-size: 13px;	background:#cc1916; color:#fff;}
.mobCodeGenTopLbl h4 {font-size:16px;padding:10px 0px;font-family: 'Open Sans', sans-serif; font-weight:normal;color:#fff;text-align:center;}
.mobCodeGencol2 input[type="text"], .mobCodeGencol1 input[type="text"] {margin-left:5px;border-radius:2px;display: inline !important;width:180px; background:#f2f2f2; border:1px solid #ccc; padding:5px 0px; text-indent:20px;}
.mobCodeGencol1 label, .mobCodeGencol2 label{min-width:170px; display: inline-table;}
.mobCodeGencol2 input[type="button"] , .mobCodeGencol1 input[type="button"]  {width:168px;color:#ffffff;margin-left:5px;height:34px;font-weight:bold;text-align:center; border:0px; cursor:pointer;background:#ff6666;background: -webkit-gradient(linear, left top, left bottom, from(#ff6666), to(#ff0000));background: -moz-linear-gradient(top, #ff6666,#ff0000);}
.mobCodeGencol2 input[type="button"]:hover, .mobCodeGencol1 input[type="button"]:hover{background:#cc1916;}
.mobCodeGencol2 {margin-top:5px;margin-left:20px;}
.mobCodeGencol1 {margin-top:20px;margin-left:20px;}
.mobCodeGenBoTxt{background:#f1f1f1; border-top:1px solid #ccc; margin-top:10px; padding:15px 0px;}
.mobCodeGenBoTxt > p {text-align:center;font-size:13px;color:#000000; line-height:24px;font-family: 'Open Sans', sans-serif;}
.mobText label	{margin-left:180px;	margin-top: -5px;}

@media only screen and (max-width: 640px) {
.mobCodeGen{width:100%;}
.mobCodeGencol2 input[type="text"], .mobCodeGencol1 input[type="text"]{width:90%;margin-left: 0px;}
.mobCodeGencol2 input[type="button"], .mobCodeGencol1 input[type="button"]{width:90%;margin-left: 0px; margin-top:5px;}
.mobText label{margin-left: 20px;}
.mobCodeGenTopLbl h4{font-size: 14px;}
}