html, body {
	background-color: #20262a;
	width: 100%;
	height: 100%;
	margin: 0;
	font: normal 12px Arial;
	color:#1a1a1a;
}

.float-break {clear:both;}

a img {
	border:0;
}

/*
	LAYOUT
*/
#top-padding {
	margin:0 15px 0 15px;
}
#top-wrapper {
	width:870px;
	margin: 0 auto 0 auto;
}

#logo {
	width: 235px;
	height: 80px;
	background: url(images/logo.gif) no-repeat 34px 25px;
}
	#logo a {
		display: block;
		width:100%;
		height: 100%;
	}

#login {
	float:right;
	width:579px;
	height:68px;
	background: url(images/loginbg.gif) no-repeat;
	margin: 13px 0 0 0;
	position: relative;
}
	#login, #login a {
		color:#27c5ff;
	}
	#login-content {
		padding: 19px 0 0 18px;
	}
		#login-content form {
			margin:0;
			padding:0;
		}
		#login-content label {
			display:block;
			float:left;
			font: normal 16px Arial;
			margin:6px 20px 0 0;
		}
		#login-content #login-email, #login-content #login-pass {
				float:left;
				width: 100px;
				height: 23px;
				background: url(images/login_field_bg.gif) no-repeat;
				padding:3px;
				margin-right:10px;
		}
			#login-content #login-email input, #login-content #login-pass input {
				width: 90px;
				height: 20px;
				font: normal 16px Arial;
				border:0;
				background-color: #58707f;
				color:#d1ecfd;
				margin:0;
				padding:3px 0 0 5px;
				vertical-align: top;
			}
		#login-content #login_submit  {
			display:block;
			float:left;
			width: 72px;
			height: 32px;
			border:0;
			background: url(images/login_submit.png) no-repeat;
			margin: 0 20px 0 0;
		}
		#login-content #login-links a {
			display: block;
			width:auto;
		}
	
#site-info {
	position: absolute;
	left:20px;
	top:16px;
	margin:-7px 0 0 10px;
	font: normal 14px Arial;
	line-height: 18px;
}
	#site-balance {
		font-size:12px;
		margin-top:14px;
	}
		#site-balance strong {
			color:#fff;
		}

/*
	USER-MENU
*/
#user-menu {
	margin:15px 0 5px 320px;
	font: normal 12px Arial;
	width:500px;
}
	#user-menu a {
		display:block;
		margin:0 21px 5px 0;
		float:left;
		height:21px;
		color:#27c5ff;
		white-space: nowrap;
	}
	#user-menu a.selected {
		color:#20262a;
		background: #27c5ff url(/images/menu_sel1.gif) no-repeat;
		text-decoration: none;
		margin:-3px 15px 8px -6px;
	}
		#user-menu a.selected .bg {
			display: block;
			width:100%;
			height:100%;
			background: url(/images/menu_sel2.gif) no-repeat 100% 0;
		}
			#user-menu a.selected .bg .content {
				display: block;
				/* padding:5px 10px 0 10px; */
				padding:3px 6px 0 6px;
			}
#user-menu-exit {
	position: absolute;
	right:30px;
	top:27px;
	background: url(/images/icon_exit.gif) no-repeat 100% -1px;
	padding-right:25px;
}
	
	
.border1 { background: #fff url(images/brd_tl.gif) 0 0 no-repeat; width: 100%; }
	.border1 div.tr { background: url(images/brd_tr.gif) 100% 0 no-repeat; }
    	.border1 div.tr div.br { background: url(images/brd_br.gif) 100% 100% no-repeat; } 
        	.border1 div.tr div.br div.bl { background: url(images/brd_bl.gif) 0 100% no-repeat; } 
            	#main-area { padding: 30px 30px 38px 37px; color:#4c4c4c; min-height: 300px; }

#footer {
	color:#71828d;
	margin:16px 0 0 40px;
	padding-bottom:18px;
}
#footer a {
	color:#27c5ff;
}


