@charset "utf-8";
/* CSS Document */

body{
padding:0px;
margin:0px;
background-color:#ffffff;
}
a {
   outline: 0;
}
p{font-family: 'Open Sans', sans-serif;}
.wrapper{
font-family: 'Open Sans', sans-serif;
font-size:14px;	
width:1024px;
height:auto;
margin:0 auto;
}
.wrapper ul{margin-left: -20px;}
.wrapper ul li{padding:0;}
.header{
width:1024px;
height:300px;
}
.header-left{
width:700px;
height:300px;
float:left;
display:inline-block;
}
.logo{
width:700px;
height:80px;
padding-top:20px;
}
.logo-down{
width:700px;
height:auto;
font-family: 'Open Sans', sans-serif;
line-height:22px;
font-size:14px;
}
.header-right{
width:324px;
height:290px;
float:right;
margin-top:10px;
}
.clear{
clear:both;
}

.nav{
width:100%;
height:auto;
background-color: #323030;
font-family: 'Open Sans', sans-serif;
font-size:12px;
padding:7px 0;
}


.nav ul{
list-style:none;
margin:0px;
padding:0px;
}
.nav li{
line-height:22px;
display:inline;
color:#999999;

}
.nav a{
color:#FFFFFF;
padding:0 7px;
text-decoration:none;
font-size:15px;
}
.nav a:hover{
color:#FFFFFF;
text-decoration: underline;
}
.container-left{
width:300px;
min-height:700px;
height:auto;
float:left;
background-image:url(../images/table-img.gif);
background-repeat:no-repeat;
display:block;
}

.container-left-top{
padding:20px;
font-weight:bold;
font-size:20px;
font-family: 'Open Sans', sans-serif;
}

.container-right{
width:722px;	
height:auto;
float:left;
border-left:1px solid #afafaf;
}

.list{
font-family: 'Open Sans', sans-serif;
font-size:15px;
padding-left:0px;
margin:0px;
}
.list ul{
list-style:none;
margin:0px;
padding:0px;
}
.list li{
line-height:24px;
border-bottom: solid 1px #afafaf;
font-size: 14px;
}
.list a{
color: #000000;
display:block;
text-decoration:none;
padding:10px 0 10px 20px;
display:block;
}
.list a:hover{
background-color:#000000;
color:#FFFFFF;
padding:10px 0 10px 20px;
display:block;
}
.box-left{
font-family: 'Open Sans', sans-serif;
margin:10px !important;
border-radius:10px;
background-color:#FFFFFF;
float:left;
margin-top:30px;
box-shadow:1px 1px 1px 1px #999;
-webkit-box-shadow:0px 4px 12px 0px rgba(50, 50, 50, 0.32);
-moz-box-shadow:0px 4px 16px 0px rgba(50, 50, 50, 0.32);
box-shadow:0px 2px 10px 0px rgba(50, 50, 50, 0.32);
border:1px solid #CCC;
}
.box-left p{
font-family:'Open Sans', sans-serif;
font-size:13px;
padding:10px 20px 10px 30px;
display:block;
width:250px;
}

.margin-box{
margin:20px !important;

} 

.box-left p a{
font-family:'Open Sans', sans-serif;
font-size:14px;	
font-weight:bold;
color:#000000;
padding:10px 0px;
text-decoration:none;
display:block;
width:auto;
}
.box-left p a:hover{
font-family: 'Open Sans', sans-serif;
font-size:14px;	
font-weight:bold;
color:#000000;
padding:10px 0px;
text-decoration:underline;
display:block;
width:auto;
}
.box-top{
width:280px !important;
height:auto !important;
padding-left:30px !important;
padding:10px 10px 10px 0px;
background-color:#e8e8e8;
border-radius:10px 10px 0px 0px; 
font-family:Arial, Helvetica, sans-serif;
margin-bottom:10px;
}
h1{font-family: 'Open Sans', sans-serif; font-size:14px; font-weight:bold; margin:0px; padding:0px; text-transform:uppercase;}
h2{font-family: 'Open Sans', sans-serif; font-size:13px; font-weight:normal; margin:0px; padding:0px;}
.box-right{
width:330px;
height:270px;
border-radius:10px;
float:right;
background-color:#FFFFFF;
margin-top:30px;
box-shadow: 2px 2px 2px 2px #999;
}

.pagination-container{
height:200px;
width:auto;
}
.footer{
font-family: 'Open Sans', sans-serif;	
font-size:14px;
font-family:Myriad Pro;
width:1024px;
display:block;
margin:0 auto;
}
.wrapper-footer{
font-family: 'Open Sans', sans-serif;
font-size:14px;	
width:100%;
height:auto;
margin:0 auto;
background-color:#ffffff;
border-top:1px solid  #afafaf ;
}
.title{font-family: 'Open Sans', sans-serif; font-size:14px; font-weight:bold;}
.qmp{font-family: 'Open Sans', sans-serif; font-size:14px; color:#F00; text-decoration:none;}
.qmp a{font-family: 'Open Sans', sans-serif; font-size:14px; color:#F00; text-decoration:none;}
.qmp a:hover{font-family: 'Open Sans', sans-serif; font-size:14px; color:#F00; text-decoration:none;}
.items div {
  width:320px;
  height:290px;
  float:left !important;
}
.pager div {
  float: left;
  border: 1px solid gray;
  margin: 5px;
  padding: 6px 10px;
  margin-top: 30px;
}
.pager div.disabled { opacity: 0.25; }
.pager .pageNumbers a {
  display: inline-block;
  padding: 0 10px;
  color: gray;
  cursor:pointer !important;
}
.pager .pageNumbers a.active { color: #000; cursor:pointer !important;}
.pager .pageNumbers a.hover { color: #F00; cursor:pointer !important;}
.pager { overflow: hidden; float: left !important; clear: left; padding-left:36px; margin-bottom:10px;}
.paginate-no-scroll .items div { height: 250px;}
.firstPage{cursor:pointer !important;}
.previousPage{cursor:pointer !important;}
.nextPage{cursor:pointer !important;}
.lastPage{cursor:pointer !important;}
.feedback{position:absolute; top:30px; right:30px;}