@charset "utf-8"; 

body{height:100%}
a, a:hover{text-decoration:none; outline:none}
a{color:#54acbf}
.fl{float:left}
.fr{float:right}
.ovfl-hidden{overflow:hidden}
ul.reset{list-style:none}
.clr{clear:both; overflow:hidden; height:0px; width:0}
.greencolor{color:#499b15}
.bluecolor{color:#1f5476}
.clearboth{clear:both}
.aligncenter{ line-height:20px}
.pad4{padding:4px}
.pad5{padding:5px}
.pad8{padding:8px}
.padtop6{padding:6px 0 0 0}
.padbttm15{padding:0 0 15px 0}

#illust{height:350px; width:360px; font-size:10px; background:url(../images/pagebg.png) 0 0 no-repeat; position:relative; left:10px; margin-left:103px; z-index:10; top:-9px}
#illust .leftstrip{background:url(../images/leftstrip.png) 0 0 no-repeat; width:92px; height:81px; position:absolute; top:-36px; left:-36px}
#illust .rightstrip{background:url(../images/rightstrip.png) 0 0 no-repeat; width:92px; height:90px; position:absolute; top:-36px; right:-36px}
#illust .welcome{background:url(../images/welcome.png) 0 0 no-repeat; top:-14px; right:-116px; position:absolute; width:290px; height:347px}
#illust .register{background:url(../images/register.png) 0 0 no-repeat; top:49px; right:-110px; position:absolute; width:128px; height:284px}
#illust .inner{padding-left:0px; padding-top:28px; margin-left:-107px}
#illust .inner h2{font-size:26px; color:#0055a5; padding-bottom:15px; font-family:neucha; padding-left:112px; font-weight:bold; margin-top:-19px}
#illust .inner h3{font-size:20px; padding-bottom:7px; color:#3e3e3e; text-align:center}
#illust .inner .num{background:url(../images/num.png) 0 0 no-repeat; width:49px; height:49px; line-height:49px; text-align:center; color:#fff; font-family:neucha; font-size:26px; float:left; margin-right:11px}
#illust .inner .row{padding-bottom:8px; overflow:hidden; font-size:18px; color:#3e3e3e; font-weight:bold; margin-bottom:0}
#illust .inner .row a{color:#a70000; text-decoration:none}
#illust .inner .row a:hover{text-decoration:underline}
#illust .inner .row p{padding-top:6px}
#illust .inner .row p.first{padding-top:3px}
#illust .inner .listtp{padding-bottom:27px; margin-top:-21px}
#illust .inner .listtp p{background:url(../images/bullt.png) 113px 8px no-repeat; padding-left:122px; font-size:14px; color:#3e3e3e; font-weight:bold; margin-bottom:1px; margin-top:0}
/*#illust .inner .formrow{overflow:hidden; margin-top:-25px; padding-left:113px}
#illust .inner .field{width:300px; float:left; overflow:hidden; margin:10px; margin-top:29px}*/
/*chnages registration form 24/10/2013*/
#illust .inner .formrow{overflow:hidden; margin-top:0; padding-left:0}
#illust .inner .fl{float:left}
#illust .inner .fr{float:right}
/*#illust .inner .field{width:300px; float:left; overflow:hidden; margin:10px; margin-top:29px}*/
#illust .inner .field{width:298px; float:left; margin:30px 16px 0 16px;}
#illust .inner{padding-left:0px; padding-top:48px; margin-left:0}
.globalbluebutton{background:url(../../../images/button_bg.png) 0 0 no-repeat !important; height:22px !important; float:left !important; width:auto!important; padding:0 !important; margin:0 !important; height:auto!important; margin-right:6px !important}
/*--------------------------------------------------------------------------------*/
#illust .inner .input{border:2px solid #cdcccc; background:#fff; font-size:13px; font-weight:bold; font-family:Arial,Helvetica,sans-serif; margin:3px 0px; padding:3px 0px; color:#4f4e4e; width:292px;}

/* 17th Oct 2012 (for input error msg) */
.validateerror {border:2px solid #ff0000 !important;}

:first-child + html .inpu_ie7 {margin-left:-10px !important;}
#illust .inner .input.marright{}
#illust .inner .note{font-size:12px; font-weight:bold; color:#4f4e4e; margin:66px -128px; width:165px}
#illust .inner .submitred{background:url(../images/submitred.png) 0 0 no-repeat; width:129px; height:37px; color:#fff; text-transform:uppercase; border:none; cursor:pointer; font-weight:bold; font-size:12px; margin-top:29px; margin-left:10px}
#illust .inner .getpointsbtn{background:url(../images/getpoints.gif) 0 0 no-repeat; width:155px; height:50px; color:#fff; border:none; cursor:pointer; font-weight:bold; font-size:13px; margin-left:196px}
.errormsg{ background-color:#E6C0C0;  border-bottom:2px solid #DE7A7B;  border-top:2px solid #DE7A7B;  color:#C00;  margin-bottom:18px}

/*Facebook*/
#illust .invitdiv{position:absolute; right:192px; bottom:45px; text-align:right}
#illust .invitdiv .invite_txt {color:#4F4E4E; margin:0; font-size:12px; font-weight:bold}
.fb_edge_widget_with_comment {float:right}
.for_ie8 {margin-top:-34px\0/ !important}
:first-child + html .for_ie8 {margin-top:-20px !important}
#illust .invitdiv span{ margin-bottom:10px}
#illust .invitdiv iframe {left:0; top:0} /* For FB Like Button 18th April */

/*End Facebook*/
button, input[type="button"], input[type="submit"]{padding:0px 42px 15px 0px}
#illust form div {margin:0}

/* 8th Feb 2013 (Akhi) */
.field_row {position:relative}
.getpoint_div {position:relative}
.tooltipdiv {position:absolute; top:10px; left:35px; background:#ececec; border:1px solid #858585; color:#4F4E4E; display:none; padding:3px 10px; z-index:100; width:300px; font-size:12px}
.field_row:hover > .tooltipdiv {display:block}
.tooltipgetpoint {position:absolute; top:20px; left:30px; background:#ececec; border:1px solid #858585; color:#4F4E4E; display:none; padding:3px 10px; z-index:100; width:100px; font-size:12px; text-align:center}
.getpoint_div:hover > .tooltipgetpoint {display:block}