* {margin:0;padding:0}
/* mac hide \*/
html,body{height:100%;width:100%;}
/* end hide */

body { 
	min-height:468px;/* for good browsers*/
	min-width:552px;/* for good browsers*/
	background-color:#f5f5f5;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:10pt;
}


#wrapper_table{
	height:100%;
	width:100%;
	display:table;
	vertical-align:middle;
}

#wrapper_td {
	position:relative;
	vertical-align:middle;
	display:table-cell;
	height: 468px;
}	

#content {
	width: 750px;
	background:#fff;
	height: 425px;
	margin-left:auto;
	margin-right:auto;
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
	
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;

	overflow-x:visible;

}

#header_logo {
	position:absolute; margin:5px 0 0 5px;
	display:none;
}

#login_header {
	padding:8px 15px 5px 5px;
	text-align:right;
	font-size:9pt;
	font-weight:normal;
	color:#999999;
}

#main_content {
	width:595px;
	margin:120px auto;
}

/*	#logo {
		margin-bottom:100px;
		text-align:center;
	}*/
	
	#main_logo {
		width:87px; height: 115px;
		background-image:url(images/twitclicks_logo.gif);
		background-repeat:no-repeat;
		background-position:bottom left;
		float:left;
	}
	
#main_url_wrapper { float:left;}

	#main_url_header {
		width:507px;
	}
	
	#main_url_form {
		width:507px;
		height:43px;
		background-image:url(images/twitclicks_txt_url.gif);
		background-repeat:no-repeat;
		background-position:left;
	}
	
		#main_url_form INPUT {
			float:left;
			border:1px solid white;
			font-size:13pt;
			color:#999999;
			margin:8px 0 0 5px;
			padding:4px;
			width: 345px; height: 20px;
		}
	
	#main_url_tip {
		color:#666666;
		padding:5px;
	}
	
#main_login_wrapper {float:left; display:none;}

	#main_login_header {
		width:507px;
	}
	
	#main_login_form {

	}
		
		#main_login_username {
			height:45px; width:154px; 
			float:left;
			background-image:url(images/twitclicks_txt_username.gif);
			background-repeat:no-repeat;
			background-position:left;
		}
		
		#main_login_password {
			height:45px; width:172px;
			float:left;
			background-image:url(images/twitclicks_txt_password.gif);
			background-repeat:no-repeat;
			background-position:left;
		}
	
		#main_login_form INPUT {
			float:left;
			border:1px solid white;
			font-size:13pt;
			color:#999999;
			margin:10px 0 0 5px;
			padding:4px;
			width: 134px; height: 18px;
		}
		
		#main_login_username INPUT {
			height:19px;
		}

		#txtpassword {
			position:absolute; 
			margin:13px 0 0 -131px; 
			font-size:13pt; 
			color:#999999;
		}
	
	#main_login_tip {
		float:left;
		color:#666666;
		padding:5px;
	}

#main_confirmation_wrapper {float:left; display:none;}

	#main_confirmation_header {
		width:507px;
	}
	
	#main_confirmation_form {
		text-align:center;
		border:1px solid #CCCCCC;
		width:407px; padding:8px;
		margin-bottom:8px;
	}
		#main_confirmation_form_newurl {
			font-size:16pt;
			font-weight:bold;
			color:green;
		}
		
		#main_confirmation_form_options {
			font-size:9pt;
			font-weight:normal;
			padding:4px;
		}
		
	#main_confirmation_tip {
		width:407px;
		color:#666666;
		padding:5px;
		text-align:center;
	}



#footer {
	margin-top:180px;
	text-align:center;
	color:#CCCCCC;
	font-size:9pt;
}

#page_footer {
	margin-top:20px;
	text-align:center;
	color:#CCCCCC;
	font-size:9pt;
}

.linkdrag {
	cursor:move;
	text-decoration:none;
}
.linkdrag:hover {
	text-decoration:underline;
}
.crsr {
	cursor:pointer;
}


/* -------------- STATS PAGE --------------- */

#page_header {
	background-color:#0066A7;
	padding:5px;
	color:white;
	font-size:8pt;
	padding-right:10px;
	text-align:right;
}

	#page_header A {
		color:white;
		text-decoration:none;
	}
	
	#page_header A:Hover {
		text-decoration:underline;
	}

#page_logo {
	width:750px; 
	margin:0 auto;
	padding:30px 30px 10px 8px;
	
	
}

#wrapper_track, #wrapper_stats {
	width:750px;
	margin:0 auto;
	
	background-color:white;
	padding:30px;
	
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
	
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

#url_tracking {
	width:600px;
	margin:0 auto;
}

