@charset "gb2312";

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ Header, 

Main menu, Search bar */

/* Header (begin) */
    /* Header for all pages (begin) */
	/* Í·²¿Á´½Ó */
#links{background: url(/images/home/top_bg.gif) left center repeat-x; color:#ccc;}
#links a{color:#999999;}
#links a:hover{color:#ff0066;}
#links p{text-align:right;}
#links span a:link,#links span a:visited{color:#ffffff; padding:0px; text-decoration:none;}
#links span a:hover{color:#ffffff; background:#ff0066; text-decoration:none;}

        #header {
            height: 50px;
            position: relative; 
            display: block;
			width:930px;
			margin:5px auto 10px auto; 
        }

        #header:after {
            content: ' ';
            clear: both;
            display: block;
        }

        #logo {
            position: absolute;
            left: 0;
            top: 15px;
            width: 264px;
            height: 42px;
        }

        #pipemenu {
            position: absolute;
            top: 52px;
            left: 0;
            width: 380px;
            background: right top url('/images/home/pipemenu-head.gif') no-repeat;
            padding-top: 0px;
        }

        #pipemenu span {
            height: 15px;
            display: block;
            float: left;
            padding-right: 12px;
            background: right top url('/images/home/pipemenu-separator.gif') no-repeat;
        }

        #pipemenu span a {
            display: block;
            color: white;
            font-size: 1em;
        }

        #pipemenu span.about { width: 34px; }
        #pipemenu span.blog { width: 30px; }
        #pipemenu span.faq { width: 29px; }
        #pipemenu span.feedback { width: 54px; background-image: none; padding-right: 0; }
    /* Header for all pages (end) */

    /* Header for mainpage customization (begin) */
        #header.main {
            height: 63px; 
        }

        #header.main #logo {
            top: 15px;
            background: white;
        }

        #header.main #pipemenu {
            left: auto;
            right: 0;
            top: 23px;
            padding-top: 15px;
			text-align:right;
			color:#999999;
        }
#header.main #pipemenu a:link,#header.main #pipemenu a:visited{color:#999; padding:0px; text-decoration:none;}
#header.main #pipemenu a:hover{color:#ffffff; background:#ff0066; text-decoration:none;}

        #banner-head {
            position: absolute;
            left: 201px;
            bottom: 6px;
            width: 728px;
            height: 90px;
            overflow: hidden;
            zoom: 1;
        }
    /* Header for mainpage customization (end) */
/* Header (end)*/

/* Main menu (begin) */
    #navmenu {
        font-size: 1.2em;
        font-weight: bold;
        display: block;
        margin: auto 0px;
		text-align:right;
        position: absolute;
        top: 30px;
        right: 0;
        width: 520px;
		}
    #navmenu li {
        float: left;
        margin-left: 2px;
        height: 20px;
		}
    #navmenu li a {
        color: #BFFF5E;
        white-space: nowrap;
        display: block;
		}
    #navmenu li a span {
        padding: 2px 7px 3px 9px;
        display: block;
		}
    #navmenu li a:hover {
        color: white;
        background: left top url( '/images/home/bg-mainmenu-hoverleft.gif' ) no-repeat;
		}
    #navmenu li a:hover span {
        background: right top url( '/images/home/bg-mainmenu-hoverright.gif' ) no-repeat;
    }

    #navmenu:after {
        content: ' ';
        display: block;
        clear: both;
    }

	#navmenu li.active a{
		color: white;
		background: left top url( '/images/home/bg-mainmenu-hoverleft.gif' ) no-repeat;
	}

	#navmenu li.active a span {
		background: right top url( '/images/home/bg-mainmenu-hoverright.gif' ) no-repeat;
	}


/* Main menu (end) */

/* Search bar (begin) */
    /* Common definitions (begin) */
        #infopanel {
            color: #567020;
			width:930px;
            background: left top url( /images/home/bg-searchbar.gif ) repeat-x;
            margin: 0px auto 10px auto;height:auto;
        }

        #infopanel .bl { background: url( /images/home/bl-green.gif ) 0 100% no-repeat; }
        #infopanel .br { background: url( /images/home/br-green.gif ) 100% 100% no-repeat; }
        #infopanel .tl { background: url( /images/home/tl-green.gif ) 0 0 no-repeat;  }
        #infopanel .tr { background: url( /images/home/tr-green.gif ) 100% 0 no-repeat; padding: 0 10px 1px 10px;}
        #infopanel .clear { display: none; } /* For FF and Opera */

        *:first-child+html #infopanel .clear {
            display: block;
            font-size: 1px;
            height: 1px;
        } /* For IE 7.0 only */

        * html #infopanel .clear {
            display: block;
            font-size: 1px;
            height: 1px;
        } /* For IE 6.0 only */

        #infopanel a {
            color: #567020;
        }

        #infopanel .white {
            color: #FFFFFF;
        }

        #infopanel p {
            color: #567020;
            font-size: 1em;
            margin: 0;
        }
    /* Common definitions (end) */

    /* Form elements (begin) */
        #input_username, #input_password, #input_yz {
            color: #B2B2B2;
            width: 65px;
            height: 1.25em;
            font-size: 1.2em;
            font-weight: bold;
            padding-top: 3px;
            padding-left: 3px;
            border-bottom: #FAFAFA solid 2px;
            border-right: #FAFAFA solid 2px;
            border-left: #848484 solid 2px;
            border-top:  #848484 solid 2px;
            vertical-align: top;
        }
        #checkpass {
            height: 1.0em;
            font-size: 1.2em;
            font-weight: bold;
            padding-top: 6px;
            padding-left: 3px;
            vertical-align: top;
        }
		
