/* Styles for Content and Focus Area Elements */

/* Headers (also in base.css) */

.mainContent h2 {
	color: #2089b3;
	margin: 0 0 24px 0;
}

.mainContent h3 {
	margin: 15px 0 9px 0;
}

.mainContent h4 {
	margin: 5px 0 5px 15px;
}

/* General Styles */
.mainContent p {
	padding: 0 0 10px 0;
}

 ul {
	padding: 5px 0 5px 15px;
}
	ul li {
		background: url(../../img/content/bullet.gif) 0 9px no-repeat;
		padding: 3px 0 3px 11px;
	} 
	
	ul.specs li{
		background: url(../../img/content/dotted-line.gif) 0 bottom repeat-x;
		margin-bottom: 7px;
	}
	
.pdf {
		background: url(../../img/content/icn_pdf.gif) top left no-repeat;
		padding: 0 0 0 20px;
		display:block;
	}
	
a.link {
	background: url(../../img/content/arrow-link.gif) right 2px no-repeat;
	font-weight: bold;
	padding: 0 20px 0 0;
}

 a.linkLrg {
	background: url(../../img/content/arrow-link-lrg.gif) right 2px no-repeat;
	font-size: 1.1em;		
	font-weight: bold;	
	padding: 0 22px 0 0;
}
a.video {
	background: url(../../img/content/icn-video.gif) 0 1px no-repeat;
	padding: 0 0 0 15px;
}
img.contentImg {
	border: 5px solid #eff1ef;
	float: right;
	margin: -13px 0 10px 30px;
}

.clear { clear: both; }


		
/* Tabs */
ul.tabs {
	background: url(../../img/content/tabs-line.gif) bottom right repeat-x;
	clear: both;
	float: left;
	height: 31px;
	margin: 0 0 20px 0;
	padding: 0;
	width: 561px;
}
	ul.tabs li {
		background: url(../../img/content/tab-left-0.gif) 0 0 no-repeat;
		float: left;
		padding: 0 0 0 2px;
	}
		/* selected */
		ul.tabs li.selected {
			background: url(../../img/content/tab-left-1.gif) 0 0 no-repeat;
		}
		
	ul.tabs li a {
		background: url(../../img/content/tab-right-0.gif) right 0 no-repeat;
		display: block;
		float: left;
		font-weight: bold;
		height: 22px; /* 30 */
		padding: 8px 12px 0 10px;
		margin: 0 2px 0 0;
	}
		/* selected */
		ul.tabs li.selected a {
			background: url(../../img/content/tab-right-1.gif) right 0 no-repeat;
			color: #3a3c3a;
			height: 23px;
			position: relative;
			text-decoration: none;
			z-index: 10;
		}
		
#tabContentEnv {
	float: left;
	margin: 0 0 0 5px;
	width: 385px;
}

#tabContentEnv2 {
	float: left;
	margin: 0 0 0 5px;
	width: 500px;
}
/* Focus Area */
.focusArea {
	float: left;
	font-size: .9em;
	margin: 0 -3px 0 21px;
	width: 155px;
}
/* Note in Userguide */
.notetext {
	font-style: italic;
	font-weight: normal;
	color: #003300;
	text-decoration: none;
	background-color: #d1edf6;
	display: inline;
}
/* Tip in Userguide */
.tiptext {
	font-style: italic;
	font-weight: normal;
	color: #003300;
	text-decoration: none;
	background-color: #d7f6d1;
	display: inline;
}
/* numbers in Userguide lists */
ol.ug {
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 25px;
	padding-right: 0px;
}
ol.ug li {
	list-style-position: outside;
	list-style-type: decimal;
}

ul.ug li {
	list-style-position: outside;
	list-style-type: none;
}


