/*
	Site:	PBX Prompts
	File:	Base CSS
	Author:	Eric Shepherd
	Date:	August 2007
	Purpose:This file contains generic styles, basic site layout, and more specific modal window styles.
*/

/* GLOBAL RESET */

html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, address, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}
a img, :link img, :visited img {
	border: 0;
}
table {
	/*border-collapse: collapse;*/
	border-spacing: 0;
}
ol, ul {
	list-style: none;
}
q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
}

.clearfix:after {
	content: '.';
	display: block;
	position: relative;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* BODY */

body {
	background: #1e1e1e;
	color: #fff;
	font-family: verdana, helvetica, arial, sans-serif;
    font-size: 12.4667px;
	text-shadow: #000000 0pt 0pt 0pt;
}

/* LINKS */

a {
	color: #10a1d1;
	text-decoration: underline;
}

a:link {

}

a:visited {

}

a:hover {
	text-decoration: none;
}

a:active {

}

a.highlight {
	background: #fcfde6;
	color: #444b51;
}


/* BASIC ELEMENTS */

h1 {
	font-size: 180%;
	font-family: helvetica, arial, sans-serif;
	color: #444b51;
	font-weight: normal;
}

h2 {
	font-size: 140%;
	font-weight: normal;
	font-family: georgia, "times new roman", serif;
	color: #0a4051;
}

	h2 a {
		color: #0a4051;
		text-decoration: none;
	}
	
		h2 a:hover {
			text-decoration: underline;
		}

h3 {
	font-size: 130%;
	font-weight: normal;
	color: #8c8d8d;
	font-family: georgia, "times new roman", serif;
}

h4 {
	font-size: 120%;
	font-weight: bold;
}

h5 {
	font-size: 110%;
	font-weight: bold;
}

h6 {
	font-size: 90%;
	font-weight: bold;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

abbr {
	border-bottom: 1px dotted;
	cursor: help;
}

cite {
    font-style: normal;
}

code {
	font-family: AndaleMono, "Andale Mono", Monaco, courier, "courier new", monospace;
	font-size: 1.04em;
}

pre {
	background: #3d3d3d;
	color: #fff;
	font-size: 1em;
	line-height: 1.25;
	margin: 16px 16px 0 16px;
	padding: 14px;
}

hr {
	display: none;
}

/* POSITIONING (with some modal styles) */

#container {
	background: #fff;
	color: #444b31;
	width: 960px;
	margin: 0 auto;
	position: relative;
	padding: 24px 0 0 0;
}

	p#logo a,
	h1#logo {
		background: url(../images/logo.gif) no-repeat left top;
		display: block;
		float: left;
		height: 47px;
		margin: 0 0 0 26px;
		overflow: hidden;
		text-indent: -9999px;
		width: 259px;
	}
	
		p#logo a:hover {
			background-position: 0 -47px;
		}

	#content {
		clear: both;
	}

		#content p, #modal p,
		#content ul, #modal ul,
		#content ol, #modal ol,
		#content dl, #modal dl { 
			line-height: 1.5;
			padding-bottom: 1em;
		}

	#footer {
		clear: both;
		background: #0a4051;
		color: #fff;
		padding: 18px 38px;
	}

		#logos {
			padding-bottom: 30px;
			float: left;
		}

			#logos li {
				float: left;
				margin: 0 25px 0 0;
			}
			
			#logos li {
				width: 129px;
				height: 87px;
				text-indent: -9999px;
			}
			
