/* @override http://192.168.100.4:55000/cgi-bin/WebObjects/Generator.woa/wr/wodata=/Users/ssmith/Documents/eclipse_3_4_1/workspace/Generator/build/Generator.woa/Contents/WebServerResources/generator.css */

a {
	text-decoration:none;
	color: #666;
	/*border-bottom: 1px solid #666;*/
}
a:hover {
	color: #4477dd;
	/*border-bottom: 1px solid #4477dd;*/
}

body, table {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333;
}
body {
	background-color: #fff;
	padding: 0;
	margin: 0;
}

/** ERROR **/
.error {
	color:  red;
	font-size: 16px;
}

.small_error {
	color:  red;
}

/** CONTROLS **/

.help a {
	border: 1px solid #4477dd;
	padding-left: 1px;
	padding-right: 1px;
	margin-left: 5px;
	color: #4477dd;
	font-size: .5em;
}

.help a:hover {
	color: white;
	background-color: #4477dd;
}

.cancel a{
	font-size: 14px;
	border: 1px solid red;
	padding-left: 1px;
	padding-right: 1px;
	color: #4477dd;
}

.cancel a:hover {
	color: red;
}

a.cancel {
	font-size: 14px;
	border: 1px solid red;
	padding-left: 1px;
	padding-right: 1px;
	color: #4477dd;
}

a:hover.cancel  {
	color: red;
}

.delete_control a {
	width: 40px;
	border: 1px solid red;
	color: #4477dd;
	background-color: #fff;
	padding-left: 1px;
	padding-right: 1px;
	text-align: center;
	margin: 2px 0px 1px 15px;
}

.delete_control a:hover {
	color: red;
}

a.control {
	display: block;
	width: 30px;
	border: 1px solid #4477dd;
	color: #4477dd;
	background-color: #fff;
	padding-left: 1px;
	padding-right: 1px;
	margin-bottom: 1px;
	margin-top: 2px;
	margin-left: 5px;
	text-align: center;
}

a.control:hover {
	background-color: #4477dd;
	color: #000;
}
/** DEBUGING **/
/*
div {
	border: 1px solid red;
}
*/

/** WRAPPER **/

.wrapper {
	width:  766px;
	margin:  0 auto 0 auto;
	background-color: #fff;
	/*display: auto;*/
}

/** HEADER **/

.header {
	/*float: left;*/
	height: 70px;
	background: #fff;
	padding-left: 10px;
	padding-top: 5px;
	padding-right: 10px;
	border-bottom: 1px solid #4477dd;
	display: auto;
}

.header img {
	float: left;
}

.header a, header a:hover {
	border:  none;
}

.localized {
	vertical-align: bottom;
	float: right;
	padding-top: 25px;
	width: 300px;
	text-align: right;
	padding-right: 8px;
}

/** TOOLBAR **/

.toolbar {
 	float: right;
}

.toolbar ul {
	padding: 0;
	padding-top: 4px;
	margin: 0;
}
.toolbar li {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	margin-left: 5px;
}

.toolbar a {
	display:  block;
	text-align: center;
	line-height: 25px;
	width:  85px;
	/*height: 25px;*/
	border-top: 1px solid #fff;
	border-bottom: 1px solid #4477dd;
	background-color: #809CC9;
	color: #fff;
	text-decoration: none;
}

.toolbar li.here a {
	font-weight: bold;
	color:  #4477dd;
	background-color: #fff;
	border: 1px solid #4477dd;
	border-bottom: 1px solid #fff;
}

.toolbar li.here a:hover {
	font-weight: bold;
	color:  #4477dd;
	background-color: #fff;
}

.toolbar a:hover {
	background-color: #eee;
	color: #4477dd;
}

/** STATUS_BAR **/

.status_bar {
	text-align: right;
	padding-right: 10px;
	padding-top: 3px;
	padding-bottom: 30px;
	/*font-size: 10px;*/
	font-style: italic;
	/*border: 1px solid #666;*/
}

.status_bar .label {
	color: #4477dd;
	font-weight:bold;
	padding-left: 20px;
}

