.ui-datepicker {z-index:1200;}

.button-transfer-icon{background-position:-50px -125px;}
.button-return-icon{background-position:0px -225px;}

.button-create-icon{background-position:-25px -225px;}

.button-delete-icon{background-position:-50px -225px;}

.button-sort-month-icon{background-position:-75px -225px;}
.button-sort-category-icon{	background-position:-100px -225px;}
.button-sort-account-icon{background-position:-125px -225px;}

.button-chart-icon{background-position:-150px -225px;}

.button-export-excel-icon{background-position:-175px -225px;}
.button-export-html-icon{background-position:-200px -225px;}

.button-search-icon{background-position:-225px -225px;}

.button-x3-icon{background-position:-175px -225px;}

* {font-family: "宋体", arial;	margin: 0;	padding: 0; text-align:left }

html,body{font-size:12px;	text-align:center;color:#444444}

img {border:none;}
ul {LIST-STYLE-TYPE: none;}

a {text-decoration: none;color:#333333;}
a:hover{text-decoration:underline;}

.ui-button{
position:relative;
width:80px;
text-align:center;
height:24px;
line-height:24px;float:left;
padding: 0 5px 0 21px;
font-size:14px;
cursor:pointer;
display:block;
}


.ui-button-hover{background-position:0px -100px;
background-image:url(lines.gif);
background-repeat: repeat-x; 
}

.ui-button-icon{display:block;
position:absolute;
left:5px;top:0;

height:16px;
width:16px;
margin:4px 2px 0 2px ;

background-image:url(icons.gif);
background-repeat:no-repeat; 
}

.ui-button-arrow{display:block;
position:absolute;
right:5px;top:0;

height:5px;
width:8px;
margin:9px 2px 0px 5px;
background-position:0px -350px;
background-image:url(icons.gif);
background-repeat:no-repeat; 
}

.ui-button-menu{display:block;
position:absolute;top:24px;left:0px;
background-color:#F3F8FC;
border:1px #81A4C2 solid;
display:none;padding:5px 10px;
line-height:18px;width:80px;
}
.ui-button-menu a{float:left; width:100%;}
.ui-button-menu a:hover{text-decoration:none;background-color:#FFCC33}

.ui-button-left-edge{display:block;
position:absolute;
left:0;top:0;
height:24px;
width:5px;
display:block;

}
.ui-button-left-edge-hover
{background-image:url(icons.gif);
background-repeat: no-repeat; 

background-position:0px -175px;

}

.ui-button-right-edge{display:block;
height:24px;
position:absolute;
right:0px;top:0;
width:5px;
}

.ui-button-right-edge-hover{
background-image:url(icons.gif);
background-repeat: no-repeat; 
background-position:-25px -175px;

}

.clear{clear:both}

.amount{font-weight:bold;font-size:12px;}
.style-button{
background-image: url('lines.gif');
background-repeat:repeat-x;
border:1px solid #C5DBEC;
color:#2E6E9E;cursor:pointer;line-height:1.0em;

overflow:visible;
padding:0.2em 0.6em;
background-position: 0 0;
}


.style-button-hover{
background-position: 0 -50px;
}

.system-form {}
.system-form .label {display:block;;
font-size:15px;line-height:15px;font-weight:bold;margin:15px 0 5px;
}
.system-form .textbox {background-color:#FAFCFF;border:2px solid #E4F2FD;font-size:1em;padding:2px;vertical-align: middle ;}

.system-form .textbox-focused{background-color:#FFFFF0;border:2px solid #87B6D9;}

.system-form .tip-message{margin-top:2px;}

.system-form .error-message{line-height:15px;color:red;margin-left:15px; vertical-align: middle ;
}

.system-form .form-name{padding-top:30px;}
#header{
background-color:#FFFFFF;
border-bottom:5px solid #87B6D9;
border-top:5px solid #EAF4FD;
float:left;
width:100%;
}

#header_inner{width:780px;margin:auto;height:70px;position:relative;}


#header #nav {position:absolute;right:0;top:0;height:15px}

#header_inner #nav h1{float:left;font-size:12px;font-weight:normal;margin-right:50px}

#header #logo {position:absolute;left:0;bottom:0;width:150px;}
#header #menu {position:absolute;right:0;bottom:0;}
#header #menu img{margin-top:-20px;}

#header #menu li {float:left;margin:0 1px;font-size:14px;font-weight:bold;}
#header #menu li a {text-align:center;width:80px;height:30px;line-height:30px;background-color:#EAF4FD;display:block;}
#header #menu li a:hover {background-color:#87B6D9;text-decoration:none;}

#header #menu li .selected{background-color:#87B6D9;color:#ffffff;position:relative;bottom:-1px;}

#main {
	clear: both;
	margin: 0 auto;
	width: 780px;
	height:auto !important;
	height:400px;
	min-height:400px;
}
#main .error-message{line-height:10px;color:red;margin-left:15px; vertical-align: middle;}
.ajax-form .error-message{line-height:10px;color:red;margin-left:15px; vertical-align: middle;}
#submenu{	clear: both;	margin: 0 auto;	width: 780px;	height:30px;
}

#submenu ul{float:left;border-right:1px solid #EEEEEE;}
#submenu li{
float:left;

}

#submenu a {border:1px solid #EEEEEE;border-top-width:0;
border-right-width:0;color:#777777;display:block;height:25px;line-height:25px;text-align:center;

width:100px;}

