/**
 * idek.net
 */
html, body { padding: 0; margin: 0; }

body {
	font: normal 12px/1.5em "Lucida Grande", "Verdana", sans-serif;
	color: #333;
	background: #bbc0cb; }
	
#header {
	padding: 0;
	margin: 0; }
	
	.header_inner {
		position: relative;
		width: 960px;
		margin: 0 auto;
		height: 250px;
		background: transparent url(/images/header_bye.png) 80px 0 no-repeat; }

		.header_inner a {
			width: 450px;
			height: 250px;
			text-shadow: #fff 0 1px 0;
		}

 		.header_inner div {
			padding: 7px 20px;
			position: absolute;
			color: #333;
			font-size: 1.3em;
			text-decoration:none;
			width: 300px;
			height: 1.9em;
			left: 455px; 
			}

			.header_inner div a {
				color: #333;
				text-decoration:none;
				padding:0px 10px 0px 0px;
				line-height:1.2em;}

			.header_inner div a:hover {
				text-decoration:underline;
				color: #339;}


		.header_inner .promo{
			top: 140px;
			width:400px;
			font-size:2.4em;}
			
			.header_inner .promo .note{
				font-size:0.5em;
			}


		.header_inner .login_link{
			top:220px;}

			.header_inner .login_link #settings{
				display:none;
			}



	.header_smaller {
		position: relative;
		width: 960px;
		margin: 0 auto;
		height: 60px;
		}

		.header_smaller form{
			position: absolute;
			left: 225px;
			z-index:10;
			top:25px
		}

		.header_smaller .logo{
			padding: 5px 4px;
			border:0px solid red;
		}


		.header_smaller .link_button{
			text-decoration:none;
			border: 1px solid #666;
			color: #333;
	        font: bold 1.1em "Lucida Grande", "Verdana", sans-serif;
			padding: 2px 5px;
			background:#fff;
		}
		.header_smaller .link_button:hover{
			color: #fff;
			background: #085D1B;
		}

 		.header_smaller .login_link {
			padding: 7px 20px;
			position: absolute;
			text-shadow: #fff 0 1px 0;
			font-size: 1.3em;
			text-decoration:none;
			text-align:right;
			width: 450px;
			top: 20px;
			right: 50px; }

	 		.header_smaller .login_link a {
				color: #333;
				text-decoration:none;
				padding: 5px 3px;}


	 		.header_smaller .login_link a:hover {
				text-decoration:underline;
				color: #339;}
#home_center{
	/*margin-top:100px;*/
	background: #e7e9ed;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;}


#center {
	background: #e7e9ed;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;}

.actionBar{
	background: #D0D0D0;
	/* url(https://app.bronto.com/static/img/page_title_nav_bg.gif?1252425636)*/
	-webkit-border-bottom-left-radius: 8px 8px;
	-webkit-border-bottom-right-radius: 8px 8px;
	-webkit-border-top-left-radius: 8px 8px;
	-webkit-border-top-right-radius: 8px 8px;
	bottom: 0px;
	color: rgb(170, 170, 170);
	font: normal normal normal 10px/normal 'Lucida Grande', Verdana, sans-serif;
	height: 24px;
	margin: 5px 0px 4px 0px;
	padding: 1px 2px 1px 5px;
	position: absolute;
	right: 0px;	
	top:0px;
	display:block;
}

.actionBar a{
	/*border-left: 1px solid rgb(255, 255, 255);*/
	color: rgb(81, 98, 104);
	font-weight: bold;
	padding: 5px 6px 4px 6px;
	position: relative;
	text-decoration: none;
	top: 6px;	
}

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

.big{
	text-decoration: none;
	font-size: 1.5em;
	line-height: 10px;
}

.actionBar .tweetToggle{	
	background: url('http://twitter-badges.s3.amazonaws.com/t_mini-b.png');
	background-attachment: scroll;
	background-color: transparent;
	background-repeat: no-repeat;
	padding: 2px 2px 4px 19px !important;
}

.showTweets{	
	background: url('/images/tweets.gif');
	background-attachment: scroll;
	background-color: transparent;
	background-repeat: no-repeat;
	padding: 2px 2px 4px 19px !important;
}


.subPaging{
	background: #D0D0D0;
	/* url(https://app.bronto.com/static/img/page_title_nav_bg.gif?1252425636)*/
	-webkit-border-bottom-left-radius: 8px 8px;
	-webkit-border-bottom-right-radius: 8px 8px;
	-webkit-border-top-left-radius: 8px 8px;
	-webkit-border-top-right-radius: 8px 8px;
	bottom: 0px;
	color: rgb(170, 170, 170);
	font: normal normal normal 10px/normal 'Lucida Grande', Verdana, sans-serif;
	height: 24px;
	margin: 5px 0px 4px 0px;
	padding: 1px 2px 1px 5px;
	display:block;
}

.subPaging a{
	/*border-left: 1px solid rgb(255, 255, 255);*/
	color: rgb(81, 98, 104);
	font-weight: bold;
	padding: 5px 6px 4px 6px;
	position: relative;
	text-decoration: none;
	top: 6px;	
}

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

#toptweet #url{
	width:490px;
	height:19px;
}
#toptweet #insert{
	cursor: pointer;
	width: 55px;
	height:23px;
	vertical-align:middle;
	border:0px;
}

