/* @override http://order.scrippro.local/stylesheets/main.css */

/*****Reset*****/
/* Remove margin and padding from elements */

html, body, div, ul, ol, dl, li, dt, dd, blockquote,  
pre, form, fieldset, table, th, td { margin: 0; padding: 0; } 

/*****Basic Elements*****/
/* Define styles for basic elements */
body {
	background-color: #fff;
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
	margin: 0;
}

th { text-align: left; }

h1 {
	font: 26px Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	margin-top: 0px;
	margin-bottom: 15px;
	color: #8aae4c;
}
h2 {color: #555; font:bold 28px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; letter-spacing:-1px; }
h3 {color: #8aae4c; font:normal 24px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; letter-spacing:-1px; margin-bottom:5px; }
.headgreen {font: bold 16px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; color: #8aae4c; }

small { font-size: .75em; }

a img { border: 0; }

#coordinator body { margin: 0; font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; }

a:link, a:visited {
	color: #5397d8;
	font-weight: bold;
	text-decoration: underline;
}

a:hover {
	color: #f06000;
	font-weight: bold;
	text-decoration: underline;
}

fieldset { border-style: none; margin-bottom: 25px; }
fieldset legend {
	margin-left:0px;
	font-variant: normal;
	text-transform: none;
	font: bold 16px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #8aae4c;
}

form.button-to, form.button-to div { display: inline; }

input[type="button"]:focus, input[type="submit"]:focus { }
input[type="text"]:focus, input[type="password"]:focus { background-color: #FFC; border-color: #666; }
textarea:focus { background-color: #FFC; border-color: #666; }

/*****Generic Classes*****/
/* Define styles for simple things like floating to the sides, removing bottom border, etc */

.number { text-align: right; }
.currency { text-align: right; }

.right 	{ float: right; }
.left 	{ float: left; }
.clear 	{ clear: both; }

.text_right 	{ text-align: right; }
.text_left 		{ text-align: left; }
.text_center 	{ text-align: center; }

.big		{ font-size: 18px; width: 100%; }
.big_narrow { font-size: 18px; }

.no_margin_top { margin-top: 0; }

/*****Basic Layout*****/
/* Define the basic template: header, footer, etc */

#header-bg {
	width: 100%;
	background: url(../../images/bg_header.jpg) repeat-x 0px 0px;
}

#header {
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	width: 960px;
	padding: 10px;
	padding-top: 0px;
}

#container {
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	width: 960px;
	padding: 10px;
	padding-bottom: 200px;
	padding-top: 0px;
}

.narrow_900 #container, .narrow_900 #header {
	width: 900px;
}

#footer {
	height: 40px;
	background-color: #ededed;
	border-top: 1px solid #cecece;
	text-align: center;
	font-size: 10px;
	padding-top: 10px;
	position: fixed;
	bottom: 0;
	width: 100%;
	left: 0;
}

/*****Etc*****/

.serial {
	font-family: "Courier New", Courier, mono;
}

/* @group Order Summary */

#order-summary {
	width: 100%;
	height: 100px;
	position: fixed;
	bottom: 0;
	left: 0;
	background-color: whitesmoke;
}

#order-id {
	text-align: right;
}

#order-id h2 {
	font:bold 26px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	letter-spacing:-1px;
	color: #555;
	margin-top:10px;
	margin-bottom:10px;
}

#date h1 {
	font:bold 26px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	letter-spacing:-1px;
	color: #8aae4c;
	margin-top:10px;
	margin-bottom:10px;
}

#billing_address {
	width: 400px;
	height: 110px;
	font-size: 12px;
}

#shipping_address {
	width: 400px;
	height: 110px;
	font-size: 12px;
}

#inactive-line-item-table {
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
  border: 1px solid red;
}

#inactive-line-item-table h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  letter-spacing:0px;
  margin: -7px;
  margin-bottom: 0px;
  background-color: #c00;
  color: #fff;
}

#inactive-line-item-table table {
	border-collapse: collapse;
}

#backorder-line-item-table {
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
  border: 1px solid red;
}

#backorder-line-item-table h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  letter-spacing:0px;
  margin: -7px;
  margin-bottom: 0px;
  background-color: #c00;
  color: #fff;
}

#backorder-line-item-table table {
	border-collapse: collapse;
}

#unsupported-line-item-table {
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
  border: 1px solid red;
}