#submenu a:hover{color:#444444;background-color:#EAF4FD;border-left-color:white;}
#submenu a.selected{color:#444444;background-color:#EAF4FD}

#friendlink {width:100%;text-align:center;
	clear: both;
	margin: 30px 0 10px;

	border-top:1px solid #E6E6E6;

}

#friendlink div{
	text-align:left;
	margin: 10px auto 0;
	width: 780px;

}

#footer {
background-color:#FCFCFC;
border-top:1px solid #E6E6E6;
float:left;
height:60px;
padding-top:5px;
width:100%;text-align:center;
}
#footer #copyright{
text-align:center;margin-top:5px
}#footer #copyright img{
display:none;
}
.main {}
.main #left{
	float:left;width:159px;background-color:#F6F9FD;
	border-right:1px #A6C9E2 solid;	
	height:450px;
	min-height:450px;
}
.main #right{float:left;width:620px;}


.index{}
.index h3{padding-top:10px;color:#004499;font-size:14px;}
.index #left{width:520px;float:left;}
.index #left #introduction{}
.index #left #introduction dt{margin:10px 0 5px;font-size:15px;}
.index #left #introduction dd{}

.index #left #users {}
.index #left #users li{float:left;width:50px;height:66px;overflow:hidden;margin:2px 4px;text-align:center}
.index #left #users img{border:1px solid #87B6D9;width:48px;height:48px}

.index #right{width:220px;float:right;padding:0 8px;background-color:#F6F9FD;}
.index #right #login-box {margin-top:5px;background-color:#FFF;padding:10px;border:1px solid #87B6D9}
.index #right .textbox {height:16px}
.index #right #login-box div{margin-top:5px;}
.index #right #login-box #login-button-row{text-align:center}

.index #right .sideblock{margin-top:5px;background-color:#FFF;padding:10px;border:1px solid #87B6D9}
.index #right .sideblock h3{margin-bottom:5px;padding:0}
.index #right .sideblock li{margin:5px auto}
.index #right .sideblock a.hot {color:red;font-size:20px}
.index #right #user-pannel {margin-top:5px;background-color:#FFF;padding:10px;border:1px solid #87B6D9}
.index #right #user-pannel div {height:25px;line-height:25px;font-size:18px;text-align:center}

.left-pannel-header{padding:0 5px;cursor:pointer;
font-size:14px;
height:25px;line-height:25px;
font-weight:normal;
text-align:left;
background-image:url(icons.gif);
background-repeat:no-repeat;background-position:0 -375px;
position:relative;
}

.left-pannel-folder-icon
{
	display:block;
height:10px;
right:10px;
position:absolute;
top:10px;
width:10px;
background-image:url(icons.gif);
background-repeat:no-repeat;background-position:0px -50px;

}

.left-pannel-folder-icon-collapsed{background-position:0px -25px;}

.left-pannel-content{text-align:left;padding:0 10px;}

.left-pannel-content {	line-height:25px;}
.left-pannel-content li{height:25px;position:relative;}

.left-pannel-content li span{display:block;height:15px;width:15px;position:absolute;left:0;top:5px;
background:transparent url('icons.gif') no-repeat scroll 0px -450px
}

.left-pannel-content li a{height:25px;display:block;padding-left:20px;position:relative;}

.left-pannel-content li a:hover{background:transparent url('icons.gif') repeat-x scroll 0 -400px;text-decoration:none;}

.left-pannel-content li .selected{background:transparent url('icons.gif') repeat-x scroll 0 -400px}

.bill-create-buttons a{
	background:#DFEFFC url('lines.gif') repeat-x 0 -150px;line-height:30px;	height:30px;
	}
.bill-create-buttons a:hover{
	background:#DFEFFC url('lines.gif') repeat-x 0 -200px;border-color:#87B6D9;
}

.create-bill-button{
text-align:center;
cursor:pointer;float:left;
border:1px #C5DBEC solid;
font-size:15px;font-weight:bold;
position:relative;
}
.create-bill-icon{
	background-image:url(icons.gif);
	position:absolute;
	width:16px;
	height:16px;background-repeat:no-repeat;
	left:15px;top:6px;
}
.create-bill-text{	position:absolute;	left:35px;
}

#income-button{	border:1px #C5DBEC solid;width:78px;}

#income-button .create-bill-icon{background-repeat:no-repeat;background-position:0px -125px;}

#expense-button{border-left-width:0;
	border-right-width: 0;
  	width:79px;	  	
}
  
