/*#########################################################################################
##	CreateSpace form.css
##	Styles for Forms
##	Created: 9/16/06
##	Author: Brandon D. Ove (bove@createspace.com)
#########################################################################################*/

/* FIELDSETS ############################################################################*/

fieldset {
	display:			block;
	margin-bottom:		20px;
	border: none 0;
}

fieldset.required_half {
	width:				335px;
	border: 			1px solid #A4D3FF; 
	background:			#E6F3FF url(https://ssl.images-createspace.com/csp/Special/Img/bg_blue_fade.gif) repeat-x;	padding:			10px;
}

fieldset.request_support {
	width:				350px;
	border: 			1px solid #A4D3FF; 
	background:			#E6F3FF url(https://ssl.images-createspace.com/csp/Special/Img/bg_blue_fade.gif) repeat-x;	padding:			10px;
}

fieldset.optional_half {
	width:				335px;
	padding:			10px;
	background:			#f3f3f3 url(https://ssl.images-createspace.com/csp/Special/Img/forms/optional_block_bg.png) repeat-x top;
	border:				1px solid #CCCCCC;
}

hr.fieldset_divide {
	display:			block;
	border:				none 0;
	border-top:			1px solid #CCC;
	border-bottom:		1px solid #FFFFFF;
	height:				2px;
	width:				335px;
	margin:				5px -9px;
	clear:				left;
}

/* LABLES ###############################################################################*/
label {
	width:				150px;
	margin-top:			6px;
	margin-bottom:		10px;
	float:				left;
	clear:				left;
	font:				bold 12px Arial, Helvetica, Verdana, sans-serif;
}

/* INPUTS ###############################################################################*/
input,
select,
textarea {
	font:				14px Arial, Helvetica, Verdana, sans-serif;
	border:				1px solid #CCC;
	padding:			2px 4px;;
}

select {
	padding: 			0;
}

select.browse_keywords {
	font-size: 10px;
}

input.checkbox {
	width:				20px;
	height:				20px;
	border:				1px solid #ccc;
}

input.generic_button,
input.cancel_button {
	font-size:			12px;
	font-weight:		bold;
	background:			#efefef url(https://ssl.images-createspace.com/csp/Special/Img/forms/button_generic_bg.gif) repeat-x;
	border:				1px outset #666;
	overflow: visible;
}

input.cancel_button {
	font-size:			16px;
	overflow: visible;
}

input.submit_button {
	font-size:			16px;
	font-weight:		bold;
	background:			#E8F3FF url(https://ssl.images-createspace.com/csp/Special/Img/forms/button_submit_bg.gif) repeat-x;
	border:				1px outset #248CFE;
	overflow: visible;
}

input.alert_button {
	font-size:			16px;
	font-weight:		bold;
	background:			#FFFF99 url(https://ssl.images-createspace.com/csp/Special/Img/forms/button_alert_bg.gif) repeat-x;
	border:				1px outset #FF9900;	
	overflow: visible;
}

input.link_button {
	display:			inline;
	color:				#0099FF;
	cursor:				pointer;
	background:			none;
	border:				none;
	padding:			0;
}

input.link_button:hover {
	text-decoration:	underline;
}

input#create_account {
	width:				337px;
	height:				34px;
	padding:			2px;
	background:			url(https://ssl.images-createspace.com/csp/Special/Img/forms/btn_create_my_account.png);
	border: 			0 none;
	font:				bold 16px Arial, Helvetica, Verdana, sans-serif;
}

/* TEXT #################################################################################*/

.field_note {
	font:				11px Arial, Helvetica, Verdana, sans-serif;
	color:				#666;
	clear:				left;
}

.field_note_indented {
   font:          11px Arial, Helvetica, Verdana, sans-serif;
   color:            #666;
   clear:            left;
   padding-left:     25px;
}

.field_unit {
	font:				12px Arial, Helvetica, Verdana, sans-serif;
	color:				#666;
	clear:				left;
}

.field_success {
	font:				10px Arial, Helvetica, Verdana, sans-serif;
	color:				#0C0;
}

.field_howto {
	font:				11px Arial, Helvetica, Verdana, sans-serif;
	clear:				left;
}

.warningHeading {
	font-weight:		bold;
	color:				#FF9900;
	font-size:			14px;
}

/* HACKS #################################################################################*/
div#hack_howheard select {
	width:				308px;
	clear:				left;
	margin-bottom:		10px;
}

label#content_mature {
	width:				200px;
}

