/* CSS Document */
* { 
	margin:0;
	padding:0;
}
html, body { 
	height:100%;
}
body {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:100%; 
	line-height:1.25em;
	text-align: center;
	color: #52554d;
	background: #f3f3f2;
}
.clearfix{
	clear:both;
}
img {
	border:0; 
	vertical-align:top; 
	text-align:left;
}

a {
	color:#85b345;
}
a:visited{
	color:#85b345;
}
a:hover{
	color:#97b3d6;
}

.page {width: 1024px; margin: 0 auto; text-align: left;
		font-size:.875em;
}

.top-menu {
	text-align: right;
	height: 40px;
	margin-bottom: 0px;
	font-size: 80%;

}


/* Header */
.header {

	height: 82px;
	
}
.logo{
	text-align: left;
	float: left;
	width: 335px;
	height: 80px;
	background: url(images/ptfbpro-logo.png) no-repeat;
}

	/* Text to replace logo image when images disabled */
	.logo h1{
		font-size: 16px;
	}
	.logo h1 span {display: none; }
	/* END Text to replace logo image when images disabled */
	
#auto-clicker{
	text-align: left;
	float: left;
	width: 648px;
	height: 50px;
	background: url(images/auto-clicker.png) no-repeat;
	margin-bottom: 16px;
}

	/* Text to replace logo image when images disabled */
	#auto-clicker h2{
		font-size: 16px;
	}
	#auto-clicker h2 span {display: none; }
	/* END Text to replace logo image when images disabled */
#macro-recorder{
	text-align: left;
	float: left;
	width: 648px;
	height: 50px;
	background: url(images/macro-recorder.png) no-repeat;
	margin-bottom: 16px;
}

	/* Text to replace logo image when images disabled */
	#macro-recorder h2{
		font-size: 16px;
	}
	#macro-recorder h2 span {display: none; }
	/* END Text to replace logo image when images disabled */


.menu ul{
	list-style: none;	
	padding : 0;
	margin : 0;

}
.menu li{
	float: left;
	margin: 0 0;
	padding: 0;
	text-align: center;
}

.menu li a, .menu li a:visited, .menu li a:active{
	float: left;
	text-align: center;
	width:80px;
	height:80px;
	background: #75786f;
	color: #fdfaf5;
	font-weight: bold;
	border-left: 1px solid #fdfaf5;
	font-size: 11px;
	display : inline;
	line-height: 80px;
	display: block;
	text-decoration: none;
	text-transform: uppercase;
}

.menu li a:hover {
	background: #85b345;
	color: #52554d;
}

/* Commented backslash hack hides rule from IE5-Mac \*/
.menu li a
{
float: none
}
/* End IE5-Mac hack */

.menu{
	text-align: right;
	float: right;
}

body.macro-recorder-auto-clicker a#macro-recorder-auto-clicker,
body.macro-recorder-overview a#macro-recorder-overview,
body.download-auto-clicker a#download-auto-clicker,
body.purchase-auto-clicker a#purchase-auto-clicker
{
	background: #353631;
	color: #ffffff;
}

/* End Header */


/* Footer */
/*.footer {
	color: #999;
	clear:both;
}
.footer-left-align{
	text-align: left;
	width: 400px;
	font-size: 80%;
	padding: 0px;
	padding-top: 4px;
}
.footer-middle-align{
 	width:400px;
}
.footer-right-align{
	text-align: right;
	width: 223px;
	font-size: 80%;
	padding: 0px;
	padding-top: 4px;

}*/

#footer {
	margin-top: 20px;
	font-size:13px;
	color:#9e9890;
}
	#footer .indent {
		padding:0 0 0 14px;
	}
		#footer .col-1 {
			float: left;
			width:320px;
		}
		#footer .col-2 {
			float: left;
			width:320px;
		}
			#footer .col-2 a {
				color:#9e9890;
			}
		#footer .col-3 {
			float: left;
			width:383px;
			color:#6e6b67;
			font-size:12px;
			text-align: right;
		}
			#footer .col-3 a {
				color:#6e6b67;
			}
			
		#footer ul{
			list-style: none;
		}

/* End Footer */

/* Table Home */
.table-home {


}
.table-home-left{
	text-align: left;
	float: left;
	width: 400px;
	margin-top: 20px;
	
}
.table-home-right{
	text-align: right;
	float: right;
	margin-top: 30px;
	margin-right: 0px;
	padding-right: 0px;
}
#home-buttons{
	margin-top: 30px; 
	text-align: right;
	position: relative; 
	left:6px;
	margin-bottom: 20px;
}
#home-title{
	position: relative;
	left: 30px;
	width: 580px;
	height: 110px;
	text-align: right;
	background: url(images/home-title.png) no-repeat;
	margin-bottom: 20px;

}

	/* Text to replace logo image when images disabled */
	#home-title h2{
		font-size: 16px;
	}
	#home-title h2 span {display: none; }
	/* END Text to replace logo image when images disabled */