#expense-button .create-bill-icon{background-position:-25px -125px;}
	
#toolbar{
	border-left: 0 solid #C5DBEC;
	border-right: 1px solid #C5DBEC;
	border-top: 1px solid #C5DBEC;
	border-bottom: 1px solid #C5DBEC;
	line-height:27px;	height:27px;background:#DFEFFC url('lines.gif') repeat-x 0 -150px;
	text-align:left;	
	padding: 3px 6px 0px;
}#toolbar a:hover{text-decoration:none;}
#toolbar #buttons{float:left;}

#toolbar #search{float:right;}

#search #search-key{float:left;}

.no-bill{float:left;padding:10px;font-size:15px;}

.bill-list-header{
float:left;width:100%;
height:20px;line-height:20px;
clear:both;border-bottom:1px solid #D7D7D7;
}

.bill-day-list{float:left;width:100%;
}

.bill-day-header{
background-color:#F7F7F7;
border-bottom:1px solid #D7D7D7;
height:24px;
float:left;
width:100%;
text-align:left;
line-height:24px;
}

.bill-day-icon{
float:left;
display:block;height:25px;width:25px;
background-image:url(icons.gif);
background-repeat:no-repeat;background-position:8px -94px;
}
.bill-day-icon-collapsed{background-position:-17px -94px;}
.bill-day-date{float:left;}

.bill-day-sum{float:right;padding-right:8px;font-weight:bold;}

.bill-item{float:left;width:100%;
height:25px;line-height:25px;
clear:both;border-bottom:1px solid #D7D7D7;
}
.bill-item span{height:25px;display:block;float:left;padding:0 2px;}

.bill-item .bill-checkbox{width:25px;text-align:center;}
.bill-item .bill-checkbox input{height:25px;}
.bill-item .bill-title{width:270px;}
.bill-item .bill-amount{width:90px;}
.bill-item .bill-category{width:80px;overflow:hidden}
.bill-item .bill-date{width:70px;text-align:center;overflow:hidden
}
.bill-item .bill-delete{width:30px;text-align:center;cursor:pointer;}
.bill-item .bill-modify{width:30px;text-align:center;cursor:pointer;}

#category-list{margin:10px 15px}

#expense-category-list{float:left;width:50%;}
#income-category-list{float:left;width:50%;}
#category-list li{margin:5px;}

#bill-create-form{text-align:center;}

#bill-create-table{margin:10px auto;width:100%}

#bill-create-table tr {line-height:25px;}

#bill-create-table .form-label {text-align: center;	border-width: 0;}
#bill-create-table .form-content {text-align:left;border-width: 0;}

#bill-create-table .form-field {text-align: left;}

#bill-create-table .form-button {text-align:center;}


#account-list{padding:10px;}

#account-create{padding:10px;}

#pagination{margin:8px 0;text-align:center;}

#pagination a, #pagination span {
	border: 1px solid #2E6E9E;
	margin: 2px;
	padding: 2px 5px;
}
#pagination a {	color: #666666;	text-decoration: none;}
#pagination a:hover {
	border: 1px solid #2E6E9E;
	color: #2E6E9E;
}
#pagination span {
	color: #dddddd;
	border: 1px solid #DDDDDD;
}

