/***************************************************************
Style Sheet for eSpeakers.com

Copyright 2007 by eSpeakers.com, All Rights Reserved
***************************************************************/


/***************************************************************
Appearance Code
***************************************************************/

body {
	font-family: arial, helvetica, verdana, sans-serif;
	font-size:90%;
	color:#444;

	background: #fff;
}

p {
	margin:0 0 1em 0;
	padding:0;
	line-height:1.2em;
}

form {
	display:inline;
}

fieldset {
	margin:0;
	padding:0;
	border:none;
}

label {
	width: 10em;
	height: 2em;
	float: left;
	font-weight:bold;
	text-align: right;
	margin-right: 0.5em;
	display: block
}
input.text, textarea.text {
	margin:5px 0;
}
input.text {
	/* height: 1em; */
}

a:link { color:#06477d; }
a:visited { color:#385e7d; }
a:hover, a:active { color:#0968b7; text-decoration: none; }

h1 {
	margin-top:6px;
	margin-bottom:.3em;
	padding-bottom:.2em;
	font-size:130%;
	color:#6d6e70;
}

h2 {
	margin-top:0;
	margin-bottom:.25em;
	font-size:120%;
	color:#000;
}

h3 {
	margin-top:0;
	margin-bottom:.25em;
	font-size:105%;
	color:#000;
}

img {
	border:0px;
	margin:0px;
}

.hr {
	margin:14px 0;
	border-bottom:1px solid #444;
}

.hr2 {
	margin:14px 0;
	border-bottom:1px solid #970000;
}

ul, ol {
	margin-top:0;
	margin-bottom:.6em;
}
ul li {
	margin-bottom:.2em;
}



/***************************************************************
Appearance Code Applied to Layout Elements
***************************************************************/

#container {
	padding-left:0;
	padding-right:0;
}

#content {
	padding:0 0 0 0;
	background-color:#fff;
}

#columnWrapper {
	position:relative;
}



.columnStyle1 {
	position:relative;
	margin:0 10px 0 0;
	padding:0;
	border: solid #cacacc;
	border-width:0 1px;
}
.columnStyle1 .columnTopLeft {
	margin:0 -1px;
	background:url('/images-layout/gray-line-top-left.gif') top left no-repeat;
}
.columnStyle1 .columnTopRight {
	background:url('/images-layout/gray-line-top-right.gif') top right no-repeat;
	height:4px;
}
.columnStyle1 .center {
	padding:0 10px;
	font-size:95%;
	##height:1400px;
}
.columnStyle1 .columnBottomLeft {
	margin:0 -1px;
	background:url('/images-layout/gray-line-bottom-left.gif') top left no-repeat;
}
.columnStyle1 .columnBottomRight {
	height:4px;
	font-size:0px;
	background:url('/images-layout/gray-line-bottom-right.gif') top right no-repeat;
}



.columnStyle2 {
	padding:0;
}
.columnStyle2 .columnTopLeft {
	height:6px;
}
.columnStyle2 .columnTopRight {}
.columnStyle2 .center {
	margin:0;
	padding:5px 0 0 0;

	/* IE7 follows at least one standard; but unless we set this, the main nav slides right underneath the footer. */
	min-height:250px;

	/* IE6 Mumbo-jumbo */
	height:auto !important;
	height:250px;

	font-size:80%;
	color:#fff;
}
.columnStyle2 .columnBottomLeft {
	display:none;
}
.columnStyle2 .columnBottomRight {}

.swiftfieldset {
	margin: 0;
	padding: 0;
}

/***************************************************************
Left Nav and Sub Left Nav Highlighting
***************************************************************/

/* Style the left nav */
.ulStyleNav {
	margin:0 0 0 18px;
	padding:0;
	list-style:none;
}
.ulStyleNav li {
	margin:0;
	padding:0 4px;
}
.ulStyleNav li a:link, .ulStyleNav li a:visited {
	display:block;
	margin:0;
	padding:.2em 0 .2em 11px;
	height:1%;
	text-decoration:none;
	/*color:#9d9d9d;*/
	color:#636363;
	background:url('/images-layout/nav-dash.gif') left 50% no-repeat;
}


.ulStyleNav li a:hover, .ulStyleNav li a:active {
	text-decoration:underline;
	background:url('/images-layout/nav-dash.gif') left 50% no-repeat;
}

/* Set all the subnavs to off initially */
.ulStyleNav ul {
	display:none;
}

/* Highlight the left nav, display the subnav, and make sure that not all the subnavs are highlighted */
.ulStyleNav .current a:link,
.ulStyleNav .current a:visited {
	text-decoration:none;
	font-weight:bold;
	color:#80be41;
	background:url('/images-layout/nav-dash.gif') left 50% no-repeat;
}

.green .ulStyleNav .current a:link,
.green .ulStyleNav .current a:visited {
	color:#80be41;
}
.blue .ulStyleNav .current a:link,
.blue .ulStyleNav .current a:visited {
	color:#3d61ad;
}
.orange .ulStyleNav .current a:link,
.orange .ulStyleNav .current a:visited {
	color:#ffb957;
}

