/*
	Site:	PBX Prompts
	File:	Custom Prompts Application CSS
	Author:	Eric Shepherd
	Date:	August 2007
*/

/* STEPS TIMELINE */

#custom-steps {
	float: right;
	padding: 0;
	margin-top: 1em;
	width: 35em;
}

	#custom-steps h2 {
		font-size: 120%;
		float: left;
		padding: 0 .6em 0 .6em;
		line-height: 0.833;
	}

	#custom-steps li {
		float: left;
		padding: 0 .6em 1em .6em;
	}

		#custom-steps li.current {
			background: url(../images/nav-triangle.gif) no-repeat center bottom;
		}

		#custom-steps li em {
			color: #144758;
			font-weight: bold;
			font-style: normal;
		}

/* SIDEBAR */

#content form#prompt-set-details {
	margin-top: 1.3em;
	padding-top: 0;
}

	#prompt-set-details a {
		color: #8f9192;
	}

	#prompt-set-details dl {
		width: 100%;
		float: left;
	}
	
		#prompt-set-details dt {
			font-weight: bold;
			line-height: 1.7;
		}
	
		#prompt-set-details dd {
			line-height: 1.7;
		}

dl#details-cost {
	color: #5a818d;
	font-size: 94%;
}

	dl#details-cost dd,
	dl#details-cost dt {
		line-height: 1.3;
	}

	dl#details-cost dd#cost-next-discount {
		font-weight: normal;
		font-style: italic;
		background: #fcfde6;
		padding: 4px 9px;
	}

	dl#details-cost dd {
		text-align: right;
	}

dl#details-totals {
	color: #5a818d;
}

	dl#details-totals dd,
	dl#details-totals dt {
		line-height: 1.3;
	}

	dl#details-totals dd {
		text-align: right;
	}

	dl#details-totals dd a {
		font-size: 75%;
		font-weight: normal;
		color: #cf4242;
	}

	.total {
		font-size: 120%;
		margin-top: 1em;
		font-weight: bold;
	}

#details-submit .disabled {
	opacity: 0.5;
	cursor: default;
}
	
	#save-set {
		width: 154px;
		height: 35px;
		overflow: hidden;
		display: block;
		text-indent: -9999px;
		background: url(../images/btn-save-for-later-ltblue.gif) no-repeat left top;
		margin: .5em 0 0 3px;
		clear: both;
	}
	
	#submit-add-to-cart {
		clear: both;
	}
	
	a#submit-add-to-cart {
		display: block;
		overflow: hidden;
		cursor: pointer;
		text-indent: -9999px;
		background: url(../images/btn-add-to-cart-ltblue.gif) no-repeat left top;
		width: 154px;
		height: 35px;
	}
	
#custom-prompts-pricing {
	background: url(../images/bk-pricing-custom-top.jpg) no-repeat center -50px;
	border: 5px solid #EBF5F7;
	color: #555;
	margin-top: 3em;
	padding: 10px;
}

	#custom-prompts-pricing h2 {
		font-size: 1.3em;
	}

	#custom-prompts-pricing table.tiers {
		font-size: .9em;
		width: 100%;
	}
	
		#custom-prompts-pricing table.tiers th,
		#custom-prompts-pricing table.tiers td {
			border-bottom: 1px solid #fff;
			padding: .4em 0; 
		}
		
		#custom-prompts-pricing table.tiers th {
			font-weight: bold;
		}
	
		#custom-prompts-pricing table.tiers th.count,
		#custom-prompts-pricing table.tiers td.count {
			padding-right: 5px; 
		}
		
	#custom-prompts-pricing .waived-fees {
		font-family: georgia,"times new roman",serif;
		font-style: italic;
		line-height: 1.1;
		margin: 1em 0 0;
		padding: 0;
	}

/* CHOOSE ATTRIBUTES SCREEN */

body#choose-attributes-page form {
	padding: 1em 0 0 1em;
}

form#form-choose-platform {
	margin-top: 1.3em;
}

body#choose-attributes-page fieldset {
	padding: 0 0 2em 0;
	background: transparent;
	margin: 0;
}

	body#choose-attributes-page fieldset p {
		margin-left: 1.25em;
	}

	body#choose-attributes-page legend {
		margin: 0 0 .5em 0;
		padding: 0;
		background: transparent;
	}

body#choose-attributes-page #content label,
body#choose-attributes-page #content input {
	cursor: pointer;
}
 
fieldset#choose-platform li,
fieldset#choose-language li,
fieldset#choose-talent li,
fieldset#choose-method li {
	float: left;
	margin: 2px 15px .5em 18px;
}

#choose-language li {
	width: 200px;
}

