/* Copyright 1997-2009 Scribendi Inc. All rights reserved. Fair use permits you to study the techniques that we use here and apply anything you learn to your own site, provided you do not duplicate our design. */

div.formSent {
	border: 2px solid #00cc00;
	padding: 16px;
}

p.prompt {
	border: 1px solid #009900;
	background: #eeffee;
	padding: 8px;
} 

/* Forms Without Tables */
form.narrow {
	width: 400px;	
}

form.blue {
	border: 2px solid #3384cd;
	background: #ffffff;
	font-family: Verdana, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 0.9em;
	text-align: left;
}

form.blue fieldset {
	border: 1px solid #ffffff; /* needed to make legend obey side margins */
}

form.blue legend {
	margin: 0px 16px;
	font-weight: bold;
	color: #3384cd;
	font-size: 1.2em;
	line-height: 2em;
	font-family: helvetica, sans-serif;
	font-style: normal;
}

form.blue fieldset fieldset {
	border: 1px solid #3384cd;
}

form.blue fieldset fieldset legend {
	font-weight: normal;
	line-height: 1em;	
}

form.blue div.fr {
	clear: both;
	border: 1px solid #3384CD;
	margin: 8px 16px;
	padding: 0.5em;
	background-color: #f6fcff;
	color: #000000; 
}

form.blue div.fr th {
	font-weight: bold;
	text-align: left;
}

form.blue div.fr a,
form.blue div.fr a:focus,
form.blue div.fr a:hover {
	color: #8884cd;
}

form.blue div.flabel {
	border: none;
	float: left;
	width: 40%;
	text-align: right;
	padding: 2px 10px;
	margin: 0px;
}

form.blue div.flabelw {
	border: none;
	float: left;
	width: 60%;
	text-align: right;
	padding: 2px 10px;
	margin: 0px;
}

form.blue div.finput {
	border: none;
	padding: 0px;
	margin: 0px;
}

form.blue div.finput textarea {  }

form.blue div.fnote {
	border: none;
	clear: both;
	font-weight: bold;
	font-size: small;
	padding: 2px;
	margin: 2px 16px;
}

form.blue div.fupload {
	border: none;
	clear: both;
	padding: 2px;
	margin: 2px 16px;
	text-align: center;
}

form.blue div.ferror {
	clear: both;
	border: 2px solid #ff0000;
	margin: 8px 16px;
	padding: 8px 5px 8px 44px;
	background: #ffff66 no-repeat url('/images/icons/error32.gif') 6px center;
	color: #000000;
	font-style: italic;
}

form.blue div.ferror a {
	color: #ff0000;
}

form.blue div.fsubmit {
	border: none;
	float: right;
	padding: 0px;
	margin: 0px 12px 12px;
}

form.blue div.fr ul {
	font-size: 1em;
	margin-top: 0px;
}

form.blue div.fr ul li {
	font-size: 1em;
}

form tr td {
	padding: 2px;
}

tr.service:hover {
	background-color: #cef;
	color: #000;
	cursor: pointer; 
}

tr.service:hover label {
	cursor: pointer;
} 

tr.service_disabled 
{ 
	color: #aaa;
}

tr.service_disabled .reason 
{
	font-size: 0.8em;
	font-style: italic;
}

tr.note td 
{
	text-align: right;
	font-size: 0.8em;
	font-style: italic;
}

input.error
{
	border-color: #f00;
}

#services.error 
{
	border: 1px solid #f00;
}

.price 
{
	width: 8em;
	text-align: right;
}
.price div 
{
	float: left;
	width: 3em;
}

