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

*{
	margin: 0;
	padding: 0;
}

html {
	height: 100%;
	margin-bottom: 1px;
}

body {
	text-align: center;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	background: #565656;
	background: -moz-linear-gradient(left,  #565656 0%, #050505 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#565656), color-stop(100%,#050505));
	background: -webkit-linear-gradient(left,  #565656 0%,#050505 100%);
	background: -o-linear-gradient(left,  #565656 0%,#050505 100%);
	background: -ms-linear-gradient(left,  #565656 0%,#050505 100%);
	background: linear-gradient(to right,  #565656 0%,#050505 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#565656', endColorstr='#050505',GradientType=1 );
}

.error {
	display: block;
	margin: 12px 0;
	padding: 5px 5px 7px 5px;
	background: #E6C0BC;
	border-bottom:3px solid #DE7A7B;
	border-top:3px solid #DE7A7B;
	color:#CC0000;
	text-align: center;
}

.success {
	display: block;
	margin: 12px 0;
	padding: 5px 5px 7px 35px;
	background: #99ff99;
	border-bottom: 3px solid green;
	border-top: 3px solid green;
	color: #000;
}

.staging_server_warning {
	position: fixed;
	z-index: 1984;
	width: 100%;
	margin: 0 0 5px;
	padding: 2px;
	box-shadow: 1px 1px 5px #333;
	background-color: #ff2229;
	text-align: center;
	font-weight: bold;
}

.bg_blue1 {
	background: #3b679e;
	background: -moz-linear-gradient(top,  #3b679e 0%, #2b88d9 50%, #207cca 51%, #7db9e8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3b679e), color-stop(50%,#2b88d9), color-stop(51%,#207cca), color-stop(100%,#7db9e8));
	background: -webkit-linear-gradient(top,  #3b679e 0%,#2b88d9 50%,#207cca 51%,#7db9e8 100%);
	background: -o-linear-gradient(top,  #3b679e 0%,#2b88d9 50%,#207cca 51%,#7db9e8 100%);
	background: -ms-linear-gradient(top,  #3b679e 0%,#2b88d9 50%,#207cca 51%,#7db9e8 100%);
	background: linear-gradient(to bottom,  #3b679e 0%,#2b88d9 50%,#207cca 51%,#7db9e8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b679e', endColorstr='#7db9e8',GradientType=0);
}

.bg_red1 {
	background: #ff3019;
	background: -moz-linear-gradient(left,  #ff3019 0%, #cf0404 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ff3019), color-stop(100%,#cf0404));
	background: -webkit-linear-gradient(left,  #ff3019 0%,#cf0404 100%);
	background: -o-linear-gradient(left,  #ff3019 0%,#cf0404 100%);
	background: -ms-linear-gradient(left,  #ff3019 0%,#cf0404 100%);
	background: linear-gradient(to right,  #ff3019 0%,#cf0404 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3019', endColorstr='#cf0404',GradientType=1);
}

.bg_yellow1 {
	background: #fefcea;
	background: -moz-linear-gradient(left,  #fefcea 0%, #f1da36 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#fefcea), color-stop(100%,#f1da36));
	background: -webkit-linear-gradient(left,  #fefcea 0%,#f1da36 100%);
	background: -o-linear-gradient(left,  #fefcea 0%,#f1da36 100%);
	background: -ms-linear-gradient(left,  #fefcea 0%,#f1da36 100%);
	background: linear-gradient(to right,  #fefcea 0%,#f1da36 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#f1da36',GradientType=1 );
}

.subheader {
	margin: 0 auto 9px;
}

#page {
	width: 1800px;
	margin: 0 auto;
	text-align: left;
}

#page-top {
	position: relative;
	width: 100%;
	height: 25px;
	overflow: hidden;
}

#top-links {
	position: absolute;
	top: 3px;
	right: 12px;
	text-align: right;
	width: 400px;
	font-size: 10px;
	color: #FFFFFF;
}

#top-links a, #navigation-column a {
	text-decoration: none;
	color: #ffffff;
}

#top-links a:hover, #navigation-column a:hover {
	text-decoration: none;
	color: #EF9A30;
}

#top-status {
	position: absolute;
	top: 3px;
	left: 12px;
	text-align: left;
	width: 200px;
	font-size: 10px;
	color: #FFFFFF;
}

#page-login-bar {
	width: 100%;
	height: 34px;
	border-radius: 12px 12px 0 0;
	border-top: 3px solid #AC5A0A;
	border-bottom: 3px solid #AC5A0A;
	background: #bbb;
	overflow: hidden;
}

#page-content {
	width: 100%;
	min-height: 500px;
	overflow: hidden;
	background: #6f6f6f;
	border-radius: 0 0 12px 12px;
	box-shadow: 4px 4px 5px #333;
	
}

div.left-spacer {
	width: 20px;
	height: 1px;
	float: left;
}

div.width-800 {
	width: 1100px;
	float: left;
	overflow: hidden;
}

#login {
	text-align: right;
	margin-top: 7px;
	padding-right: 12px;
	color: #000000;
	font-weight: bold;
}

.navmenu_logo {
	display: block;
	width: 150px;
	margin: 3px auto 7px;
	border-radius: 7px;
	box-shadow: 0 0 9px #333;
}

#navigation-column {
	width: 200px;
	float: left;
	padding-top: 5px;
}

#navigation-column h3{
	padding-left: 5px;
	border-bottom:  #909090 1px solid;
}

#nav li {
	height: 18px;
	width: 100%;
	border-bottom:  #909090 1px solid;
	list-style-type: none;
}

#nav li:hover{
	background: #333333 url(../images/nav-hover-background.png);
	border-bottom:  #BA9768 1px solid;
}

#nav li a{
	padding-left: 20px;
	font-size: 13px;
	display: block;
	width: 180px;
	height: 100%;
}

#content-column{
	width:1590px;;  /* 600px - 5px padding left - 5px padding right */
	min-height: 500px;
	float: left;
	padding: 5px;
	overflow: hidden;
	border-radius: 0 0 12px 0;
	box-shadow: 4px 4px 5px #333;
	background: white;
}

#content-header{
	background: #FFFFFF url(../images/header.png) top left no-repeat;
	width: 890px;
	height: 75px;
}

#header-text{
	float: left;
	padding-left: 20px;
	width: 451px;
	padding-top: 18px;
	height: 57px;
	color: #EF9A30;
	vertical-align: middle;
	font-size: 32px;
	font-weight: 600;
}

#header-image {
	float: left;
	width: 219px;
	height: 75px;
}

.form-text-field {
	background-color: #2877C9;
	border: #EF9A30 1px solid;
	color: #FFFFFF;
	padding-left: 2px;
}

.button-log-in{
	position: relative;
	top: 4px;
}

#login_status{
	color: #FF0000;
}

/*- Menu Tabs H--------------------------- */

	h2.tabs {
		font: bold 14px Verdana, Arial, Helvetica, sans-serif;
		color: #000;
		margin: 10px 1px 1px 1px;
		padding: 0px 0px 0px 2px;
	}

	#tabsH {
      float:left;
      width:100%;
      background: #FFFFFF url(../images/tab-bar-background.png) left bottom no-repeat;
      font-size:93%;
      line-height:normal;
	}
	#tabsH ul {
		margin:0;
		padding:10px 10px 0 5px;
		list-style:none;
	}
	#tabsH li {
      display:inline;
      margin:0;
      padding:0;
	}
	#tabsH a {
      float:left;
      background:url("../images/tableftH.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
	}
	#tabsH a span {
      float:left;
      display:block;
      background:url("../images/tabrightH.gif") no-repeat right top;
      padding:5px 15px 4px 8px;
      color:#FFF;
	}
	/* Commented Backslash Hack hides rule from IE5-Mac \*/
	#tabsH a span {float:none;}
	/* End IE5-Mac hack */
	#tabsH a:hover span {
      color: #EF9A30;
	}
	#tabsH a:hover {
      background-position:0% -42px;
	}
	#tabsH a:hover span {
		background-position:100% -42px;
	}
	  
