/*  ---------------------------------------
    is2is.com
    Design  | Technology
    ---------------------------------------
    Description: Base setup styless
    Author: neway lwter [lwter(at)sina(dot)com]
    Filename:    fc.base.css
    Version:     1.0
    Date:        2006-07-02
    ----------------------------------------  */

/*  ----------------------------------------
    Base Body Styles
    ----------------------------------------  */
    body { margin:0px 0px 0px 0px;padding:0px;background:#222;color:#fff;text-align:center;
	   scrollbar-face-color:#222; 
	   scrollbar-highlight-color:#222; 
	   scrollbar-shadow-color:#333; 
	   scrollbar-3dlight-color:#111; 
	   scrollbar-arrow-color:#fff; 
	   scrollbar-track-color:#333;
	   scrollbar-darkshadow-color:#222;height:100%;
          }
    a, a:visited {color:#fff;text-decoration:none;}
    a:hover { color:#666;text-decoration:none;}
    a img { border:0px;}
    html { height:100%;width:100%;margin-bottom:15px;}
    p { margin:6px 0px 8px 0px;padding:0px;}
    h1 { padding:0px;margin:0px;}
    .words { font-size:11px;line-height:140%;}
    #home { height:100%;width:100%;}
    ul {list-style:none;margin:0;padding:0}
    .notshow { display:none;}
    input { border:1px solid #000;background:#E3E3E3;}
    input.checkbox { background:none;}
    select { border:1px solid #111;background:yellow;}
    img.FixWidth { width:650px;}
    div.mtop { margin-top:15px;padding:5px 10px;}
    div.m15 { margin:15px;}
    p.ar { text-align:right;margin:0 5px;} 
    
    
    /** align **/
    .a-l { text-align:left;}   
    .a-r { text-align:right;}   
    .a-c { text-align:center;}
			
/*  ----------------------------------------
    Header Styles
    ----------------------------------------  */			
    #header { padding:0;}
    
    /* default banner */
    #banner { margin:0;padding:0;}
    
    /* top menu */
    #topmenu { border-top:1px solid #E3E3E3;border-bottom:2px solid #111;height:32px;background:url(../../images/is2is_nav_bg.gif) repeat-x;}
    #topmenu ul { margin:0 10px;}
    #topmenu ul li { float:left;margin:10px 0 0 0;padding:0 10px;position:relative;height:22px;}
    #topmenu ul li a,
    #topmenu ul li a:visited { font-size:14px;color:#FFF;}
    #topmenu ul li a:hover { color:#777;}
    #topmenu ul li a:active { color:red;}
    #topmenu ul li a.vv,
    #topmenu ul li a:visited.vv { color:#777;}
	
    #container { margin:0 auto;width:780px;text-align:left;font-size:12px;}
    #sub { margin:0;padding:1px 0;
	 width:778px;border-left:1px solid #111;border-right:1px solid #111;border-bottom:1px solid #111;
	 background:url(../../images/container.gif) center;}
	 
/*  ----------------------------------------
    Top Contents
    ----------------------------------------  */
	 #content{ padding:15px 20px 5px 20px !important;padding:15px 20px 0 20px;}
	 #content .left{clear:left;float:left;width:555px;height:203px;margin:2px 0;padding:0;background:url(../../images/note.gif) no-repeat;}
	 
	 /* left */
	 #content .left .notice { margin:38px 30px 0 12px; border:0px dashed #555;height:130px;overflow:auto;padding:10px;color:#E3E3E3;}
	 #content .left .notice p { line-height:20px;margin:0;}
	 #content .left .notice a { text-decoration:underline;}
	 #content .left .notice h1,
	 #content .left .notice h2,
	 #content .left .notice h3,
	 #content .left .notice h4 { font-size:120%;margin:5px 0;}
	 
	 /* right */
	 #content .right {float: right;}
	.login { background:url(../../images/is2is_login_bg.gif) no-repeat;height:205px;width:180px;}
	.login .loginhead { display:block;height:36px;}
	.login ul li { padding:1px 0;}
	.login form { margin:15px;}
	.login form input { width:78px;height:15px;}
	 .login form label { margin:5px 0 0 0;width:65px;display:block;float:left;letter-spacing:0.3em;}
	 .login form label.lspacing{ letter-spacing:1.7em; }
	 .login form span { letter-spacing:0.1em;margin:0 5px 0 0;}
	 .login form ul li img { margin:3px 0 0 0;}
	 .login form input.btnAuto { width:auto;height:auto;border:0px solid #111;}
	 .login ul li.listbtn { margin:10px 0 0 0;}
	 .login ul li.listbtn img { margin:0 0 0 3px;}
	 /* welcome */
	 .welcome { margin:-5px 0 0 0 !important;margin:0;background:url(../../images/is2is_welcome_bg.gif) no-repeat;height:205px;width:180px;}
	 .welcome p {padding:20px 10px 0 10px !important;padding:10px 10px 0 10px;}
	 .welcome ul {margin:10px;border:1px solid #333;}
	 .welcome ul li {margin:0;padding:5px 10px;border-bottom:1px dashed #555;}
	 
/*  ----------------------------------------
    lastupdate Styles
    ----------------------------------------  */	 
	 #lastupdate,#rank {padding:0;text-align:center;}
	 #lastupdate ul,
	 #rank ul {margin:0 10px 0 15px  !important;margin:0 5px 0 10px;}
	 #lastupdate ul li,
	 #rank ul li { margin:5px;padding:15px;float:left;width:210px;height:298px;overflow:hidden;/*border:1px solid #880;*/background:#555 url(../../images/itembg.gif) 50% 50% no-repeat;}
	 .stitle { margin:10px;text-align:left;padding:5px;background:url(../../images/titlebg.gif) 50% 50% no-repeat;}
	 .stitle label { text-indent:-9999px;display:block;width:130px;height:20px;}
	 #lastupdate ul li a img,
	 #rank ul li a img { border:2px solid #555;}
	 #lastupdate ul li a img.noImg,
	 #rank ul li a img.noImg {height:290px;}
	 #lastupdate ul li a:hover img,
	 #rank ul li a:hover img { border:2px solid #F00;}
	 #lastupdate li p,
	 #rank li p { text-align:left;line-height:130%;padding:3px 3px;}
	 label.ltup {
	 	background-image: url(../../images/lastupdate.gif);
		background-position:5px 2px;
		background-repeat:no-repeat;}
	 label.rank {
	 	background-image: url(../../images/rank.gif);
		background-position:5px 1px !important;
		background-position:5px -2px;
		background-repeat:no-repeat;}
	 .stitle a { float:right;padding:3px 10px;}
	 #lastupdate span a,
	 #rank span a { padding:0 5px;}
	 
	 /** image detail **/
	 #pdetail { margin:15px;}
	 #pdetail .imglist { text-align:center;}
	 #pdetail .imglist img{ margin:5px;padding:5px;border:1px solid #555;}
	 div.notopborder {  marign:0;padding:5px 10px;border-right:1px solid #111;border-bottom:1px solid #111;border-left:1px solid #111;}
	 div.sstitle label { float:right;padding:0 5px 0 0;}
	 div.notopborder table { border-bottom:1px dashed #555;width:100%;margin:-4px 0 10px 2px;padding:0;}
	 div.notopborder table th { text-align:right;padding:5px;width:120px;background:#111;font-size:12px;}
	 div.notopborder table td { text-align:left;padding:5px;background:#1D1D1D;font-size:12px;}
	 div.notopborder td a,
	 div.notopborder td a:visited { text-decoration:underline;padding:0 0 0 10px;}
	 div.imagememo { padding:15px;margin:0;}
	 div.imagememo p { margin:0;padding:15px;border-right:1px solid #111;border-bottom:1px solid #111;border-left:1px solid #111;}
	 
/*  ----------------------------------------
    register Styles
    ----------------------------------------  */
	 #reg,#lostpass,#upu,#faq,#personal { margin:15px;}
	 .regheader { margin:0;height:22px;border-left:1px solid #0f0f0f;border-right:1px solid #0f0f0f;background:url(../../images/zc_top_bg.gif);}
	 .regheader strong { display:block;margin:2px 0 0 5px;}
	 #reg p, 
	 #upu p,
	 #personal p,
	 #lostpass p, 
	 #admincontent .right p { margin:0;padding:10px 0;}
	 #reg p.pcode,
	 #lostpass p.pcode { padding:0 0 10px 0;}
	 #reg form, 
	 #upu form,
	 #lostpass form,
	 #personal form,
	 #admincontent .right form { margin:0;border-right:1px solid #0f0f0f;border-bottom:1px solid #0f0f0f;border-left:1px solid #0f0f0f;}
	 #reg p input,
	 #upu p input,
	 #personal p input,
	 #lostpass p input,
	 #admincontent .right p input { width:150px;margin:5px 0 0 0;}
	 #reg label,
	 #upu label,
	 #lostpass label,
	 #personal label,
	 #admincontent .right label { margin:10px 5px 0 0;display:block;float:left;width:80px;text-align:right;}
	 #reg span,
	 #upu span,
	 #lostpass span,
	 #personal span,
	 #admincontent .right span { margin:0 0 0 5px;padding:5px;}
	 #reg #codeimg,
	 #upu #codeimg,
	 #personal #codeimg,
	 #lostpass #codeimg2 { margin:0;float:left;}
	 #reg a,
	 #upu a,
	 #personal a,
	 #lostpass a { text-decoration: underline;}
	 #reg p a.mt-10,
	 #upu p a.mt-10,
	 #personal p a.mt-10,
	 #lostpass p a.mt-10 { width:90px;display:block;float:left;padding:10px 0 0 0;}
	 #reg div.line,
	 #upu div.line,
	 #personal div.line,
	 #lostpass div.line,
	 #admincontent div.line { display:block;line-height:1px;border-bottom:1px dashed #555;}
	 input.checkbox {width:12px;border:0px solid #111;background:none;}
	 div.bottom20{ padding-bottom:20px;}
	 .bottom20 input {border:0px solid #111;}
	 .bottom20 img {margin:0 0 0 15px;}
	 #agreement { text-align:left;border: 1px dashed #555;width:570px;padding:10px 0;display:none;}
	 #agreement textarea { margin:0;width:570px;background:#E3E3E3;height:150px;border:1px solid #111;font-size:12px;}
	 #agreement img { margin:5px 10px;}
	 img.awardimg { width:60px;}
	 p input.radio {border:0px solid #111;background:none;}
	  
/*  ----------------------------------------
    admincontent Styles
    ----------------------------------------  */	
	 #bottomcontent { padding:5px 22px 10px 22px;}
	 #bottomcontent .matched { clear:left;float:left;width:485px;}
	 #bottomcontent .vote {float:left;width:235px;margin:0 0 0 14px !important;margin:0 0 0 15px;}
	 .matched ul,
	 .vote ul { margin:0;padding:0;border-right:1px solid #111;border-bottom:1px solid #111;border-left:1px solid #111;}
	 .matched ul li,
	 .vote ul li {border-bottom:1px dashed #555;padding:5px 20px;}
	 .matched li label { float:right;}
	 .matched li a { display:block;width:380px;overflow:hidden;} 
	 
/*  ----------------------------------------
    rule Styles
    ----------------------------------------  */
    #rule { margin:15px;padding:5px 10px;border:1px dashed #555;}
    #rule p { margin:0;line-height:24px;}
    #rule h1,#rule h2,#rule h3,#rule h4 { margin:5px 0;padding:5px 0;font-size:120%;}
    #rule a,#rule a:visited { padding:2px;background:#fff;color:#000;margin:2px 5px;}
    #rule a:hover { background:none;text-decoration:underline;color:red;}
	 
/*  ----------------------------------------
    admincontent Styles
    ----------------------------------------  */
	 .sstitle { margin:0;padding:5px;border-left:1px solid #0f0f0f;border-right:1px solid #0f0f0f;background:url(../../images/zc_top_bg.gif);}
	 .sstitle strong { display:block;margin:0;}
	 #admincontent .left { clear:left;float:left;width:200px;margin:0;padding:0;}
	 #admincontent .left .leftnav { margin:15px;}
	 #admincontent .leftnav .regheader strong ,
	 #admincontent .right .regheader strong { margin:5px 0 0 5px;}
	 #admincontent .leftnav ul { margin:0;padding:0;border-right:1px solid #0f0f0f;border-bottom:1px solid #0f0f0f;border-left:1px solid #0f0f0f;}
	 #admincontent .leftnav ul li { margin:0;padding:8px 15px;border-bottom:1px dashed #555;}
	 
	 #admincontent .right { margin:15px 15px 0 200px;padding:0;}
	 #admincontent p input.date { width:120px;}
	 #admincontent p input.btn {margin:0;background:#666;border-left:1px solid #111;height:20px;width:30px; }
	 #admincontent p textarea {width:450px;height:150px;background:#F3F5F6;border:1px dashed #555;padding:5px;}
	 #admincontent select { margin:5px 0 0 0;}
	 #admincontent table { margin:0;border:1px solid #111;width:555px}
	 #admincontent table th,
	 #awards table th,
	 #ranklist table th { text-align:center;padding:3px;background:url(../../images/zc_top_bg.gif);}
	 #admincontent td,
	 #awards td,
	 #ranklist td { padding:5px;text-align:center;background:#202020;}
	 #admincontent td img { margin:0;padding:2px;border:1px dashed #555;}
	 #awards,
	 #ranklist  { margin:15px;text-align:left;}
	 #awards table,
	 #ranklist table { margin:0;border:1px solid #111;width:100%}
	 #awards td img,
	 #ranklist td img { margin:0;padding:5px;border:1px dashed #555;}
	 #awards p,
	 #ranklist p { padding:8px;border:1px solid #111;}
	 #ranklist th.w50 { width:45px;}
	 #ranklist th.w120 { width:120px;}
	 #ranklist td a,
	 #ranklist td a:visited { text-decoration:underline;}
	 #ranklist td a:hover img { border:1px dashed red;}
	 div.pagebar { margin:5px 0 0 0;float:right;}
	 div.pagebar a { display:block;float:left;background:#111 url(../../images/pagebarlink.gif) 50% 50%;padding:6px 10px;margin:0 2px;font-weight:bold;}
	 div.pagebar a:hover { color:red;}
	 div.pagebar span.this-page { display:block;float:left;background:#555 url(../../images/pagebarthispage.gif) 50% 50%;padding:6px 10px;margin:0 2px;}
	 span.barinfo { float:right;margin:10px 5px 0 0;}
	 div.numberbarlist { margin:0 15px 0 0;}
	 div.pagebar span.break { display:block;float:left;padding:6px 10px;margin:0;width:10px;height:15px;font-weight:bold;}
	 .imglist .imghidden { z-index:9999; position:relative;top:5px;text-indent:-9999px;width:77px;height:74px;background:url(../../images/hidden.gif) 50% 50% no-repeat;display:none;}
	 
/*  ----------------------------------------
    Comment Styles
    ----------------------------------------  */
	 .face , .commenduser { float:left;clear:left;margin:-10px 0 0 0;padding:5px;width:105px;}
	 .face .notopborder { padding:5px;}
	 .face .notopborder .imgroup { background:#D3D3C3;}
	 .face .notopborder .imgroup img { padding:3px;}
	 .notopborder form input { border:0px solid #111;}
	 .notopborder form,
	 .comment { float:left;margin:5px 5px;padding:5px;border:1px dashed #555;width:575px;}
	 .comment { height:116px;padding:5px;}
	 .comment img { padding:0 1px;}
	 .notopborder form textarea { border:1px solid #555; background:#2A2A2A;height:130px;width:575px;color:yellow;}
	 .notopborder #code  { background:#2A2A2A;border:1px solid #555;width:50px;margin:4px 2px;color:yellow;}
	 .commentgroup { margin:15px;}
	 .faqgroup { margin:10px;}
	 .commenduser p { line-height:20px;}
	 .comment .optitle { background:#111;padding:5px;text-align:right;display:none;}
	 #imagegroup p a,
	 #imagegroup p a:visited { margin:0 2px;padding:2px  5px ;text-decoration:underline;}
	 #imagegroup p a:hover { color:#000;background:#FFF;}
	 
/*  ----------------------------------------
    table Styles
    ----------------------------------------  */
         #judgmentgroup { height:250px;padding:5px;border-right:1px solid #111;border-bottom:1px solid #111;border-left:1px solid #111;overflow:auto;}
         #judgmentgroup li { padding:5px;border:1px dashed #555;}
         #judgmentgroup li a { float:right;text-decoration:underline;}
         .usergroup { height:230px;overflow:auto;padding:2px;border:1px dashed #555;margin-bottom:15px;}
         /*#udetails {z-index:999999;position:absolute;margin:-76px 0 0 -185px;width:450px;left:50%;top:50%;text-align:left;padding:5px;}*/
         #usergrouplist ul li { cursor:hand;}
         #userdetail { padding:5px;text-align:left;margin-bottom:2px;border-right:1px solid #111;border-bottom:1px solid #111;border-left:1px solid #111;overflow:auto;}
         #userdetail h3 { font-size:120%;border-bottom:1px solid #888;margin:5px 0 5px 0;padding:5px 2px;}
	 #userdetail p { border-bottom:1px dashed #333;}
	 #userdetail i { font-style:normal;margin:0 5px 0 0;padding:3px 0 1px 3px;background:#333;color:#999;}
	 #userdetail div.mdt { border:1px solid #202020;padding:5px;}
	 table ul li { float:left;display:block;padding:5px;margin:1px;width:105px;text-align:left;}
	 li.gray { background:#212121;border:1px solid #111;font-size:110%;}
	 li.sadmin { background:#111;border:1px solid #D00;font-size:110%;}
	 #judgmentlist td img { border:0px dashed #555;padding:0;}
	 
/*  ----------------------------------------
    Footer Styles
    ----------------------------------------  */	 
	 #footer {margin:10px 0 0 0;text-align:center;} 
	 #footer p {line-height:98%;}
	 #footer .links {border-top:2px solid #5C5C5C;border-bottom:2px solid #5C5C5C;}
	 #footer .links p {padding:10px 0;}
	 #footer a {padding-left:5px;}
	 p.m-20{margin-top:15px;}