.tooltip { font-size: 0.8em; position: relative; background-color: #eeffee; display: block; margin: 5px; padding: 5px; border: 1px solid #009900; }

table.upload_interface {
border-collapse:collapse;
border-style: solid;
border-width: 1px 1px 1px 1px;
width: 100%;
border-color: #036;
height:	10em;
}

table.upload_interface td {
text-align:center;
background-color: #9F9;
padding: 5px;
}

table.upload_interface td.align_left {
text-align: left;
}

table.upload_interface td.align_right {
text-align: right;
}

table.upload_interface kbd {
background: inherit;
color: inherit;
}

table.upload_interface a, 
table.upload_interface a:active, 
table.upload_interface a:focus, 
table.upload_interface a:link, 
table.upload_interface a:visited 
{
	background: inherit;
	color: #03f;
}

table.upload_interface a:hover {
	background: inherit;
	color: #09f;	
}

table.upload_inteface td em {
	font-style: normal;
	color: #f99;
}
table.upload_interface p.note {
	font-style: italic;
	font-size: .8em;
	font-family: sans-serif;
}
.flash_upload_ui { display: none; }

#fsUploadProgress {
font-size: 0.8em;
}

#order_files_row {
	background-color:#eeffee;
	border:1px solid #009900;	
}

#order_files_table caption {
	padding: 2px;
	font-weight: bold;
	color: #009900;
}

/* Buttons with sprites */

button {
	position: relative;
	border: 0;
	padding: 0;
	cursor: pointer;
	overflow: visible; /* removes extra side padding in IE */
}

button::-moz-focus-inner {
	padding:0; 
	border: none;  /* overrides extra padding in Firefox */
}

button span {
	position: relative;
	display: block;
	white-space: nowrap;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari and Google Chrome only - fix margins */
	button span {
		margin-top: -1px;
		margin-left: -3px;
	}
}

/* Apply custom look and feel - green: */
button.green {
	font-size:1.3em;
	text-align: center;
	height:54px;
	background: transparent url(/images/buttons/base_green_48.gif) no-repeat right top;
}

button.green span {
	padding: 0 20px 0 20px;
	height:54px;
	line-height:54px;
	background: transparent url(/images/buttons/sprite_green_48.gif) no-repeat left 0px;
	color:#fff;
}

button.green:hover, button.green:focus, button.green.hover { 
	/* the redundant class is used to apply the hover state with a script */
	background-position: right -54px;
}

button.green:active {
	/* target IE8+ */
	-ms-background-position-y: -53px;
}

button.green:hover span, button.green:focus span, button.green.hover span {
	background-position: 0 -54px;
}

button.green span.confirm {
	padding-left: 48px;
	background-position: 0 -108px;
}

button.green:hover span.confirm, button.green:focus span.confirm, button.green.hover span.confirm {
	background-position: 0 -162px;
}

button.green span.download {
	padding-left: 48px;
	background-position: 0 -216px;
}

button.green:hover span.download, button.green:focus span.download, button.green.hover span.download {
	background-position: 0 -270px;
}

button.green span.upload {
	padding-left: 48px;
	background-position: 0 -324px;
}

button.green:hover span.upload, button.green:focus span.upload, button.green.hover span.upload {
	background-position: 0 -378px;
}

button.green span.login {
	padding-left: 48px;
	background-position: 0 -432px;
}

button.green:hover span.login, button.green:focus span.login, button.green.hover span.login {
	background-position: 0 -486px;
}

/* Blue sprites */ 

button.blue {
	background:transparent url(/images/buttons/base_blue_48.gif) no-repeat scroll right top;
	font-size:1.3em;
	height:54px;
	text-align:center;
}
button.blue span {
	background:transparent url(/images/buttons/sprite_blue_48.gif) no-repeat scroll left 0;
	color:#FFFFFF;
	height:54px;
	line-height:54px;
	padding:0 20px;
}
button.blue:hover, button.blue:focus, button.blue.hover { 
	/* the redundant class is used to apply the hover state with a script */
	background-position: right -54px;
}

button.blue:active {
	/* target IE8+ */
	-ms-background-position-y: -53px;
}

button.blue:hover span, button.blue:focus span, button.blue.hover span {
	background-position: 0 -54px;
}

button.blue span.search {
	background-position:left -324px;
	padding-left:48px;
}

button.blue:hover span.search, button.blue:focus span.search, button.blue.hover span.search  {
	background-position:left -378px;
}

/* End buttons with Sprites */