#feature-list
{
list-style-type: none;
padding: 0;
margin: 0;
text-align: right;
}

#feature-list li 
{

background-image: url(images/bullet.png);
background-repeat: no-repeat;
background-position: 100% 5px;
padding-right: 24px;
font-size: 19px;
line-height: 22px;
padding-bottom: 4px;

}

#sidepanel-list{
list-style-type: disc;
padding: 0;
margin: 0;
margin-bottom: 0px;
text-align: left;
padding-left: 40px;
}

#sidepanel-list li 
{
padding-left: 2px;
padding-top: 0px;
font-size: 14px;
line-height: 20px;
color: #dcddda;
}

#sidepanel-list a{
	margin-bottom: 0px;
	margin-top: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
}

.feature-list ul{
list-style-type: disc;
padding: 0;
margin: 0;
text-align: left;
padding-left: 40px;
}
.feature-list li{
margin-top: 0px;
padding-top: 0px;
padding-bottom: 24px;
margin-bottom: 0px;
}
.spacer{
	margin-top: 6px;
	margin-bottom: 6px;
}
.spacer2{
	margin-top: 8px;
	margin-bottom: 8px;
}
.sublist{
margin-top:0;
margin-bottom:0;
padding-top:0;
padding-bottom:0;

}
.sublist li{
margin-top:0;
margin-bottom:0;
padding-top:0;
padding-bottom:0;

}

.examples{
	list-style-type: none;
	
}

.examples li{
	font-size: 18px;
	line-height: 24px;
	padding-bottom: 30px;
	color: #e0e1df;
}
.response{
	padding-top: 8px;
	font-style: italic;
	font-size: 16px;
}

/* !Tabs */

#tabs ul.yui-nav {
    list-style: none;
    margin: 0 auto;
	margin-top: 0;
	clear: both;
    text-align: center;
    width: 1024px;
	height: 36px;

}

.yui-nav li {
    background: url(images/tab-off.png) no-repeat;
    display: block;
    float: left;
    font-size: 18px;
    margin-right: 3px;
}

.yui-nav li a {
    border: none;
    color: #e0e1df;
    display: block;
    height: 36px;
    line-height: 36px;
    width: 142px;
	text-decoration: none;
}

.yui-nav li.selected { background: url(images/tab-here.png) no-repeat; }
.yui-nav li.first { margin-left: 6px; }
#tabs p.first { margin: -10px 0 5px 0; }
#tabs .running-time { color: #888; }

#tabs h2 {
	font-size:32px;
	line-height:1em;
	font-weight:normal;
	color:#e0e1df;
	letter-spacing:-1px;
	margin-bottom:20px;
}

#tabs h3 {
	background:url(images/title-bg.png) no-repeat left top;
	width:468px;
	height:51px;
	font-size:20px;
	line-height:36px;
	color:#e0e1df;
	font-weight:normal;
	text-indent:46px;
	margin:0 0 17px -44px;
	letter-spacing:-1.2px;
	margin-top: 30px;
}

h4, #tabs h4 {
	font-size:18px;
	font-style: italic;
	line-height:24px;
	color:#e0e1df;
	margin-bottom:21px;
}
#tabs p{
	color: #e0e1df;
}

#tabs ul{
	margin-left: 20px;
}
#tabs li{
	color: #e0e1df;
}
#main .normal li { font-weight: normal !important; }
.ui-nav{
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.yui-content{

background:  #353631; 
margin-left: 4px;
padding: 20px;
padding-left: 30px;

}

.yui-content p{
	margin-bottom: 6px;
	margin-top: 6px;
}

.tab-content {
	color: #999;
	clear:both;
}
.tab-content-2-col-l{
	text-align: left;
	float: left;
	width: 620px;
	padding: 0px;
	padding-top: 4px;

}
.tab-content-2-col-r{
	text-align: right;
	float: right;
	padding: 0px;
	padding-top: 4px;

}

.main-content{
	margin-top: 40px;
	padding-bottom: 20px;
	border-bottom: 1px solid #353631;
	color: #e0e1df;
}

.main-content-dark{
	margin-top: 40px;
	padding: 20px;
	background: #353631;
	color: #e0e1df;
}
.main-content-dark p{
	margin-bottom: 6px;
	margin-top: 6px;
}
.main-content-dark h4{
	margin-top: 18px;
}
.main-content-dark h3 {
	background:url(images/title-bg.png) no-repeat left top;
	width:468px;
	height:51px;
	font-size:20px;
	line-height:36px;
	color:#e0e1df;
	font-weight:normal;
	margin:0 0 17px -34px;
	text-indent:36px;
	letter-spacing:-1.2px;
	margin-top: 30px;
}

.main-content ul, .main-content-dark ul{
	padding-left: 20px;
	margin-bottom: 30px;
}

.main-content h2, .main-content-dark h2{
	margin-top: 0px;
	margin-bottom: 20px;
	color: #e0e1df;
	font-size: 32px;
}

#sidepanel h3 {
	background:url(images/title-bg-sml.png) no-repeat left top;
	width:290px;
	height:38px;
	text-align: center;
	font-size:20px;
	line-height:36px;
	color:#e0e1df;
	font-weight:normal;
	margin:0 0 0 0;
	margin-top: 20px;
	text-indent:0px;
	letter-spacing:-1px;

}
.calltoaction{
	font-size:20px;
	font-weight: bold;
	line-height:26px;
	color:#e0e1df;
	margin-bottom:18px;
	margin-top: 30px;
	text-align: center;
}