/*
	FORMATTING
*/
#main-area p {
	margin:15px 0 20px 0;
}

/*
	MAIN AREA
*/
#menu-left {
	float:left;
	width: 110px;
	padding:20px 20px 10px 37px;
	margin:0 20px 0 -37px;
	background-color: #f2f2f2;
}
	#menu-left a {
		display: block;
		margin-bottom: 10px;
	}


#main-area-left {
	float:left;
	width:445px;
	margin-right: 30px;
	padding:0;
//	margin-bottom: -20px;
}
#main-area-left.oneCol {
	width:600px;
}

#main-area-right {
	float:left;
	width:325px;
	padding:0;
//	margin-bottom: -20px;
}

.not_logged #main-area-left {
	width:475px;
}
.not_logged #main-area-right {
	width: 355px;
}

#page-colors #main-area-left {
	width:305px;
}
#page-colors #main-area-right {
	width:460px;
}

	#main-area h2 {
		margin-top:3px;
	}

	#page-colors #main-area-right h2 {
		margin-top:6px;
	}
        	
#main-area #intro-text {
	width:425px;
	height:88px;
	background: url(images/intro.png) no-repeat;
	margin:3px 0 20px -4px;
}
#main-area #intro-text .content {
	padding:19px 20px 0 80px;
	font: normal 15px Arial;
}

#main-area h1 {
	margin:0;
	font: normal 21px Arial;
	color:#0c9aff;
}
#main-area h2 {
	margin:0;
	font: normal 18px Arial;
	color:#0c9aff;
}
#main-area a {
	color:#0c9aff;
}

#main-area ul {
	margin:0 0 0 -20px;
//	margin:0 0 0 25px;
}
#main-area ul li {
	color:#2796ff;
	margin-top:8px;
}
#main-area ul li span {
	color:#4c4c4c;
}

#how-it-works {
	padding:0;
}
#how-it-works h1 {
	margin-bottom:5px;
}
.how-it-works {
	padding:5px 0 5px 30px;
	background-repeat:no-repeat;
	margin:10px 0 0 0;
}
#how-it-works-1 {
	background-image: url(images/num1.png);
}
.how-it-works .example {
	display:block;
	margin:10px 0 0 0;
/* 	border: solid 2px #bfbfbf; */
}
#how-it-works-2 {
	background-image: url(images/num2.png);
}
#how-it-works-3 {
	background-image: url(images/num3.png);
}

#main-area-right h1 {
	margin:0 0 15px 23px;
}
.border2 { background: #f2f2f2 url(images/brd2_tl.gif) 0 0 no-repeat; width: 100%; }
	.border2 div.tr { background: url(images/brd2_tr.gif) 100% 0 no-repeat; }
    	.border2 div.tr div.br { background: url(images/brd2_br.gif) 100% 100% no-repeat; } 
        	.border2 div.tr div.br div.bl { background: url(images/brd2_bl.gif) 0 100% no-repeat; } 
            	#advantages { padding: 22px 25px 10px 25px; }
	            	#advantages p { margin: 0 0 15px 0; }

#btn-reg {
	display:block;
	width: 266px;
	height: 45px;
	background: url(images/btn_reg.png) no-repeat;
	margin:20px 0 0 32px;
}

img.border {
	border: solid 1px #bbb;
}

/*
	FORMS
*/
form {
	margin: 0;
}
.form_table td, .form_table th {
	padding:0 0 10px 0;
	vertical-align:middle;
}
.form_table th {
/* 	padding:5px 15px 0 0; */
	font-weight: normal;
	text-align: left;
}
	.form_table th sup {
		margin-left:5px;
		color:#999;
	}
.form_colors th {	
	width:150px;
}
		.form_table .help {
			font: normal 11px Arial;
			color:#999;
			margin:3px 0 0 6px;
		}
		
