body,
html {
	margin:0;
	padding:0;
	background:#DAD9D6;
	color:#000;
}
body {
	background:#DAD9D6 url(/images/bggradient.gif) repeat-y 50% 0;
	text-align:center;
	font-family: verdana, arial, sans-serif;
	font-size: 90%;
}

#wrap {
	margin:0 auto;
	width:751px;
	text-align: left;
	background: #e9e9e9;
	border-bottom: 1px solid #bbb;
}
#sidebar {
	background:#e9e9e9;
}

span.accesskey
{
	text-decoration: underline;
}

/* HEADER */

	#header {
		background:#fff;
		padding: 1px;
		margin: 0px;
	}
	#header h1 {
		padding:5px;
		margin:6px 5px 4px 2px;
	}
	
	#header h1 img
	{
		border: 0px;
	}

/* HEADER MEMBER LOGGED IN */
	#header #loggedin
	{
		float: right;
		text-align: right;
		padding-right: 10px;
		padding-top: 8px;
	}
	
	#header form
	{
		margin: 0px;
	}

	#header #loggedin p
	{
		margin: 0px;
		margin-top: 3px;
		font-size: 12px;
	}
	
	#header #loggedin h4
	{
		margin: 0px;
		font-size: 13px;
		color: #036;
	}

/* NAV */
	#nav {
		background:#da4;
	}
	#nav ul{
		margin:0;
		padding:0;
		list-style:none;
		display: table;
		width: 750px;
	}
	#nav li{
		border-right: 1px solid #333;
		border-collapse: collapse;
		margin:0;
		background:#da4;
		float: left;	
	}
	
	#nav li.last
	{
		border-right: 0px;
	}

	#nav li a, #nav li a:visited
	{
		margin: 0px;
		display: block;
		padding: 5px 17px 5px 17px;
		font: bold 12px verdana;
		text-decoration: none;
		color: #036;
	}

	#nav li a:hover
	{
		background-color: #900;
		color: #ccc;
	}


/* Drop down menu */
	#nav ul li ul {
		position: absolute;
/*		margin-top: 5px;
		top: 40px;
		top: 0;*/
		display: none;		
	}
	
	#nav ul li ul li
	{
		display: block;
		float: none;
		width: 10em;
	}
	
	#nav ul li:hover ul { display: block; }
	
	
/* MAIN CONTENT */

	div.twocol {
		background:#fff;
		float:left;
		width:549px;
		border-right: 1px solid #ccc;
		border-left: 1px solid #ccc;
		font-size: 85%;
		padding: 0px;
	}
	
	div.onecol {
		background: #fff;
		margin: 0px;
		float: left;
		width: 100%;
	}
	
	#main h1, #main h3, #main p {
		padding:0 10px;
		margin: 0.5em;
	}

	.rightimage
	{
		float: right;
		margin-left: 10px;
		margin-right: 15px;
	}


	#main h1
	{
		font-size: 22px;
		color: #036;
		margin: 0.5em 1em 0.5em 0.2em;
	}

	#main h2
	{
		font-size: 16px;
		color: #036;
		margin: 0.7em 1em 0.5em 20px;
		padding: 0px 0px 1px 0px;
		font-size: 1.4em;
		border-bottom: 1px dotted #888;
	}

	#main h4
	{
		font-size: 13px;
		margin: 0em 0em 0em 19px;
		color: #f74;
		background: transparent url(/images/arrow-right.gif) no-repeat left;
		padding-left: 20px;
	}

	#main div.screenshot
	{
		text-align: center;
	}


	#main div.summary
	{
		clear: both;
		background-color: #e9e9e9;
		margin: 1em 3em 0.8em 3em;
	}

	#main div.summary h3
	{
		margin: 0px;
		padding: 2px 1em 2px 1em;
		color: #f60;
		font-weight: bold;
		letter-spacing: 1px;
		font-size: 15px;
		text-align: center;
	}

	strong
	{
		color: #444;
	}

	.authelo
	{
		color: #91191b;
		font-weight: bold;
		font-family: tahoma, verdana, arial, sanf-serif;
		letter-spacing: 0px;
	}

	#main p, #main ul
	{
		font-size: 13px;
		margin-bottom: 1.5em;
	}

	#main p
	{
		margin-left: 13px;
		line-height: 150%;
	}

	#main ul li
	{
		list-style-image: url(/images/bullet.gif);
		margin-left: 14px;
		margin-bottom: 0.5em;
	}


	#main ul li a
	{
		color: #036;
	}

	#main ul.mainpoints
	{
		margin-top: 1em;
	}

	#main ul.mainpoints li
	{
		line-height: 150%;
		list-style-image: url(/images/tick.gif);
		margin-bottom: 3px;
	}

	#main div.actionpoints
	{
		float: right;
		margin: 18px 0px 3px 5px;
		padding-right: 4em;
	}
	#main div.actionpoints a.bigbuttons
	{
		background: #fff url(/images/mybuttons.gif) no-repeat left top;
		display: block;
		padding: 10px 15px 13px 15px;
		text-align: center;
		color: #222;
		font-weight: bold;
		text-decoration: none;
		font-size: 13px;
		margin: 0px;
		line-height: 10px;
		white-space: nowrap;
	}

	#main div.actionpoints a:hover
	{
		background: #fff url(/images/mybuttons.gif) no-repeat left bottom;
	}

	#main p.footer, #main p.footer a
	{
		margin-top: 5em;
		font-size: 11px;
		text-align: center;
		text-decoration: none;
		color: #333;
	}
	
	#main img.nice
	{
		background-color: #fff;
		border: 1px solid #a9a9a9;
		padding: 0px;
		margin: 1em;
	}
	
	img.nice
	{
		text-align: center;
	}
	