#choose-talent li {
	width: 107px;
	padding: 140px 0 0 0;
	position: relative;
	margin: 0 8px 1em;
}

		#choose-talent li li {
			padding-top: 0;
			margin: 0;
		}

	#choose-talent li.talent-image {
		position: absolute;
		top: 0;
		left: 0;
		border: solid #f0f1ee;
		border-width: 1px 1px 0;
		background: #fff;
	}

		#choose-talent li.talent-image img {
		}

	#choose-talent li.talent-audio {
		position: absolute;
		top: 105px;
		left: 0;
		min-height: 25px;
		border: solid #f0f1ee;
		border-width: 0 1px 1px;
		background: #fff;
	}

		#choose-talent li.talent-audio a {
			display: block;
			text-indent: -9999px;
			overflow: hidden;
			cursor: pointer;
			width: 14px;
			height: 15px;
			background: url(../images/btn-play.gif) no-repeat left top;
			position: absolute;
			right: 5px;
			bottom: 5px;
		}

	#choose-talent li.talent-language {
		font-size: 85%;
		margin: .4em 0 0 25px;
	}

p#add-some-prompts {
	width: 175px;
	height: 36px;
	margin-left: 1em;
}

	p#add-some-prompts a {
		display: block;
		text-indent: -9999px;
		overflow: hidden;
		cursor: pointer;
		background: url(../images/btn-submit-continue.gif) no-repeat left top;
		width: 121px;
		height: 39px;
	}

/* UPLOAD SCREEN - BULK AND MANUAL */

#example-container {
	position: relative;
}

	table.example {
		opacity: .4;
	}

div.example-container {
	position: relative;
}

h3.example {
	font-family: helvetica, arial, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 5em;
	text-align: center;
	position: absolute;
	top: 40px;
	color: #e9eae6;
	width: 620px
}

/* LAYOUT */

#upload-manual-box,
#upload-bulk-box {
	clear: both;
	width: 632px;
}

#upload-manual-box {
	background: #d5f5ff url(../images/bk-upload-box-manual.gif) repeat-x bottom;
	margin-top: 1em;
}

/* BOXES */

#modal #prompt-delete,
#modal #prompt-edit {
	overflow: hidden;
	padding: 0;
}

#modal #upload-manual-box {
	margin: 0;
	width: auto;
}

	#upload-manual-box h3,
	#upload-bulk-box h3 {
		color: #fff;
		cursor: pointer;
		padding: 7px 15px;
		position: relative;
		background: #5cb0cb;
		font-size: 115%;
	}

		#upload-manual-box h3 span, /* "maximize" and "minimize" links */
		#upload-bulk-box h3 span {
			font-size: 75%;
			font-family: helvetica, arial, sans-serif;
			text-decoration: underline;
			cursor: pointer;
			position: absolute;
			right: 15px;
			top: 11px;
		}

/* BULK UPLOAD */

#upload-bulk-box {
	background: #d4e8bb url(../images/bk-upload-box-bulk.gif) repeat-x bottom;
}

	#upload-bulk-box h3 {
		background: #9fc85a;
	}

#more-help {
	background: #9fc85a;
	color: #fff;
	width: 632px;
}

	#more-help h4 {
		font-weight: normal;
		padding: 6px 10px;
		width: 154px;
		margin: 0 auto;
		cursor: pointer;
		text-align: center;
		font-size: 85%;
	}

	#more-help p {
		background: #527e21;
		color: #fff;
		padding: 7px;
	}

	#more-help a {
		color: #fff;
	}

#sample-spreadsheets {
	background: #eaf3de url(../images/icon-spreadsheet.gif) no-repeat 7px 7px;
	min-height: 45px;
	padding: 7px;
	width: 594px;
	margin: 13px auto;
}

	#sample-spreadsheets h4 {
		padding: 11px 0 0 70px;
		font-size: 1.4em;
		float: left;
		font-weight: normal;
		font-family: arial, sans-serif;
		letter-spacing: .9px;
		background: url(../images/headline-download-samples.gif) no-repeat 65px 17px;
		text-indent: -9999px;
		width: 282px;
		height: 31px;
	}

	li#download-csv,
	li#download-xls {
		float: right;
		margin: 5px 5px 0 0;
	}

		li#download-csv a,
		li#download-xls a {
			display: block;
			overflow: hidden;
			cursor: pointer;
			height: 35px;
			text-indent: -9999px;
		}

		li#download-csv a {
			background: url(../images/btn-download-csv.gif) no-repeat left top;
			width: 86px;
		}

		li#download-xls a {
			background: url(../images/btn-download-xls.gif) no-repeat left top;
			width: 125px;
		}

#upload {
	clear: both;
	padding: 1em 20px;
}

	#upload fieldset {
		margin: 0;
		padding: 0;
		background: transparent;
	}

		#upload legend {
			display: none;
		}

	#upload label {
		display: block;
		color: #3d5e09;
		font-size: 110%;
		font-family: helvetica, arial, sans-serif;
	}

	#upload #upload-file {
		vertical-align: middle;
	}

	#upload #submit-upload {
		margin-left: 27px;
		vertical-align: middle;
	}