.chapterListFee {
	font:				bold 12px Arial, Helvetica, Verdana, sans-serif;
	color:			#0B0;
}

.authoringFee {
	font:				bold 12px Arial, Helvetica, Verdana, sans-serif;
	color:			#0B0;
}

/* SHOWCASE ###############################################################################*/

div#showcaseform {
	width:				205px;
	float:            right;
}

div#showcaseform label {
	width:				175px;
	font:				10px Arial, Helvetica, sans-serif;
	margin-bottom:		0px;
}

div#showcaseform .field_note {
	font-size:			10px;
}

div#showcaseform input,
div#showcaseform select,
div#showcaseform textarea {
	margin:				0px 0 10px 0;
	width:				165px;
	border:				1px solid #ccc;
	font-family:		Arial, Helvetica, sans-serif;
}

div#showcaseform select,
div#showcaseform textarea {
	width:				175px;
	font-family:		Arial, Helvetica, sans-serif;
}

div#showcaseform button {
	background:			url(https://ssl.images-createspace.com/csp/Special/Img/btn_silver_101px.jpg) no-repeat;
	text-align:			center;
	font:				bold 12px Arial, Helvetica, sans-serif;
	width:				101px;
	height:				23px;
	border:				0 none;
}

/* DISPLAY ###############################################################################*/
.display {
	width:				210px;
	float:				left;
	clear:				left;
}


.sales_channel_section {
	border-bottom: 1px solid #ccc; 
	padding-bottom: 10px; 
	width: 100%;
}

.sales_channel_section div {
	clear:left;
}

.rate_box {
	font-size:			.8em;
	width:				200px;
	border: 			1px solid #ccc;
	padding:			0 5px;
	background:			#f3f3f3 url(https://ssl.images-createspace.com/csp/Special/Img/content_inset_background.gif) repeat-x top;
}

.rate_box div {
	clear:				left;
	padding-top:		5px;
	padding-bottom:		5px;
}

.rate_box span {
	float:				left;
	width:				100px;
}

.upgrade_box {
	margin-top:			10px;
	border:				1px solid #BDE2F4;
	font-size:			.9em;
	background:			#fff url(https://ssl.images-createspace.com/csp/Special/Img/upgrade-box_bg_fade.gif) repeat-x top;
}

.upgrade_box div {
	padding:			5px;
}

.upgrade_box .upgrade_box_footer {
	background:			#EFF9FE
}

.sales_channel_space_buffer {
   height:         0px;
}

.sales_channel_body {
	border-top: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
   border-left: 1px solid #eee;
   border-right: 1px solid #eee;
   padding-left:		2px;
	padding-right: 		2px;
	padding-bottom:     3px;
	padding-top:		3px;
   background:		#fafafa;
}

.sales_channel_royaltycalc {
	clear: 				both;
	border: 			1px solid #ccc;
	padding-left:		10px;
	padding-right: 		10px;
	padding-bottom:     10px;
	padding-top:		5px;
	background:			#f3f3f3 url(https://ssl.images-createspace.com/csp/Special/Img/content_inset_background.gif) repeat-x top;
}

.sales_channel_royaltydisplay {
	width:				140px;
	margin-top:			6px;
	margin-bottom:		0px;
	float:				left;
	clear:				left;
	font:				12px Arial, Helvetica, Verdana, sans-serif;
}

.sales_channel_royaltyvalue {
	width:				85px;
	margin-top:			6px;
	margin-bottom:		0px;
	float:				left;
	text-align:			center;
	font:				12px Arial, Helvetica, Verdana, sans-serif;
}

.sales_channel_royaltynote {
	padding-right:		8px;
	margin-top:			6px;
	margin-bottom:		0px;
	float:				left;
	font:				11px Arial, Helvetica, Verdana, sans-serif;
	color:				#666;
}

.sales_channel_enabled {
	color: green;
}

.sales_channel_disabled {
	color: darkred;
}

.sales_channel_royaltynote strong {
	font-weight: bold;
	color: #000000;
}

#pricingTiers {
	width: 				100%;
	border-collapse:	collapse;
	border-spacing:	0px;
}

#pricingTiers th {
	border-bottom: 	1px #888888 solid;
	font:					12px Arial, Helvetica, Verdana, sans-serif;
	font-weight:		bold;
	height: 				15px;
	color: 				black;
	background:			#fafafa;
	padding: 			3px;
}

#pricingTiers td {
	font:					12px Arial, Helvetica, Verdana, sans-serif;
	font-weight:		bold;
	padding: 			3px;	
}

#pricingTiers td {
	padding: 			2px;
}