#unsupported-line-item-table h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  letter-spacing:0px;
  margin: -7px;
  margin-bottom: 0px;
  background-color: #c00;
  color: #fff;
}

#unsupported-line-item-table table {
	border-collapse: collapse;
}

#summary {
	margin-top: 15px;
	margin-bottom: 15px;
}

#order-control #confirm,
#order-control #edit,
#order-control #print,
#order-control #cancel,
#order-control #fill {
	clear: right;
	float: right;
	margin: 0;
	text-align: center;
	margin-bottom: 10px;	
}

#order-control #confirm { background-color: #C4E7A5; border: 1px solid #96D55E; }
#order-control #confirm a{
	padding: 2px 10px;
	font: bold 15px/25px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-decoration: none;
	color: #000;
	width: 120px;
	display: block;
}

#order-control #fill { background-color: #C4E7A5; border: 1px solid #96D55E; float: right; }
#order-control #fill a{
	padding: 2px 10px;
	font: bold 15px/25px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-decoration: none;
	color: #000;
	width: 140px;
	display: block;
}

#order-control #edit { background-color: #e4e7ac; border: 1px solid #d3d261; }
#order-control #edit a{
	padding: 2px 10px;
	font: bold 15px/25px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-decoration: none;
	color: #000;
	width: 120px;
	display: block;
}

#order-control #cancel { background-color: #e39498; border: 1px solid #d05559; }
#order-control #cancel a{
	padding: 2px 10px;
	font: bold 15px/25px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-decoration: none;
	color: #000;
	width: 120px;
	display: block;
}

#order-control #print { background-color: #C4E7A5; border: 1px solid #96D55E; }
#order-control #print a{
	padding: 2px 10px;
	font: bold 15px/25px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-decoration: none;
	color: #000;
	width: 120px;
	display: block;
}

#order-control #instructions {
	margin-top: 0;
}

/* @end */

tr.active {
	background-color: white;
}

.inactive {
}

tr.backorder {
}

/* @group Errors */

.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}

#errorExplanation {
  /*width: 400px; */
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  margin-bottom: 0;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
	list-style-position: inside;
}

#message_center .notice {
	border: 1px solid #96D55E;
	background-color: #C4E7A5;
	padding: 5px;
	font-weight: bold;
}

#message_center .error {
	background-color: #c00;
	padding: 5px;
	border: 1px solid #7c0509;
	font-weight: bold;
}

/* @end */









fieldset p {
	font-style: italic;
	font-size: .9em;
}

tr.light {
	background-color: #fff;
}

tr.dark {
	background-color: #f5f5f5;
}

#admin .scrip_issuer {
	border: 1px solid #ccc;
	margin-bottom: 5px;
}

#admin .scrip_issuer .header {
	background-color: silver;
}

#admin .scrip_issuer .scrip_cards {
	margin-left: 25px;
}

#admin .serial_auth_requests {
	margin-left: 25px;
}

#table_header {
	/*background-color: #dddddd;*/
	table-layout: fixed;
	padding: 5px;
	font: bold 16px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	letter-spacing:-1px;
	color:#555;
	border-bottom:2px solid #dcdcdc;
}

#line_items_wrapper {
	min-height: 200px;
	height: auto !important;
	height: 200px;
	background-color: #eee;
	padding: 5px;
	padding-left: 0;
	padding-right: 0;
	width: 960px;
}

#line_items_table {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	table-layout: fixed;
	border-collapse: collapse;
	width: 100%;
}

#totals {
	background-color: #999;
	color: #fff;
	padding-left: 0;
	padding-right: 0;
	width: 960px;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#add_line_item {
	padding: 5px;
	padding-left: 0;
	padding-right: 0;
	width: 960px;
	background-color: #c0c0c0;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#init_row  {
	margin-top: 65px;
	margin-bottom: 65px;
	text-align: center;
	color: #999;
	font:bold 50px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	letter-spacing:-1px;	
}

#nav-bar {
	height:30px;
}

#order_message {
	border: 1px solid #ccc;
	background-color: #e6e6e6;
	margin-bottom: 10px;
	padding: 5px;
	font-weight: bold;
}



textarea#message {
	width: 600px;
	height: 100px;
	border-style: none;
}

.scrip_issuer .inactive {
	background-color: #999;
	padding: 1px;
}

.scrip_issuer .backorder {
	background-color: #fa999a;
	padding: 1px;
}

.scrip_issuer .active {
	background-color: #9cff9a;
	padding: 1px;
}