.ulStyleNav .current a:active,
.ulStyleNav .current a:hover {
	text-decoration:underline;
}

.ulStyleNav .current ul {
	display:block;
	margin:0;
	margin-left:13px;
	padding-left:0;
	list-style:none;
	font-weight:300;
}
.ulStyleNav .current ul li {
	padding-right:0;
}


/***************************************************************
List Styles
***************************************************************/
.ulStyle1 {
	margin-top:3px;
	margin-left:40px;
	padding-left:0;
}
.ulStyle1 li {
	margin-bottom:.4em;
}
.ulStyle1 li a {
	text-decoration:none;
}
.ulStyle1 li a:hover, .ulStyle1 li a:active {
	text-decoration:underline;
}
.ulStyle1 ul {
	margin-left:7px;
	padding-left:0;

	list-style:none;
}
.ulStyle1 ul li {
	padding-left:14px;
}


.ulStyleSpaced li{
	margin-bottom:.6em;
}

.olStyleSpaced li{
	margin-bottom:.6em;
}
.olStyleSpaced li p{
	padding:.6em 0 0 0;
}

.ulStyle2 {
	margin:0;
	padding:0;
	list-style:none;
}

.ulStyle2 li {
	margin-right:75px;
	padding:27px 0 0 75px;
	background:10px 50% no-repeat;
}

.ulStyle2 li hr {
	margin-top:17px;
	height:1px;
	border:0;
	border-bottom:1px solid #e5e5e5;
}

.ulStyle2 li.last {
	padding-bottom:27px;
}
.ulStyle2 li.last hr {
	display:none;
}

.ulStyle2 #fastTrack {
	background-image:url('/images-layout/ul-style-2-fast-track.gif');
}

.ulStyle2 #repeat {
	background-image:url('/images-layout/ul-style-2-repeat.gif');
}

.ulStyle2 #overcome {
	background-image:url('/images-layout/ul-style-2-overcome.gif');
}

.ulStyle2 #tools {
	background-image:url('/images-layout/ul-style-2-tools.gif');
}

.ulStyle2 #freeTime {
	background-image:url('/images-layout/ul-style-2-free-time.gif');
}

.ulStyle2 #focus {
	background-image:url('/images-layout/ul-style-2-focus.gif');
}

.ulStyle2 #peace {
	background-image:url('/images-layout/ul-style-2-peace.gif');
}


/***************************************************************
Table Styles
***************************************************************/
.tableBilling {
	border-collapse:collapse;
}
.tableBilling td {
	padding:4px 6px;
	border:1px solid #999;
}
.tableBilling .empty, .tableBilling .empty td {
	border:none;
}
.tableBilling .amount {
	text-align:right;
}
.tableBilling .even td {
	background:#eee;
}
.tableBilling tr.even td {
	background:#eee;
}
.tableBilling th {
	border-bottom: none;
	border-top: none;
	border-left: none;
	border-right: none;
	font-size:larger;
	font-weight:bold;
	background: #ddd;
	color:#000;
	padding-left:3px;
	padding-right:3px;
}


.signupBox {
	padding:0 15%;
	width:70%;
}

/***************************************************************
Text Styles
***************************************************************/
.bigger {
	font-size:120%;
}
.smaller {
	font-size:76%;
}

.price {
	font-weight:600;
	color:#065e25;
}
.bonusText {
	font-weight: bold;
	color:#f00;
}

.errorText {
	font-weight: bold;
	color: #f00 !important;
	background-color: #FFDFDF;
	border: 1px solid #444444;
	padding: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-bottom:5px;
	margin-top:5px;
}

.statusText {
	font-weight: bold;
	color: #20201A;
	background-color: #FEFACC;
	border: 1px solid #FAAF40;
	padding: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-bottom:5px;
	margin-top:5px;
}

/*----highlight bad cells on a form----*/
tr.cellerror td {
    border-top: 1px solid #c00; 
    border-bottom: 1px solid #c00; 
    background: #e2c6c6;
    padding: 3px;
}



.strike {
	text-decoration:line-through;
	font-weight:600;
}
.yes {
	font-weight:600;
	color:#065e25;
}
.no {
	font-weight:600;
	color:#8f2525;
}

.quote {
	padding:0 3px;
}

.alignStyle1 {
	text-align:center;
}

.extraLine {
	margin-bottom:1.5em;
}

.indentStyle1 {
	padding-left:2.5em;
}

/* ------------------ Headers -----------------*/


/* ------------------- Links ------------------*/


.buttonStyle1, .buttonStyle1:link, .buttonStyle1:visited, .buttonStyle1:active, .buttonStyle1_ie6hover  {
	display:inline;
	float:left;
	margin-right:10px;
	padding-top:3px;
	width:128px;
	height:16px;

	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	font-size:10px;
	font-weight:bold;
	color:#bebebe;

	background: url('/images-layout/button-style-1-bg.gif') top left repeat-x #000;
}
input.buttonStyle1, .buttonStyle1_ie6hover {
	display:inline;
	float:left;
	margin:0;
	padding:0;
	padding-bottom:2px;

	height:19px;
	width:128px;

	font-family:arial, helvetica, sans-serif;
	font-weight:bold;
	font-size:10px;
	cursor:pointer;
	border:0;
	}