/*- End Menu Tabs--------------------------- */

#barcode-row {
	width: 97%;
	margin: 17px 0 0;
	border-radius: 7px;
	border: 1px solid #333;
	padding: 6px 12px;
	overflow-y: visible;
	text-align: center;
	color: #000000;
	font-size: 1.1em;
	font-weight: bold;
}

#barcode-row select, #barcode-row input[type=text] {
	width: 120px;
	padding: 3px 5px;
	border-radius: 3px;
	background: #ddd;
}
#barcode-row label {
	display: inline-block;
	margin: 0 6px 0 21px;
}

#tab-content{
	margin: 5px;
}

#tab-content h3{
	display: block;
	width: 100%;
	border-bottom: #EF9A30 1px dotted;
	font-size: 14px;
	margin: 10px 0px 5px 0px;
}

#tab-content h4{
	font-size: 13px;
	color: #000066;
	font-weight: bold;
}

#tab-content p{
	font-size: 13px;
	padding: 2px;
	margin: 0px 0px 5px 0px;
}

#tab-content a{
	color: #0033FF;
}

#tab-content a:hover{
	color: #0066FF;
}

#barcode-errors{
	margin: 5px;
	border: #CC0000 3px solid;
	padding: 5px 5px 5px 55px;
	background:  #FFFFFF url(../images/error-bullet-big.gif) left no-repeat;
	color: #FF0000;
	font-weight: bold;
}