img {
	border: none;
}

.back {
}
.back a {
	font-size: 14px;
}

.back img  {
	position: relative;
	top: 6px;
}

/* MANAGER / DATA ENTRY */

table.data_entry {
	width: 100%;
	margin-bottom: 10px;
	text-align: left;
}

table.data_entry td.label {
		font-weight: bold;
		background: #ddd;
		white-space: nowrap;
		width: 100px;
}
table.data_entry table, table.data_entry table td {
	background: none;
	/*width: 10%;*/
}
td.header {
		padding-top: 2px;
		padding-bottom: 2px;
		font-weight: bold;
		font-size: 18px;
}
table.data_entry td.header, table.data_entry table.data_entry td.header {
		font-weight: bold;
		font-size: 18px;
		background: #ddd;
		white-space: nowrap;
}
table.data_entry td.footer, table.data_entry table.data_entry td.footer {
		background: #ddd;
		white-space: nowrap;
}
table.data_entry th {
	background: #eee;
}
table.data_entry td, table.data_entry table.data_entry td {
	height: 20px;
	background: #eee;
	padding-left: 10px;
	padding-right: 20px;
}
table.data_entry td.error {
	background-color: #d00;
	color: #fff;
	font-weight: bold;
}
table.data_entry td.batch_nav {
	font-size: 11px;
	padding-top: 5px;
	padding-bottom: 5px;
}
table.data_entry td.legend {
	font-size: 10px;
	font-style: oblique;
	padding-top: 10px;
	padding-bottom: 10px;
}
table.data_entry td.delete_bar {
	font-weight: bold;
	background-color: #fff;
}
table.data_entry td.delete_bar a {
	color: #d00;
	padding-left: 2px;
	padding-right: 2px;
}
table.data_entry td.delete_bar a:hover {
	border: 1px solid #d00;
	padding-left: 1px;
	padding-right: 1px;
	text-decoration: none;
}

table.data_entry .submit_buttons {
	text-align: right;
}
.header_label {
	float: left;
	font-size: 18px;
	font-style: bold;
	padding-right: 20px;
}
.button_label {
	float: left;
	font-weight: normal;
	font-size: 12px;
	margin-top: 3px;
	padding-right: 5px;
}
.save_button {
	float: right;
}
li {
	list-style: none;
}
form { 
	margin: 0;
	padding: 0;
}

/* MANY TO MANY PICKER */

table.many_picker {
	width: 100%;
}

table.many_picker td {
	padding:3px;
}
table.many_picker .label {
	font-weight:bold;
}
table.many_picker li {
	border-bottom: 1px solid #fff;
	/*width: 300px;*/
}
table.many_picker ul {
	padding-bottom: 10px;
}

/* CONTROL PANEL */

.order_panel {
	/*border: 1px solid #666;*/
	margin-bottom: 20px;
	padding-bottom: 30px;
	width: 750px;
}
.order_panel select {
	width: 500px; 
	height: 100px;
	font-size:11px;
}
.step_heading {
	font-family: Arial, Helvetica, san-serif;
	font-size: 18pt;
	color: #666;
	text-align: left;
	/*padding-top: 10px;
	padding-bottom: 10px;*/
}

.browser_alt {
	/*width: 200px;*/
	color: #4477dd;
	font-size: 12pt;
	text-align: left;
	white-space:nowrap;
}
.step {
	color: #4477dd;
}
.recipient {
	color: #4477dd;
}
.otn {
	color: #4477dd;
}
.order_type {
}
.option_prompt td{
	font-size: 14pt;
	color: #666;
	padding-top: 20px;
	padding-bottom: 30px;
}
.option_prompt td img {
	padding-top: 5px;
}
.prompt_box {
	border: 1px solid #4477dd;
	padding: 5px;
}

/* SELECTOR */

.selection_option {
	font-size: 14pt;
	color: #666;
}

.selection_option a {
	display:  block;
	border:  1px solid #4477dd;
	width: 100px;
	padding: 5px;
	color: #666;
}

.selection_option a:hover {
	background-color: #f6f6f6;
}