.inp_L1 {
	BACKGROUND: url(/images/home/bg_x.gif) no-repeat center top;
	border:0; width:82px; height:23px; cursor:pointer; font-weight:bold; color:#333;
}
.inp_L2 {
	BACKGROUND: url(/images/home/bg_x.gif) no-repeat center bottom;
	border:0; width:82px; height:23px; cursor:pointer; font-weight:bold;
}
    /* Form elements (end) */

    /* Signup block (begin) */
        #searchbar-signup {
            margin: auto 5px auto 5px;
            padding-top: 15px;
            padding-bottom: 20px;
            width: 290px;
            font-weight: bold;
			float:left;
            background: right bottom url('/images/home/separator-searchbar.gif') no-repeat;
        }
        #searchbar-infro {
		padding-top:35px;
			height:50px;
			font-weight:bold;
        }

        #searchbar-signup p {
		padding-top:15px;
			line-height:20px;
        }

    #searchbar-signup a {
        color: #333;
        white-space: nowrap;
		line-height:26px;
        background: left top url( '/images/home/button_bg.gif' ) no-repeat;
		}
    #searchbar-signup a span {
        padding: 6px 7px 3px 7px;
        background: right top url( '/images/home/button_bg2.gif' ) no-repeat;
		}
    #searchbar-signup a:hover {
        background: left bottom url( '/images/home/button_bg.gif' ) no-repeat;
		}
    #searchbar-signup a:hover span {
        background: right bottom url( '/images/home/button_bg2.gif' ) no-repeat;
		}
    /* Signup block (end) */

    /* Login block (begin) */
        #frm_login {
            width: 340px;
			height:70px;
            font-weight: bold;
            background: right top url('/images/home/separator-searchbar.gif') no-repeat;
            padding: 10px 0px 0px 10px;
            float:left;
        }

        * html #frm_login {
            /*left: 310px;*/
        }

        #frm_login p {
            margin-bottom: 3px;
        }

        #frm_login p.error {
            color: #850000;
        }

        #input-username, #input-password {
            margin-top: 2px;
        }

        #input-password {
            margin-right: 5px;
            margin-left: 10px;
        }

        .forg_pass_log
        {
            position: relative;
        }
        .forg_pass_log .facebook_login
        {
            position: absolute;
            display: block;
            width: 140px;
            height: 16px;
         }

         .forg_pass_log .facebook_login a
         {
            width: 55px;
            height: 15px;
            background: left top url('/images/home/btn-signon-facebook.gif') no-repeat;
            cursor: pointer;
         }
		 #test:link,#test:visited { text-decoration:underline;}
		 #test:hover{color:#333; text-decoration:none;}

    /* Login block (end) */

    /* Search block (begin) */
        #frm-search {
            width: 240px;
			padding:10px 0px 0px 10px;
			float:right;
            font-weight: bold;
        }

        * html #frm-search {
            /*left: 665px;*/
        }

        #frm-search p {
            margin-bottom: 5px;
        }

        #frm-search b {
            color: yellow;
        }

    /* Search block (end) */

    /* User info block (begin) */
        #searchbar-userinfo {
            margin-left: 5px;
            padding-top: 5px;
            width: 300px;
            font-weight: bold;
            background: right top url('/images/home/separator-searchbar.gif') no-repeat;
        }

        #searchbar-userinfo:after {
            content: ' ';
            display: block;
            clear: both;
        }

        #searchbar-userinfo h1 {
            color: #FFFFFF;
            font-weight: normal;
            margin-bottom: 14px;
            font-size: 1.6em;
        }

        #searchbar-userinfo span {
            float: left;
            display: inline;
            padding-left: 15px;
            background: left 2px url('/images/home/icon-email.gif') no-repeat;

            cursor: pointer;
        }

        #searchbar-userinfo img {
            float: left;
        }

        #searchbar-userinfo .avator-border {
            width: 48px !important;
            height: 48px !important;
            margin: 0 5px 0 0;
            float:left;
            overflow: hidden;
            zoom: 1;
        }

        #searchbar-userinfo div {
            float: left;
            width: 100%;
            margin-top: 5px;
        }

        #searchbar-userinfo a.active
        {
        	color: #FFFFFF;
        	background: #D90000;
        	padding: 0 2px;
        }
    /* User info block (end) */

    /* Badges block (begin) */
        #searchbar-badges {
            background: right top url('/images/home/separator-searchbar.gif') no-repeat;
        }

        #searchbar-badges span {
            width: 300px;
            height: 80px;
            background: left 5px url('/images/home/badges.gif') no-repeat;
            display: block;
        }

        * html #searchbar-badges {
            /*left: 310px;*/
        }
    /* Badges block (end) */
/* Search bar (end) */

#input-search   {
    cursor: pointer;
}