/*
	Site: 	PBX Prompts
	File:	Product Page CSS
	Author:	Eric Shepherd
	Date:	August 2007
*/

/* OVERALL LAYOUT FOR PRODUCT SELECTION PAGE */

#product-selection {
	width: 550px;
	float: left;
}

#service-selection {
	width: 339px;
	float: right;
	background: url(../images/bk-sidebar-gray-bottom.gif) no-repeat left bottom;
	padding: 0 0 20px 0;
	margin: 0 0 25px 0;
}

/* LAYOUT FOR CUSTOM PROMPTS PRODUCT PAGE */

body#custom-prompts-page #inner-content {
	background: url(../images/hi-custom.jpg) no-repeat right top;
	min-height: 530px;
	padding-right: 360px;
}

/* PRODUCT AND SERVICE SELECTION */

#product-selection div {
	padding: 1.3em 25px 1em 50px;
	border-bottom: 1px solid #efefef;
	position: relative;
}

	#products-standard-prompt-sets {
		background: url(../images/icon-suitcase.gif) no-repeat left 1.3em;
	}

	#products-custom-prompts-tool {
		background: url(../images/icon-mic.gif) no-repeat left 1.3em;
	}

	#products-music-on-hold {
		background: url(../images/icon-music.gif) no-repeat left 1.3em;
	}

	#products-messages-on-hold {
		background: url(../images/icon-clock.gif) no-repeat left 1.3em;
		border-bottom: 0;
	}

#product-selection h2,
#service-selection h2 {
	margin: 0 0 .4em 0;
}

#product-selection p.more-info {
	padding-top: 0;
	padding-left: 30px;
	background: url(../images/arrow-right-gray.gif) no-repeat left 3px;
}

#product-selection .product-go {
	position: absolute;
	top: 1.1em;
	right: 25px;
}

	#product-selection .product-go a {
		display: block;
		text-indent: -9999px;
		overflow: hidden;
		width: 112px;
		height: 26px;
		background: url(../images/btn-more-info.gif) no-repeat left top;
	}
	
		#product-selection #products-standard-prompt-sets-go a {
			background: url(../images/btn-browse-sets-product.gif) no-repeat left top;
		}
		
		#product-selection #products-custom-prompts-tool-go a {
			background: url(../images/btn-create-set-product.gif) no-repeat left top;
		}

#service-selection .product-go {
	position: relative;
}

	#service-selection .product-go a {
		display: block;
		text-indent: -9999px;
		overflow: hidden;
		width: 95px;
		height: 23px;
		background: url(../images/btn-more-info-gray.gif) no-repeat left top;
	}
	
	#service-selection p.more-info {
		padding-top: 0;
		padding-left: 30px;
		background: url(../images/arrow-right-dkgray.gif) no-repeat left 3px;
	}

#service-selection h1 {
	background: #fff url(../images/bk-sidebar-gray-top.gif) no-repeat left bottom;
	padding: 0 0 20px 0;
	margin-top: 0;
}

#service-selection div {
	padding: 0 37px 24px;	
}

/* OVERALL LAYOUT FOR FIND PROMPTS PAGE */

#find-prompts-container {
	float: right;
	width: 737px;
	padding-bottom: 20px;
}

form#form-find-prompts {
	float: left;
	width: 168px;
}

/* FIND PROMPTS FORM */

form#form-find-prompts {
	margin-bottom: 1.5em;
}

form#form-find-prompts fieldset {
	margin: 1.2em 0 1em 0;
	font-size: 90%;
	background: transparent;
	padding: 0;
	color: #444b31;
}

	form#form-find-prompts legend {
		font-weight: bold;
		margin: 0 0 .5em 0;
		background: transparent;
		font-family: verdana, arial, sans-serif;
		font-size: inherit;
		padding: 0;
		color: #444b31;
	}

	form#form-find-prompts ul {
		margin: 0;
	}

		form#form-find-prompts li {
			margin: .4em;
			list-style: none;
		}

/* FIND PROMPTS TABLE */

#find-prompts-container {
	position: relative;
	top: -1em;
	text-align: right; /* for pagination, needs to be reset in the table */
}

table#find-prompts {
	width: 735px;
	margin: 1em 0 1em 0;
}

	table#find-prompts thead tr {
		height: 1.8em;
	}
	
		table#find-prompts thead th.find-prompts-platform {
			padding-left: 59px;
		}

	table#find-prompts tbody tr {
		height: 46px;
	}

		table#find-prompts td {
			vertical-align: middle;
			border-bottom: 5px solid #fff;
			font-family: georgia, "times new roman", serif;
			font-size: 120%;
			background: #f3f3f3;
		}
		
			#container table#find-prompts td:hover,
			#container table#find-prompts td.hover {
				background-color: #ececec;
			}

	
		table#find-prompts th,
		table#find-prompts th a {
			font-weight: bold;
			font-family: helvetica, arial, sans-serif;
			color: #0a4051;
		}
		
			#container table#find-prompts th span {
				font-weight: bold;
				font-size: 1.2em;
			}
	
		table#find-prompts td.find-prompts-platform {
			background: #f3f3f3 url(../images/bk-prompts-table-left.gif) no-repeat left center;
			padding-left: 59px;
			width: 115px;
		}
		
		table#find-prompts td.find-prompts-language {
			width: 150px;
		}
		
		table#find-prompts td.find-prompts-gender {
			width: 90px;
		}
		
		table#find-prompts td.find-prompts-talent {
			width: 140px;
		}
		
		table#find-prompts td.find-prompts-actions {
			background: #f3f3f3 url(../images/bk-prompts-table-right.gif) no-repeat right center;
			padding-right: 10px;
		}
		
			table#find-prompts td.find-prompts-actions ul {
				padding: 0;
				list-style: none;
				margin: 0;
				padding: 0;
			}
			
				table#find-prompts td.find-prompts-actions li {
					list-style: none;
					margin: 0;
					padding: 0;
					float: left;
				}
				
			table#find-prompts td.find-prompts-actions a.listen {
				float: left;
				font-family: verdana, sans-serif;
				font-size: .8em;
				margin: .6em 1em .6em 0;
			}
		
			table#find-prompts td.find-prompts-actions a.more-info {
				width: 112px;
				height: 26px;
				cursor: pointer;
				overflow: hidden;
				text-indent: -9999px;
				display: block;
				background: url(../images/btn-productdetails-light.gif) no-repeat left top;
				position: relative;
				top: 2px; /* compensate for shadow */
			}
			
				table#find-prompts td.find-prompts-actions a.more-info:hover,
				table#find-prompts td.hover a.more-info {
					background-image: url(../images/btn-productdetails-dark.gif);
				}

table#find-prompts td.alert {
	text-align: center;
}

#content .tablePaginater {
	padding-right: 1em;
	text-align: right;
	display: inline;
	margin: 1em 0 1em 0;
}

	.tablePaginater li {
		display: inline;
		padding: 0;
		font-size: 1.2em;
	}
	
		.tablePaginater span,
		.tablePaginater a {
			background: #ececec;
			color: #fff;
			padding: .3em .6em;
			margin: 0 .3em;
			text-decoration: none;
		}
		
			.tablePaginater a:hover,
			.tablePaginater li.currentPage a {
				background: #cecece;
			}
			
	#container p.pageLabel {
		font-size: 90%;
		color: #aaa;
		display: inline;
	}
			
	#paginateList-find-prompts {
		margin-top: 1em;
	}