.signin-up{}
.signin-up #left{float:left;width:300px;}
.signin-up #right{float:right;width:280px;margin-top:50px;border-left:solid 1px #EAF4FD;padding:10px;}

.two-columns {}
.two-columns h2{font-size:15px;margin:5px; 0 0 10px}
.two-columns #left{margin-top:10px;float:left;width:150px;margin-right:8px}
.two-columns #right{margin-top:10px;float:left;width:620px}


.user {}
.user h2{font-size:15px;margin:5px; 0 0 10px}
.user #left{margin-top:10px;float:left;width:150px;margin-right:8px}
.user #right{margin-top:10px;float:left;width:620px}

.user #right li{font-size:13px;margin-top:5px;}


.city {}
.city h2{font-size:15px;margin:5px; 0 0 10px}
.city #left{margin-top:10px;float:left;width:150px;margin-right:8px;overflow:hidden;}
.city #left li{float:left;font-size:13px;margin:4px 8px;}
.city #left li.char-6{width:30px;}
.city #left li.char-9{width:45px;}
.city #left li.char-12{width:60px;}

.city #right{margin-top:10px;float:left;width:620px;overflow:hidden;}
.city #right li{font-size:13px;margin-top:5px;}


.profile{}
.profile h2{font-size:18px;padding:20px 0 5px }
.profile div {margin:10px 0;}
.profile .label {float:left;display:block;width:100px;height:25px}

.profile .textbox {background-color:#FAFCFF;border:2px solid #E4F2FD;font-size:1em;padding:2px;vertical-align: middle ;}

.profile .tip{margin-top:2px;}
.profile .button_row{padding-left:150px;}
.profile .error-message{line-height:15px;color:red;margin-left:15px; vertical-align: middle;}

.feedback {}
.feedback .label {float:left;display:block;width:50px;height:20px}

.feedback .textbox {background-color:#FAFCFF;border:2px solid #E4F2FD;font-size:1em;padding:2px;vertical-align: middle ;}

.feedback .user{float:left;width:90px;}
.feedback .user img{width:64px;height:64px;;border:5px solid #E6E6E6;}
.feedback .form{float:left;width:600px}
.feedback h2{font-size:18px;padding:20px 0 5px }
.feedback .item{overflow:hidden;zoom:1;padding:10px 0;margin:10px 0;border-top:1px solid #CCCCCC;}
.feedback .avatar{float:left;width:70px;}
.feedback .avatar img{width:60px;height:60px;border:5px solid #E6E6E6;}
.feedback .feedback-content{float:left;width:680px;padding-left:16px;}
.feedback .info{margin:2px 0 5px;}
.feedback .reply{border:2px solid #CCCCCC;margin:10px 10px 0 10px;padding:10px;font-weight:bold}
.feedback .button_row{padding-left:55px;}
.feedback .form li{margin:4px}
.feedback .error {color:red;clear:both}


.siteinfo {}
.siteinfo h2{font-size:18px;padding:20px 0 5px }
.siteinfo dt{font-size:16px;margin:10px 0 2px;font-weight:bold;}
.siteinfo dd{font-size:14px;}
.siteinfo .shop-name{margin:25px 0 5px;}
.siteinfo .discount{color:red;font-size:15px;}


.software {}
.software h2{font-size:20px;padding:20px 0 5px}
.software #introduction{float:left;width:420px;margin-right:10px}
.software #introduction dt{font-weight:bold;margin:10px 0 2px;}
.software #screen{float:left;width:350px;}
.software #download{clear:both;margin:10px 0;}
.software #download dt{font-size:15px;font-weight:bold;margin:10px 0 2px;}
.software #warning dd{color:red;font-size:20px;font-weight:bold;margin:10px 0 2px;}



.datatable{border-collapse:collapse; margin:5px;}
.datatable th{background-color:#F7F7F7;border:1px solid #D7D7D7;padding:4px 0;text-align:center;}
.datatable td{border:1px solid #D7D7D7;padding:3px 0;text-align:center;}
.datatable tr.alternate td{background-color:#FBFBFB;}
.datatable tr.hover td{background-color:#F0F0F0;}
.datatable tr.selected td{font-weight:bold;background-color:#F0F0F0;}

.article .title{text-align:center;padding:20px 0 5px;}
.article .content p{margin:15px;}