/* =========================================== */
/* H T M L */

	body 
		{ 
		font: 62.5%/140% Helvetica, Arial, sans-serif;
		margin: 10px;
		padding: 0;
		background-color: #fff;
		color: #000;
		}
	form,
	h1, h2, h3, h4, h5, h6 
		{ 
		margin: 0;
		padding: 0; 
		}
	h1 {
		font-size: 2.9em;
		}
	h2 {
		font-size: 2.2em;
		}
	h3 {
		font-size: 1.8em;
		}
	h4 {
		font-size: 1.5em;
		}
	p 
		{ 
		margin: 0; 
		padding: 0 0 0em; 
		}
	ul, ol 
		{ 
		margin: 0 0 0 1em;
		padding: 0; 
		}
	label,
	.label {
		font-size: 1.3em;
		}
	img {
		border: none;
		}

/* W R A P P E R */

	#wrapper 
		{ 
		position: relative;
		width: 76em; 
		margin:auto; 
		border: 1px #ccc solid;  
		background-color: #fff;
		}
	
/* H E A D E R  L O G O */
	
	#header { 
		position: relative; 
		background-color: #000; 
		height: 42px; 
		color: #fff; 
		} 
			
	/* Home */
	#header .logo a { 
		position: absolute; 
		background: url(/images/enablr_logo.png) no-repeat; 
		top: 12px;
		left: 10px;		
		width: 74px;
		height: 18px;
		}
	/* following rules are invisible to IE 5 \*/
		#header .logo a { 
			_background-image: none;
			_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/enablr_logo.png', sizingMethod='scale');
			}
	 /* end IE 5 hack */
	
	#header #beta { 
		position: absolute; 
		background: transparent url(/images/betasign.png) no-repeat; 
		width: 112px;
		height: 21px;
		top: 10px; 
		right: 10px; 
		text-transform: uppercase; 
		}
	/* following rules are invisible to IE 5 \*/
		* html body 
		#header #beta { 		
			background-image: none;
			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/betasign.png', sizingMethod='scale');
			}
	 /* end IE 5 hack */

	
	/* #header #signup { 
		position: relative; 
		background-color: #000; 
		height: 97px; 
		color: ;  
		} */
	
			

/* M A S T H E A D  L O G O */	

	 #masthead { 
		position: relative; 
		color: ; 
		background-color: ;
		display: none;
		height: 7.60em;
		min-height: 77px; 
		}
	  #masthead .logo { 
		position: absolute; 
		background: url(/images/transcribr_logo.png) no-repeat; 
		top: 5px;
		left: 10px;
		width: 278px;
		height: 7.60em;
		}
	/* following rules are invisible to IE 5 \*/
		  * html body 
		  #masthead .logo { 
			background-image: none;
			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/transcribr_logo.png', sizingMethod='image');
			}
	 /* end IE 5 hack */
	  #masthead h1 
		{ 
		color: ; 
		}
	  #masthead p 
		{ 
		position: absolute; 
		right: 10px; 
		top: .75em; 
		width: 18em; 
		letter-spacing: 0px;
		font-size: 1.9em;  
		line-height: 120%;
		}

/* S I D E */

	/* #side { 
		font: 1.1em/200%  Arial, Helvetica, sans-serif;
		position: relative;
		float: left; 
		z-index: 2;
		width: 189px; 
		clear: both; 
		border-left: 1px solid #fff;
		margin: 0px 0px 1px 0px;
		} */

	/* #side { 
		font: 1.1em/200%  Arial, Helvetica, sans-serif;
		position: absolute;
		z-index: 2;
		left: 1px;
		width: 189px; 
		clear: both; 		
		margin: 0px 0px 1px 0px;
		} */

	#side { 
		font: 1.1em/200%  Arial, Helvetica, sans-serif;
		position: relative;
		float: left; 
		z-index: 2;
		left: 1px;
		width: 189px;
		/* border-left: 1px solid #fff; */
		margin: 0px 0px 1px 0px;
		}
	  #side ul { 
		list-style-type: none; 
		margin: 0;   
		padding: 0;
		font-size: 1.2em; 
		} 
	  #side li { 
		margin: 0;  
		padding: 0;  /* display: inline; */ 
		} 				
	  #side .title { 
		font-size: 1.2em; 
		line-height: 200%;
		height: 200%; 
		color: #000; 
		background-color: #ccc; 
		margin: 0px 0 0; 
		border-top: 1px solid #fff;
		padding: 0px 10px 0px 10px;
		}
	  #side .subtitle, 
	  #side p { 
		font-size: 1.2em; 
		margin: 0;  
		padding: 0;  
		line-height: 125%; 
		}
	  #side a { 
		color: #000; 
		text-decoration: none;			
		}
		