.selected {
	border:  1px solid #4477dd;
	background-color: #ddd;
	color: #fff;
	width: 100px;
	padding: 5px;
}

.notice {
	color: #4477dd;
	font-size: 14pt;
}

/* DOCUMENT DETAILS */

.instructions {
	color: #4477dd;
}

.instructions li{
	list-style: square;
}

input {
	/*border: 1px solid #999;*/
}

/** DOCUMENT SUMMARY **/

.summary {
	padding-left: 30px;
	display: auto;
}

.summary h3 {
	margin-top: 5px;
}
.summary .sample {
	float: left;
	padding-right: 20px;
}

.summary .identities {
	float: left;
	/*width: 200px;*/
}

.identities ul {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 5px;
	padding-bottom: 5px;
}
.identities li {
	margin-top:  10px;
	padding-left: 5px;
	border-bottom: 1px solid #666;
}

.identities li.here {
	border-left: 3px solid red;
}

.identities .label {
	font-weight: bold;
	color: #4477dd;
}

.identities .details {
	float: left;
	width: 200px;
	/*padding-bottom:10px;*/
	margin-left:auto;
	margin-right:auto;
	/*font-size: 11px;*/
	text-align: left;
}

.identities a.control {
	margin-left: 170px;
}

/** DOCUMENT DATA ENTRY FORM **/

.gdata_entry label {
	float: left;
	width: 80px;
	margin-right: 5px;
	margin-left: 5px;
	line-height: 20px;
	background-color: inherit;
	font-weight: bold;
	color: #333;
	text-align: left;
	border-bottom: 1px solid #B5C2E3;
}

.gdata_entry input {
	/*margin-bottom: 5px;*/
	border: 1px solid #666;
}

.gdata_entry input.check {
	border: none;
}

.gdata_entry .line {
	margin-bottom: 5px;
}

.gdata_entry select {
	margin: 0;
	padding: 0;
	/*font-size: 11px;*/
	margin-bottom: 5px;
}

.gdata_entry textarea {
	border: 1px solid #666;
}

form.gdata_entry {
	margin: 0;
	padding: 5px;
	float: left; 
	width: 350px;
	background: #EDF0F8;
	border: 1px solid #B5C2E3;
	text-align:left;
}

input.button {
	border: none;
}

.gdata_entry h3 {
	float: left;
	margin: 0px;
	margin-bottom: 10px;
	color: #000;
	background: inherit;
}

.gdata_entry .section {
	float: left;
	width:  100%;
	background-color: #fff;
	padding: 5px;
	padding-top: 10px;
	padding-left: 0px;
	padding-right: 0px;
	margin-bottom: 10px;
	/*border: 1px solid #B5C2E3;*/
	/*border-bottom-color: #EDF0F8;*/
}

.gdata_entry .sub_section {
	background-color: #B5C2E3;
	padding: 2px;
	padding-bottom: 10px;
	padding-top: 10px;
	margin:  0;
	/*border-bottom-color: #EDF0F8;*/
}

.custom_phone {
	margin: 0;
	margin-left: 5px;
	padding: 0;
	text-align: center;
}

.custom_phone select{
	margin-bottom: 0;
	padding-bottom: 0;
}

.custom_phone label {
	width: inherit;
	margin: 0;
}

.gdata_entry br {
	clear: both
}

.gdata_entry .add_sub_buttons {
	padding-left: 70px;
}

.gdata_entry .submit_button {
	text-align: right;
	padding-top: 10px;
}

.gdata_entry .submit_button input {
	border-color: #4477dd;
}

.gdata_entry li {
	margin-bottom: 3px;
}

.gdata_entry li a {
}

.gdata_entry .search_nav {
	padding-left: 40px;
}

.gdata_entry .search_nav a {
	text-decoration: none;
	border-bottom: none;
}

.med_text {
	width:  250px;
}

.small_text {
	width: 90px;
}

.phone_type {
	margin-left: 20px;
}

.phone_text {
	width: 120px;
}

.vsmall_text {
	width: 40px;
}

.med_browse {
	width: 250px;
}