#toptweet #status{
	width:554px;
	height:44px;
	font:16px bold;
}

.round-button{
	background: url('/images/skinny-round-btn.gif');
	width: 115px;
	height:23px;
	border:0px;
	margin:7px 2px;
	cursor: pointer;
}

.text_inner {
	position: relative;
	margin: 0px auto;
	width: 650px;
	padding: 25px 0px;
	background: transparent; }
		
	.text_inner .new_url {
		margin: 0px 0px 20px 0px;
		padding: 10px;
		text-align: center;
		font: bold 24px "Lucida Grande", "Verdana", sans-serif;
		background: #fff;
		-webkit-border-radius: 10px; }

		.text_inner .new_url a:hover {
			color: #2b367a;
		}

		.text_inner .new_url a {
			text-decoration: none;
			font-size: 1.4em;
			line-height: 10px;
			padding: 0px 6px;
		}

		.ff3 .text_inner .new_url {
			-moz-border-radius: 10px; }


			.text_inner .old_url {
				margin: 0 0 20px 0;
				padding: 4px;
				font: bold 12px "Lucida Grande", "Verdana", sans-serif;
			}

			.text_inner .metrics_url {
				margin: 10 0 20px 0;
				padding: 10px;
				text-align: center;
				font: bold 18px "Lucida Grande", "Verdana", sans-serif;
				background: #fff;
				-webkit-border-radius: 10px; }

				.ff3 .text_inner .metrics_url {
					-moz-border-radius: 10px; }

					.text_inner  .round_block{
						margin: 0 0 10px 0;
						padding: 10px;
						background: #fff;
						-webkit-border-radius: 10px; }

						.ff3 .text_inner .round_block {
							-moz-border-radius: 10px; }
	.center_inner {
		position: relative;
		margin: 0 auto;
		width: 830px;
		height: 170px;
		background: transparent url(/images/middle_bg2.png) 50% 9px no-repeat; }
		
		.center_inner form {
			padding: 0;
			margin: 0;
			position: absolute;
			top: 60px;
			width: 350px;
			height: 80px;
			left: 48px; }
			
			.center_inner form span {
				position: relative;
				top: 15px;
				text-shadow: #000 0 1px 0;
				font: normal 11px "Lucida Grande", "Verdana", sans-serif;
				color: #B7C0D0; }
			
			.center_inner form .input_text {
				margin: 3px 0 0 2px;
				background: transparent !important;
				outline: none !important;
				border: 0 !important;
				font-size: 14px;
				width: 331px;
				padding: 6px; }
			
			.center_inner form .input_image {
				float: right;
				position: relative;
				top: 16px;
				margin: 0; 
			}
		
		
.bottom {
	padding-top: 20px;
	text-align: center; }
	
	.bottom p {
		font: normal 14px "Lucida Grande", "Verdana", sans-serif;
		color: #333;
		text-shadow: #fff 0 1px 0;
		padding: 0 0 10px 0;
		margin: 0; }
		
		.bottom p strong {
			font-size: 18px;
			font-weight: bold;
			color: #000; }	
			
	/*.bottom p.created {
		padding-top: 18px; }	*/
			
	.bottom p.created span {
		background: #DDDFE5;
		padding: 8px 10px;
		margin: 0;
		-webkit-border-radius: 5px;
		font: normal 12px "Lucida Grande", "Verdana", sans-serif;
		color: #333; }
		
		.bottom p.created span a {
			color: #000;
			font-weight: bold;
			text-decoration: underline; }
		
		.ff3 .bottom p.created span {
			-moz-border-radius: 5px; }	
		
/**
 * Headings H1-H6
 */
h1 {
	position: absolute;
	top: 0;
	left: 0;
	text-indent: -9000px; }
	
	h1 a {
		display: block;
		text-decoration: none; }
	
.center_inner h2 {
	background: transparent;
	padding: 0;
	margin: 0;
	height: 55px;
	width: 370px;
	position: absolute;
	top: 25px;
	right: 40px; }
	
	.center_inner span.learnmore {
		display: none; }
	
	.center_inner h2 a.idekit {
		position: relative;
		top: 10px;
		left: 10px;
		display: block;
		width: 82px;
		height: 34px;
		text-indent: -9000px;
		background: transparent;
		text-decoration: none; }
		
h3 { }			
	
	.text_inner h3 {
		padding: 0 0 8px 0;
		margin: 0;
		font: normal 14px "Lucida Grande", "Verdana", sans-serif;
		color: #333; }
	
	.center_inner h3 {
		position: absolute;
		padding: 0;
		color: #ccc;
		margin: 0;
		bottom: 30px;
		left: 434px;
		font: normal 11px/1.6em "Lucida Grande", "Verdana", sans-serif; }
	
		.center_inner h3 a {
			text-decoration: none;
			border-bottom: 1px dotted #989EC3;
			color: #D5D4CC; }
		
			.center_inner h3 a:hover {
				border-bottom: 1px solid #fff;
				color: #fff; }

h4 { }
	.text_inner h4 {
                padding: 0 0 8px 0;
                margin: 0;
                font: bold 12px "Lucida Grande", "Verdana", sans-serif;
                color: #333; }

.error{
	color:red;
	line-height:1.3em;
 }


.generic_form{
	font-size: 1.1em;
	position: relative;
	margin: 0 auto;
	width: 650px;
	padding: 25px 0;
	display:block;
	background: transparent; }

	.generic_form .row{
		position:relative;
		height:2em;
		padding:5px;
	}

	.generic_form label{
		display:inline-block;
		width:130px;
		text-align:right;
	}

	.generic_form input{
		padding: 4px 8px;
		margin: 0px;
		width:200px;
		font-size: .8em;
		/*position:absolute;
		left: 250px;*/
	}

	.generic_form #buttons{
		margin: 15px auto;
		width: 320;		
	}

	.generic_form #buttons .submit{
		display:inline-block;
		width:150px;
		text-decoration:none;
		text-align:center;
		border: 1px solid #666;
		color: #333;
        font: bold 1.2em "Lucida Grande", "Verdana", sans-serif;
		padding: 5px 10px;
		background:#fff;
	}

	.generic_form #buttons .cancel{
		display:inline-block;
		width:150px;
		text-decoration:none;
		text-align:center;
		border: 1px solid #666;
		color: #333;
        font: bold 1.2em "Lucida Grande", "Verdana", sans-serif;
		padding: 5px 10px;
		background:#fff;
	}

	.generic_form #buttons .submit:hover{
		color: #fff;
		background: #085D1B;
	}
	
	.generic_form #buttons .cancel:hover{
		color: #fff;
		background: #ff2222;		
	}


#login_form {
	display:none;
	position:relative;
	color: #333;
	width: 540px;
	height:200px;}

	#login_form .title{
		width:100%;
		padding:5px 0px 5px 0px;
		font-size: 1.5em;
	}

	#login_form label{
		margin: 1px;
	}

	#login_form input{
		width: 210px;
		margin: 0px 5px 15px 0px;
		padding: 3px 5px;
	}
	
	#login_form #sign_in{
		width:270;
	}

	#login_form #register{
		position:absolute;
		right:0px;
		top:0px;
		width:270px;
	}

	#login_form .link_button{
		text-decoration:none;
		border: 1px solid #666;
		color: #333;
        font: bold 1.2em "Lucida Grande", "Verdana", sans-serif;
		padding: 5px 10px;
		background:#fff;
	}
	
	#login_form .link_button:hover{
		color: #fff;
		background: #085D1B;
	}
	
	#login_form #account_links{
		position:absolute;
		bottom:-10px;
		padding: 0px 10px;}
	#login_form #account_links a{
		color:#333;
	}