/* use if we make the logos into links
				#logos li a {
					display: block;
					width: 129px;
					height: 87px;
					text-indent: -9999px;
				}
*/	
					#logo-trixbox {
						background: url(../images/logo-trixbox.gif) no-repeat left top;
					}
	
					#logo-asterisk {
						background: url(../images/logo-asterisk.gif) no-repeat left top;
					}
	
					#logo-switchvox {
						background: url(../images/logo-switchvox.gif) no-repeat left top;
					}

		#footer a {
			color: #ced9dc;
			text-decoration: none;
		}
		
			#footer a:hover {
				text-decoration: underline;
			}

		#footer-nav,
		#legal {
			padding: .5em;
			clear: both;
			background: #0f3744;
			padding: 1em;
			font-size: 90%;
		}

			#footer-nav {
				padding-bottom: 0;
			}

			#footer-nav li {
				display: inline;
				border-left: 1px solid #466;
				padding: 0 .5em 0 .65em;
				font-weight: bold;
			}

				#footer-nav li.first {
					border: 0;
					padding-left: 0;
				}
				
				#footer-nav li a {
					font-weight: normal;
				}

			#legal {
				color: #b6c6cb;
			}
			
		#ancillary-nav {
			clear: both;
			float: left;
			font-size: 85%;
			padding-bottom: 30px;
		}
		
			#ancillary-nav li {
				margin-bottom: .7em;
			}
		
				#ancillary-nav a {
					color: #6c8d97;
				}
		
			.ancillary-nav {
				float: left;
				margin-right: 26px;
			}

/* PRESENTATIONAL CLASSES */

dl.inline dt {
	float: left;
	clear: both;
	padding: 0 .3em 0 0;
	line-height: 1.4;
}

dl.inline dd {
	float: none;
	line-height: 1.4;
}

button.invisible { /* TODO: check in IE */
	background: transparent;
	border: 0;
	cursor: pointer;
/*	left: -3px;*/
	margin: 0;
	padding: 0;
/*	position: relative;*/
}

.tab-hidden {
	display: none;
}

.float {
	float: left;
}

.disabled {
	cursor: default;
	opacity: .5;
}

a.create-new-prompt-set {
	background: url(../images/btn-new-set.gif) no-repeat left top;
	display: block;
	height: 36px;
	overflow: hidden;
	text-indent: -9999px;
	width: 139px;
}

/* numeric lists */

#content ol.numeric {
	list-style: none;
	margin-left: 0;
}

	#content ol.numeric li {
		list-style: none;
		margin-top: 1.7em;
		min-height: 55px;
		padding-left: 70px;
	}

	#content ol.numeric li.first {
		background: url(../images/bullet-one.gif) no-repeat left top;
	}

	#content ol.numeric li.second {
		background: url(../images/bullet-two.gif) no-repeat left top;
	}

	#content ol.numeric li.third {
		background: url(../images/bullet-three.gif) no-repeat left top;
	}

	#content ol.numeric li.fourth {
		background: url(../images/bullet-four.gif) no-repeat left top;
	}

/* ALERTS AND WARNINGS */

/* red zencart message stack - red border, display divs as list items */

.message-stack, p.error {
	margin: 1em 0;
	color: #93372b;
	padding: 1em;
	border: 1px solid #fededa;
	background: #faefed;
}

	.message-stack div {
		display: list-item;
		margin-left: 2em;
	}
	
/* inactive elements */

.inactive {
	opacity: .3;
}

/* specific alerts */

h3.alert {
	font-size: 2em;
	margin: .3em 0 .6em 0;
}

	h3#alert-failure {
		color: #f84b4b;
	}

	h3#alert-success {
		color: #78a92e;
	}

p#alert { /* this is the insertion from javascript */
	position: absolute;
	top: 50%;
	left: 50%;
	color: #0a4051;
}

/* errors and warnings - alerts are yellow, errors are red, warnings are blue */

span.alert {
	color: #93372b;
}

p.alert {
	background: #fffdd4;
	padding: 1em;
	margin: 1em 0;
}

div.alert {
	background: #fffdd4;
	padding: 1em;
	margin: 1em 0;
}

#container input.error,
#container textarea.error,
#modal input.error,
#modal textarea.error {
	border: 1px solid #cf4242;
	background: #fef0f0;
	color: #cf4242;
}

#container input.warning,
#container textarea.warning,
#modal input.warning,
#modal textarea.warning {
	border: 1px solid #3e5259;
	background: #ebf6f9;
}

