/* Reset*/
h1,h2,h3,div,ul,li, img,form,input,p,blockquote{margin:0; padding:0;}
li{ list-style:none;}
a{outline:none;}
a img{border:none;}
/* End Reset*/

/*clearfix*/
.clearfix:after {content:".";display:block; height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

/* Global*/
body{text-align:center; margin:0 0 60px 0px; padding:0; background:#79AF76; font:0.9em 'Trebuchet MS', Georgia, Arial "Times New Roman", Times, serif; color:#7b7b7b;}
.fLeft{float:left;}
.fRight{float:right;}
.hide{display:none;}
.show{display:block;}
.clear, .clearL, .clearR{ visibility:hidden; height:0; clear:both; line-height:0; font-size:0px;}
.clearL{clear:left;}
.clearR{clear:right;}
.rClearL{clear:left;}
.rClearR{clear:right;}
p{margin:3px 0;  font-size:90%;}
.aCenter{ text-align:center;}
.aRight{ text-align:right;}
.noBg{ background:none !important;}
.button{cursor:pointer;  height:20px !important; border:none !important;}
.actions{text-align:center; margin:10px 0; float:none !important;}
.actions input{ float:none !important; margin:0 5px !important; }
.actions .submitBtn{ background:url(../images/buttons/lg_sbmt_btn.gif) no-repeat !important;width:170px !important; }
.actions .submitBtn:hover{ background:url(../images/buttons/lg_sbmt_btn.gif) no-repeat 0 -20px !important; }
.actions .cancelBtn{ background:url(../images/buttons/lg_cancel_btn.gif) no-repeat !important;width:100px !important; }
.actions .cancelBtn:hover{ background:url(../images/buttons/lg_cancel_btn.gif) no-repeat 0 -20px !important; }
.actions .saveChangesBtn{ background:url(../images/buttons/gry_svchg_btn.gif) no-repeat !important;width:101px !important; }
.actions .saveChangesBtn:hover{ background:url(../images/buttons/gry_svchg_btn.gif) no-repeat 0 -20px !important; }
.actions .nextBtn{ background:url(../images/buttons/gry_nxt_btn.gif) no-repeat !important;width:51px !important; }
.actions .nextBtn:hover{ background:url(../images/buttons/gry_nxt_btn.gif) no-repeat 0 -20px !important; }
.actions .backBtn{ background:url(../images/buttons/gry_bac_btn.gif) no-repeat !important;width:51px !important; }
.actions .backBtn:hover{ background:url(../images/buttons/gry_bac_btn.gif) no-repeat 0 -20px !important; }
.actions .changeEmailBtn{ background:url(../images/buttons/gry_chgeml_btn.gif) no-repeat !important;width:101px !important; }
.actions .changeEmailBtn:hover{ background:url(../images/buttons/gry_chgeml_btn.gif) no-repeat 0 -20px !important; }
/* End Global*/

/* Layout structure*/
#wraper{width:1008px; margin:0 auto; text-align:left;}
#contents{ background:#FFFFE7 url(../images/mytw_ContentBg.gif) repeat-y; }
#contents .mainContent{ background:transparent url(../images/mytw_UpperContentBg.gif) no-repeat; min-height:395px; height:auto !important; height:395px; padding:10px 14px 10px 16px;}

/* Header */
#header{ background:url(../images/mytw_HeaderL.gif) no-repeat; height:100px;}
#header .content{ background:url(../images/mytw_HeaderR.gif) no-repeat top right; height:80px;  padding:20px 30px 0px 30px;}
#header h1{ background:url(../images/mytw_top_logo.gif) no-repeat; height:80px; width:200px; float:left;}
#header li{ float:right; background:url(../images/mytw_top_dvdr.gif) top right no-repeat; height:69px; padding-right:2px;}
#header li a{ text-indent:-9999px; display:block; height:34px; margin:0 8px 0 10px;}

/* Header link*/
.signUpLink{ background:url(../images/buttons/mytw_top_su_btn.gif); width:84px;}
.signUpLink:hover{ background:url(../images/buttons/mytw_top_su_btn.gif) 0 34px;}
.aboutLink { background:url(../images/buttons/mytw_top_abt_btn.gif); width:72px;}
.aboutLink:hover { background:url(../images/buttons/mytw_top_abt_btn.gif) 0 34px; }
.logoutLink{ background:url(../images/buttons/mytw_top_lo_btn.gif); width:81px;}
.logoutLink:hover{ background:url(../images/buttons/mytw_top_lo_btn.gif) 0 34px; }
.helpLink{ background:url(../images/buttons/mytw_top_hlp_btn.gif); width:53px;}
.helpLink:hover{ background:url(../images/buttons/mytw_top_hlp_btn.gif) 0 34px;}
.homeLink{ background:url(../images/buttons/mytw_top_hm_btn.gif); width:69px;}
.homeLink:hover{ background:url(../images/buttons/mytw_top_hm_btn.gif) 0 34px;}
.mobileLink{ background:url(../images/buttons/mytw_top_mbl_btn.gif); width:77px;}
.mobileLink:hover{ background:url(../images/buttons/mytw_top_mbl_btn.gif) 0 34px;}

/* Login Panel*/
.loginPanel{float:right; margin-left:20px; text-align:right;}
.loginPanel input{width:116px; border:1px solid #777; background:#fff; float:left;  margin-left:5px; color:#A3424D;  }
.loginPanel span{display:block; clear:left; padding:4px 0;}
.loginPanel label{ display:block; float:left; width:60px; text-align:right;font-size:12px; color:#79AF76;}
.loginPanel input.button{padding:0; float:none; width:51px;}
.loginPanel input.button{ background:url(../images/buttons/mytw_top_logn_btn.gif) no-repeat; width:51px; height:20px; text-indent:-9999px; border:none; margin-left:5px;}
.loginPanel input.button:hover{ background:url(../images/buttons/mytw_top_logn_btn.gif) 0 20px; }
.loginPanel a{ font-weight:bold; color:#A3424D; }
/* End header */

/* Footer*/
#footer{ background:#FFFFE7 url(../images/mytw_FooterL.gif) left bottom no-repeat;  margin:0 14px 0 16px;}
#footer .content{ background:url(../images/mytw_FooterR.gif) right bottom no-repeat; padding:0 10px;  height:37px; }
#copyright{display:block;  float:left; background:url(../images/ftr_left.gif) no-repeat bottom left; font-size:12px; padding-top:12px; color:#918C8C;}
#legals{ background:url(../images/ftr_rt.gif) no-repeat top right;height:33px;  padding-right:0px;}
#legals li{float:right;color:#66b473; background:url(../images/mytw_ftr_dvdr.gif) bottom right no-repeat; height:37px;}
#legals li a{color:#66b473; text-indent:-9999px; display:block; height:20px; margin:10px 10px 0 10px;}
.termAndConditionLink{ background:url(../images/buttons/mytw_ftr_tc_btn.gif) no-repeat; width:170px; }
.termAndConditionLink:hover{ background:url(../images/buttons/mytw_ftr_tc_btn.gif) 0 20px;}
.privacyPolicyLink{ background:url(../images/buttons/mytw_ftr_pp_btn.gif) no-repeat; width:111px;}
.privacyPolicyLink:hover{ background:url(../images/buttons/mytw_ftr_pp_btn.gif) 0 20px;}
.securityLink{ background:url(../images/buttons/mytw_ftr_sp_btn.gif) no-repeat; width:115px;}
.securityLink:hover{ background:url(../images/buttons/mytw_ftr_sp_btn.gif) 0 20px;}
.contactUsLink{ background:url(../images/buttons/mytw_ftr_cu_btn.gif) no-repeat; width:85px;}
.contactUsLink:hover{ background:url(../images/buttons/mytw_ftr_cu_btn.gif) 0 20px;}
/* End footer*/

/* -----------------For Home Page ----------------------- */

/* PromoteSection */
#promoSection { background:#83222D url(../images/mytw_PromoBg.jpg) no-repeat; height:152px;  padding:5px 20px 0px 40px; color:#fff; position:relative;}
#promoSection .highLite{ background:url(../images/icons/starBust.png) no-repeat; width:150px; height:154px; position:absolute; top:60px;}
#promoSection p{font-size:85%; margin:5px 30px 0 180px;}
.signUpNowLink{ float:right; text-indent:-9999px; background:url(../images/buttons/mytw_red_btn_out.png) no-repeat; width:164px; height:38px; margin:10px 30px 5px 0; }
.signUpNowLink:hover{background:url(../images/buttons/mytw_red_btn_over.png) no-repeat;}
.goToMyHomeLink{float:right; margin:10px 30px 5px 0; color:#fff;}
/* End PromoteSection */

/* Feature List*/
.featureList{margin-top:50px; height:475px; background:transparent url(../images/mytw_main_horiz.gif) left bottom repeat-x; padding-left:40px;} /*original - padding-left:12px 80*/
.featureList li{ float:left; width:260px; background:url(../images/mytw_main_ss_dvdr.gif) no-repeat top right; padding-right:50px;}/*original - padding-left:20px 50*/
.featureList .txtImg{ height:24px;}
.featureList div{height:475px; font-size:90%; color:#777; margin-left:30px;}/*original - margin-left:18px 50*/
.featureList .usefulTool{ background:url(../images/screenShots/mytw_main_ss_cc.jpg) 0 100px no-repeat;}
.featureList .hotline{ background:url(../images/screenShots/mytw_main_ss_tu.jpg) 0 100px no-repeat;}
.featureList .safeSearch{ background:url(../images/screenShots/mytw_main_ss_ss.jpg) 0 100px no-repeat;}
.featureList .iPhoneAps{ background:url(../images/screenShots/mytw_main_ss_ia.jpg) 0 100px no-repeat;}
/* End Feature List*/

/* Bottom Container*/
.bottomContent .container .header{ background:url(../images/mytw_btm_HeaderL.gif) no-repeat; height:9px;}
.bottomContent .container .header .corner{ background:url(../images/mytw_btm_HeaderR.gif) top right no-repeat; height:9px;}
.bottomContent .container .footer{ background:url(../images/mytw_btm_FooterL.gif) no-repeat; height:10px;}
.bottomContent .container .footer .corner{ background:url(../images/mytw_btm_FooterR.gif) top right no-repeat; height:9px;}
.bottomContent .container .content{ background:#EFF9E0; border:1px solid #CCE1BB; border-width:0 1px; padding:10px 10px 0px 10px;}
/* End Bottom Container*/

/* Bottom Content */
.bottomContent{ margin:0 30px 0 26px; font-size:90%;}
.bottomContent p{margin:0; padding:0;}
.bottomContent li{float:left; width:440px; }
.bottomContent li div{padding:0 20px;}
.bottomContent li li{float:none; list-style:disc; font-size:90%; width:auto; margin:5px 0;}
.bottomContent li ul{margin-left:30px;}
.bottomContent .madeForStudent{background:url(../images/mytw_btm_dvdr.gif) top right no-repeat; display:block; min-height:123px; height:auto !important; height:163px; margin-right:10px; padding-right:10px; width:430px; }
/* End Bottom Content*/

/* --------------For Sign Up Page ----------------- */
/*accout information*/
.inputForm{ width:700px; margin:40px auto 20px auto; color:#42a357;}
.inputForm p{clear:left; padding:0; height:25px;   }
.inputForm .required{ background:url(../images/txt_inpt_req.gif) top right no-repeat; display:block; width:67px; height:21px; float:left; text-indent:-9999px;  }
.inputForm label{font-weight:bold; color:#918c8c; float:left; display:block; padding-right:5px; width:250px; text-align:right; font-size:105%; line-height:20px;}
.inputForm span{line-height:20px;}
.inputForm input, .inputForm select{border:1px solid #42A357; float:left; height:18px; padding:1px 3px 0 5px; width:213px;}
.inputForm input.button{ background:url(../images/buttons/lg_sbmt_btn.gif) no-repeat;width:170px; }
.inputForm input.button:hover{ background:url(../images/buttons/lg_sbmt_btn.gif) no-repeat 0 -20px; }
.inputForm select{width:223px; height:19px; float:left;}
.inputForm .reqBox{border-width:1px 0 1px 1px; }
.inputForm .regBox{width:218px;}
.inputForm .chkBox input{width:15px; border:none; margin:0 5px 0 255px; }
.inputForm .chkBox label{ width:400px; font-weight:normal; text-align:left; color:#42a357; font-size:100%;}
.inputForm .gap{margin-left:255px;}
.inputForm .instructions{clear:left; font-size:90%; margin: 20px auto 0 auto;}
.inputForm .promoBox{width:90px; margin-right:5px;}
.inputForm input.error, select.error { border: 1px solid #f00; }
.passwordTips{clear:left; font-size:90%;  width:530px; margin:20px auto 0 auto;}
.passwordTips ul{margin:0px 10px 20px 10px;}
.passwordTips li{ list-style:disc; margin:1px 0 0 5px;}
.acctInformation .terms{ text-align:center; margin-bottom:10px; color:#a3424d; padding:20px 10px 0 0; font-size:90%;}
.acctInformation .terms a{color:#a3424d;}

#notice, #alert {text-align: center; padding: 2px; margin: 15px 0 15px 15%; width: 70%; }
#notice {border: solid 1px #007e00; background-color: #c2ffc2; color: #007e00;}
#alert {border: solid 1px #7e0000; background-color: #ffc2c2; color: #7e0000;}

.textbox:focus, select:focus {background-color:#B9EFB6;}

.modalPopup {background-color: #ffffe7; border: solid 1px #000; padding: 10px;}
.modalBackground {background-color:Gray; filter:alpha(opacity=70); opacity:0.7;}

.accordionHeader {background:url(../images/right_alt.png) center left no-repeat;vertical-align:middle;}
.accordionSelectedHeader {background:url(../images/down_alt.png) center left no-repeat;vertical-align:middle;}
.accordionHeader div, .accordionSelectedHeader div {margin-left:30px;font-weight:bold;margin-bottom:20px;}
.accordionSelectedHeader div {padding-top:4px;}
.accordionContent {margin-bottom:15px;}