/* This sets a small min size, this will grow as needed*/
#facebox .body {
	padding: 10px;
	background: #fff;
	width: 250px;
}

#register_form{
	font-size: 2em;
	position: relative;
	margin: 0 auto;
	width: 650px;
	height: 500px;
	padding: 25px 0;
	background: transparent; }

	#register_form .row{
		position:relative;
		height:2em;
	}

	#register_form label{
		position:absolute;
		top: 10px;
	}
	
	#register_form input{
		padding: 4px 8px;
		margin: 0px;
		width:400px;
		font-size: .8em;
		position:absolute;
		left: 250px;
	}
	
	#register_form .link_button{
		position:absolute;
		left: 100px;
		text-decoration:none;
		border: 1px solid #666;
		color: #333;
        font: bold 1.2em "Lucida Grande", "Verdana", sans-serif;
		padding: 5px 10px;
		background:#fff;
	}
	
	#register_form .link_button:hover{
		color: #fff;
		background: #085D1B;
	}

.link_button{
    text-decoration:none;
    border: 1px solid #666;
    color: #333; 
    font: bold 1.2em "Lucida Grande", "Verdana", sans-serif;
    padding: 5px 10px;
    margin: 3px;
    background:#fff;
}

.link_button:hover {
   color: #fff;
   background: #085D1B;
}

.inset{
	background: #EFEFEF;
	padding:5px 10px;
	margin:5px;
	-webkit-border-bottom-left-radius: 8px 8px;
	-webkit-border-bottom-right-radius: 8px 8px;
	-webkit-border-top-left-radius: 8px 8px;
	-webkit-border-top-right-radius: 8px 8px;	
}

.twitterAccount{
	font-family: Helvetica, sans-serif;
	font-size: 29px;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;	
}

.code_sample{
	display:block;
	padding: 10px 5px;
	margin: 10px 5px;
	background: #DDDDEF;
	border: 1px dashed #ABCDEF;
	font:normal 12px courier;
}

.notice{
	display:block;
	text-align: center;
	color:#fff;
	font-weight:bold;
	width:450px;
	margin: 5px auto;
	border: 2px solid #aaa;
}
	.notice .ok{
		background: #98F898;
	}
	.notice .err{
		background: #F89898;
	}