em.error,
em.warning {
	font-style: normal;
	font-weight: normal;
	font-size: 90%;
	display: block;
	margin-top: 0.4em;
}

	em.error {
		color: #cf4242;
	}
	
	em.warning {
		color: #3e5259;
	}
	
ul.error {
	list-style-type: disc;
	margin: 1em 0;
	color: #93372b;
	padding: 1em 1em 1em 2em;
	border: 1px solid #fededa;
	background: #faefed;
}

p.success {
	background: #e8f2d7 url(../images/icon-check.gif) no-repeat 15px 7px;
	color: #67942f;
	margin: 1.5em 0;
	padding: 1em 1em 1em 80px;
}

/* FORMS */

form .submit input[type="image"] {
	vertical-align: middle;
}

form .submit a.cancel {
	margin-left: 1em;
}

fieldset {
	background: #f4f4f4;
	margin: 3.5em 0 .5em 0;
	padding: 17px;
	/*color: #0a4051;*/
	position: relative;
}

	legend {
		font-size: 1.3em;
		font-family: georgia, "times new roman", times, serif;
		border: 0;
		background: #fff;
		padding: .3em;
		margin: -2em 0 0 -18px;
		color: #144758;
	}
	
	fieldset dt {
		clear: both;
		float: left;
		line-height: 2.6;
		position: relative;
		font-weight: bold;
	}

	fieldset dd {
		float: none;
		line-height: 2.6;
		position: relative;
	}

input[type="text"],
input[type="password"],
textarea,
select {
	border: 1px solid #bcc2c7;
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 1em;
}

input[type="text"],
input[type="password"],
textarea{
	padding: 1px 2px;
}

/* MODALS */

#modal {
	background: #fff;
	color: #444b31;
	border: 11px solid #fff;
}

	#modal .modal-inner {
		border: 3px solid #0a4051;
		padding: 2em;
		position: relative;
	}
	
	#TB_ajaxContent #modal .modal-inner {
		max-height: 520px;
		overflow: auto;
	}

		#modal .modal-inner h1 {
			color: #444b51;
			font-size: 1.8em;
			font-weight: normal;
/*			margin-bottom: 1em;*/
		}
		
		#modal .modal-inner fieldset {
			padding-bottom: 5px;
		}

/* login, whether modal or not */

form#form-login .note {
	color: #999;
}
	
form#form-login li {
	padding: .3em;
	margin-left: 2em;
}

	form#form-login label.text {
		float: left;
		line-height: 1.5;
		width: 10em;
	}
	
	form#form-login #forgot-password {
		margin-left: 10em;
	}
	
	#form-login-password #login-password {
		margin-top: 1em;
	}

form#form-login #submit-login {
	border: 0;
}

/* order detail */

#modal div.detail-product {
	width: 410px;
	padding: 0 140px 0 65px;
	position: relative;
	color: #666768;
}

	div.custom {
		background: url(../images/icon-mic.gif) no-repeat 8px 2em;
	}

	div.advanced,
	div.basic {
		background: url(../images/icon-suitcase.gif) no-repeat 8px 2em;
	}

#modal div.detail-product h2 {
	padding: 1em 0 .4em 0;
	border-bottom: 1px solid #c5c6c6;
}

#modal div.detail-product p {
	font-size: 2em;
	position: absolute;
	top: 1em;
	right: 25px;
	font-family: georgia, "times new roman", serif;
}

#modal div.detail-product dl {
	color: #5b5c5d;
	padding-top: .5em;
}

	#modal div.detail-product dt {
		font-weight: bold;
	}

#detail-billing {
	margin: 16px 0 0 16px;
	float: left;
	width: 330px;
	color: #5b5c5d;
}

	#detail-billing h2 {
		color: #0a4051;
		padding-bottom: .5em;
	}

	#detail-billing dt {
		font-weight: bold;
	}

	#detail-billing dt,
	#detail-billing dd {
		line-height: 1.6;
	}

