* { margin:0px }

html, body, form { height:100%; font-family:Trebuchet MS; font-size:14px; padding:0px; margin:0px; }
hr { border-left:0px; border-right:0px; border-bottom:1px dashed #aaa; border-top:1px solid #fff; padding-top:10px; margin-bottom:10px; }

#logo { border:0px; position:absolute; top:0px; left:15px }

img { border:0; }

/* Navigation */

#navigation { background:#43413e; height:44px; padding-left:150px; }
#navigation ul { list-style-type: none; width:900px; padding:20px 0px 0px 0px; margin:0px;}
#navigation ul li { float:left; padding-left:10px; padding-right:10px; height:32px; }
#navigation ul li a { color:#fff; font-weight:bold; text-decoration:none; }
#navigation ul li a:hover { color:#e8e8e8 }
#navigation .selected { background:url(../img/down-arrow.png) no-repeat center bottom; }

#navigation div { margin-top:-9px; padding-left:20px; padding-top:9px; }
#navigation div input { width:180px; height:24px; background:url(../img/search.png) no-repeat; border:0px; font-family:Trebuchet MS; font-size:12px; padding-top:4px; padding-left:12px; padding-right:48px;}

.searchidle { color:#aaa }
.searchfocus { color#444 }


/* Content */ 

#content { padding-left:170px; padding-top:140px; padding-bottom:80px; width:790px; }
#content p { line-height:20px; text-align:left; color:#444; padding-bottom:10px; }
#content h1 { color:#444; font-size:24px; padding-top:8px; }
#content h2 { cursor:pointer; background:url(../img/arrow-right.png) no-repeat 4px 8px; color:#444; font-size:16px; padding:4px 4px 4px 24px; margin-bottom:5px; margin-left:-4px; }
#content h2 + div { padding-bottom:24px; margin-left:22px; border-bottom:1px dashed #eee; margin-bottom:24px;  }
#content h3 { color:#444; padding-bottom:4px; font-size:22px; }
#content h4 { color:#444; font-weight:bold; font-size:16px; }
#content h5 { color:#888; font-weight:normal; padding-top:4px; font-size:12px; }
#content .selected { background:url(../img/arrow-down.png) no-repeat 4px 8px; color:#444; text-decoration:none; }
#content .section { display:inline-block; width:100%; padding-bottom:40px; }


a { color:#1e9bdf; }
a:hover { color:#51b7ef }

#content .puff { overflow:hidden; width:240px; height:140px; float:left; padding-right:20px; padding-bottom:40px }
#content .puff2 { height:90px !important; }
#content .puff3 { height:130px !important; padding-bottom:30px !important; }
#content .puff h1 { color:#444; font-size:18px; padding-top:6px; }
#content .puff p { color:#444; padding-bottom:4px; line-height:18px; text-align:left; }

.puffImage { float:right; width:90px; margin-left:10px; margin-top:10px; height:90px; overflow:hidden; border:4px solid #ddd; }
.puffImage img { border:0px }
.addCaption { border:0px }
.puffImg { *cursor:pointer }

#content .input { font-family:Trebuchet MS; margin-bottom:8px; width:400px; font-size:18px; padding:4px; }
#content input[type=radio] { margin:4px; }
#content label { font-size:16px; font-weight:bold; color:#444; cursor:pointer; }

#content textarea { height:200px;font-family:Trebuchet MS; margin-bottom:20px; width:100%; font-size:18px; padding:4px; }
#content #radio { padding-top:8px; padding-bottom:16px }

#content .button { background:#5fb5e1 url(../img/right-arrow.png) no-repeat right center; color:#fff; padding:8px; padding-right:24px; text-decoration:none; font-size:20px;}
#content .button:hover { color:#fff; background-color:#8cd0ef; }

/* Thanx dialog */

div#fancy_content .button { float:right;background:#5fb5e1 url(../img/right-arrow.png) no-repeat right center; color:#fff; padding:8px; padding-right:24px; text-decoration:none; font-size:20px;}
div#fancy_content .button:hover { color:#fff; background-color:#8cd0ef; }

/* Start page banners */

#topbanner { position:absolute; left:160px; top:60px; height:150px; width:800px; background:url(../img/banner-bg.png)}
#banners { position:absolute; left:160px; top:320px; width:836px; }

#contentbanner { position:absolute; left:160px; top:60px; height:10px; width:800px; background:#f0f0f0; }

#banner1 { position:relative; background:#f0f0f0; margin-right:14px; float:left; width:234px; height:170px }
#banner2 { position:relative; background:#f0f0f0; margin-right:14px; float:left; width:233px; height:170px }
#banner3 { position:relative; background:#f0f0f0; float:left; width:233px; height:170px }
#banner4 { margin-top:14px; position:relative; background:#fff; margin-right:14px; float:left; width:750px; height:50px }
#banner5 { margin-top:14px; position:relative; background:#fff; float:left; width:235px; height:50px }

/* Tag cloud */

#tags { text-align:left; padding-top:0px; }
#tags a { color:#5fb5e1; padding-right:10px;  }
#tags a:hover { color:#8cd0ef }

.s1 { font-size:12px }
.s2 { font-size:16px }
.s3 { font-size:20px }
.s4 { font-size:24px }


/* Tooltip */

#tooltip{
	position:absolute;
	margin:0px;
	color:#888;
	display:none;
	width:235px;
	height:36px;
	background:url(../img/tooltip-bg.png);
	padding:18px 10px 10px 15px;
	font-size:14px;
	line-height:16px;
}

.tooltip { text-decoration:none; color:#666 !important; border-bottom:1px #ccc dashed;  }
.tooltip:hover { text-decoration:none; color:#666; border-bottom:1px dashed #ccc; }


/* Footer */

#container { height:750px }

.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -200px;
}
.push {
	height: 200px;
}

#footer { height:200px; padding-left:150px; padding-top:15px; background:url(../img/footer-bg.gif) }

#footer ul { list-style-type: none; margin:0px; padding:0px; }
#footer li { float:left; width:120px; }

#footer li a { text-decoration:none; font-size:12px; color:#666; font-weight:bold; }
#footer li a:hover { color:#888 }
#footer li li { float:none; padding-left:0px; }
#footer li li a { text-decoration:none; font-size:10px; color:#666; font-weight:normal; }


/* Banner base code */

.tl { width:12px; height:12px; position:absolute; top:0px; left:0px; background:url(../img/corner-tl.png) }
.tr { width:12px; height:12px; position:absolute; top:0px; right:0px; background:url(../img/corner-tr.png) }
.br { width:12px; height:12px; position:absolute; bottom:0px; right:0px; background:url(../img/corner-br.png) }
.bl { width:12px; height:12px; position:absolute; bottom:0px; left:0px; background:url(../img/corner-bl.png) }

.banner { padding:18px 18px 80px 18px; }
.banner .symbol { float:right; margin-top:-16px }
.banner h1 { font-size:48px; padding:0px; margin:0px; color:#fff; }
.banner h2 { font-size:20px; padding:0px; margin:0px; color:#fff; padding-right:64px; }
.banner h3 { font-size:30px; padding:0px 0px 4px 0px; margin:0px; color:#666; }
.banner h4 { font-weight:normal; color:#666; font-size:18px; padding:0px 0px 0px 0px; margin:0px }
.banner .small { font-size:12px; color:#aaa; padding:5px 0px 0px 0px;}

.banner p { font-size:14px; line-height:20px; padding:0px 0px 10px 0px; margin:0px; color:#43413e; }
.banner a { color:#5fb5e1 }

.banner .bluebutton { position:absolute; bottom:18px; right:18px; background:#5fb5e1 url(../img/right-arrow.png) no-repeat right center; color:#fff; padding:8px; padding-right:24px; text-decoration:none; font-size:20px;}
.banner .bluebutton:hover { background-color:#8cd0ef; }

.banner .greenbutton { position:absolute; bottom:14px; right:18px; background:#9fcd4e url(../img/right-arrow.png) no-repeat right center; color:#fff; padding:10px; padding-right:24px; text-decoration:none; font-size:20px;}
.banner .greenbutton:hover { background-color:#8cd0ef; }

.banner .bottom { position:absolute; bottom:26px; padding-right:220px; }
.banner .bottom a { color:#fff; border-bottom:#fff 2px dashed; }

/* Blog flow */

#blogflow { position:relative; height:80px; }
#blogflow div { position:absolute; display:none; background-color:#fff; }
#blogflow .active { display:inline; }

#blogflowcount div { float:left; margin-right:2px; font-size:1px; width:8px; height:8px; border:1px solid #eee }
#blogflowcount .active { background:#5fb5e1;  }

/* Pop up */

#backgroundPopup{
	display:none;
	position:fixed;
	_position:absolute; /* hack for internet explorer 6*/
	height:100%;
	width:100%;
	top:0;
	left:0;
	background:#000000;
	border:1px solid #cecece;
	z-index:1;
}

#popup {
	display:none;
	position:fixed;
	_position:absolute; /* hack for internet explorer 6*/
	height:550px;
	width:470px;
	background:#FFFFFF;
	border:4px solid #f0f0f0;
	z-index:2;
	padding:12px;
	font-size:13px;
}

#popup h1{
	text-align:left;
	color:#5fb5e1;
	font-size:32px;
	font-weight:700;
	border-bottom:1px dotted #D3D3D3;
	padding-bottom:2px;
	margin-bottom:20px;
}

#popup h2 {
	text-align:left;
	color:#5fb5e1;
	font-size:24px;
	font-weight:700;
	border-bottom:1px dotted #D3D3D3;
	padding-top:20px;
	padding-bottom:2px;
	margin-bottom:10px;
}

#popup h3 {
	text-align:left;
	color:#5fb5e1;
	font-size:24px;
	font-weight:700;
	border-bottom:1px dotted #D3D3D3;
	padding-top:5px;
	padding-bottom:2px;
	margin-bottom:2px;
}

#popup p { font-size:16px; line-height:22px; padding:0px 0px 10px 0px; margin:0px; color:#43413e; }


#popupClose{
	font-size:14px;
	line-height:14px;
	right:6px;
	top:6px;
	position:absolute;
	color:#6fa5fd;
	font-weight:700;
	display:block;
	cursor:pointer;
}

#button{
	text-align:center;
}

#popup #version { padding-top:8px }

#popup .input { font-family:Trebuchet MS; margin-bottom:8px; width:450px; font-size:18px; padding:4px; }

#popup .hostit { background:#abc83c url(../img/right-arrow.png) no-repeat 10px 8px; margin-bottom:4px; padding:4px; padding-left:24px; display:block; width:430px; font-size:18px; color:#fff; text-decoration:none }
#popup .downloadit {  background:#abc83c url(../img/right-arrow.png) no-repeat 10px 8px; padding:4px; display:block; padding-left:24px; width:430px; font-size:18px; background-color:#abc83c; color:#fff; text-decoration:none }

#popup .option_selected { background:url(../img/doit.png) no-repeat 7px 8px; padding:4px; padding-left:24px; font-size:18px; color:#fff; background-color:#abc83c; text-decoration:none }

#popup .hostinput { font-size:14px; color:#666; padding-top:10px; padding-right:8px; }
#popup .hostinput b { padding-left:6px }

#popup #accounturl { color:#5fb5e1 }
#popup #accounturl:hover { color:#8cd0ef }

#popup .button { float:right; background:#5fb5e1 url(../img/right-arrow.png) no-repeat right center; color:#fff; padding:8px; padding-right:24px; text-decoration:none; font-size:20px;}
#popup .button:hover { background-color:#8cd0ef; }

.important { border:4px solid #eee; background:#5fb5e1 url(../img/alert.png) no-repeat 10px 10px; color:#fff !important; font-weight:bold; padding:10px 10px 10px 68px!important; font-size:14px !important; }
.important a { color:#fff }

.message { border:4px solid #eee; background:#5fb5e1 url(../img/alert.png) no-repeat 10px 10px; color:#fff !important; font-weight:bold; padding:10px 10px 10px 68px!important; font-size:14px !important; }
.message a { color:#fff }


#popup .waiting { color:#aaa; margin-left:6px; padding-left:18px; font-size:14px; background:url(../img/sitenoaction.png) no-repeat }
#popup .checking { color:#aac83a; margin-left:6px; padding-left:18px; font-size:14px; background:url(../img/sitecheck.gif) no-repeat }
#popup .exists { color:#f00; margin-left:6px; padding-left:18px; font-size:14px; background:url(../img/siteexits.png) no-repeat }
#popup .ok { color:#26bf26; margin-left:6px; padding-left:18px; font-size:14px; background:url(../img/siteok.png) no-repeat }

/* Input fields */


    .focusField{
	
    	border:solid 2px #8cd0ef;
    	background:#5fb5e1;
    	color:#fff;
	padding:3px !important;
    }

    .idleField{
    	background:#f0f0f0;
    	color: #888;
	border: solid 2px #e0e0e0;
	padding:3px !important;
    }

    .completedField {
    	background:#fafafa;
    	color: #444;
	border: solid 2px #e0e0e0;
	padding:3px !important;
    }



/* Image */

.imageWrapper {
	border:4px solid #ddd;
	float:right;
	margin:0px 0px 0px 20px;
	margin-bottom:20px;
	position:relative;
	background:#f0f0f0;
}

.imageCaption {
	height:48px;
	opacity: .8;
	background:#000;
	color:#fff;
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
}

.imageCaption h1 {
	padding:2px 0px 0px 6px !important;
	font-size:16px !important;
	color:#fff !important;
}

.imageCaption p {
	padding:0px 0px 0px 6px !important;
	color:#fff !important;
	font-size:11px;
}

/* Help */

#featurehelp {
	position:absolute;
	margin:0px;
	color:#666;
	display:none;
	width:256px;
	height:228px;
	background:url(../img/tooltip-bg-l.png);
	padding:16px 16px 16px 32px;
	font-size:14px;
	line-height:18px;
}

#featurehelp b { color:#1e9bdf; font-size:18px; line-height:32px; }

.featurehelp { text-decoration:none; border-bottom:1px #58b1df dashed;  }
.featurehelp:hover { text-decoration:none; border-bottom:1px dashed #58b1df; }

.signup { text-align:center; background:url(../img/signup-bg.png); !important; padding:20px; position:relative; margin-right:14px; float:left; width:212px; height:350px }
.signup h1 { font-size:40px !important; margin:0px; padding:0px; }
.signup h1 a { border-bottom:1px dashed #fff; color:#fff; }
.signup h1 a:hover { border-bottom:1px dashed #fff; color:#fff; }
.signup h3 { color:#5a661f !important; padding-top:10px; padding-bottom:0px !important; }
.signup h4 { font-style:normal !important; color:#5a661f !important; font-weight:bold !important; font-size:14px !important; padding-top:0px; padding-bottom:10px !important; }

.signup .features { text-align:center !important; line-height:22px !important; font-size:16px }
.signup .features a { border-bottom:1px dashed #fff; color:#fff; }
.signup .features a:hover { border-bottom:1px dashed #fff; color:#fff; }
.signup p { color:#5a661f !important; line-height:20px; padding-bottom:20px !important; font-size:14px }

.signup .bluebutton { position:absolute; left:41px; width:140px; bottom:20px; margin:auto; background:#5a661f url(../img/doit.png) no-repeat right center; color:#fff !important; padding:8px; padding-right:24px; text-decoration:none; font-size:20px;}
.signup .bluebutton:hover { background-color:#7f8e37; }


.signuplast { margin-right:0px }
.signuplolite { background:#f0f0f0 !important; }
.signuplolite h1 { font-size:40px !important; margin:0px; padding:0px; }
.signuplolite h1 a { border-bottom:1px dashed #58B1DF; color:#1E9BDF; }
.signuplolite h1 a:hover { border-bottom:1px dashed #58B1DF; color:#1E9BDF; }
.signuplolite h3 { color:#444 !important; padding-top:10px; padding-bottom:0px !important; }
.signuplolite h4 { font-style:normal !important; color:#666 !important; font-weight:bold !important; font-size:14px !important; padding-top:0px; padding-bottom:10px !important; }
.signuplolite .features { text-align:center !important; line-height:22px !important; font-size:16px }
.signuplolite .features a { border-bottom:1px dashed #58B1DF; color:#1E9BDF; }
.signuplolite .features a:hover { border-bottom:1px dashed #58B1DF; color:#1E9BDF; }
.signuplolite p { color:#444 !important; line-height:20px; padding-bottom:20px !important; font-size:14px }

.signuplolite .bluebutton { position:absolute; left:41px; width:140px; bottom:20px; margin:auto; background:#5fb5e1 url(../img/doit.png) no-repeat right center; color:#fff !important; padding:8px; padding-right:24px; text-decoration:none; font-size:20px;}
.signuplolite .bluebutton:hover { background-color:#8cd0ef; }

#signup { height:410px }
#contentbanner h3 { color:#1e9bdf }
#contentbanner p { font-size:18px }
/* Blog */ 

#blogcontainer { display:inline-block; width:790px; padding-left:170px; padding-top:140px; padding-bottom:80px; }


#blog { float:left; width:520px; }

.blogitem { padding-bottom:12px; margin-bottom:12px; border-bottom:1px dashed #aaa; }
#blog h3 { font-size:20px; padding-bottom:4px; }
#blog h3 a { text-decoration:none; }
#blog p { padding-bottom:16px; color:#444; }
#blog h3 + p { font-size:10px; color:#888; padding-bottom:8px !important}

#blog h2 { border-top:1px dashed #aaa; padding-top:10px; font-size:16px; color:#1E9BDF }
#blog #comments { list-style-type: none; margin:0px; padding:0px }
#blog #comments li { background:none; padding-left:0px; padding-top:8px; padding-bottom:8px }
#blog #comments li span { font-size:12px; color:#888; }
#blog #comments li div { font-size:14px; color:#444; }


#blog fieldset { margin-top:24px; padding:16px; border:1px dashed #aaa; }
#blog fieldset legend { font-size:18px;  color:#1E9BDF; font-weight:bold;  }
#blog fieldset p { padding:0px }
#blog fieldset p label { display: block; font-size:18px; }
#blog fieldset p input[type=text] { width:80%; font-family:Trebuchet MS; margin-bottom:8px; font-size:18px; padding:4px; }
#blog fieldset textarea { height:200px;font-family:Trebuchet MS; margin-bottom:20px; width:100%; font-size:18px; padding:4px; }
#blog fieldset input[type=submit] { font-family:Trebuchet MS;  }

#blog input[type=submit] { cursor:pointer; border:0px; background:#5fb5e1 url(../img/right-arrow.png) no-repeat right center; color:#fff; padding:8px; padding-right:24px; text-decoration:none; font-size:20px;}

#side { float:right; width:200px; padding-left:24px; border-left:1px dashed #aaa; }
#side div { padding-bottom:10px }
#side div h3 { color:#43413E; }

#side ul { list-style-type: none; padding:5px 0px 0px 5px; margin:0px }
#side ul li { background:url(../img/bullet.png) no-repeat 0px 5px; margin-top:0px; padding-left:12px; padding-right:10px; padding-bottom:5px; }

#blog ul { list-style-type: none; padding:5px 0px 0px 5px; margin:0px }
#blog ul li { color:#444 !important; background:url(../img/bullet.png) no-repeat 0px 5px; margin-top:0px; padding-left:12px; padding-right:10px; padding-bottom:5px; }

#side #lc { list-style-type:none !important; padding:0px; margin:0px; padding-top:5px; }
#side #lc li { background:none; padding-left:0px; padding-bottom:8px;  }
#side #lc li div { font-size:12px; color:#888; padding-bottom:0px; }


/* NEW */

#content ul { list-style-type: none; padding:5px 0px 0px 5px; margin:0px }
#content ul li { background:url(../img/bullet.png) no-repeat 0px 5px; margin-top:0px; padding-left:12px; padding-right:10px; padding-bottom:5px; }

.searchsupport { background:#adca41 url(../img/searchquestion.png) no-repeat 10px -2px; margin-top:16px; padding:20px 0px 20px 90px; font-weight:bold; color:#fff; }
.searchsupport a { color:#fff }