/* NAV MAIN */
	
	#side #nav-main { 
		background-color: #f6f2f2;
		}				
	#side #nav-main .title { 
		}
	#side #nav-main ul { 
		margin: 0;
		padding: 8px 0 8px;
		border-width: 0px; 
		}
	#side #nav-main li { 
		line-height: 200%;
		border-color: #f6f2f2; 
		border-style: dashed; 
		border-width: 0px 0 1px;	  
		}
	#side #nav-main a { 
		margin: 0px 0; 
		padding: 0px 0px 0px 15px; 
		display: block; 
		}
	#side #nav-main a:link,
	#side #nav-main a:visited { 
		color: #000 !important; 
		text-decoration: none; 
		}
	#side #nav-main a:hover,
	#side #nav-main a:active { 
		text-decoration: none;
		font-weight: bold; 
		background: #000 !important;	
		color: #fff !important;  
		}	
	 #side #nav-main .currentpage { 
		color: #000 !important;  
		/* padding-left: 15px; */
		margin-left: 0px;
		font-weight: bold; 
		}
	/*
	* html #nav-main li a {
		color:#000 ;
	}
	*/				
	 #side #nav-main a.currentpage:link,
	 #side #nav-main a.currentpage:visited { 
		color: #000;  
		background-image: url(/images/arrow.gif);
		background-repeat: no-repeat;
		background-position: 3px .6em;
		}				
	 #side #nav-main a.currentpage:hover,
	 #side #nav-main a.currentpage:active { 
		color: #fff; 
		background-image: url(/images/arrow-white.gif);
		background-repeat: no-repeat;
		background-position: 3px .6em;
		background-color: #000;	
		}
			
/* COMING SOON */	
	
	#side #comingsoon {		
		font-family:  Helvetica, Arial, sans-serif;
		}
			
	#side #comingsoon .title { 
		}
	#side #comingsoon .subtitle { 
		margin-bottom: 0px; 
		padding: 3px 0 2px;
		}	
	#side #comingsoon .subtitle a { 
		border: none!important;
		display: block;
		}
	#side #comingsoon .subtitle span { 
		display: none; 
		}	
	#side .comingsoon {
		padding: 0px 13px 20px;
		}	

	#side #comingsoon .arrow { 
		margin: auto; 
		background-repeat: no-repeat; 
		height: 20px; 
		width: 39px;
		}		
	
/* STENOGRAPHR PRO */	
	
	/* ARROW */

	#side #comingsoon #stenographr-pro .arrow { 
		background-image: url(/images/cs_arrow_cccgray-2-lightgray.gif); 
		}
	
	#side #comingsoon #stenographr-pro { 
		color: #fff; 
		background-color: #707070; 
		}			
	#side #comingsoon #stenographr-pro .subtitle a { 
		background: transparent url(/images/stenographr-pro.png) no-repeat; 
		width: 153px; 
		height: 40px; 
		margin-right: -13px;
		}
	/* following rules are invisible to IE 5 \*/
		* html body 
		#side #comingsoon #stenographr-pro .subtitle a { 
			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/stenographr-pro.png', sizingMethod='crop'); 
			background-image: none; 
			}				
 	/* end IE 5 hack */ 
	#side #comingsoon #stenographr-pro a:link,
	#side #comingsoon #stenographr-pro a:visited { 
		color: #fff; 
		text-decoration: none; 
		border-bottom: 1px dotted; 
		}
	#side #comingsoon #stenographr-pro a:hover,
	#side #comingsoon #stenographr-pro a:active { 
		color: #fff; 
		text-decoration: none; 
		border-bottom: 1px solid; 
		}
	
	