.preview_summary {
	width: 200px;
	height: 200px;
	font-size: 16px;
	color: #4477dd;
	margin: 100px 80px 0px 0px;
	/*border: 1px solid #4477dd;*/
}

.thank_you_summary {
	font-size: 16px;
	color: #4477dd;
	margin: 100px 80px 0px 0px;
}

.preview_summary a {
	border:  none;
}


.preview_message {
	width: 400px;
	background-color: #fff;
	font-size: 14px;
	padding: 10px;
	margin: 0px auto 100px auto;
	border: 1px solid #4477dd;
}

.preview_message li{
	list-style: square;
	margin-bottom: 5px;
}

.preview_nav a{
	font-size: 16px;
	padding-bottom: 5px;
}

.preview_nav td{
	padding-bottom: 5px;
}

.address_block {
	float: left;
}

.address_selector {
	float: left;
}
.address_summary {
	float: left;
	width: 200px;
	margin-bottom: 10px;
}

.credits {
	font-size: 10px;
	font-style: italic;
}

.order_summary {
	padding-left: 30px;
	display: auto;
	width: 330px;
}

.order_summary ul {
	margin-left: 0;
	padding-left: 10px;
}
.order_summary ul li {
	padding-top: 10px;
}

.order_summary ul li ul li {
	padding-top: 5px;
	border-bottom: 1px solid #4477dd;
}
.order_summary .label {
	font-weight: bold;
	color: #4477dd;
}

.order_summary label {
	float: left;
	width: 100px;
	color: #4477dd;
	margin: 0 5px 0 0;
}

.order_summary br {
 	clear: both;
}

.order_summary a.control {
	margin-left: 275px;
}

.order_summary .address_summary {
	margin-bottom: 2px;
}

/** ORDER CONFIRMATION **/

a.preview_control {
	font-size: 14px;
}

a.reject_control {
	color: red;
	font-size: 14px;
}

a.reject_control:hover, .approve_control a:hover {
	color: #333;
}

.approve_control a {
	color: green;
	font-size: 14px;
}

/** PENDING ORDER LIST **/

.pending_order_list {
	width: 650px;
	margin: 20px auto 0 auto;
}

.pending_order_list a {
	color: #4477dd;
}

.pending_order_list a:hover {
	font-weight: bold;
}

.pending_order_list li {
	padding-top: 5px;
	border-bottom: 1px solid #4477dd;
}

.pending_order_list .otn, .pending_order_list .order_recipient, .pending_order_list .date, .pending_order_list .qty, .pending_order_list .style  {
	float: left;
} 

.pending_order_list .date {
	width: 120px;
}

.pending_order_list .otn, .pending_order_list .qty{
	width:  100px;
}

.pending_order_list .style {
	/*width: 150px;*/
	margin-left: 100px;
}

.pending_order_list .order_recipient {
	/*width: 150px;*/
}
.pending_order_list br {
	clear: both;
}

/** LOGIN FORM **/

.login_form {
	border: 1px solid #4477dd;
	margin: 50px auto 50px auto;
	width: 300px;
	padding: 10px;
}

.login_form td.label {
	text-align: left;
	width: 100px;
	font-weight: bold;
	color: #4477dd;
	background-color: eee;
	white-space: nowrap;
}

.login_form h3 {
	margin: 0;
	padding: 0;
	font-size: 18px;
	color: #4477dd;
}

.login_form input.textfield {
	border: 1px solid #666;
}

#netsol {
	display: inline-block;
	position: relative;
	left: -175px;
	bottom: -45px;
}

#SSL_Message {
	width: 400px;
	padding-left: 200px;
	padding-top: 50px;
	padding-bottom: 50px;
	font-size: 1.25em;
}

a#SSL_url {
	color: #f40f1a;
	padding-left: 100px;
}

a:hover#SSL_url  {
	color: #77a3ca;
	padding-left: 100px;
}
#warning {
	font-weight: bold;
	font-size: 1.5em;
	color: #f40f1a;
	padding-top: 0;
	margin: 0;
	padding-bottom: 0;
	border-bottom: 1px solid #000;
}