/* MANUAL UPLOAD */

#form-manual-entry {
	position: relative;
	padding: 10px 0 10px 0;
}

	#form-manual-entry fieldset {
		margin: 0;
		background: transparent;
		padding: 0;
	}

		#form-manual-entry legend {
			display: none;
			background: transparent;
		}

		#form-manual-entry label {
			display: block;
			font-weight: bold;
		}

		#form-manual-entry h3 {
			float: left;
		}
	
			#form-manual-entry h3 span {
				position: absolute;
				top: 1.8em;
				left: 7px;
				font-weight: normal;
			}
	
		#form-manual-entry label,
		#form-manual-entry input,
		#form-manual-entry textarea {
			margin-left: 42px;
		}

		#form-manual-entry input,
		#form-manual-entry textarea {
			margin-bottom: 1em;
		}

		#form-manual-entry label {
			margin-bottom: .3em;
		}

		#form-manual-entry #prompt-text {
			width: 550px;
		}

		#form-manual-entry #prompt-path-container {
			width: 200px;
			float: left;
		}

		#form-manual-entry #prompt-file-container {
			width: 200px;
			float: left;
		}

		#form-manual-entry #prompt-note-container {
			clear: both;
			float: left;
		}

			#prompt-note {
				width: 345px;
			}

		#form-manual-entry #submit-add-prompt,
		#form-manual-entry #submit-save-prompt,
		#form-manual-entry #submit-delete-prompt {
			bottom: 9px;
			margin: 0;
			position: absolute;
			right: 15px;
		}

a.cancel {
	position: relative;
	top: 20px;
}

span#advanced-toggle {
	position: absolute;
	bottom: 60px;
	right: 20px;
	font-size: 88%;
	cursor: pointer;
	color: #5cb0cb;
	text-decoration: underline;
}

label span {
	font-weight: normal;
	cursor: help;
	font-size: 90%;
}

/* DELETE */

#form-manual-entry a.cancel {
	bottom: 23px;
	position: absolute;
	right: 135px;
	top: auto;
}

#form-manual-entry p {
	padding: 15px 15px 5px 15px;
}

#form-manual-entry dl {
	padding: 0 15px 0 15px;
}

	#form-manual-entry dt {
		font-weight: bold;
	}

	#form-manual-entry dd {
		
	}

/* FINISHED */

p#done {
	clear: both;
	text-align: right;
	font-size: 90%;
	margin: 0 26px 1em 0;
	padding-top: 1em;
}

/* PROMPT TABLE TODO: "manual-entry-table" does not describe this table anymore - it's bulk upload prompts also */

h3#prompt-table-header {
	font-size: 1.3em;
	margin: 1em 0 .5em 0;
	font-weight: normal;
}

table#manual-entry-table {
	font-size: 90%;
	margin: .4em 0 2em 0;
	position: relative;
}

	#manual-entry-table th {
		font-weight: bold;
		font-size: 1.1em;
	}

	#manual-entry-table th,
	#manual-entry-table td {
		padding: .3em 10px .3em 0;
	}

	.manual-entry-text {
		width: 230px;
	}

	.manual-entry-path {
		width: 160px;
	}

	.manual-entry-file {
		width: 130px;
	}

	.manual-entry-actions {
		width: 150px;
	}

		#container .manual-entry-actions ul {
			padding: 0;
		}

		.manual-entry-actions li {
			display: inline;
			margin-right: 2px;
			font-weight: bold;
			position: relative;
		}

.manual-entry-actions li.manual-entry-actions-note {
	cursor: help;
}

	.manual-entry-actions li.manual-entry-actions-note:hover {
		text-decoration: underline;
	}
	

/* What do these do? */
/*
div.success {
	background: url(../img/bk-upload-success-bottom.gif) no-repeat left bottom;
	min-height: 116px;
	color: #517620;
}

	div.success h4 {
		background: url(../img/bk-upload-success-top.gif) no-repeat left top;
		padding: 20px 210px 0 30px;
	}

	div.success dl {
		padding: .7em 210px 1em 30px;
	}

		div.success dt {
			line-height: 1.7;
		}

		div.success dd {
			line-height: 1.7;
		}
		*/
/*
div.failure {
	background: url(../images/bk-upload-failure-bottom.gif) no-repeat left bottom;
	min-height: 125px;
	color: #fff;
	font-weight: bold;
	margin-bottom: 1em;
}

	div.failure p {
		background: url(../images/bk-upload-failure-top.gif) no-repeat left top;
		padding: 35px 210px 15px 60px;
	}
*/