/* STENOGRAPHR NOW */
	
	/* ARROW */

	#side #comingsoon #stenographr-now .arrow { 
		background-image: url(/images/cs_arrow_dark-2s-light.png); 
		}
	
	#side #comingsoon #stenographr-now { 
		color: #993333; 
		background-color: #fcc2c2; 
		}		
	#side #comingsoon #stenographr-now .subtitle a  { 
		background: transparent url(/images/stenographr-now.png) no-repeat; 
		width: 163px; 
		height: 52px; 
		}
	/* following rules are invisible to IE 5 \*/
		* html body 
		#side #comingsoon #stenographr-now .subtitle a  { 
			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/stenographr-now.png', sizingMethod='crop');
			background-image: none; 
			}			
 	/* end IE 5 hack */ 
	#side #comingsoon #stenographr-now a:link,
	#side #comingsoon #stenographr-now a:visited { 
		color: #993333; 
		text-decoration: none; 
		border-bottom: 1px dotted; 
		}
	#side #comingsoon #stenographr-now a:hover { 
		color: #993333; 
		text-decoration: none; 
		border-bottom: 1px solid; 
		}
	
	
/* TRANSCRIBR PRO */	
	
  	/* ARROW */
	
	#side #comingsoon #transcribr-pro .arrow { 
		background-image: url(/images/cs_arrow_lightgray-2-medgray.gif); 
		}
	
	#side #comingsoon #transcribr-pro { 
		color: #fff; 
		background-color: #424242; 
		}			
	#side #comingsoon #transcribr-pro .subtitle a  { 
		background: transparent url(/images/transcribr-pro.png) no-repeat; 
		width: 153px;	
		height: 40px; 
		}
	/* following rules are invisible to IE 5 \*/
		* html body 
		#side #comingsoon #transcribr-pro .subtitle a { 
			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/transcribr-pro.png', sizingMethod=''); 
			background-image: none; 
			}				
 	/* end IE 5 hack */ 
	#side #comingsoon #transcribr-pro a:link,
	#side #comingsoon #transcribr-pro a:visited { 
		color: #fff; 
		text-decoration: none; 
		border-bottom: 1px dotted; 
		}
	#side #comingsoon #transcribr-pro a:hover { 
		color: #fff; 
		text-decoration: none; 
		border-bottom: 1px solid; 
		}
	
	
/* TRANSCRIBR NOW */
	
	/* ARROW */
	
	#side #comingsoon #transcribr-now .arrow { 
		background-image: url(/images/cs_arrow_medgray-2-black.gif); 
		}
	#side #comingsoon #transcribr-now { 
		color: #fff; 
		background-color: #000; 
		}		
	#side #comingsoon #transcribr-now .subtitle a  { 
		background: transparent url(/images/transcribr-now.png) no-repeat; 
		width: 163px; 
		height: 52px; 
		}
	/* following rules are invisible to IE 5 \*/
		* html body 
		#side #comingsoon #transcribr-now .subtitle a  { 
			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/transcribr-now.png', sizingMethod='');
			background-image: none; 
			}			
 	/* end IE 5 hack */ 
	#side #comingsoon #transcribr-now a:link,
	#side #comingsoon #transcribr-now a:visited { color: #fff; text-decoration: none; border-bottom: 1px dotted; }
	#side #comingsoon #transcribr-now a:hover { color: #fff; text-decoration: none; border-bottom: 1px solid; }


