* {margin:0; padding:0; font-family:Verdana, Geneva, sans-serif}
html, body { width:100%; height:100%; font-size:12px;}
h1 {margin:0 0 15px}

h2, h3 {
	font-weight:normal;
	margin: 10px 0;
        font-family: Geneva, Arial, Helvetica, sans-serif;
        font-size: 22px;
}
/* #main {position:relative; left:50%; width:800px; margin-left:-400px; } */
#main {position:relative; width:800px; margin:0 auto; }

a {color:#045E94}

.blue {color:#045E94}
.up_size{color:#000000;font-size: 10px;}
.orange{color:#cc9933}
.green{color:#050}
.red{color: #EC2B1A}
.grey{color:#eee}
.grey_2{color:#777777;}
.order_input{height:20px;}
.panel {
	border: 1px solid #ccc;
	background-color:#eee;
	padding:10px 15px 25px;
	color:#045E94;
	z-index:0;
	
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;	
}

.green a{color:#050}
.red a{color: #EC2B1A}


.colat {
    float: left;
    width: 380px;
    margin-right: 20px;
}

.colat input{
   width: 250px;
   margin-bottom:10px;
   
}
.input_data_atr{width:300px;padding-left:40px;}

.img_del{
        *position:absolute;
        float:right;
        margin-right:5px;
        width:20px;
        height:30px;
        background:url(../image/icodel.gif) no-repeat right top;
        cursor:pointer;}

h3.title {
    color: #CC9933;
    font-size: 18px;
    margin: 20px 0 10px 0;
}

        
.label_3 {
    color: #555555;
    float: left;
    height: 30px;
    width: 160px;
}


.panel.adm_search {
	border: 1px solid #ccc;
	background-color:#eee;
	padding:10px 15px 15px;
	color:#045E94;
	z-index:0;
	
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;	
}

.exp_data{
    width:200px;
}


.no-radius-left-top {
	-webkit-border-top-left-radius:0 !important;
	-moz-border-radius-topleft:0 !important;
}

.panel label {
	font-weight:bold;
	color:#777;
}
.border0 {
	border-width:0 !important;
}


.center {text-align:center}
.right {float:right}
.cl {clear:both;
     height: 0;
     overflow: hidden;
    }

button,
input[type=button].st-blue-btn
{
	padding:2px 10px !important;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;	
	border-width:1px;
        border-radius: 6px;
	/*behavior: url(../pie/PIE.htc);*/
	margin:15px 3px 0px 0px!important;
        background: #fff;
        position: relative;
}


input[type=button].st-blue-btn {
    background-color:#045E94;
    /*background-color: #C93;*/
    border-width:0;
    color:#fff;
    cursor:pointer;
}

input[type=button].st-blue-btn:hover {
    cursor:default;
}

input[type=button].st-blue-btn:disabled,
input[type=button].st-btn-disabled
{
    background-color: #B5C1C9 !important;
    /*background-color: #E4CFA5 !important;*/
    color: #888;
    cursor:default !important;
}

.st-select-all-box {
    line-height:20px;
    margin:15px 3px 0px 0px!important;
}

.st-select-all-box input {
    float: left;
    margin: 3px 8px 0 2px;
}

.btn-width-1 {
    width: 120px;
}

.right-btn-box {
    float: right;
}

.left-btn-box {
    float: left;
}

.st-btns-panel {
    margin-bottom:10px;
}

.st-btns-panel:after {
    clear:both;
    display: block;
    content:'';
}

.pricbut
{
    position: static !important;
}
* html button {
	padding:1px 0;
}
button.search {
}
button.yellow {
	
	background-color:#C93;
	border-width:0;
	color:#fff;
}
button.blue {
	background-color:#045E94;
	border-width:0;
	color:#fff;
}

.but_blue
{
    padding:3px 10px !important;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-width:1px;
        border-radius: 6px;
	/*behavior: url(../pie/PIE.htc);*/
	margin:15px 3px 0px 0px!important;
        background: #fff;
        position: relative;
        background-color:#045E94;
	border-width:0;
	color:#fff;
}

button.light_blue{
	background-color:#3399CC;
	border-width:0;
	color:#fff;
}
button.large {
	font-weight:bold;
	font-family:14px;
	padding:5px 15px;
}
* html button.large {
	padding:3px 0;
}

.pdfIco {
	background:url(../image/pdf_ico.gif) no-repeat left center;
	padding-left:30px;
	height:33px;
	line-height:33px;
	float:left;
}

.pdfIcoSmall {
	background:transparent url(../image/pdf_ico_s.gif) no-repeat scroll left center;
	float:left;
	height:25px;
	line-height:25px;
	padding-left:25px;
	text-decoration:none;
}

.pdfIcoSmallEdit {
	background:transparent url(../image/pdf_ico_s.gif) no-repeat scroll left center;
	float:left;
	height:25px;
	line-height:25px;
	padding-left:25px;
	text-decoration:none;
        width:140px;
}


.up-space {margin-top: 10px}
.down-space {margin-bottom: 10px}



.label-error {font-weight:normal !important; color:red !important; }

.field-error {border:2px solid red !important; }

.tabs {color: #777; margin:2px 0px 0}
.tabs .tab {
	font-weight:bold;
	padding:5px 9px 3px;

	background-color:#ccc;
	color:#045E94;
	border: 1px solid #ccc;
	border-bottom-width:0;
	
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topleft: 6px;	
	-moz-border-radius-topright: 6px;	
	
	line-height:18px;
}
.tabs .active {
	color: #777 !important;
	background-color:#eee;
}
.userLogoAdmin {
	width:350px;
	height:180px;
	background-position:left center;
	background-repeat:no-repeat;
}

.userLogo {
	width:350px;
	height:260px;
	background-position:left center;
	background-repeat:no-repeat;
}
.cdsLogo {
	width:320px;
	height:260px;
	background: #fff;
}

#welcomeLine {
	color:#ccc;
}

#welcomeLine a {
	margin:1px 2px;
}
#welcomeLine a.logout {
	color:#933;
}

.searchLine {width:450px; font-size:13px; padding:1px;}
.searchType {width:70px; font-size:13px; padding:1px;margin-right: 20px;}
.searchBy {margin-top:25px;}
.searchBy label {margin-right:10px;}

.bookItem {margin-top:25px; color: #045E94}


p.welcome {
	color:#045E94;
	font-size:14px;
	font-weight:bold;
	margin:20px 0;
}

.noresults {color:#933;margin-left:25px !important}

.thumb-holder {
	width:130px;
	float:left;
	text-align:center;
}

.thumb {padding:0 10px 15px;}

.bookInfo {float:left; width:620px;}
.bookInfo div {white-space:nowrap; line-height:20px}
.bookInfo div.title {font-weight:bold}
.bookInfo div.space-r span {margin-right:35px}

ul.attr {width:550px; list-style-type:none;margin-top:25px;}
ul.attr li {margin-left:25px; line-height:20px; clear:none; border-bottom:1px dotted #ccc}

ul.attr li,
ul.ship li {clear:both}
ul.attr li span,
ul.ship li span,
ul.ship li input {clear:none; float:right; width:300px;}
ul.ship li select {clear:none; float:right; width:300px;}
ul.ship li textarea {clear:none; float:right; width:300px; font-size: 12px;}

ul.attr li span,
ul.ship li span {color:#555}

 ul.ship li .input_data4{float:right;width:303px;overflow:hidden;}
 ul.ship li .file-input-box,.file-input-box input{overflow:hidden;}
 ul.ship li .file-input-box{position:relative;width:550px;height:20px;background:url(../image/fileinputbutton.png) no-repeat top;cursor:pointer;}
 ul.ship li .file-input-text{float:left;width:240px;}
 ul.ship li .file-input{position:absolute;right:0px;top:0px;height:22px;font-size:99px;opacity:0;filter:alpha(opacity=0);cursor:pointer;width:600px;}


.price {color:#050 !important; clear:none; float:right; width:300px; font-size: 12px;}

.star{
	color:#993333;
	text-transform:uppercase;
}
        

            .input_data4{float:left; width:240px; height:35px;}
            
            .file-input-box_gr{background:url(../image/fileinputbutton.png) no-repeat right top;cursor:pointer;font-size:15px;width:270px;}
            .file-input-box,.file-input-box input{overflow:hidden;}
            .file-input-box{background:url(../image/fileinputbutton.png) no-repeat right top;cursor:pointer;font-size:15px;}
            .file-input-box.group{width:275px;}
            .file-input-text{height:20px;line-height:20px;width:180px;}
            .file-input{position:relative;opacity:0;filter:alpha(opacity=0);cursor:pointer;width:80px;}
        
.disabled {
	background-color: rgb(255, 255, 255) ! important;
}

.add_user{
    width:440px;
}

.add_user text{
    width:272px;
}

.add_user select{
    width:273px;
}

.footer{
    bottom: 0;
    height: 102px;
    left: 0;
    min-width: 1000px;
    padding: 0;
    width: 100%;
}

.priceform{width:750px; overflow-x:auto; overflow-y:hidden; margin:0; padding-bottom:15px; }
.scroll{overflow:auto;height:800px;}
table#table-body, table#table-header
{
table-layout:fixed;
width:1000px;
}

table#table-body td, table#table-header th
{
width:150px;
height:30px;
overflow:hidden;
white-space:nowrap;
}

div#header-container
{
overflow:hidden;
}

div#scroll
{
width:750px;
overflow:hidden;
max-height:550px;
padding-left:1px;
}

div#fake-scroll-container
{
width:750px;
overflow:hidden;
position:relative;
}

div#y-fake-scroll
{
overflow-y:scroll;
overflow-x:hidden;
background:transparent;
position:absolute;
right:0;
position:absolute;
max-height:549px;
top:31px;
}

div#x-fake-scroll
{
height:40px;
margin-top:-23px;
overflow-x:auto;
overflow-y:hidden;
margin-top:expression('0px');/* IE 7 fix*/
height:expression('17px'); /* IE 7 fix*/
}

div#y-scroll
{
max-height:150px;
overflow-y:auto;
overflow-x:hidden;
overflow:scroll;
width:1010px;
padding:0px 1px 1px 1px;
}

div#header-container
{
padding:1px 1px 0 1px;
}

/*styles for paging*/
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #3399CC;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 2;
  color: #23527c;
  background-color: #eee;
  border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: #337ab7;
  border-color: #337ab7;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.pager {
  padding-left: 0;
  margin: 20px 0;
  text-align: center;
  list-style: none;
}
.pager li {
  display: inline;
}
.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 15px;
}
.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: #eee;
}
.pager .next > a,
.pager .next > span {
  float: right;
}
.pager .previous > a,
.pager .previous > span {
  float: left;
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
}