/* SIDEBAR */
	#sidebar {
		float:right;
		width:200px;
		padding: 1em 0px 0px 0px;
	}

	#sidebar .love
	{
		background-color: #eee;
		margin: 0px 0.9em 1.5em 0.9em;
		padding: 0px;
	}

	#sidebar .love h5
	{
		color: #900;
		margin: 2px 1em 2px 1em;
		font-size: 70%;
		text-align: right;
	}

	#sidebar p
	{
		margin: 2px;
		font-size: 13px;
		line-height: 150%;
		color: #999;
	}

	#sidebar .love p
	{
		margin: 0.5em 0.5em 0.5em 1em;
		text-align: left;
	}

	#sidebar ul {
		margin-bottom:0;
	}
	#sidebar h3, #sidebar p {
		padding:0 10px 0 0;
	}
	
	
/* SIDEBAR TUTORIALS */
	#sidebar .tutorial
	{
		background-color: #eee;
		margin: 0px 0.9em 1.5em 0.9em;
		padding: 0px;
	}

	#sidebar .tutorial h5
	{
		color: #900;
		margin: 2px 2px 2px 8px;
		font-size: 12px;
		text-align: left;
	}

	#sidebar .tutorial p
	{
		margin: 2px 2px 2px 8px;
		text-align: left;
		font-size: 11px;
		margin-bottom: 10px;
		text-align: left;
	}

	#sidebar .tutorial p a
	{
		color: #036;
	}
	
	#sidebar .tutorial p a:hover
	{
		color: #0b0;
	}
	
/* TUTORIALS BODY */

	div.tute
	{
	}
	
	#main div.tute p.crumbtrail
	{
		font-size: 11px;
		font-weight: bold;
		margin: 5px 20px 15px 20px;
		padding: 0px 0px 2px 0px;
		color: #444;
	}
	
	#main div.tute p.crumbtrail a 
	{
		color: #060;
	}
	
	div.tute ul.tutoriallist li	
	{
		margin-bottom: 0.5em;
		margin-left: 13px;
		padding-left: 5px;
	}

	
	#main div.tute ul.tutoriallist li
	{
		list-style-image: url(/images/document.gif);
	}
	
	#main div.tute ul.tutoriallist li a
	{
		font-weight: bold;
		color: #036;
	}

	#main div.tute h3.seealso
	{
		display: block;
		margin-top: 55px;
		padding-top: 25px;
		color: #060;
		border-top: 1px solid #ccc;
	}
	
	div.tute ul.tutoriallist li span.description
	{
		font-size: 12px;
		color: #444;
		display: block;
		margin-top: 3px;
		width: 70%;
	}


	div.tute pre.code
	{
		font: normal 12px courier new, courier, serif;
		display: block;
		border: 1px solid #ccc;
		padding: 1.2em;
		background-color: #eee;
		margin-left: 3em;
		margin-right: 3em;
	}
	
	pre.license
	{
		font: normal 11px verdana, arial, sans-serif;
		display: block;
		padding: 0.3em;
		margin-left: 1.5em;	
	}
	