.mainContent .productContent {
		background-position: 85% 11px;
		background-repeat: no-repeat;
		float: left;
		padding: 0 0 15px 9px;
		width: 398px;
	}
	.mainContent .productContent1 p {
		background-position: 85% 11px;
		background-repeat: no-repeat;
		float: left;
		padding: 0 30px 15px 9px;
		width: 350px;
	}
	.mainContent .productContent2 p {
		background-position: 85% 11px;
		background-repeat: no-repeat;
		float: left;
		padding: 0 30px 15px 9px;
		width: 450px;

	}
	.mainContent .productContent p {
		width: 235px;
	}
		/* Product Images */
		/*#dragonProfessional { background-image: url(../../img/content/DNS11_Pro.jpg); } ? dragon-naturallyspeaking10-professional.jpg */
		#dragonPreferred { background-image: url(../../img/content/DNS11_Prem_left.jpg); } /* dragon-naturallyspeaking10-preferred.jpg */
		#dragonStandard { background-image: url(../../img/content/DNS11_Home_left.jpg); } /* dragon-naturallyspeaking10-standard.jpg */
		/*#dragonLegal { background-image: url(../../img/content/dragon-naturallyspeaking10-legal.jpg); } */
		#dragonMedical { background-image: url(../../img/content/dragon-naturallyspeaking10-medical.jpg); }
		#dragonMacintosh { background-image: url(../../img/content/dragon-naturallyspeaking10-macspeech.jpg); }
		#speakAndSee { background: url(../../img/content/bundles-speak-and-see.jpg) top right no-repeat; }
		#macSpeechInternational { background: url(../../img/content/macSpeech-international.jpg) top right no-repeat; }
		#macSpeechScribeInternational { background: url(../../img/content/macSpeechScribeInternational.jpg) top right no-repeat; }
		#macSpeechScribe { background: url(../../img/content/macSpeech-scribe.jpg) top right no-repeat; }
		#speechpack-designers { background: url(../../img/content/bundles-speechpack-designers.jpg) top right no-repeat; }
		
		
		/* Buy Now */
.buyNow {
	float: left;
	padding: 20px 0 0 0;
	width: 162px;
}
	.buyNow fieldset div {
		float: left;
		margin: 0 0 11px 0;
	}
	.buyNow label {
		display: block;
		float: left;
		padding: 2px 0 12px 3px;
		text-align: left;
		width: 130px;
	}
	.buyNow input {
		float: left;
		clear: both;
	}
	.buyNow a {
		clear: both;
		display: block;
		margin: 8px 0 0 0;
	}
	.buyNow a.submit {
		background: url(../../img/content/arrow-buy-now.gif) right 3px no-repeat;
		display: inline;
		font-family: arial;
		font-size: 1.5em;
		font-weight: bold;
		padding: 0 29px 0 0;
	}
	
	
	
.DYK{
	width:216px;
	height:290px;
	padding-top:30px;
	margin-bottom:10px;
	background:#77c5db url(../../img/interface/DYK.gif) 0 0 no-repeat;
	overflow:hidden;
}

.upcomingEvents{
	width:216px;
	height:220px;
	padding-top:30px;
	margin-bottom:10px;
	background: url(../../img/interface/upcomingEvents.gif) 0 0 no-repeat;
	overflow:hidden;
}

#event_date{
	font-size:.8em;
	color:#666666;
}

.DYK h2{
	margin-bottom: 10px;
	color:#529aaf;
}

.DYK p{
	margin:0;
	color:#529aaf;
}

.DYKText{
	background:url(../../img/interface/DYK_TextBG.gif) 0 0 repeat-y;
	width:196px;
	padding: 10px;
	margin:0;
}

#DYK_Source{
	font-size:.8em;
	color: #999999;
	padding-bottom:0;
	margin-bottom:0;
}

.topShadow{
	background: url(../../img/interface/sideBoxTopShadow.png) 0 0 no-repeat;
	height:8px;
	width:216px;
	padding:0;
	margin:0;
	line-height:1px;
	font-size:1px;
}

.bottomShadow{
	background: url(../../img/interface/sideBoxBottomShadow.png) 0 0 no-repeat;
	height:8px;
	width:216px;
	padding:0;
	margin:0;
}