input.buttonStyle2:active {
	padding:0 0 2px 0;
	height:23px;
	width:120px;
}

.buttonStyle1:hover, .buttonStyle1_ie6hover {
	text-decoration:underline;
	color:#fff;
	background: url('/images-layout/button-style-1-bg.gif') top left repeat-x #000;
}

.buttonStyle2, .buttonStyle2:link, .buttonStyle2:visited, .buttonStyle2:active, .buttonStyle2_ie6hover  {
	display:inline;
	float:right;
	margin-right:10px;
	padding-top:5px;
	width:120px;
	height:18px;

	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	font-size:10px;
	font-weight:bold;
	color:#fff;

	background: url('/images-layout/button-style-2.gif') top left repeat-x #000;
}
input.buttonStyle2, .buttonStyle2_ie6hover {
	display:inline;
	float:right;
	margin:0 10px 0 0;
	padding:0;
	padding-bottom:2px;

	height:23px;
	width:120px;

	font-family:arial, helvetica, sans-serif;
	font-weight:bold;
	font-size:10px;
	cursor:pointer;
	border:0;
	}
.buttonStyle2:hover, .buttonStyle2_ie6hover {
	text-decoration:underline;
	color:#fff;
	background: url('/images-layout/button-style-2-hover.gif') top left repeat-x #000;
}


.buttonStyleTry, .buttonStyleTry:link, .buttonStyleTry:visited, .buttonStyleTry:active, .buttonStyleTry_ie6hover  {
	display:block;
	margin:4px 0;
	padding-top:3px;
	width:88px;
	height:15px;

	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	font-size:11px;
	font-weight:bold;
	color:#fff;

	background: url('/images-layout/button-style-gray.gif') top left repeat-x #555;
}
.buttonStyleTry:hover, .buttonStyleTry_ie6hover {
	text-decoration:underline;
	color:#fff;
	background: url('/images-layout/button-style-gray.gif') top left repeat-x #555;
}

.buttonStyleBuy, .buttonStyleBuy:link, .buttonStyleBuy:visited, .buttonStyleBuy:active, .buttonStyleBuy_ie6hover  {
	display:block;
	margin:4px 0;
	padding-top:3px;
	width:88px;
	height:16px;

	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	font-size:11px;
	font-weight:bold;
	color:#fff;

	background: url('/images-layout/button-style-red.gif') top left repeat-x #eb1c24;
}
.buttonStyleBuy:hover, .buttonStyleBuy_ie6hover {
	text-decoration:underline;
	color:#fff;
	background: url('/images-layout/button-style-red.gif') top left repeat-x #eb1c24;
}

/***************************************************************
Image Classes
***************************************************************/

.thumbnail {
	float:left;
	margin:8px 8px 0 0;
	padding:10px 10px 15px 10px;
	border-width:1px 3px 3px 1px;
	border-style:solid;
	border-color:#000;
}
.thumbnail img {
	margin-bottom:12px;
}
.thumbnail p{
	padding:0;
	text-align:center;
}


.pageBanner {
	padding-bottom:20px;
}

.mugShot {
	float:left;
	padding-right:8px;
}



/***************************************************************
Benefits pages / Dave's edits
***************************************************************/

.benefit-left {
	width:200px; 
	float:left;
}

.benefit-center {
	width:500px; 
	float:left; 
	padding-left:30px;
	font-size:150%;
}

.benefit-action {
}

/***************************************************************
Feature pages / Dave's edits
***************************************************************/

#center-left h1 {
	color:black;
	font-size:200%;
}

#center-left img {
	float:right;
}

.featurequote { 
	font-size:105%; 
	background-color: #FFFFCC; 
	padding:10px;
	margin-bottom:10px;
	##display:none;
}

.featurequote p {
	font-size:125%; 
	padding:0px;
	margin:5px;
}

.featurequote img {
	margin-right:10px;
}

.featurequote-sig {
	text-align:right; 
	margin-bottom:5px;
	font-style:italic;
}

#center-left {
	width:280px; 
	float:left;
}

#center-right {
	padding-left:25px; 
	padding-top:25px; 
	float:left; 
	margin:0px; 
	width:410px; 
	overflow:hidden;
}

#partners h2 {
	font-size:150%;
	text-align:left;
	padding-top:50px;
}

#partners hr {
	height:5px;
	color:#7EB93B;
	background-color:#7EB93B;
	border-style:none;
}

/***************************************************************
Account Manager pages / Dave's edits
***************************************************************/


/* the little 'choose speaker' link shown throughout the account menu */
.chooselink {
	font-size:10px; 
	font-weight:normal;
	margin:0px 0 5px 0;
}

p.chooselink   {
	margin:0px 0 5px 0;
}


/* obfuscated email. Shhh! */
.emailobf {
	unicode-bidi:bidi-override; 
	direction: rtl;
	white-space:nowrap;
}