.view-order-box {
	width: 95%;
	min-height: 92px;
	margin: 7px auto;
	padding: 3px 7px;
	background-color: #D1D6FA;
	border: #000066 2px solid;
	border-radius: 5px;
	box-shadow: 3px 3px 3px #777;
	overflow: hidden;
}
.view-order-box-ship-info {
	position: absolute;
	top: 3px;
	right: 190px;
	width: 290px;
}
.view-order-box-thumb {
	position: absolute;
	top: 3px;
	right: 12px;
	height: 85px;
	box-shadow: 2px 2px 3px #777;
	border-radius: 5px;
	border: 1px solid #333;
}
/*For old vOrders page, remove when it's replaced */
#view-order-box{
	border: #000066 2px solid;
	margin: 5px;
	background-color: #D1D6FA;
	width: 566px;
	min-height: 60px;
	overflow: hidden;
}
#view-order-box a {
	color: #0033FF;
}
#view-order-box a:hover {
	color: #0066FF;
}
/*End - For old vOrders page, remove when it's replaced */

#view-order-info-box{
	float: left;
	text-align: left;
	padding: 5px;
	width: 400px;
}

#view-order-image-box{
	float: right;
	width: 156px;
	background-color: #D1D6FA;
	height: 60px;
	text-align: center;
}

#view-order-order-id{
	text-align: center;
	font-weight: bold;
	font-size: 12px;
}

#view-order-order-title{

}

#view-order-order-info{
	font-size: 11px;
}

#status-button-header{
	clear:both;
	width:100%;
	color: #2877c9;
	font-size: 15px;
}

#status-button-left{
	float: left;
	height: 82px;
	width: 15%;
	background: #FFFFFF url(../images/status-button-left.png) top right no-repeat;
}

#status-button-right{
	float:left;
	height: 82px;
	width: 15%;
	background: #FFFFFF url(../images/status-button-right.png) top left no-repeat;
}

#status-button-middle {
	margin: 7px auto;
	width: 80%;
	padding: 6px 0;
	border-radius: 21px;
	vertical-align: middle;
	font-size: 40px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
}
.status_button_regular {
	border: 5px #FF3300 groove;
	box-shadow: 4px 4px 5px #777;
	text-shadow: 2px 2px 2px black;
	color: #FFFFFF;
}
.status_button_canceled {
	border: 5px #900 groove;
	color: black;
	text-shadow: 1px 1px 2px #eee;
}
#cover-status{
	font-size:15px;
	font-weight:bold;
	text-transform: none;
	text-shadow: 1px 1px 1px black;
}

#status-button-footer{
	clear:both;
	width:100%;
	color: #2877c9;
	font-size: 15px;
}

#status-quantity-message{
	clear: both;
	width: 100%;
	text-align: center;
	padding: 10px 0px 5px 0px;
	color: #FF3300;
	font-size: 18px;
}

#update-order-header{
	width: 100%;
	text-align: center;
	font-size: 18px;
}

#update-order-link{
	width: 100%;
	text-align: center;
}

div#packing-slip-form{
	text-align: center;
}

div#invoice-form{
	text-align: center;
}

div#payslip-form{
	text-align: center;
}

