body 
{ 
    font-family:Trebuchet MS, Tahoma, Verdana; 
    font-size:12px;
}

h1
{
    margin:0px;
    padding: 20px;
    font-size: 30px;
    text-align:left;
}

h2 { font-size: 20px; margin-top:15px; }
h3 { font-size: 15px; margin-top:5px; }

a, a:link, a:visited { color:#3366cc;text-decoration:underline; } 
a:hover, a:active { color:#993300;text-decoration:none; } 

sup { font-size:12px; }

.main 
{
    background-color:#666666;
    padding:20px 10px;
}

.cmpb TD { text-align:center; vertical-align:top; width:75px; }
.cmpb .div {width:1px; background-image:url(images/bg_htch.gif);background-repeat:no-repeat;background-position:center top;}

h1 img { vertical-align:middle;padding-right:10px; } 
h1 a, h1 a:link, h1 a:visited, h1 a:hover { text-decoration: none; color:#000000; }

.menu {color:#999999;padding:7px;font-size:14px;text-align:right;}
.menu .lb {padding:10px;color:#cccccc;}
.menu a, .menu a:link, .menu a:visited {padding:10px;color:#ffff00;text-decoration:none;}
.menu a:active, .menu a:hover {color:#ffff99;text-decoration:underline;}
.menu #rss 
{
    background-image:url(images/feed.png);
    background-repeat:no-repeat;
    background-position:right;
    padding-right:22px;
}


.sample {display:none;}

.hdr { background-image:url(images/h_bg.jpg); background-position:bottom;background-repeat:repeat-x; }
.hdr #bkm 
{
	float:right;
	margin:15px 20px;
	padding:10px;
	border:solid 1px #666;
	background-color:#cccccc;
}

.hdr #bkm img { margin:0 5px; }

#bkm_msg
{
	display:none;
	z-index:20;
	position:absolute;
	background-color:#eeeebb; 
	border:solid 1px #666;
	text-align:left;
}

#bkm_msg div
{
	padding:10px 10px 5px 10px;
}
	
.step 
{
    border:solid 1px #999999;
    padding:10px;
    margin-bottom:10px;
    background-color:#DEEBDE;
    border-color:#CBDECB;
}

.step h3 { font-size:14px; }
.step dir { padding-left:15px; }
.step .bkm { color:#993300; }

.step dir h3 { color:#3366cc; margin:20px 0 7px 0; text-decoration:underline; }

.ctrl { padding:3px;border:solid 1px #999999;}

.seedemo { text-align:right;padding-right:20px;font-size:13px;font-weight:bold;}
.learnmore, a.learnmore  { color:#cc0000; }

.sample {text-align:center;}
.cpreview
{
        width:20px;
        height:20px;
        border:solid 1px #333333;
        background-color:#ffffff;
        display:inline-block;
}

.err
{
    color:#cc0000;
}

.btn
{
        width:100px;
        height:26px;
}

.recoveryBtn
{
    text-align:left;
}

.gen .label { width:100px;text-align:right;padding-right:10px; }
.gen .field input[type=text] { width:300px; }

.gen 
{
	padding:10px;
}

.gen .wiz_step 
{
	width:100%;
	text-align:left;
	padding:20px;
	height:550px;
}

.clr { clear:both; }

.wiz_step .pholder 
{
	margin:20px;
	width:400px;
	height:300px;
}

.wiz_step .styles INPUT
{
	margin-left:20px;
}

.wiz_step .item 
{
	padding:20px;
	float:left;
	border:solid 1px #ccc;
	width:190px;
	height:120px;
	margin:5px 5px;
}

.wiz_step .item input
{
	float:left;
	margin:0 10px 0 0;
	vertical-align:top;
}

.wiz_step .item .descr
{
	padding:15px 0px;
	color:#555;
}

.wiz_step .widget, .wiz_step .theme
{
	width:450px;
	height:500px;
	float:left;
}

.wiz_step iframe
{
	width:100%;
	height:350px;
}

.wiz_step iframe#generator {	height:450px; }

.wiz_step .preview 
{
	text-align:center;
	float:left;
	width:200px;
}

.wiz_step .hotspot
{
	text-align:center;
	width:200px;
	height:50px;
	padding:40px 20px;
	margin:15px 30px;
	border:solid 2px #666;
	background-color:#eee;
	cursor:pointer;
}

.wiz_steps
{
	width:100%;
} 

.wiz_steps .tab
{
	float:left;
	padding:10px 10px;
	border:solid 1px #ccc;
	cursor:pointer;
	margin:5px 5px;
}

.wiz_steps .active
{
	background-color:#eee;
}

a.wiz_btn
{
	background-image:url(images/btn_bg.png);
	background-color:#eee;
	border:solid 1px #ccc;
	color:#333;
	text-decoration:none;
	padding:3px 7px;
	float:right;
	margin-right:10px;
}

a.wiz_btn:hover { text-decoration:underline; }

.codegen h2 { font-size:14px; }
.codegen TABLE { font-size: 12px; }

.success { color:Green; font-weight:bold; }
.error { color:Red; font-weight:bold; }

.help TH { background-color:#ccc;font-weight:bold; font-size:13px; }
.help TD { vertical-align:top; }
.help TR.odd TD { background-color:#ececec; }
.help CODE 
{
	display:block;
	background-color:#eee;
	border:solid 1px #ccc;
	padding: 10px;
}
.help .bookmark { color:#3366CC;text-decoration:underline; }
.help img
{
    border:solid 4px #ddd;
    margin:10px;
    clear:both;
}

.help .s { color:#999; }
.help hr { margin-top:50px; } 

.right { float:right; }

.payment TH { background-color:#ccc; font-size:14px; font-weight:bold; text-align:left;}

.payment TD
{
	vertical-align:top;
}

.payment .title
{
	font-size:15px;
	font-weight:bold;
	display:block;
	padding-bottom:5px;
}

.payment .price
{
	font-size:15px;
	font-weight:bold;
	color:Red;
}

.payment .action
{
	font-size:13px;
	font-weight:bold;
}

.payment .pro
{
	background-color:#CBDECB;
}

.payment .strip .pro
{
	background-color:#CBDECB;
}

.payment TR.strip { background-color:#eee; }

.product
{ 
	color:#cc0000;
	font-style:italic;
}

.payment sup
{
	font-weight:bold;
	color:#c00;
	font-size:15px;
}

.tabs
{
    float:left;
	border-bottom:solid 1px #aaa;
	width:100%;
}

.tabs a.tab
{
    float:left;
	padding:10px 10px;
	border:solid 1px #aaa;
	cursor:pointer;
	margin:1px 1px -1px 1px;
	background-color:#fff;
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
}

.tabs a.active
{
	background-color:#ddd;
	border-bottom:solid 1px #ddd;
}

.tabs a.tab:hover
{
	text-decoration:underline;
}

.tab_content
{
    float:left;
	border:solid 1px #aaa;
	border-top:none;
	width:100%;
	text-align:left;
	background-color:#ddd;
}

.tab_content .group
{
	border:solid 1px #999;
	padding:10px;
	background-color:#fff;
}