#statistics {
	
}
	#stats_header {
		background-color: #f0f0f0;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		padding:10px;
	}
		#stats_header_title {
			float:left;
			font-size:12pt;
			font-weight:bold;
			padding:3px;
		}
		
		#stats_header_date {
			float:right;
		}
		
		.date_range {
			width:150px;
			height:25px;
			font-size:10pt;
			padding:3px;
			margin-top:10px;
		}
	
	#stats_table {
		margin-top:15px;
		font-weight:normal;
		font-size:8pt;
	}
	
	table {
		border-collapse:collapse;
		width:750px;
	}
	thead {
		background-color:#e3e3e3;
		border-bottom:1px solid #CCCCCC;
	} 

	tr {
		/*border-bottom:1px solid #CCCCCC;*/
		color:#333333;
	}

	tr.odd {background-color:white; cursor:pointer;}
	tr.odd:hover {background-color:#fdffdc;}
	
	tr.even {background-color:#f5f5f5; cursor:pointer;}
	tr.even:hover {background-color:#fdffdc;}
		
	td,th {
		text-align:left;
		padding:6px;
	}

.pagetitle {
	text-align:left;
	font-size:12pt;
	font-weight:bold;
	margin:5px 0 10px 0;
}
.smalllongurl {
	font-size:8pt;
	font-weight:normal;
}

#spacer {
	padding:10px;
	text-align:center;
	font-size:8pt;
	color:#666666;
}
#spacer A {
	color: #666666;
}

.thumbnail {
	border:1px solid white;
	margin:0 5px 0 20px;
	float:left;
	height:150px;
	/*width:200px; height:150px;
	border:1px solid #e2e2e2;
	background-image:url(images/ajax-loader.gif);
	background-repeat:no-repeat;
	background-position:center center;*/
}

#stats_display {
	padding:10px 0 20px 0;	
	/*height:150px;*/
}

#stats_overview {
}

.stats_overview_border {
	border:1px solid #e2e2e2;
	border-right:none;
	padding:5px;
	width:150px; height:100px;
	float:left;
	cursor:pointer;
		
	font-size:9pt;
	
}

.larger {
	width:180px; height:100px;
}


.numfont {
	font-size:12pt;
	font-weight:bold;
	color:#666666;
}

.stats_tip {
	position:absolute;
	margin-top:13px;
	margin-left:18px;
	background-color:#fdffdc;
	text-align:center;
	padding:10px;
	display:none;
}

#twitter_show {
	border-top:1px solid #e2e2e2; 
	border-right:1px solid #e2e2e2; 
	border-left:1px solid #e2e2e2; 
	width: 687px; 
	float:left;
	text-align:left;
	font-weight:bold;
	font-size:10pt;
	padding:8px;
}

#twitter_show IMG {
	padding-right:10px;
}

#twitter_update {
	margin:0px auto;
}

	#twitter_little_logo {
		width:18px;
		float:left;
		margin:50px 3px 0 45px;
	}
	
	#twitter_update_bg {
		float:left;
		width:350px;
		margin-top:5px;
		border: 4px solid #bae0f9;
		background-color:white;
		-moz-border-radius: 3px;
		-webkit-border-radius: 4px;
		padding:4px;
	}
	
	#twitter_update_retweet {
		width:365px; 
		text-align:right; 
		float:left;
	}
		#twitter_update_retweet A {
			font-size:8pt;
		}

.abspos {position:absolute; margin-left:87px;}

.stats_display {display:none;}

#delete_confirmation {
	display:none;
	text-align:center;
	font-weight:bold;
	background-color: #FFFFA0;
	width:550px;
	margin:-7px auto 7px auto;
	padding:4px;
	font-size:9pt;
	
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

/******************* MODAL WINDOWS **********************/
#pop_user_date_selector {
	float:right;
}

#pop_user_title {
	font-size: 14pt;
	font-weight:bold;
	margin-bottom:10px;
}

#pop_user_screenshot {
	border:1px solid #d6d6d6;
	width:230px;
	height:172px;
	float:left;
	background-image:url(images/ajax-loader-loop.gif);
	background-repeat:no-repeat;
	background-position:65px 30px;
}

#pop_user_chart {
	float:right;
	width:500px;
	height:137px;
}

#pop_user_overview {
	border:1px solid #d6d6d6;
	float:right;
	width:490px;
	height:35px;
}

	.pop_stats_overview {
		float:left;
		text-align:center;
		padding:8px 0 8px 0;
		width:130px;
	}

#pop_user_stats_headline {
	margin-top:25px;
	margin-bottom:5px;
	font-size:14pt;
	font-weight:bold;
}

#pop_user_stats_table {
	margin-top:10px;
}

