* {
    outline: 0 none !important;
}
.clear {
    clear: both;
    height: 1px;
    overflow: hidden;
}
html {
    border: 0 none;
    height: 100%;
    margin: 0;
    /*overflow-y: scroll; */
    padding: 0;
}
form{ padding:0; margin:0;}
#index_wrap{width:950px; margin:80px auto;}

h2{font-size:18px; font-weight:normal; color:#fff; margin:0; padding:0;}
h3{font-size:14px; font-weight:normal; color:#353535; margin:0; padding:0;}
a{ text-decoration:none;}


.main{ width:750px; margin:0 auto;}
.header{ width:358px; margin:0 auto; margin-top:58px; *margin-top:43px;}
.logo{}
#header{ margin:30 0 0;}
.top-bar-bg2{ padding:30px 0 0;}
#title a.logo{ width:300px; height:35px; display:block; float:left; margin-top:10px; margin-left:0px; /*font-family:@Adobe 黑体 Std R;*/ font-size:28px; color:#00AEEC; font-weight:600;}
#title a.logo:active{ margin-top:10px;  opacity:.9;}
body #index_login_form_container form {
   border:solid 0px red;
    margin:10px auto 0;
 overflow:hidden;
}

body #login_form_container {  
    margin:80px auto 80px;
    width:300px;    
}

body #register_form_container form {
   border:solid 0px red;
    margin:0px;
    width: 300px;
}

form .input_wrapper {
   
    border-width: 0;
    
    height: 72px;
    margin: 0 ;
    _margin:0;
    position: relative;
    width: 100%;    
}

/*#login_form_container form .input_wrapper {_background: url("/content/img2/input.ie6_login.png") no-repeat scroll 0 11px transparent;}*/

form .input_wrapper.error {
    background-position: left -283px;
}
form .input_wrapper.blurred {
    background-position: left -136px;
}
form .input_wrapper input, form .input_wrapper .ghostwriter_input {
    background: url("/content/img2/x.gif") repeat scroll 0 0 transparent;
    border:solid 1px #bbb;
    border-radius:10px;
    color: #666;
    cursor: pointer;
    font-family: Arial,'Helvetica Neue',Helvetica,sans-serif;
    font-size: 20px;
    left: 0;
    margin:0px;
    padding: 4px 10px 4px 68px;
    position: absolute;
    top: 0;
    width: 220px;
    height:38px;
    z-index: 2;
}

form .input_wrapper .ghostwriter_input {
    display: none;
    overflow: hidden;
    width:100%;
    z-index: 1;
}
form .filled .ghostwriter_input {
    display: block;
}
.ghostwriter_copy {
    visibility: hidden;
    white-space: nowrap;
}
form .input_wrapper input.loading {
    background: url("/content/img2/loading.gif") no-repeat scroll 170px center transparent;
}
form .input_wrapper.blurred input, form .input_wrapper.filled input {
    color: #333333;
    cursor: text;
    height:38px;
}
form .input_wrapper.error input {
    color: #FF0000;
}
form .input_wrapper label {
    color: #999;
    text-align:center;
    font-size: 21px;
    height: 47px;
    left: 0;
    line-height:44px;
    margin: 0px;
    padding: 0px 10px 0;
    position: absolute;
    top: 0;
    width: 38px;
    z-index: 1;    
    background:#eee;
    border-right:solid 1px #ddd;
    border-radius:10px 0 0 10px;
}
form .input_wrapper.filled label {
    -display: none;
}
form .input_wrapper.blurred label {
    /*opacity: 0.4;   
    color:#D9D9D9\9;
    _color:#D9D9D9;
    *color:#D9D9D9;*/
}
form .input_wrapper.blurred input
{
    border:solid 2px #666;    
    height:35px;
    padding: 4px 10px 4px 67px;
}

form .input_wrapper span.tooltip {
    color:#999;
    font-family: 微软雅黑;
    font-size: 12px;
    height: 14px;
    left: 5px;
    line-height: 14px;
    margin: 0px;
    padding: 1px 0px 0;
    position: absolute;
    top: 50px;
    width: 176px;
    z-index: 1;
    display:none;
}

