/* Header
 ******************************************************************************/
#header{
	position: relative;
	margin: 0 auto;
	width: 900px;
}
	#header h1, #header h3 {
		margin: 0 auto;
		padding: 30px 0;
		width: 900px;
	}

	#header h1 a, #header h3 a {
		display: block;
		text-indent: -1000em;
		overflow: hidden;
		height: 40px;
		width: 300px;
		background: transparent url(img/header.png) no-repeat left center;
	}

	/* Retina */
	@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (-o-min-device-pixel-ratio: 3/2),
	only screen and (min--moz-device-pixel-ratio: 1.5),
	only screen and (min-device-pixel-ratio: 1.5) {
		#header h1 a, #header h3 a {
			background: url(img/header-2x.png) no-repeat; background-size:100%;
		}
	}

	#header ul.nav {
		position: absolute;
		top: 0;
		right: 0;
		width: 600px;
		height: 72px;
		line-height: 72px;
		margin: 0;
		padding: 0 20px 0 0;
		text-align: right;
	}

		#header ul.nav li {
			display: inline;
			margin-left: 2em;
		}

		#header ul.nav li a {
			text-transform: uppercase;
			text-decoration: none;
			color: #666;
		}

		#header ul.nav li.selected a {
			color: #F90;
			cursor: default;
		}

		#header ul.nav li a:hover {
			color: #CCC;
		}

		#header ul.nav li.selected a:hover {
			color: #F90;
		}

#loggedin_email img{
	vertical-align: middle;
}

/* Nav
 ******************************************************************************/

#nav {
    font-family: "Trebuchet MS", Arial, sans-serif;
}

#nav a em {
    color: #aba9a9;
    background-color: inherit;
    font-style: normal;
    font-size: .8em;
}

#nav {
    position: relative;
	margin: 0;
	font-size: 1.2em;
	line-height: 32px;
	padding: 0 0 20px 0;
	font-family: Helvetica, Arial, sans-serif;
	height: 32px;
	background: transparent url(img/nav/nav.png) no-repeat right top;
}
	#nav ul {
		margin: 0;
		padding: 0;
		height: 32px;
		background: transparent url(img/nav/navigation.png) no-repeat left top;

	}
		#nav ul li {
			display: block;
			float: left;
			border-right:1px solid #333;
		}
        #nav .create-app-button {
            position: absolute;
            top: 0;
            right: 0;
            padding: 0 20px;
            margin: 0;
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
        }
		#nav ul.path li{
			padding-right: 16px;
			background: url(img/nav/step.png) no-repeat right center;
		}

		#nav ul.path li.first{
			background: url(img/nav/step-first.png) no-repeat right center;
		}

		#nav ul li.selected{
			background: #555;
		}

		#nav ul.path li.selected{
			background: url(img/nav/step-selected.png) no-repeat right center;
		}

		#nav ul li.first-selected{
			background: transparent url(img/nav/step-first-selected.png) no-repeat left center;
		}

		#nav ul.path li.first-selected{
			background: url(img/nav/step-first-selected.png) no-repeat right center;
		}

		#nav ul.path li.last-selected{
			background: url(img/nav/step-last.png) no-repeat right center;
		}

		#nav ul li.signup{
			background: transparent;
		}

		#nav ul li a{
			display: block;
			padding: 0 10px 0 10px;
			text-decoration: none;
			color: #CCC;
		}

		#nav ul.path li.first a{
			background: url(img/nav/step-first.png) no-repeat left center;
		}

		#nav ul.path li.first-selected a{
			background: url(img/nav/step-first-selected.png) no-repeat left center;
		}

		#nav ul li.selected a,
		#nav ul li.first-selected a,
		#nav ul li.last-selected a{
			color: #FFF;
			cursor: default;
		}
		#nav ul li.submit a,
		#nav ul li.submit a:hover{
			color: #FFF;
		}
		#nav ul li a:hover{
			color: #F90;
		}
		#nav ul li.selected a:hover,
		#nav ul li.first-selected a:hover,
		#nav ul li.last-selected a:hover{
			color: #FFF;
		}


/* Search
 ******************************************************************************/

#search {
    background: #89887C url(img/rounded_grey.png) no-repeat left top;
    padding-top: 5px;
}
    #search form {
        margin: 0;
    }
    #search p {
        margin: 0;
        padding: 4px 0 10px 0;
        background: #89887C url(img/search_top_bg.png) repeat-y left top;
        text-align: center;
    }

        #search #reset-search {
            position: absolute;
            margin-left: -25px;
            margin-top: .35em;
        }

        #search #search-widget {
            width: 33%;
        }

        *html #search input {
            margin-top: 0.2em;
        }
        *html #search input.submit {
            margin: 0;
        }
        #search input.submit {
            vertical-align:middle;
            padding-right: 4px;
            margin: 0;
        }

        #label-search-widget {
            vertical-align:middle;
            padding: 0 5px 2px 0;
            font-weight: bold;
            font-size: 1.5em;
        }

    #search .browse-options {
        margin: 0;
        padding: 5px 0;
        background: #89887C url(img/search_options_bg.png) repeat-y left top;
        text-align: center;
    }

        #search .browse-options .zend_form {
        	padding: 2px;
        	margin:0;
        }

        #search .browse-options .zend_form dt {
            display: inline;
        }

        #search .browse-options .zend_form dd {
            display: inline;
            margin: 0 20px 0 10px;
        }

    #nosearch {
        background: #FFF url(img/rounded.png) no-repeat left -20px;
        height: 10px;
    }

/* tooltip
 ******************************************************************************/
#tooltip {
	width:900px;
	margin-bottom:15px;
}

#tooltip_top{
	height:13px;
	margin-bottom:-3px;
	background:transparent url(img/tooltip_top.png) no-repeat;
}

#tooltip_content {
	background-color:#514E46;
	padding:10px 0 8px 26px;
}

#tooltip_content p.tooltip-title{
	display:block;
	width:300px;
	color:#F90;
	margin:0px;
	font-size:24px;
}
p.tooltip-submit {
	margin:35px 0 0 0;
	text-align:center;
	width:300px;
	float:right;
}

p.tooltip-submit a.tooltip-button {
	display:-moz-inline-box;
	display:inline-block;
	padding-right: 7px;
	height: 41px;
	background: transparent url(img/tooltip_submit.png) no-repeat right;
	text-decoration: none;
}
p.tooltip-submit a.tooltip-button span {
	display: block;
	height: 41px;
	padding: 0 3px 0 11px;
	font-size:1.3em;
	background: transparent url(img/tooltip_submit.png) no-repeat left;
	cursor: pointer;
	color: #FFF;
	line-height:41px;
	text-align: center;
	float: left;
}

#tooltip_bottom{
	height:30px;
	background:transparent url(img/tooltip_bottom.png) no-repeat;
}