.container {  
  width: 100%;  
  height: 100%;  
  margin: 0 auto;
  text-align:left;
}  

.container li{width:276px;height:224px;text-align:center; margin-bottom:30px;float:left;overflow:hidden;}  
.xpage{ float:left; width:100%;}
/* 
  @@ Pagination 
*/  
#legend1{
	float:left;
	display:block;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 2px 0 0 2px; font-size:14px;
	padding: 8px 14px; line-height: 1.42857143;
	margin-right: -1px;
	color: #8C8C8C;
	cursor: pointer;
	text-decoration:none;}
#jump{float:left; margin-left:10px;}
#jump .text{ float:left;}
#pageinput{ border: 1px solid #ddd; width:26px; padding: 8px 14px; line-height: 1.428571429; border-radius: 2px 0 0 2px; font-size:14px; color: #555;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
#pageinput:focus {
    border-color: #8C8C8C;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(140,140,140,0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(140,140,140,0.6);
}
#button{padding: 8px 14px; float:left;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.428571429;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ddd; border-left:none;
    border-radius: 0 2px 2px 0;}

.holder { /*float:left;*/ text-align:center; margin-top:0px; font-size:14px;}  
  
.holder a { 
	/*float:left;
	display:block;*/ display:inline-block;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 0px;
	padding: 8px 14px; line-height: 1.42857143;
	margin-right: -1px;
	color: #8C8C8C;
	cursor: pointer;
	text-decoration:none;
}  
  
.holder a:hover {
	color: #8C8C8C;
	background: #eee;
	border: 1px solid #ddd;
}  
  
.holder a.jp-previous { margin-left: -1px;}  
.holder a.jp-next { margin-left: -1px; border-radius:0 2px 2px 0;}  
  
.holder a.jp-current, a.jp-current:hover { 
	border: 1px solid #8C8C8C;
	color: #ffffff;
	background: #8C8C8C; 
}  
  
.holder a.jp-disabled, a.jp-disabled:hover { color: #bbb; background: #fff; }  
 
.holder a.jp-disabled, a.jp-disabled:hover{} 
.holder a.jp-current, a.jp-current:hover{  
  cursor: default;   
  background: #8C8C8C;  
}  
  
.holder span { 
	/*float:left;
	display:block;*/ display:inline-block;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 0px;
	padding: 8px 14px; line-height: 1.42857143;
	margin-right: -1px;
	color: #8C8C8C;
	cursor: pointer;
	text-decoration:none; }  

form {
    float:left;
    margin-left:10px !important;
}
form label {
    margin-left: 0px;
}
select{border: 1px solid #E3E3E3;padding: 2px;border-radius: 2px;}