.form_table input.text {
	border: solid 2px #bfbfbf;
	font: normal 13px Arial;
	color:#444;
	height:20px;
	padding:2px 0 0 3px;
}

.form_colors input {	
	width:100px;
	
}


.error {
	font: 14px Arial;
	color:#c00;
/*
	background-color: #f8f8f8;
	padding:8px;
*/
}

.form_item {
	margin:15px 0 0 0;
}
.form_item label {
	display:block;
	font: 14px Arial;
}
.form_item label.help {
	font: normal 11px Arial;
	color:#aaa;
	margin-top:2px;
}
input.text {
	border: solid 2px #bfbfbf;
	font: normal 13px Arial;
	color:#444;
	height:20px;
	padding:2px 0 0 3px;
}
.form_item input.text {
	width:250px;
	margin:5px 0 0 0;
}
.form_button {
	margin:20px 0 0 0;
	clear:left;
}

.form_item2 {
	margin:15px 0 0 0;
}
.form_item2 label {
	display:block;
}
.form_item2 label.help {
	font: normal 11px Arial;
	color:#aaa;
	margin-top:2px;
}
.form_item2 input.text {
	width:300px;
	height:16px;
	margin:5px 0 0 0;
	font: normal 13px Arial;
	color:#444;
	padding: 2px 2px 1px 3px;
}


textarea {
	border: solid 2px #bfbfbf;
	font: normal 13px Arial;
	color:#444;
	padding:2px 0 0 3px;
}

.form_flag, .form_flag .form_button {
	clear:left;
}
.form_flag label {
	font: 12px Arial;
//	float: left;
	padding-top:2px;
}
.form_flag input {
	float: left;
	margin-right:10px;
	margin-bottom:15px;
}

.field_inline {
	border: solid 2px #bfbfbf;
	font: normal 13px Arial;
	color:#444;
	margin: 0 5px 0 0;
	padding: 2px 2px 1px 3px;
//	position:relative;
//	top:2px;
}
.checkbox {
	border:0;
//	margin:-3px 3px 0 0;
}

form .disabled {
	color:#999;
}

/*
	TABLES
*/
.table_data {
	border-collapse: collapse;
}
	.table_data th {
		text-align: left;
		padding:5px 15px 5px 15px;
		border-bottom: solid 1px #888;
		font: bold 12px Arial;
/* 		background-color: #e8e8e8; */
	}
	.table_data td {
		padding:5px 15px 5px 15px;
	}
		#main-area .table_data h2 {
			margin:20px 0 5px -15px;
		}
	.table_data .row2 td {
		background-color: #eee;
	}
	.table_data .row1 td {
		background-color: #f8f8f8;
	}	
	
/*
	STATS & CODE
*/
#page-user-main #main-area-right h1 {
	margin:0 0 0 0;
}
#page-user-main #main-area-left, #page-user-settings #main-area-left {
/* 	width:415px; */
}
#page-user-main #main-area-right, #page-user-settings #main-area-right {
/* 	width:355px; */
}
#html-code {
	width:370px;
	height:100px;
	background-color: #eee;
	border: solid 2px #aaa;
}
.code {
	display: block;
	float:left;
	background-color: #eee;
	border: solid 2px #aaa;
	font: normal 12px Arial;
	color:#444;
	padding:3px;
	margin:-5px 5px 0 0;
/* 	width:auto; */
}

#code-example {
	padding:20px;
}
	#code-example code {
		font-size:12px;
	}


#page-user-settings #main-area-left .form_button {
//	margin-top:0;
}

#black_words_list {
	background: #f3f3f3;
	padding:16px 20px 16px 20px;
	margin:20px 0 0 0;
	line-height: 24px;
}
#black_words_list span {
	margin:0 15px 0 0;
	white-space: nowrap;
}
#black_words_list a {
	margin: 0 0 0 5px;
}