#order-parse-details{
	display: inline;
}
#order-parse-errors{
	display: inline;
}
#order-import-summary{
	float: left;
	width: 290px;
	overflow: hidden;
}
#order-batch-summary{
	float: right;
	width: 290px;
	overflow: hidden;
}
#status-box{
	width: 19%;
	float:left;
	height: 60px;
	border-left: 1px #999999 solid;
	text-align: center;
}
#status-box-last{
	width: 19%;
	float:left;
	height: 60px;
	border-left: 1px #999999 solid;
	border-right: 1px #999999 solid;
	text-align: center;
}

#header-spacer{
	width: 590px;
	clear: both;
	height: 10px;
}

.search-row-title{
	width: 285px;
	float: left;
	height: 25px;
	text-align: right;
	overflow: hidden;
}

.search-row-input{
	width: 285px;
	float: right;
	height: 25px;
	overflow: hidden;
}

#search-row-button{
	width: 585px;
	text-align: center;
	clear: both;
}

table#ships_with{
	width: 570px;
	border: 1px solid #000000;
	padding: 5px;
	margin: 5px;
}

table#ships_with th{
	text-align: center;
	font-size: 15px;
	border-bottom: 1px solid #000000;
}

table#ships_with td{
	text-align: left;
	width: 33%;
}

b.paid-0{
	color: #FF3300;
}

b.paid-1{
	color: #006600;
}

/***** Newer Stuff *****/
#footer {
	margin: 12px auto 7px;
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	color: white;
}