#sidepanel td{
	background: #75786f;
	padding: 8px;
	color: #353631;
	font-size:.875em;
	border-right: 2px solid #282925;
	border-bottom: 2px solid #282925;
	border-top: 2px solid #a4a69d;
	border-left: 2px solid #a4a69d;
}

#sidepanel p{
	color: #e0e1df;
	padding: 10px;
}
#sidepanel .comment{
	color: #353631;
	text-align: center;
	font-style: italic;
	font-size: 90%;
	margin: 10px;
	margin-bottom: 0px;
}
#sidepanel .comment-author{
	color: #353631;
	text-align: center;
	font-size: 80%;
	margin: 10px;
	margin-top: 4px;
	margin-bottom: 30px;
}
#sidepanel h5{
	font-size: 16px;
	margin-bottom: 8px;
	padding-left: 16px;
	padding-top: 16px;
}
a.linkopacity img {
filter:alpha(opacity=100); 
-moz-opacity: 1.0; 
opacity: 1.0;}

a.linkopacity:hover img {
filter:alpha(opacity=75);   
-moz-opacity: 0.75;   
opacity: 0.75;
}

.buy-now-box{
	background: #75786f;
	padding: 8px;
	color: #353631;
	font-size:.875em;
	border-right: 2px solid #282925;
	border-bottom: 2px solid #282925;
	border-top: 2px solid #a4a69d;
	border-left: 2px solid #a4a69d;
	width: 100%;
}
.supportedOS{
	height: 50px;
	line-height: 50px;
	color: #e0e1df;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 24px;
}

.display-table{
	border: 1px solid #e0e1df;
}
.display-head{
	padding: 6px;
	background: #e0e1df url(images/display-tick.png) no-repeat left center;
	padding-left: 60px;
	color: #353631;
	font-size:18px;
	font-style: italic;
	line-height:26px;
	font-weight: bold;
	height: 26px;
}
.display-body{
	padding: 6px;
	color: #e0e1df;
}

.feature-table td{
	color: #e0e1df;
	padding-bottom: 8px;
	padding-top: 3px;
	padding-left: 3px;
}

.tick{
	background: url(images/small-tick.png) no-repeat left top;
	width: 19px;
	height: 26px;
}

.display-body li{
	padding-top: 12px;
	padding-left: 8px;
	padding-right: 8px;
}

.question{
	background: url(images/bullet.png) no-repeat;
	background-position: 0px 5px;
	padding-left: 20px;
	padding-right: 6px;
	margin-left: 40px;
	margin-right: 30px;
	margin-top: 30px;
	padding-top: 0px;
	font-size:18px;
	line-height:24px;
	color:#e0e1df;



}
.answer{
	font-size:18px;
	line-height:24px;
	color:#e0e1df;
	margin-bottom:21px;
	background: #484a43;
	padding: 6px;
	text-align: center;
	border: 6px solid #75786f;
}
.answer p{
	font-size: 14px;
}

.sbl { background: url('images/bubble/bl.gif') bottom left no-repeat #e0e1df; width: 100%; text-align: center; min-width: 100px; }
.sbr { background: url('images/bubble/br.gif') bottom right no-repeat; }
.stl { background: url('images/bubble/tl.gif') top left no-repeat; }
.str { background: url('images/bubble/tr.gif') top right no-repeat; padding: 10px; } 
.sb { color: #e0e1df; padding: 2px 0px 10px 50px; background: url('images/bubble/b.gif') 30px top no-repeat; }

#tabs ol{
	margin-left: 24px;
}
.subH2{
 	position: relative; 
	top: -20px;
	text-align: left;
	color: #e0e1df;
}
.bullet{
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.bullet li{
	background-image: url(images/bullet.png);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding-left: 20px;
	font-weight: bold;
	padding-bottom: 8px;
	font-size: 16px;
}