#detail-totals {
	float: right;
	width: 220px;
	color: #5b5c5d;
	font-family: georgia, "times new roman", times, serif;
	text-align: right;
	font-size: 110%;
	border-left: 1px solid #b5c5ca;
	padding: 0 0 0 25px;
	margin: 2.5em 0 16px 0;
}

	#detail-totals .subtotal {
		color: #0a4051;
		font-size: 1.4em;
	}

	#detail-totals .total {
		font-size: 2em;
		color: #0a4051;
		font-weight: normal;
	}
	
#print {
	position: absolute;
	top: 26px;
	right: 45px;
	width: 146px;
	height: 35px;
}

	#print a {
		display: block;
		width: 146px;
		height: 35px;
		overflow: hidden;
		cursor: pointer;
		text-indent: -9999px;
		background: url(../images/btn-print-invoice.gif) no-repeat left top;
	}

/* download */

#modal #prompt-set-download {
	overflow: hidden;
	padding: 0;
}

	#modal #prompt-set-download h1 {
		padding: .88em .63em 0;
	}

#download-instructions p {
	padding: 16px 16px 0 16px;
}

#download-box {
	background: #0a4051;
	color: #fff;
/*	float: left;*/
	margin: 16px 2px 2px 2px;
}

	#download-box h2 {
		color: #fff;
		float: left;
		margin: 21px 0 8px 16px;
		-moz-opacity: .999999;
		padding: 0 !important;
	}

	#download-box ul.actions {
		float: right;
		margin: 12px 8px 0 0;
		padding: 0 0 9px 0;
		width: 275px;
	}

		#download-box ul.actions li a {
			background: no-repeat left top;
			cursor: pointer;
			display: block;
			float: left;
			height: 35px;
			overflow: hidden;
			text-indent: -9999px;
			width: 91px;
		}

		#download-box ul.actions li.wav a {
			background-image: url(../images/btn-download-wav-blue.gif);
		}
		
		#download-box ul.actions li.gsm a {
			background-image: url(../images/btn-download-gsm-blue.gif);
		}
		
		#download-box ul.actions li.sln a {
			background-image: url(../images/btn-download-sln-blue.gif);
		}

/* product */

#modal #prompt-set-information {
	padding: 0;
}

	#prompt-set-information h1 {
		padding: 16px 0 0 16px;
	}

	#prompt-set-information div.advanced-prompt-set {
		background: url(../images/icon-suitcase-large.gif) no-repeat 16px 10px;
		padding: 16px;
		position: relative;
	}
	
		#prompt-set-information div.advanced-prompt-set h2,
		#prompt-set-information div.advanced-prompt-set h3 {
			margin: 0 0 .5em 65px;
		}
	
		#prompt-set-information div.advanced-prompt-set h2 {
			color: #0d5065;
		}
	
		#prompt-set-information div.advanced-prompt-set h3 {
			font-family: helvetica,arial,sans-serif;
		}
	