form .input_wrapper .error {
    left: 13px;
    position: absolute;
    top: 60px;
}
body.small_layout .input_wrapper .error {
    left: 220px;
    top: 16px;
}
#reasons_form_container .input_wrapper .error {
    left: 12px;
    top: 58px;
}
form .input_wrapper.error .error {
    display: block;
}
form .input_wrapper .error div {
    background: none repeat scroll 0 0 #2C3D4E;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 -1px 0 rgba(0, 0, 0, 0.2) inset;
    color: #FFFFFF;
    font-size: 10px;
    font-weight: bold;
    line-height: 13px;
    padding: 8px 9px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
    width: 170px;
}

#index_login_form_container{ background:#fff;width:301px; float:right; border:solid 0px red;padding:30px 40px; margin:0;
                             border-radius:16px;
        /*box-shadow:0 0 6px rgba(0, 0, 0, 0.3);*/}
#index_login_form_container .input_wrapper{ margin:0;}
#register_form_container .input_wrapper{ margin:0;}

#index_left{ float:left; width:500px; font-size:22px;}
#index_left h1{ margin:0 0 30px; padding:0; font-size:40px;}
#index_left p{ margin:10px 0; padding:0;}

/*#login_form_container .input_wrapper{ width:260px; margin:0 30px 0 0px;}
#login_form_container .input_wrapper input{ width:260px;}
#login_form_container .input_wrapper label{ width:260px;}*/

.del-name{background: url("http://i1.imghb.com/i/g/login_delname.png") no-repeat scroll 50% 50% transparent;height: 21px;
    left: 234px;
    opacity: 0.6;
    top: 18px;
    width: 21px; position:absolute; cursor:pointer;  z-index:99999;}
.del-name:hover{ opacity:1;}



/*
*+html button{width:275px}
button::-moz-focus-inner{border:0}
button span{display:block;line-height:40px;height:40px;float:left}
button.login-button span{ display:block; line-height:28px; height:28px; float:left;}

button.register-button,a.register-button{ background:#F5B821 url(/content/img2/yellow_button_250x40.png) no-repeat center right; height:40px; line-height:40px; width:65px; display:block; color:#644B02; text-decoration:none;
       font-size:18px;
       font-weight:normal;
       text-shadow:0 1px 1px rgba(255,255,255,0.37);       
       border:1px solid #A0801C;
       -moz-border-radius:6px;
       -webkit-border-radius:6px;
       border-radius:6px;
       -moz-box-shadow:0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(255,255,255,0.7) inset;
       -webkit-box-shadow:0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(255,255,255,0.7) inset;
       box-shadow:0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(255,255,255,0.7) inset;
       margin:12px 0 0 0px;
       padding:0px 45px 0 15px;
       cursor:pointer;
       display:block;
       position:relative;
      
       -moz-background-clip:padding-box;
       -webkit-background-clip:padding-box;
       background-clip:padding-box;
       height:50px;
       opacity:.9;
       white-space:nowrap; width:75px\0;
                   }
button.register-button:hover,a.register-button:hover{opacity:1}
button.register-button:active,a.register-button:active
{
    -moz-box-shadow:0 1px 0 rgba(255,255,255,0.3),0 1px 3px rgba(0,0,0,0.7) inset;
    -webkit-box-shadow:0 1px 0 rgba(255,255,255,0.3),0 1px 3px rgba(0,0,0,0.7) inset;
    box-shadow:0 1px 0 rgba(255,255,255,0.3),0 1px 3px rgba(0,0,0,0.7) inset;opacity:1
}

body #index_login_form_container button{width:227px;margin:10px 0 0 0px;}
body #index_login_form_container button span{width:90px; _width:127px; margin-left:5px; *margin-left:-15px; margin-left:-10px\0; text-align:center;}
*+html #index_login_form_container button span
{
     width:100px;
}
*+html #login_form_container button
{
    width:230px;
}
*/