#guess_statement {
	color:green;
	font-weight:bold;
	margin:10px;
	text-align:center;
}

	#guess_list {
		width:625px;
		height:135px;
		overflow-y:auto;
		text-align:left;
	}
	
	.guess_box {
		border:1px solid #cccccc;
		padding:2px;
		width:240px;
		height:48px;
		float:left;
		margin: 0 25px 15px 25px;
		cursor:pointer;
	}
	
	.guess_box_star {
		/*margin-left:-13px;*/
		position:relative; left:-23px;
		width:16px; height:16px;
		cursor:pointer;
		float:left;
	}
	
	.guess_box_pic {
		float:left;
		margin-right:4px;
	}
	
	.guess_box_name {
		font-weight:bold;
		font-size:7pt;
	}
	
	.guess_box_probability {
		float:right;
		font-weight:bold;
		color:red;
	}
	
	.guess_box_url {
		font-size:7pt;
		margin-top:15px;
		font-weight:normal;
		color:gray;
	}
	
	.guess_box_stats {
		font-size:7pt;
		font-weight:normal;
		color:gray;		
	}
	
	.icon {
		/*position:absolute; */
		width:12px; 
		cursor:pointer;
	}
	
	.favon {
		background-image:url(images/guess_box_star_on.gif);
		background-repeat:no-repeat;
	}
	.favoff {
		background-image:url(images/guess_box_star_off.gif);
		background-repeat:no-repeat;
	}
	

/******* TECH STATS ********/
#pop_technical {
	
}


#pop_technical_tabs {
	margin-top:65px;
	width:175px;
	float:left;
}

.tab_shift {
	position:relative; left:1px;
}

#pop_technical_headline {
	padding:12px;
	font-size:1.35em;
	font-weight:bold;	
	text-align:right;
}

#pop_technical_tabs LI {
	padding:12px;
	list-style-type: none;
	text-align:right;
	cursor:pointer;
}

	.li_on {
		border:1px solid #d6d6d6;
		border-right:1px solid white;
		background-color:white;
	}

#pop_technical_content {
	margin-top:65px;
	border:1px solid #d6d6d6;
	height:240px; width:600px;
	float:right;
}

#pop_tech_content_source {

}
	#pop_tech_content_source_table {
		width:256px;
		border-right:1px solid #eeeeee;
		height:240px;	
		float:left;
		overflow-y:auto;
	}
	
	#pop_tech_content_source_table TABLE {
		width:256px;
		font-size:8pt; 
		font-weight:normal;	
	}
	
	#pop_tech_content_source_table THEAD {
		background-color:#eeeeee;
		border-bottom:none;
		
	}
	
	#pop_tech_content_source_chart {
		float:left;
	}
	
 	.chart_div {
 		padding-top:50px;
		text-align:center;
 	}
#pop_tech_content_browser {
	display:none;	
}

#pop_tech_content_os {
	display:none;
}

#pop_tech_content_screen {
	display:none;
}

/** MAP STATS **/
#pop_map_googlemap {
	height:280px;
	margin-bottom:15px;
	background-color:gray;
}
#pop_map_stats_headline {
	font-size:14pt;
	font-weight:bold;
	float:right; 
	width:520px; 
	text-align:left; 
	margin-bottom:10px;
}

#pop_map_table {
	float:right;
	width:522px;
}


#pop_map_overview {
	border:1px solid #d6d6d6;
	float:right;
	width:520px;
	height:35px;
}

#pop_user_map_table {
	float:left;
	background-color:white;
}
	#pop_user_map_table TABLE {
		width:250px;	
	}
	
	#pop_user_map_table THEAD {
		background-color:#eeeeee;
	}

#pop_user_map_intensity {
	float:right;
	padding:15px;
	border-left:1px solid #eeeeee;
	background-color:white;
}

/******** STYLE THE REGISTRATION BOX ************/

#form_wrapper {
	padding:25px;
}

#form_header {
	color:green;
	font-size:15pt;
	
}

#form_subhead {
	border-bottom:1px solid #CCCCCC;
	margin-bottom:25px;
	padding:8px 0;
}

#form {
	margin: 0 auto;
	width:590px;
	
}

#form DIV {
	margin:10px 0;
}

.txtinput {
	font-size:14pt;
	width:225px;
}

.form_fieldtxt {
	color:green;
	display:block;
	float:left;
	font-size:1.05em;
	padding-right:10px;
	text-align:right;
	width:180px;
}

.form_txt {
	font-size:8pt;
	padding-left:190px;
}

.chk {
	padding-left:3px;	
	font-size:8pt;
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic;
}

#tweet_txt {
	width:300px;	
	height:60px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	padding:5px;
}

#launch_btn {
	text-align:center;
	padding-top:20px;
}
/******************* LIGHTBOX FEATURES **********************/
#confirmation {
	display:none;
	position:fixed;
	top:40%;
	left:33%;
	width:350px;
	border:5px solid #999999;
	background-color: #FFFFA0;
	text-align:center;
	padding:20px;
	font-size:12pt;
	font-weight:bold;
	color:#FF0000;
	
	-moz-opacity: 0.90;
    opacity:.90;
    filter: alpha(opacity=90);
	
	
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

#modal_window_content {
	margin:0px 35px 25px 25px;
	height:575px;
}
.close_btn {
	position:relative;
	top:0px; left:-5px;
	cursor:pointer;
}