*{ margin:0; padding:0;}
 ul{ list-style:none;}
        img{  border:0;border:none;}
        a{ color:#333; text-decoration:none;}
        a:hover{color:#333;}
        .Clear{ clear:both;}
        .Center{ text-align:center}
        .NotBackground{ background:none}
        body{ font-family:Trebuchet MS; font-size:12px; color:#555;}
.red{ color:Red;}

.table{
	background:none;
	margin:10px;
	border-collapse: collapse;
	table-layout:auto;
	width:98%;
}
.table th{
	background:#f7f6f0;
	color:#a43708;
	height:25px;
}
.table td{ height:20px; text-align:center;}
.table td, .table th{
	border:1px solid #e8e7e1;
} 
.table tr:hover{ background:#fefbbd; color:#000}
.table tr:hover a{ color:#000;}

.Pager td:hover,.Pager tr:hover{background:#fff;}
.Pager td{ height:30px; padding-left:10px; border:none;}
.Pager table{ border:none;}
.Pager table td{ border:none; padding-left:0px;}
.Pager a{ display:block; width:15px; height:15px; text-decoration:none; padding:3px; border:#e8e7e1 1px solid; margin-right:5px;}
.Pager a:hover{ background:#f7f6f0;color:#a43708;}
.Pager span{ background:#f7f6f0; display:block; width:15px; padding:3px; color:#a43708; margin-right:5px;border:#e8e7e1 1px solid;}


.PageSignIn
{
    width:508px; 
    margin-left:auto; 
    margin-right:auto;
    border:1px solid #ccc;
    padding-bottom:9px; 
    margin-top:100px; 
    overflow:hidden;
    margin-bottom:100px;
}
.PageSignIn h1{  font-size:18px;padding-top:4px; height:28px; background:#fafafa; padding-left:4px;}
.PageSignIn .Content{ padding-top:10px; overflow:hidden;}

.PageSignIn .Content p{ padding:5px; }
.PageSignIn .Content  p label{ text-align:right; width:100px; padding-right:5px; display:inline-block;}
.PageSignIn .Content  p .input{ border:1px  solid #ccc; padding-left:2px; width:200px; height:24px; color:#333; padding-top:7px; font-size:13px;}
.PageSignIn .Content  p .input:focus {background:#f6f6f6;}
.PageSignIn .Content  p img { vertical-align:bottom; padding-right:5px;}
.PageSignIn .Content  p .btn{ background:transparent url(/images/btn-bg.png) repeat-x 50% 50%; width:160px; border:1px solid #bbb; padding:4px; height:34px }
.Header{ background:#31a9e6; height:48px; width:100%}
.Header .logo{ float:left; padding-left:20px; padding-right:20px;}
.Header .menu{ float:left; padding-left:20px;}
.Header .menu a{ display:inline-block; width:100px; height:34px; padding-top:14px; text-align:center;  color:#fff; text-decoration:none; font-size:14px;}
.Header .menu a:hover{ background:url(/images/m_header_bg.jpg) no-repeat;}
.Footer{background:#31a9e6; color:#fff; line-height:28px; text-align:center; width:100%; clear:both;}
.Footer a{ color:#fff;}
/*************bytime*********************/
.bytimedisabled{ background:#efefef;}
.bytimeselect{ background:#9c9; cursor:pointer; color:#fff}
.bytimemyCurriculum{background:#99cc99;color:#fff; width:13%; overflow:hidden;}
.bytimemyCurriculum a,.bytimemyCurriculum a:visited{ color:#fff; text-decoration:none;}

.bytime{ padding:10px;}
.bytime a{ color:#999; text-decoration:none;}
.bytime a:hover{ text-decoration:underline}
.bytime .l{ float:left;}
.bytime .r{float:right;}
.bytiemtype a{ color:#000; text-decoration:none; font-weight:bold;}
.bytiemtype a:hover{ color:#ff0000;}
.bytimeTile .right{ text-align:right;  height:28px; }
.bytimeTile .right a{ margin-bottom:6px; font-size:14px; display:inline-block; width:140px; text-align:left; height:20px;}
.error{ color:Red;}
.Warp { padding-top:10px;}
.Warp .WarpRight .Nav{ background:url(http://www.mychineselearning.com/images/201006/warp_nav_bg.gif) repeat-x; height:33px; border:1px solid #ccc; margin-bottom:10px;}
.Warp .WarpRight .Nav a{ background:url(http://www.mychineselearning.com/images/201006/warp_nav_spacer.gif) no-repeat left; display:inline-block; padding-left:15px; padding-right:6px; padding-top:8px; height:25px;}
       
.Warp .WarpRight .Pannel { padding-left:0px;}
.Warp .WarpRight .Pannel .Title{ font-size:20px; font-weight:bold; padding-top:5px; border-bottom:1px solid #ccc; padding-bottom:4px;}
.Warp .WarpRight .Pannel .Content{ width:80%;line-height:23px; padding-left:0px; padding-top:10px;}
.Warp .WarpRight .Pannel .Content p{ padding-top:2px; padding-bottom:4px;}
.Warp .WarpRight .Pannel .Content p label{ display:inline-block; width:120px; text-align:right; padding-right:6px;}
.Warp .WarpRight .Pannel .Content div label{ display:inline-block; width:120px; text-align:right; padding-right:6px;}
.Warp .WarpRight .Pannel .Content p .input{ border:1px solid #ccc; height:22px; padding-left:2px; padding-top:4px; width:200px}
.Warp .WarpRight  .Content p .btn{ background:transparent url(/images/btn-bg.png) repeat-x 50% 50%;  border:1px solid #bbb; padding:4px 8px 4px 8px; height:34px }
.Warp .WarpRight .Pannel .Content .CourseInfo{clear:both; margin-top:10px;  border:1px dotted #ccc; background:#efefef; width:96%;}
.Warp .WarpRight .Pannel .Content .CourseInfo p{ height:22px;}

.Warp .WarpRight .Pannel .Content .CourseNav1{background:url(/images/M-downlaod.gif) no-repeat 0 50%; height:25px; padding-left:20px; padding-top:5px; float:right; margin-right:10px;}
.Warp .WarpRight .Pannel .Content .CourseNav2{background:url(/images/M_schedule.png) no-repeat 0 50%; height:25px; padding-left:20px; padding-top:5px; float:right; margin-right:10px;}
.Warp .WarpRight .Pannel .Content .CourseNav{background:url(/images/M_list.png) no-repeat 0 50%; height:25px; padding-left:20px; padding-top:5px; float:right; margin-right:10px;}
.Warp .WarpRight .Pannel .Content .CourseNav3{background:url(/images/M_bytime.png) no-repeat 0 50%; height:25px; padding-left:20px; padding-top:5px; float:right; margin-right:10px;}
/************************************************************/
.Warp .WarpLeft { width:235px;}
.Warp .WarpLeft .MenuBox{ background:url(http://www.mychineselearning.com/images/201006/warpMenu_bottom.gif) no-repeat bottom; padding-bottom:5px; margin-bottom:20px;  }
.Warp .WarpLeft .MenuBox h1{ background:url(http://www.mychineselearning.com/images/201006/WarpMenu_title.gif) repeat-x; height:26px; font-size:14px; padding-left:10px; color:#fff;  padding-top:8px}
.Warp .WarpLeft .MenuBox ul{ background:url(http://www.mychineselearning.com/images/201006/WarpMenu_bg.gif);}
.Warp .WarpLeft .MenuBox ul li{ border:1px solid #ccc;border-top:0; padding:4px 2px 4px 6px;}
.Warp .WarpLeft .MenuBox ul li a{ background:url(http://www.mychineselearning.com/images/201006/ico/icon-warpMenu-dot.gif) no-repeat 0 50%; padding-left:8px;}
.Warp .WarpLeft .MenuBox ul .NoBorderButtom{ border-bottom:0;}
.Warp .WarpLeft .IndexLeftBox { background:url(http://www.mychineselearning.com/images/201006/warpMenu_bottom.gif) no-repeat bottom; padding-bottom:5px; margin-bottom:20px; border-left:1px solid #ccc; border-right:1px solid #ccc; }
.Warp .WarpLeft .IndexLeftBox .ContactusBox{ background:url(http://www.mychineselearning.com/images/201006/ico/dot.gif) repeat-x bottom; height:30px; padding-top:8px; padding-bottom:8px; clear:both;}
.Warp .WarpLeft .IndexLeftBox  h1{ background:url(http://www.mychineselearning.com/images/201006/WarpMenu_title.gif) repeat-x; height:26px; font-size:14px; padding-left:10px; color:#fff;  padding-top:8px}
.Warp .WarpLeft .IndexLeftBox .ContactusBox .Ico{ width:26px; text-align:center; height:26px; float:left}
.Warp .WarpLeft .IndexLeftBox .ContactusBox .USA{ background:url(http://www.mychineselearning.com/images/201006/ico/icon-usa.gif) no-repeat 50% 50%;}
.Warp .WarpLeft .IndexLeftBox .ContactusBox .MY{ background:url(http://www.mychineselearning.com/images/201006/ico/icon-my.gif) no-repeat 50% 50%;}
.Warp .WarpLeft .IndexLeftBox .ContactusBox .China{ background:url(http://www.mychineselearning.com/images/201006/ico/icon-china.gif) no-repeat 50% 50%;}
.Warp .WarpLeft .IndexLeftBox .ContactusBox .Skype{ background:url(http://www.mychineselearning.com/images/201006/ico/icon-skype.gif) no-repeat 50% 50%;}
.Warp .WarpLeft .IndexLeftBox .ContactusBox .Email{ background:url(http://www.mychineselearning.com/images/201006/ico/icon-email.gif) no-repeat 50% 50%;}
.Warp .WarpLeft .IndexLeftBox .ContactusBox .Msn{ background:url(http://www.mychineselearning.com/images/201006/ico/icon-msn.gif) no-repeat 50% 50%;}
.Warp .WarpLeft .IndexLeftBox .ContactusBox .Info{ float:left; padding-left:10px;}
.Warp .WarpLeft .IndexLeftBox .Contactimg{ margin-top:10px; cursor:pointer; padding-bottom:0}
.hidden{ display:none;}
.ErrorMsg,.WarningMsg{border:1px solid #f2ae29; background:#fff7d7 url(/images/calendar_Error.png) no-repeat 1% 50%; height:32px; padding-top:5px;  padding-left:40px; font-size:14pt;}
.WarningMsg{background:#fff7d7 url(/images/calendar_Warning.png) no-repeat 1% 50%;}
.progressWarp{border:1px solid #000; position:relative; width:500px; height:20px; float:left}
.progress{position:absolute;z-index:1;  background:#690; height:100%}
.progress1{position:absolute; z-index:2; background:#fc0;  height:100%}
.messagetab{ height:30px; width:100%}
.messagetab ul{ list-style:none;}
.messagetab li{ margin-right:2px; float:left; background:#efefef; padding:10px 10px 4px 10px; text-align:center; border:1px #ccc solid; border-bottom:0px; cursor:pointer; font-weight:bold;}
.messagetab ul .current{ background:#fff;padding:10px 10px 5px 10px; cursor:default}
.messagetabBox{border:1px #ccc solid; margin-bottom:10px;}
.messagetabBox .table{ border:0px;}
.messagetabBox .table th{ height:30px;}
.messagetabBox .table td{ border:0; height:25px;}
#pages
{
	clear:both;
	padding-top:10px;
	text-align:center;
	padding-left:10px;
	padding-bottom:10px;
	font-weight:bold;
}
.PagesNormal,.PagesActive
{
	display:inline-block;
	padding:6px 12px 6px 12px;
	border:1px #d4d7dc solid;
	text-decoration:none;
}
.PagesNormal
{
    	background:#fffeff;
    	color:#3f6da9;
}

.PagesNormal:hover,.PagesActive:hover,.PagesActive
{
    background:#97bb3d;
    color:#fff;
}