#coordinator #subtitle {
	float: right;
	text-align: right;
	color: #555;
	font:bold 24px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	letter-spacing:-1px;	
	margin-top: 35px;
}

#coordinator #print a {
	font: bold 15px/25px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-decoration: none;
	color: #000;
}



/* @group Print Order */

#print-order {
	font-size: 13px;
}

#print-order textarea {
	font-size: 13px;
}

#print-order #billing_address {
	width: 400px;
	height: 110px;
}

#print-order #shipping_address {
	width: 400px;
	height: 110px;
}

#print-order #header {
	border-bottom: 1px solid silver;
	margin-bottom: 15px;
}

#print-order #contact-info {
	padding: 3px;
	font-size: 11px;
}

#print-order #order-info {
	text-align: right;
	margin-top: 20px;
	float: right;
	font-family:"Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#print-order .order-id {
	font-weight: bold;
	font-size: 24px;
}

#print-order .date {
	font-weight: bold;
	font-size: 18px;
}

#print-order .acct-number {
	font-weight: bold;
	font-size: 18px;
}

#print-order #instructions {
	margin-top: 0px;
}

/* @end */

.large_total {
	font-size: 24px;
	font-weight: bold;
}

#order_submit_button {
	margin-top: 25px;
}

#shipping_method {
	width: 300px;
	height: 100px;
	margin-top: 100px;
	margin-left: 660px;
	margin-bottom: 75px;
	text-align: right;
	position: absolute;
}

#instructions textarea {
	width: 500px;
	height: 75px;
}

/* @group Vendors */

#vendor {
	margin-left: auto;
	margin-right: auto;
	width: 800px;
}

#vendor img {
	float: right;
}

#vendor p {
	clear: both;
}

#vendor h1 {
	display: inline;
	float: left;
	margin-top: 5px;
	vertical-align: top;
}

#vendor table {
	table-layout: fixed;
	width: 100%;
}

#vendors {
	margin-left: auto;
	margin-right: auto;
	width: 860px;
}

table#vendors {
	border-collapse: collapse;
	width: 75%;
	table-layout: fixed;
	float: right;
	margin-top: 35px;
}

table#vendors td {
	padding: 2px;
}

#vendor_sidebar {
	width: 20%;
	float: left;
}

#vendor_sidebar h3 {
	margin-top: 0;
}

ul#vendor_categories, ul#vendor_regions {
	list-style: none;
}

#vendor_sidebar ul {
	margin-bottom: 10px;
}

#vendors img {
	height: 50px;
	width: 100px;
}

#vendors li {
	width: 200px;
	min-height: 90px;
	border: 1px solid #d4d4d4;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
	margin: 5px;
	zoom: 1;
	*display: inline;
	_height: 90px;
}

#vendors div { text-align: center; }
#vendors h4 { margin: 0; }

/* @end */

#individual_orders table {
	background-color: #eee;
	border-collapse: collapse;
	margin-bottom: 15px;
	table-layout: fixed;
	width: 100%;
}

#individual_orders table thead {	
	padding: 5px;
	font: bold 16px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	letter-spacing:-1px;
	color:#555;
	border-bottom:2px solid #dcdcdc;
}

#individual_orders_table .individual-order-preview {
}

.edit_organization ul {
	list-style-type: none;
}

.edit_organization ul ul {
	text-indent: 20px;
}

.edit_organization h3 {
	margin-top: 5px;
}

.edit_organization input[type=submit] {
	font-size: 18px;
	font-weight: bold;
}

.edit_organization #control {
	width: 100%;
}

.edit_organization #org-info {
	float: right;
	width: 400px;
}

.edit_organization #org-info fieldset {
	border: 1px solid #666;
	padding: 10px;
}

.edit_organization #org-vendors {
	width: 450px;
}

.edit_organization #org-vendors h4 {
	margin-top: 5px;
	margin-bottom: 0;
}

.individual-order-preview {
	margin-left: 20px;
	margin-right: 20px;
}

.clear {
	margin-bottom: 15px;
}

.height_1 { height: 60px; }
.height_2 { height: 140px; }
.height_3 { height: 220px; }
.height_4 { height: 300px; }
.height_5 { height: 380px; }
.height_6 { height: 460px; }

table.orders {
	border-collapse: collapse;
	width: 100%;
}

table.order tr {
	
}

table.orders td {
	border-bottom: 1px solid #ececec;
	padding-top: 3px;
	padding-bottom: 3px;
}