/* Public Pages */

/* CSS Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus{ outline: 0; }
body{ line-height: 1; }
ol, ul{ list-style: none; }

table{
	border-collapse: collapse;
	border-spacing: 0;
	}

caption, th, td{
	text-align: left;
	font-weight: normal;
	}
	

/* Basic Elements */
strong{ font-weight: bold; }
html{
	background: #fff;
	color: #334;
	font: small "Lucida Grande", Tahoma, Verdana, Helvetica, Arial, Sans, sans-serif;
	}

a{ color: #0051BA; }
	a:visited{ text-decoration: none; }
	a:hover{ color: #D14414; }

p{
	margin-bottom: 1em;
	line-height: 135%;
	}
	
h1, h2, h3, h4, h5 h6{
	font-family: Helvetica, Arial, Sans, sans-serif;
	font-weight: bold;	
	}
	
h1{
	font-size: xx-large;
	margin-bottom: 1em;
}	
	
h2{
	clear:both;
	color: #D14414;
	font-size: large;
	margin-bottom: 1em;
	padding-top: 1em;
	margin-top: 1em;
	border-top: 1px solid #DEDDE7;
	}
	
form h2, .generic_right h2{ margin-top: 0; padding-top: 0; border-top: 0; }
	
h2.large-break{
	clear: both;
	margin-top: 3em;
	}
	
h3.large-break {
	margin-top:2em;
	padding-top:2em;
	clear:both;
	border-top: 3px solid #DEDDE7;
}

h3{ font-size: small; text-transform: uppercase; padding-top: .5em; clear: both; }

h3, h4, h5{ margin-bottom: .5em; }
h5{ font-weight: bold;}
	
form, .edit_link, .copy{
	font: small "Lucida Grande", Tahoma, Helvetica, Arial, Sans, sans-serif;
	}

ul{ margin-bottom: 1.5em; list-style-type: square; margin-left: 1em; }
ul li{ line-height: 1.2; margin-bottom: .5em; }
	
/* Forms */
form{ 
	padding:1em;
	background: #F5F4FB;
	}
	
fieldset{ padding: .75em; }
	
input, select, textarea{
	border: 1px solid #99A;
	color: #334;
	font: small "Lucida Grande", Tahoma, Helvetica, Arial, Sans, sans-serif;
	}
	
	textarea{ padding: .25em; }
	select{ padding: .125em; }
	input.text, input[type=text], input[type=password], input.password{ 
		display: block;
		padding: .4em; 
		width: 94%;
		}
		input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus{ border-color: #D14414; }

	
	input.button, input.submit, input.reset{
		background: #D14414;
		color: #fff;
		cursor: pointer;
		border: 1px solid #F77F00;
		border-bottom-color: #4C280F;
		border-right-color: #4C280F;
		font-size: .9em;
		padding: .35em .5em;
		}
		
		input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover{ color: #EFB22D; }
		
		input[type=button]:focus, input[type=submit]:focus, input[type=reset]:focus{ 
			border-color: #4C280F #F77F00 #F77F00 #4C280F;
			outline: none;
			}

label{
	color: #334;
	display: block;
	font-size: small;
	}

/* Header */
#group_header{
	background: #334;
	border-bottom: 3px solid #22222c;	
	color: #fff;
	margin: 0px;
	padding: 25px 50px;
	}

#group_header h1{
	font-size: xx-large;
	font-weight: bold;
	}
	
#tatango_header{ background: #333 repeat-x bottom url("/developers/images/header_background.png"); margin-bottom: 20px; }

#tatango_header #header_content{
	display: block;
	margin: 0 auto;
	width: 800px;	
	overflow: hidden;
	height: 100px;
	}
	
	#tatango_image{ padding-top: 10px; float: left; display: block; }
	#developer_central{ float: right; display: block; width: 276px; padding-top: 32px;}
	
/* Content */
#content{
	margin: auto;
	width: 800px;
	padding-top:1em;
	padding-bottom: 2em;
	}
	
#form{
	float: right;
	margin: 50px;
	margin-left: 0;
	width: 325px;
	}	
	
#form fieldset .subtext {
	font-size: xx-small;
	font-style: italic;
	width: 240px;
	float: right;
	}

.info{ font-style: italic; }

.info.error {
	margin: 1em 0 2em 0;
	padding: 1em 1.5em;
	font-size:small;
	background: #FFDECC;
	border: 1px solid #D14414;
}

#bullet_points{
	margin: 50px;
	margin-right: 0;
	width: 325px;
	float:left;
	}
	