/* C O N T E N T */

	#content { 
		margin: 0px 1px 1px;
		position: relative;
		top: 0;
		left: 0;
		background-color: #fff; 
		padding: 20px; 		
		border-left: 190px solid #f6f2f2; 
		}
	.content-float {
		position: relative;	
		border-left: 0px solid #fff; 
		margin: 0px 0px 0px 1px;
		/* min-height: 795px; */
		/* height: 100%; */
		}
	  #content h1 { 
	  	color: ; 
		font-size: 3.3em; 
		margin: 0; 
		line-height: normal; 
		padding: .0em 0 .25em;   
		}
	  #content .subtitle { 
	  	color: ; 
		font-size: 2.1em; 
		margin: 0; 
		padding: .0em 0 .25em;   
		}
	  #content h3 { 
	  	color: ; 
		font-size: 2.1em; 
		margin:.25em 0 0 ; 
		padding: 0 0 .25em;  
		}
	  #content h5 { 
	  	color: ; 
		font-size: 1.5em; 
		margin: 0; 
		padding: 0 0 .25em;
		}
	  #content p { 
	  	font-size: 1.35em; 
		line-height: 130%; 
		margin: 0; 
		padding: .5em 0 1em; 
		}	
		
	#content a:link,
	#content a:visited { 
		color: #666; 
		text-decoration: none; 
		border-bottom: 1px dotted; 
		}
	#content a:hover,
	#content a:active { 
		color: #000; 
		text-decoration: none; 
		border-bottom: 1px solid; 
		}
		
	/* STEPS */
	
	  #content .step { 
	  	position: relative;
	  	color: ; 
		margin: 0px; 
		background-color: ;  
		border-color: ; 
		border-style: solid;
		border-width: 1px 0 0px 0px; 
		min-height: 115px;
		_height: 115px;
		}	
	  #content .step .number { 
	  	position: absolute;
		top: 13px;
		left: 11px;
		width: 58px;
		height: 58px;
		margin: 0;
		padding: 0;
		background-repeat: no-repeat;
	  	color: ; 
		font-size: 5em;
		line-height: 1em;
		}
	
	  #content .step .content { 
	  	position: relative;
		padding: 20px 20px 20px 80px;
		}		
		
	  #content .step .title { 
	  	position: relative;
	  	color: ; 
		line-height: 150%;
		margin: 0; 
		line-height: normal;
		display: inline; 
		padding: 0 0 3px;  
		}
	  
	  #content .step p { 
	  	/* font-size: 1.5em; 
		line-height: 140%;
		margin: 0; 
		padding: .25em 0 1em;   */
		}
	
	  #content .step .note { 
		font-size: 1.3em;
		}	
		
		

	/* ===== Start & Finish =====*/	

	
	#start { 
		padding: 10px 10px;
		color:  ; 
		background-color: ;
		border: 0px  solid;
		border-width: 0px 0 1px 1px;  
		font-size: 115%;
		}
	#start .title { 
		color:  ; 
		font-size: 2em;
		line-height: 115%; 
		}
	#start p { 
	 	font-size: 1.3em;
		line-height: 130%; 
		color: ; 
		padding: .25em 20px .25em 0;
		}
	#start a { 
		color: ; 
		} 
		
	#finish { 
		position: relative;
		padding: 8px 10px;
		min-height: 65px; 
		_height: 65px; 
		color:  ; 
		background-color: ;
		border: 0px  solid;
		border-width: 1px 1px 1px 0px;  
		margin: 0 0px 0px 0px;  
		font-size: 115%;
		}		
	#finish .title { 
		color:  ; 
		font-size: 2em;
		line-height: 115%; 
		width: 17em;
		}
	#finish p { 
	 	font-size: 1.3em;
		line-height: 130%; 
		color: ;
		width: 17em;
		padding: .25em 0px .25em 0;
		}
	#finish input { 
		position: absolute; 
		padding: 8px 10px;
		top: 20px; 
		right: 30px;
		width: 12em;
		line-height: 1em; 
		font-size: 170%; 
		}
/* 	#finish #submit { right: 30px; }
	#finish #cancel { right: 20px; } */
	

/* F O O T E R */

	#footer { 
	text-align: right; 
	font-size: 1em;
	width: 76em;
	margin:auto;  
	}
	


/* Utilities */

	.clear { clear: both; }
	hr.clear { display: none; }
	
	div.line hr{ /* take out the troublemaking HR */
	/* display:none; */
	}
	
	div.line { /* DIV that wraps and replaces the HR */
	background: transparent url() no-repeat center center;
	height: 0px;
	/* border-bottom: 1px red solid;  */
	/* height: 30px; */
	}
	
	/* DISPLAYED WHEN NO CSS */

		.skip,
		.no-css
			{ display: none; }