/* TUTORIALS SEARCH BOX */
	form#tutesearch
	{
		text-align: center;
		background-color: #eeeef5;
		
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		padding: 0px;
		margin: 0px;
	}
	
	form#tutesearch label
	{
		font-weight: bold;
		padding: 0px;
		margin: 0px;
		color: #090;
	}
	
	form#tutesearch p
	{
		margin: 0px;
		padding: 3px;
	}
	
	form#tutesearch input
	{
		margin: 0px;
		font-size: 13px;
	}
	
	form#tutesearch input.SFbutton
	{
		margin: 0px;
		font-size: 10px;
	}
	
	
#footer {
	background:#cc9;
	clear:both;
}
#footer p {
	padding:5px;
	margin:0px;
}



/* FORMS */
	#main form
	{
		padding: 0px;
		margin: 0px;
	}
	
	#main form fieldset
	{
		margin: 10px 20px 20px 20px;
		_margin-top: 20px;
		width: 473px;
		border: 1px solid #ddd;
	}
	
	#main form fieldset legend
	{
		border: none;
	}
	
	#main div.SFhint p
	{
		margin: 0;
		font-size: 11px;
	}	
	
/* ORDER FORM BUY IT */
	#SFc_continue
	{
		padding: 1em;
		text-align: center;
		margin-bottom: 1.5em;
	}
	
	form#order #password, form#order #password2
	{
		width: 8em;
	}
	
	form#order #zip
	{
		width: 6em;
	}

	form#order #address3
	{
		width: 9em;
	}
	
	#main p.question
	{
		background: transparent url(/images/lightbulb.gif) no-repeat left;
		padding-left: 20px;
		margin-left: 23px;
		font-weight: bold;
		margin-bottom: 25px;
	}
	
	#main p.question a
	{
		margin-left: 7px;
	}
	
	#licensecount
	{
		width: 2em;
		margin-right: 0px;
		border: 1px solid black;		
		
		font-size: 13px;
		padding-top: 2px;
	}
	

	#youresaving, #youresaving strong
	{
		color: #c00;
	}
	
	#order #SycuseAction_increment
	{
		border: 1px solid black;
		margin-right: 15px;
		margin-left: 0px;
		background-color: #090;
		color: #fff;
		width: 20px;
		padding: 0px;
		cursor: pointer;
		
		font-size: 12px;
		padding: 1px;
		font-weight: bold;
	}
	
	#order #unitprice
	{
		margin-left: 10px;
	}
	
	#order #totalprice
	{
		font-weight: bold;
	}
	
	#hint4agree p a
	{
		font-size: 1em;
	}

/* DEMO page */
	#demo #SFc_demo_submit
	{
		text-align: center;
		margin-bottom: 1.5em;
	}

	
/* MEMBERS AREA */
	#main table#licenses
	{
		margin: 10px 20px;
		width: 506px;
		border: 1px solid #ccc;
		padding: 1px;
	}
	
	#main table#licenses th
	{
		padding: 4px 2px 4px 2px;
		background: #def;
	}

	#main table#licenses td
	{
		padding: 8px 2px 8px 2px;
	}	
	
	#main div.error
	{
		padding: 1em;
		border: 1px solid #ddd;
		background: #ffc;
		margin: 2em;
	}
	
	#main div.error h2
	{
		color: #900;
	}