#top_button_holder{ position:absolute; display:none; top:60px; right:20px; height:24px; line-height:24px; width:200px; font-size:14px; color:#fff; text-align:right;}
#top_button_holder a{ border-radius:4px; font-size:14px; text-decoration:none;display:inline-block; padding:0px 16px; margin:0 0 0 5px; }
#top_button_holder a.small-login-button{background:#8bad68 url('/content/img2/blue_button_submit_250x40_2.png') no-repeat left center;  border:1px solid #2a3f56; color:#fff; }
#top_button_holder a.small-register-button{background:#F5B821 url(/content/img2/yellow_button_250x40.png) no-repeat center left; border:1px solid #2a3f56; color:#644B02;}


/*滚动*/
#note_wrapper{position:relative; width:400px; float:left; padding:20px; margin:0; border-radius:10px; background-color:#103041;}
#note{ width:400px; height:280px; margin:0; padding:0; position:relative; overflow:hidden; color:#98ACC0;}
#note ul{ position:absolute; margin:0px; top:0; left:0; padding:0; list-style:none;}
#note ul li{ width:400px; padding:0px 0 10px; margin:0;font-size:12px; overflow: hidden;}
#note ul li a.avatar{ float:left; padding:2px; font-size:12px; color:#98AEC2; text-decoration:none;}
#note ul li p{ margin:0; margin-left:40px;line-height:18px; padding:0 10px;}

#note ul li a.petname{ color:#4DB4F5;}
#note ul li a.petname:hover{text-decoration:underline;}
#note ul li img{ width:40px; height:40px; border:0;}
#note ul li span.money{ /*font-family:georgia,times,serif;*/}


.validation-summary-errors{list-style:none;text-align:left;margin:0;padding:0;max-width:250px; color:red;}
.validation-summary-errors ul{list-style:none;text-align:left;margin:0;padding:0;max-width:250px; color:#ff0000;}
.field-validation-error{ position:absolute; left:0; top:50px;}
.input-validation-error{ color:Red;}


/*
#footer{ color:#999; padding:10px 0; text-align:center;}
#footer a{color:#999; text-decoration:none;}
#footer a:hover{color:#fff;}
*/
.container{border:solid 0px #fff; _float:left; padding:20px; width:720px; background:#205F80; border-radius:10px;}


.login-input{
background:url(http://i1.imghb.com/i/g/login_delname.png) no-repeat 50% 50%;opacity:.6;filter:alpha(opacity=60)
}



.favorites-area{ padding:20px 0 6px;}
.favorites-area a{ margin-right:10px; color:#2FA3F0; font-size:14px;}
.favorites-area a:hover{ text-decoration:underline; }

.index-wodezhangben{ background:#fff url(/content/img2/index-wodezhangben2.jpg) no-repeat 560px 40px;}

/*color tip begin*/
.colorTip{
	/* This class is assigned to the color tip span by jQuery */
	
	display:none;
	position:absolute;	
	left:50%;
	top:-30px;
	padding:6px;
	
	background-color:white;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	font-style:normal;
	line-height:1;
	text-decoration:none;
	text-align:center;
	text-shadow:0 0 1px white;
	white-space:nowrap;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}

.pointyTip,.pointyTipShadow{
	/* Setting a thick transparent border on a 0x0 div to create a triangle */
	border:6px solid transparent;
	bottom:-12px;
	height:0;
	left:50%;
	margin-left:-6px;
	position:absolute;
	width:0;
}

.pointyTipShadow{
	/* The shadow tip is 1px larger, so it acts as a border to the tip */
	border-width:7px;
	bottom:-14px;
	margin-left:-7px;
}

.colorTipContainer{
	position:relative;
	text-decoration:none !important;
}

.yellow .pointyTip{ border-top-color:#f9f2ba; _display:none;}
.yellow .pointyTipShadow{ border-top-color:#e9d315;_display:none;}
.yellow .colorTip{
	background-color:#f9f2ba;
	border:1px solid #e9d315;
	color:#5b5316;
	top:-60px; top:-75px\0;  *+top:-28px;  _top:-28px;
}

/*color tip end*/


button.login
{
    width:300px;margin:10px 0 0 0;
    background:#FB7299; color:#FFF; border:0;
    height:48px;
    }