/*alumni*/
html,body{height:100%;}
body{background:#FFF url(/images/bg_body.png) repeat-x;}
#wrap{height:100%;width:960px;margin:0 auto;background:#FFF;}
.box{width:960px;float:left;}

/*header*/
#header{width:660px;height:20px;padding-left:300px;padding-top:70px;background:url(/images/alumni/header.png) no-repeat;font-size:12px;color:#333;}

#bread{margin-top:3px;background:#F1FDFF;border:1px solid #CCC;padding:4px;width:950px;font-size:12px;color:#333;text-indent:4px;}
#bread a{color:#36C;}
#bread em{font-weight:bold;color:#F60;}

#container{margin-top:3px;}
#login_main{width:662px;float:left;}
#login_side{width:292px;float:right;}

/*register*/
#register{width:560px;padding:10px 40px;margin:10px auto;border:3px solid #D8DFEA;}
#reg_title{width:560px;border-bottom:1px solid #DDD;}
#reg_title pre{text-align:right;font-size:12px;color:#666;line-height:20px;}
#reg_title pre a{color:#36C;}
#reg_title h3{line-height:50px;font-size:12px;color:#333;}
#register table{margin:20px auto;width:560px;}
#register table tr td{padding:7px 3px;}
#register table tr td label{font-size:16px;color:#666;font-weight:bold;float:right;}
#register table tr td input{padding:4px;font-size:16px;font-weight:bold;color:#666;border:1px solid #D8DFEA;backround:#FFF;}
#register table tr td input.sex{border:0;}
#register table tr td input.btn{border:0;background:none;padding:0;margin:0;}

#reg_agree{width:560px;border-top:1px solid #DDD;line-height:50px;font-size:12px;color:#333;}
#reg_agree a{color:#36C;}

/*main*/
#banner{width:662px;height:168px;background:url(/images/alumni/banner.png) no-repeat;}
#school_main{margin-top:5px;width:600px;padding:0 31px;padding-top:70px;height:180px;background:url(/images/alumni/bg_main.png) no-repeat;}
#school_main ul{width:500px;height:120px;margin:0 auto;padding-top:20px;}
#school_main ul li{width:250px;line-height:30px;float:left;font-size:14px;color:#333;word-spacing:10px;}
#school_main ul li a{color:#36C;}

/*side*/
#login{width:292px;height:140px;padding-top:102px;background:url(/images/alumni/bg_login.png);}
#login table{width:250px;margin:0 auto;}
#login table tr th{font-size:12px;text-align:right;}
#login table tr td{font-size:12px;height:30px;}
#login table tr td input{border:1px solid #CCC;background:#FFF;padding:2px;font-weight:bold;color:#666;}
#login table tr td img{cursor:pointer;}

#login ul{width:240px;border:1px soild #CCC;background:#FFF;margin:0 auto;padding:4px;}
#login ul li{line-height:24px;font-size:12px;color:#333;text-indent:20px;}
#login ul li a{color:#36C;font-weight:bold;}
#login ul li a.out{color:#F00;}

#login table tr td input#savecks{border:0;background:none;padding:0;}
#login table tr td input#submit{border:0;background:none;padding:0;}

#school_sub{margin-top:5px;width:292px;height:170px;padding-top:6px;background:url(/images/alumni/bg_sub.png) no-repeat;}
#school_sub p{padding:0 20px;padding-top:54px;font-size:14px;color:#333;word-spacing:10px;}
#school_sub p a{color:#36C;}

/*detail*/
#sidebar{width:260px;float:left;}
#side_user{padding-left:1px;width:259px;height:198px;background:url(/images/alumni/side_user.png) no-repeat 1px 0px;}
#side_user ul{margin-top:40px;padding:0 20px;}
#side_user ul li{line-height:24px;border-bottom:1px dashed #FFF;color:#FF0;font-size:14px;font-weight:bold;text-indent:10px;}
#side_user ul li a{font-size:12px;color:#FFF;font-weight:bold;}
#side_user ul li a.out{color:#FF0;}
#side_user ul li a.man{color:#F30;}
#side_user ul li em{font-size:12px;color:#FF0;}

#side_class{width:260px;margin-top:5px;}
#side_class_title{width:260px;height:35px;background:url(/images/alumni/side_class_title.png) no-repeat;text-indent:-5000px;}
#side_class_list{width:260px;background:url(/images/alumni/side_class_bg.png) repeat-y;}
#side_class_list ul{padding:5px 20px;}
#side_class_list ul li{line-height:24px;border-bottom:1px dashed #0F70A3;text-indent:10px;}
#side_class_list ul li a{font-size:14px;color:#0F70A3;}
#side_class_btm{width:260px;line-height:40px;background:url(/images/alumni/side_class_btm.png) no-repeat;text-align:center;}
#side_class_btm a{color:#0F70A3;font-size:14px;font-weight:bold;}

#side_online{width:260px;margin-top:5px;background:url(/images/alumni/side_online_btm.png) no-repeat left bottom;padding-bottom:15px;}
#side_online_title{width:260px;height:50px;background:url(/images/alumni/side_online_title.png) no-repeat;text-indent:-5000px;}
#side_online_list{width:260px;background:url(/images/alumni/side_online_bg.png) repeat-y;}
#side_online_list ul{padding:0 20px;padding-bottom:10px;}
#side_online_list ul li{line-height:24px;border-bottom:1px dashed #36C;text-indent:10px;font-size:12px;color:#36C;}
#side_online_list ul li em{font-weight:bold;color:#F60;font-size:14px;}

#mainbar{width:696px;float:right;}
#main{width:465px;float:left;}
#main_title{width:430px;height:27px;padding-left:35px;padding-top:23px;background:url(/images/alumni/main_title.png) no-repeat;}
#main_book{width:403px;padding:10px 31px;background:url(/images/alumni/main_bg.png) repeat-y;font-size:14px;}
#main_book .book_title{width:383px;padding:0 10px;height:28px;background:url(/images/alumni/book_title.png) no-repeat;}
#main_book .book_title h2{line-height:28px;font-size:12px;float:left;}
#main_book .book_title h2 em{color:#F60;}
#main_book .book_title a{float:right;margin-top:6px;}
#main_book .book_box{width:195px;padding:4px;line-height:20px;font-size:12px;}

/*photo*/
#photo{width:393px;padding:0 5px;}
#photo .box_p{width:131px;float:left;}
#photo .box_p .box_img{text-align:center;}
#photo .box_p .box_img a img{width:120px;height:90px;padding:1px;background:#FFF;border:1px solid #CCC;}
#photo .box_p .box_txt{line-height:20px;text-align:center;}
#photo .box_p .box_txt a{font-size:12px;color:#36C;}

/*edit*/
#main_book .section h2{font-size:14px;font-weight:bold;color:#36C;line-height:30px;text-indent:10px;}
#main_book .section table{width:100%;background:#EEE;}
#main_book .section table tr th{padding:5px 3px;background:#EEE;font-size:12px;}
#main_book .section table tr td{padding:5px 3px;background:#FFF;font-size:12px;}
#main_book .section table tr td a{color:#36C;}
#main_book .section table tr td em{color:#F60;}
#main_book .section table tr td label{float:right;font-size:12px;font-weight:bold;color:#666;}
#main_book .section table tr td input{padding:3px;border:1px solid #CCC;font-size:12px;font-weight:bold;color:#666;}
#main_book .section table tr td input.sex{padding:0;border:0;}
#main_book .section table tr td input.no{background:#EEE;}

#main_form{width:385px;height:190px;padding:5px 40px;background:url(/images/alumni/main_btm.png) no-repeat;}
#main_form h2{font-size:14px;color:#333;font-weight:bold;line-height:24px;}
#main_form table tr td{padding:2px;font-size:12px;}
#main_form table tr td textarea{padding:2px;border:1px solid #4182AA;}
#main_form table tr td button{padding:1px 6px;}

#main_btm{width:465px;height:30px;background:url(/images/alumni/main_btm2.png) no-repeat;}

#dispage{border-top:1px dashed #CCC;}
/* page */
#page{float:right;}
#page a{display:block;float:left;margin-right:1px;line-height:18px;padding:0 3px;border:1px solid #CCC;background:#FFF;color:#666;text-decoration:none;font-family:Arial,Helvetica,sans-serif;font-weight:bold;font-size:12px;margin-top:3px;}
#page a:hover,#page a.curpage{border:1px solid #36C;background:#36C;color:#FFF;text-decoration:none;}

#side{width:226px;float:right;}
#side_note{width:226px;background:url(/images/alumni/side_note_bg.png) repeat-y;}
#side_note_title{width:200px;padding:0 13px;height:65px;background:url(/images/alumni/side_note_title.png) no-repeat;}
	#note_day{width:90px;float:left;text-align:center;line-height:65px;font-size:48px;color:#FFF;}
	#note_date{width:110px;float:right;padding:15px 0 10px 0;}
	#note_date p{text-align:center;line-height:20px;font-size:14px;color:#FFF;font-weight:bold;}
#side_note_week{width:226px;}
#side_note_week ul{width:211px;margin:0 auto;border-top:1px solid #E9F0F8;border-left:1px solid #E9F0F8;}
#side_note_week ul li{width:29px;line-height:20px;font-size:14px;color:#36C;text-align:center;border-right:1px solid #E9F0F8;border-bottom:1px solid #E9F0F8;float:left;font-weight:bold;}
#side_note_day{width:226px;background:url(/images/alumni/side_note_btm.png) no-repeat left bottom;padding-bottom:21px;}
#side_note_day ul{margin:5px auto;width:211px;border-top:1px solid #C6DCF5;border-left:1px solid #C6DCF5;}
#side_note_day ul li{float:left;width:29px;line-height:20px;background:#FFF;border-right:1px solid #C6DCF5;border-bottom:1px solid #C6DCF5;text-align:center;font-size:12px;color:#666;}
#side_note_day ul li.cur{font-weight:bold;color:#F00;}
#side_note_day ul li.end{background:#FFC;}

#side_info{width:226px;margin-top:5px;background:url(/images/alumni/side_info_btm.png) no-repeat left bottom;padding-bottom:15px;}
#side_info_title{width:226px;height:50px;background:url(/images/alumni/side_info_title.png) no-repeat;text-indent:-5000px;}
#side_info_list{width:226px;background:url(/images/alumni/side_info_bg.png) repeat-y;}
#side_info_list ul{padding:0 15px;padding-bottom:10px;}
#side_info_list ul li{line-height:24px;border-bottom:1px dashed #CCC;text-indent:10px;font-size:12px;color:#666;}
#side_info_list ul li em{color:#F60;text-decoration:underline;}

/*footer*/
#footer{margin-top:3px;background:#D4EBFB;padding:5px 0;}
#footer p{text-align:center;font-size:12px;color:#333;line-height:20px;}
#footer p a{color:#36C;}

.black_overlay{
	display:none;
	position:absolute;
	top:0%;
	left:0%;
	width:100%;
	height:100%;
	background-color:#666;
	z-index:1001;
	-moz-opacity:0.8;
	opacity:.80;
	filter:alpha(opacity=80);
}
.white_content{
	display:none;
	position:absolute;
	top:20%;
	left:0;
	width:100%;
	height:60%;
	background:none;
	z-index:1002;
	overflow:auto;
}

.white_content .l_wrap{width:402px;height:302px;margin:0 auto;background:#EEE;border:10px solid #D8DFEA;}
.white_content .l_wrap .l_inner{width:400px;height:300px;border:1px solid #005EAC;}
.white_content .l_wrap .l_title{float:left;width:390px;padding:5px;}
.white_content .l_wrap .l_title h2{float:left;background:#005EAC;color:#FFF;font-size:12px;padding:5px 8px 4px 8px;}
.white_content .l_wrap .l_list{float:left;width:390px;height:240px;padding:0 5px;}
.white_content .l_wrap .l_list ul{width:380px;height:220px;border:1px solid #CCC;background:#FFF;padding:9px 14px;overflow-y:scroll;}
.white_content .l_wrap .l_list ul li{width:180px;float:left;font-size:12px;line-height:20px;text-indent:10px;background:url(/images/alumni/dot.png) no-repeat 0px 7px;}
.white_content .l_wrap .l_list ul li a{color:#36C;}

.white_content .l_wrap .l_close{float:left;width:390px;padding:5px;text-align:right;}
.white_content .l_wrap .l_close a{font-size:12px;color:#36C;margin-right:6px;}
.white_content .l_wrap .l_close button{background:#005EAC;color:#FFF;font-size:12px;padding:5px 3px 4px 3px;border:1px solid #D8DFEA;cursor:pointer;}