/*		#prompt-set-information div.advanced-prompt-set .product-image {
			float: right;
		}*/
		
		#prompt-set-information div.advanced-prompt-set #talent-preview {
			background: #EEEDE8;
			border: 1px solid #ccc;
			overflow: hidden;
			padding: 2px 5px;
			position: absolute;
			right: 20px;
			top: 0px;
			width: 162px;
		}
		
			#prompt-set-information div.advanced-prompt-set #talent-preview h4 {
				color: #497B8B;
				font-family: helvetica,arial,sans-serif;
				font-size: .9em;
				font-weight: normal;
				padding: .5em;
			}
			
			#prompt-set-information div.advanced-prompt-set #talent-preview object,
			#prompt-set-information div.advanced-prompt-set #talent-preview embed {
				margin-bottom: -10px;
			}
		
		#prompt-set-information div.advanced-prompt-set p.price,
		#prompt-set-information div.advanced-prompt-set p.notes {
			margin-right: 170px;
		}

		#prompt-set-information div.advanced-prompt-set p.price {
			color: #497b8b;
			font-family: georgia, "times new roman", times, serif;
			font-size: 2em;
			margin-top: -.5em;
			-moz-opacity: .999999;
			padding-bottom: 0;
		}

			#prompt-set-information div.advanced-prompt-set p.price strong {
				color: #0a4051;
				font-size: 2em;
				font-weight: normal;
			}

				#prompt-set-information div.advanced-prompt-set p.price strong span {
					font-size: .5em;
					position: relative;
					top: -.6em;
				}
				
		#prompt-set-information div.advanced-prompt-set form {
			bottom: 20px;
			position: absolute;
			right: 20px;
		}

	#prompt-set-information div.free-prompt-set {
		background: #0a4051;
		border: 1px solid #fff;
		color: #fff;
		padding: 20px 195px 10px 20px;
		position: relative;
	}

		/*#prompt-set-information div.free-prompt-set h2 {
			color: #fff;
			font-size: 2em;
			font-style: italic;
			margin-bottom: .25em;
			margin-top: 0;
		}*/

		#prompt-set-information div.free-prompt-set .price {
			color: #e6f9ff;
			font-family: georgia, "times new roman", times, serif;
			font-size: 1.5em;
			line-height: 1.5;
			padding-bottom: .25em;
		}

		#prompt-set-information div.free-prompt-set a.download,
		#prompt-set-information div.free-prompt-set a.sign-up {
			background: url(../images/btn-sign-up-to-download-blue.gif) no-repeat left top;
			display: block;
			position: relative;
			overflow: hidden;
			cursor: pointer;
			width: 157px;
			height: 39px;
			text-indent: -9999px;
			position: absolute;
			right: 20px;
			bottom: 20px;
		}
		
		#prompt-set-information div.free-prompt-set a.download {
			background-image: url(../images/btn-download-now-blue.gif);
		}

		#TB_ajaxContent #content {
			background: transparent;
			border: 0;
			padding: 0;
		}

/* prompt set view */ /* TODO: This is mostly duplicated from customprompts.css. Rename to prompts-table and refactor to another stylesheet? */

body#prompt-set-manager-page #modal #prompt-set-information {
	padding: 15px 26px;
}

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

	#manual-entry-table th {
		font-size: 1.4em;
		font-family: georgia, "times new roman", serif;
		font-weight: normal;
	}

	#manual-entry-table th,
	#manual-entry-table td {
		padding: .3em 10px .3em 0;
		border-bottom: 1px solid #e5e5e5;
		padding: .4em 18px .5em 0;
	}

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

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

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

/* TOOLTIPS */

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #333;
	background-color: #eee;
	padding: 5px;
	opacity: 0.9;
}

	#tooltip h3, 
	#tooltip div { 
		margin: 0;
	}

/* SIFR */

/*=:project
    scalable Inman Flash Replacement (sIFR) version 3.

  =:file
    Copyright: 2006 Mark Wubben.
    Author: Mark Wubben, <http://novemberborn.net/>

  =:history
    * IFR: Shaun Inman
    * sIFR 1: Mike Davidson, Shaun Inman and Tomas Jogin
    * sIFR 2: Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

  =:license
    This software is licensed and provided under the CC-GNU LGPL.
    See <http://creativecommons.org/licenses/LGPL/2.1/>    
*/

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	padding: 0;
}

.sIFR-replaced, .sIFR-ignore {
	visibility: visible !important;
}

.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/*---- Header styling ---*/

.sIFR-active h1.replace-inner {
	visibility: hidden;
	font-family: verdana;
	line-height: 1em;
	font-size: 22px;
}

.sIFR-active #modal .modal-inner h1.replace-inner {
	visibility: visible;
	font-family: "helvetica neue light", "HelveticaNeue-Light", "helvetica light", helvetica, arial, sans-serif;
	font-size: 200%;
	margin-bottom: 0;
}

.sIFR-active h2.replace {
  visibility: hidden;
  font-family: Verdana;
  line-height: 1em;
  font-size: 20px;
}