.table1 {
	margin: 3px auto 12px;
	border-collapse:collapse;
	border-radius: 12px;
}
.table1 th {
	padding: 3px 12px;
	background: #4c4c4c;
	background: -moz-linear-gradient(top,  #4c4c4c 0%, #595959 12%, #666666 25%, #474747 39%, #2c2c2c 50%, #000000 51%, #111111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c4c4c), color-stop(12%,#595959), color-stop(25%,#666666), color-stop(39%,#474747), color-stop(50%,#2c2c2c), color-stop(51%,#000000), color-stop(60%,#111111), color-stop(76%,#2b2b2b), color-stop(91%,#1c1c1c), color-stop(100%,#131313));
	background: -webkit-linear-gradient(top,  #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%);
	background: -o-linear-gradient(top,  #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%);
	background: -ms-linear-gradient(top,  #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%);
	background: linear-gradient(to bottom,  #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 );
	color: #eee;
}
.table1 th a {
	color: #fff !important;
	text-decoration: underline !important;
}
.tcenter td, .tcenter th {
	text-align: center;
}
.cell_a, .cell_a td {
	margin: 0;
	padding: 3px 12px;
	background: #aaa;
}
.cell_b, .cell_b td {
	margin: 0;
	padding: 3px 12px;
	background: #ddd;
}

.edit p {
	margin: 0 0 7px;
}
.edit label {
	display: inline-block;
	vertical-align: top;
	width: 200px;
	padding: 0 6px;
	text-align: right;
	font-weight: bold;
}
.edit input[type=text], .edit input[type=email], .edit input[type=phone],
.edit input[type=password], .edit input[type=date], .edit select {
	width: 300px;
	padding: 3px 5px;
	border-radius: 3px;
	background: #ddd;
}
.edit .short {
	width: 75px;
}
.edit textarea {
	width: 350px;
	height: 200px;
	padding: 3px 5px;
	border-radius: 3px;
	background: #ddd;
}
.buttons {
	margin: 12px 0 21px; 
	text-align: center;
}
.buttons a, .buttons input[type=submit], .buttons input[type=button], .button {
	display: inline-block;
	min-width: 120px;
	margin: 3px 9px 12px;
	padding: 4px 12px;
	border: 1px solid #333;
	border-radius: 12px;
	background: #3b679e;
	background: -moz-linear-gradient(top,  #3b679e 0%, #2b88d9 50%, #207cca 51%, #7db9e8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3b679e), color-stop(50%,#2b88d9), color-stop(51%,#207cca), color-stop(100%,#7db9e8));
	background: -webkit-linear-gradient(top,  #3b679e 0%,#2b88d9 50%,#207cca 51%,#7db9e8 100%);
	background: -o-linear-gradient(top,  #3b679e 0%,#2b88d9 50%,#207cca 51%,#7db9e8 100%);
	background: -ms-linear-gradient(top,  #3b679e 0%,#2b88d9 50%,#207cca 51%,#7db9e8 100%);
	background: linear-gradient(to bottom,  #3b679e 0%,#2b88d9 50%,#207cca 51%,#7db9e8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b679e', endColorstr='#7db9e8',GradientType=0 );
	box-shadow: 3px 3px 3px #999;
	font-family: arial;
	font-weight: bold;
	font-size: 1.0em;
	color: black !important;
	text-decoration: none;
	text-align: center;
}
.buttons a:hover, .buttons input[type=submit]:hover, .button:hover {
	box-shadow: 3px 3px 4px #333;
}

/* For Independent Pages */

h1.ind_header {
	width: 950px;
	margin: 21px auto 0;
	padding: 10px;
	box-shadow: 0 0 10px #555;
	border-radius: 21px 21px 0 0;
	color: #FFFFFF;
	text-shadow: 2px 2px 2px #000;
}

.ind_content_lower {
	width: 950px;
	margin: 0 auto 10px;
	padding: 10px;
	box-shadow: 0 0 10px #555;
	border-radius: 0 0 21px 21px;
	background: #f1f1f1;
}

.title-row {
	width: 100%;
	padding: 2px 0 7px;
	text-align: center;
}

.product_status {
	float: left;
	vertical-align: top;
	width: 115px;
	padding: 9px;
	border: 3px groove #333;
	border-radius: 7px;
	box-shadow: 0 0 5px #777;
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
	color: #FFFFFF;
	text-shadow: 1px 1px 1px black;
}

.cover-status {
	display: inline-block;
	vertical-align: top;
	width: 85px;
	height: 40px;
	padding-top: 9px;
	background: #FFFFFF url(../images/cover-icon.png) center no-repeat;
	text-align: center;
	font-weight: bold;
	font-size: 13px;
}

.number-pages{
	display: inline-block;
	vertical-align: top;
	width: 85px;
	height: 40px;
	padding-top: 18px;
	background: #FFFFFF url(../images/sheets.png) center no-repeat;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
}

.number-copies {
	display: inline-block;
	vertical-align: top;
	width: 85px;
	height: 40px;
	padding-top: 18px;
	background: #FFFFFF url(../images/books.png) center no-repeat;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
}

.order_ids {
	display: inline-block;
	vertical-align: top;
	width: 235px;
	text-align: center;
}

.order_items {
	display: inline-block;
	vertical-align: top;
	width: 270px;
	text-align: center;
}

.item_page_box_area, .item_page_info_area {
	border-bottom: 3px solid #e79a30;
	padding: 7px 0;
	margin-bottom: 5px;
	overflow: hidden;
}
.item_page_box_area div {
	display: inline-block;
	vertical-align: top;
	margin: 0 3px;
	width: 300px;
	min-height: 160px;
	padding: 3px;
	text-align: left;
}
.item_page_box_area h3 {
	margin-bottom: 7px;
	font-weight: bold;
	font-size: 15px;
}
.right_border {
	border-right: 2px solid #e79a30;
}

#notes_area {
	margin: 3px 0;
	width: 90%;
	height: 4em;
	color: black;
	font-size: 14px;
}

.thumbs_area {
	margin-bottom: 5px;
	border-bottom: 3px solid #e79a30;
}
.thumbs_area ul {
	width: 50000px; 
	margin-bottom: 5px;
	padding: 12px 0 9px 12px;
	background: #777;  
	list-style: none;
	text-align: left;
}
.thumbs_area li {
	display: inline-block;
	margin-right: 3px;
	text-align: center;
}
.thumbs_area img {
	height: 85px;
	border-radius: 3px;
	border: 1px solid #333;
}

.reprint {
	display: inline-block;
	vertical-align: top;
	width: 47%;
	padding: 7px 1%;
}
.reprint .edit label {
	width: 100px;
}
.reprint h4 {
	margin-bottom: 5px;
}
.reprint p {
	text-align: left;
}
.form-group {
	margin-right: 15px;
    margin-left: 15px;
    margin-bottom: 5px;
}
.form-group.add {
	margin-bottom: 20px;
}
.form-group.hide {
	display : none;
}
.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}
.btn {
    display: inline-block;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    padding: 0 2px;
    white-space: nowrap;    
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border-radius: 4px;
}
.btn-default:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}
.btn.btn-default {
   margin-left: 5px;
}