#bullet_points li{
	margin-bottom: 25px;
	padding-left: 20px;
	background-image: url('/images/icons/nav_forward.png');
	background-repeat: no-repeat;
	}
	
#bullet_points li strong {
	font-weight:bold;
	}

/* Footer */
#footer{
	border-top: 1px solid #F5F4FB;
	clear: both;
	font-size: small;
	margin: 0 auto;
	padding: 2em 0;
	width: 800px;
	text-align: center;
	}
	
	#footer a{
		text-decoration: none;
		}
		
	#footer .copy{ 
		color: #99a;
		font-size: x-small;
		margin: 1em;
		text-align: center;	
		}

.c {
	clear:both;
}

.generic_left{
	float: left;
	width: 500px;	
	}
	
.generic_right{
	float: right;
	width: 200px;
	font-size:small;
	}


	#developer_options{ border: 1px solid #DEDDE7; border-width: 1px 0; list-style-type: none; margin: 1em 0; }
	#developer_options li:last-child a{ border-bottom: none; }
	
	#developer_options li{ margin: 0; }

	#developer_options .subtext {
		color: #99a;
		font-size: small;
		}

	#developer_options li a{
		display: block;
		padding: 1em;
		border-bottom: 1px solid #DEDDE7;
		}

		#developer_options li a:hover{ background-color: #EFEEF6; }

		#developer_options h4{ margin-bottom: 0; }

	#developer_options a{
		text-decoration: none;
		color:#0051BA;
		}
		
.query-list li {
	line-height:150%;
}

.query-list span {
	font-weight:bold;
}

.query-list span.what {
	font-weight:normal;
	margin-left:4em;
	font-style:italic;
}

.resource-attributes li {
	font-family: "Andale Mono", monospace;
	line-height:150%;
	padding-left:1em;
}

.url {
	padding: 2px 5px; 
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	background: #99a;
	color: #fff;
	font: small "Andale Mono", monospace;
	margin: .5em 0;
	display:inline-block;
	
}

.errors {
	margin:1em;
	border:1px solid #D14414;
	background-color:#F7E8AA;
	padding:1em;
	font-family:sans-serif;
	color:#993214;
}

#login_form {
	float:right;
	border:1px solid #999;
	font-size:x-small;
	margin-left:2em;
	width: 200px;
}

#login_form .submit {
	float:right;
}

#login_form h2{
	margin-bottom:0px;
}

table#statistics {
	width:80%;
	margin:1em;
	border-collapse:collapse;
}

table#statistics td {
	border:1px solid #999;
	padding:.5em;
}

table#statistics th {
	color: rgb(209, 68, 20);
	font-weight:bold;
	border-bottom:1px solid #999;
	border-left:1px solid #999;
	padding:.5em;
}

table#statistics th:first-child {
	border-left:none;
}

table#statistics tr td:first-child {
	font-weight:bold;
	color: rgb(209, 68, 20);
}


/*for api documentation syntax highlighted code*/
#content pre.blackboard {
	font-family: "Andale Mono", monospace;
	font-size: small;
	line-height: 1.2;
	overflow-x: auto;
	width: 680px;
	float: left;
	padding: 10px;
	-moz-border-radius: 5px 0 0 0;
	-webkit-border-top-left-radius: 5px;	
	margin-bottom: 2em;
	background: #22222c;
}

#content pre.blackboard .line-numbers{ padding: 0; background: none; color: #334; }

pre.start-hidden{ display: none; }

code{ font-family: "Andale Mono", monospace; font-size: small; }

.interesting-aside {
	background: #22222c;
	border: 1px solid #334;
	color: #fff;
	font-size:small;
	float:right;
	width: 200px;
	padding:1em;
	
}

.interesting-aside pre {
	font-family: "Andale Mono", monospace;
	font-size: small;
}

.interesting-aside span {
	font-style:italic;
	font-size:x-small;
	display:block;
	border-top: 1px solid #334;
	margin-top: .5em;
	padding-top: .5em;
}


#office-photos {
	text-align:center;
	margin-bottom:1em;
}

.start-hidden {
	display:none;
}

.expandable-result{ 
	-moz-border-radius: 0 3px 3px 0; 
	-webkit-border-radius: 3px;
	-webkit-border-top-left-radius: 0;
	-webkit-border-bottom-left-radius: 0;	 
	background: #334; 
	padding: 3px 10px; 
	text-decoration: none;
	color: #fff;
	font-size: x-small;
	float: right;
	display: block;
	width: auto;
	width: 80px;
	text-align: center;
	text-transform: uppercase; 
	margin-top: .5em;
	}

pre.blackboard {
	z-index:0;
	position:relative;
}