body,fieldset,form,ul,li,p,html,img,a,h2,blockquote {
	border:none;
	margin:0;
	padding:0;
	list-style:none;
	font-family:helvetica,arial,sans-serif;
	text-transform:lowercase;
}

html {

}

.error {
	color:red;
	font-size:1.2em;
	padding:5px;
	background:yellow;
	text-decoration:underline;
	margin:20px 0 15px 0;
	width:100%;
}


body {
	background:url(../images/shell/background.png) #000 repeat-x;
}

a:focus{
	outline:1px dotted black; /* Firefox change */
}

input:active {
	outline:none;
}

img.optimized{
	position:absolute;
	top:-195px;
	left:490px;
	/*261x107*/
}

.tooltip {
	background:#000;
	color:#fff;
	padding:7px;
	opacity:0.9;
	font-size:0.8em;
	width:200px;
	z-index:999;
	line-height:1.2em;
}


.tooltip_generated {}

.clear{
	clear:both;
}
.red {
	color:#df0000;
}

.i {
	font-style:italic;
}

.u {
	text-decoration:underline;
}

.b {
	font-weight:bold;
}


#fluid #top_nav {display:none;} /* Change it if you want your SSB to have the navigation */

#top_nav {
	width:100%;
	background:#111;
	padding:5px 0;
	position:relative;
	font-size:0.9em;
}

#top_nav ul li {
	display:inline;
	position:relative;
	z-index:2;
}

#top_nav ul li img {
	opacity:0.5;
}

#top_nav ul li img:hover {
	opacity:1;
}

#top_nav a:focus{
	outline:0;
}

#top_nav ul li a{
	padding:5px 10px;
	color:#696969;
	letter-spacing:-0.02em;
}

#top_nav ul li a.img{
	padding:0px 0px 5px 8px;
	display:block;
	float:left;
}

#top_nav ul li a:hover{
	color:#fff;
	background:;
	text-decoration:none;
}
/*
#nav_gloss {
	width:100%;
	background:#fff;
	opacity:0.3;
	height:1.1em;
	position:absolute;
	margin:-10px 0 0 0;
	z-index:1;
	display:none;
}
*/

#intro_container {
	background:url(../images/shell/intro_gradient.png) repeat-x #0b0b0b;
	width:663px;
	min-height:13px;
	margin:5px 0 30px -96px;
	color:#fff;
}

#intro_container p {
	width:306px;
	line-height:1.6em;
	padding:10px 0 10px 96px;
	float:left;
	font-size:0.9em;
}

#intro_container a{
	display:block;
	float:left;
	color:#fff;
	text-align:center;
	margin:25px 0 0 40px;
	opacity:0.8;
	font-size:0.9em;
}
#close_intro {
	display:block;
}
#intro_container a:focus,#close_intro:focus{outline:0;}
form {margin:-20px 0 0 0;}

#intro_container a img{
	padding:0 0 5px 0;
}

#intro_container a:hover {
	text-decoration:none;
	opacity:1;
}

#project_bar {
	width:670px;
	margin:0 auto;
	color:#fff;
	height:20px;
}

#project_bar a {
	color:#fff;
	text-decoration:underline;
}
#project_bar a:hover {
	color:#df0000;
	text-decoration:underline;
}

#project_name_head {
	display:block;
	float:left;
	padding:3px 10px 0 3px;
	height:10px; /* prevents breakage of website header */
}

#project_name_edit {
	display:none;
}
#project_name_nonedit {
	padding:3px 0 0 0;
	display:block;
	float:left;
}
.save, .cancel_project {
	display:block;
	border:0;
	width:50px;
	height:20px;
	float:left;
	margin:0 0 0 5px;
}

#project_bar p {
	padding:3px 0 0 0;
	text-transform:capitalize;
}

.save {
	background:url(../images/shell/save.png) no-repeat;
	color:transparent;
}
.cancel_project {
	background:url(../images/shell/cancel.png) no-repeat;
}

.save:hover,.cancel_project:hover {
	opacity:0.8;
	cursor:pointer;
}

.save:active,.cancel_project:active {
	opacity:1;
	margin-top:0;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	border-top:1px solid #333;
	border-left:1px solid #333;
	outline:none;
}

.editable_area {
	border:1px solid #999;
	background:#ffc;
	height:17px;
	float:left;
}

#wrapper {
	width:682px;
	margin:20px auto;
	position:relative;
}

#header{
	width:682px;
	height:211px;
	margin:0 0 0 0;
	background:url(../images/shell/top_content.png) no-repeat;
}

#footer {
	background:url(../images/shell/bottom_content.png) no-repeat;
	height:228px;
	width:682px;
	margin:-190px 0 0 -105px;
	z-index:-1;
	position:relative;
}

#content_container {
	position:absolute;
	width:682px;
	background:url(../images/shell/middle_content.png) repeat-y;
	z-index:1;
}

#content_wrapper {
	width:580px;
	padding-left:105px;
	margin:-20px auto;
}

#logo {
	margin:65px 10px 0 105px;
	float:left;
}

#logo h1 {
	display:none;
}

h1 span.red{
	padding:0 0 0 10px;
}

h1 {
	font-size:4.5em;
	letter-spacing:-0.1em;
	color:black;
}

#nav {
	padding:55px 0 0 0.25em;
	width:10em;
	float:left;
}

#nav ul {
	border-left:1px solid #666;
	padding:0 0 0 1.25em;
	font-size:0.8em;
}

#nav ul li {
	margin:0px 0 0.6em 0;
}

#nav ul li a {
	color:#000;
	text-decoration:underline;
}

#nav ul li a:hover {
	color:#df0000;
}

form h2 {
	font-size:3em;
	font-weight:normal;
	color:#222;
}

form ul {
	padding:0 0 1.7em 0;
}

.help {
	font-weight:bold;
	font-size:0.4em;
	margin:0 0 0 -0.3em;
	cursor:help;
}

label.cancel {
	display:block;
	float:right;
	font-size:0.4em;
	margin:-1.4em 100px 0 0;
	cursor:pointer;
	color:#614141;
}

label.cancel:hover {
	color:#df0000;
}

.submit {
	border:none;
	display:block;
	background:url(../images/shell/deploy_btn2.png) no-repeat;
	opacity:1;
	width:469px;
	height:63px;
}

.submit:hover {
	opacity:0.9;
}

.submit:active {
	opacity:1;
	border-right:2px solid #999;
	border-bottom:2px solid #999;
	border-top:2px solid #333;
	border-left:2px solid #333;
}

.submit:focus {

}

#badges {
	padding:2em 0 0 0;
}

#growl_box {
	width:200px;
	position:fixed;
	top:10px;
	right:10px;
	background:black;
	display:none;
	color:#fff;
	padding:10px;
	font-size:0.8em;
	line-height:1.3em;
}

#growl_box a {
	float:right;
	text-decoration:none;
	font-weight:bold;
	font-size:1em;
	padding:0 0 0.2em 0.2em;
}

.info {
	display:none;
} 

#overlay {
	background:#000;
	position:absolute;
	z-index:998;
	opacity:0;
}

#popup {
	position:absolute;
	z-index:999;
	opacity:0;
	background:#fff;
	overflow:auto;
}

#popup_content {
	padding:10px 10px 0px 10px;
}

#popup_close span {
	cursor:pointer;
	font-weight:bold;
	color:#df0000;
	display:block;
	width:50px;
	float:right;
	border:1px solid blue;
}

#popup_content p{
	padding:0 0 1em 0;
	text-transform:none;
	line-height:1.2em;
}

#popup_content ul {
	padding-left:10px;
}

#popup_content ul li {
	padding:0 0 0.5em 0;
	line-height:1em;
	list-style:disc;
}

#popup_content h3 {
	padding:0;
	margin:0 0 0.7em 0;
	border-bottom:1px solid #000;
}

#remember {
	color:#999;
	font-size:0.85em;
	line-height:1.3em;
	width:470px;
	min-height:100px;
	margin:-20px 0 0 0;
}

#download_container {
	height:130px;
}

.download_btn {
	border:none;
	display:block;
	background:url(../images/shell/download.png) no-repeat;
	width:469px;
	height:63px;
}

.download_btn:hover {
	opacity:0.9;
}

.download_btn:active {
	opacity:1;
	outline:0;
	border-right:2px solid #999;
	border-bottom:2px solid #999;
	border-top:2px solid #333;
	border-left:2px solid #333;
}

#table_of_contents ul {
	padding:0 0 0 1em;
	width:470px;
}

#table_of_contents ul li ul li{
	list-style-type:lower-roman;
}

#table_of_contents ul li {
	padding:0.2em 0 0 0;
	list-style-type:upper-roman;
}

#table_of_contents ul li a{
	color:#000;
}

#table_of_contents ul li a:hover{
	color:#df0000;
}

#wrapper h3 {
	border-bottom:1px solid black;
	padding-bottom:0;
	width:470px;
}

#wrapper h4 {
	margin-bottom:0;
	border-bottom:1px dotted black;
}

.num_list {
	padding:0.5em 0 0 1em;
}

.num_list li{
	list-style-type:decimal;
	margin:0.2em 0 0.2em 0;
}

#documentation {
	font-size:0.9em;
	width:470px;
}

#documentation p {
	padding:0.4em 0 0.4em 0;
	line-height:1.2em;
}

code,blockquote {
	background:#ccc;
	padding:0.5em;
	display:block;
	border:1px solid #999;
	overflow:auto;
	margin-bottom:0.3em;
}

.email_reveal {
	display:block;
	margin:0 auto;
	position:absolute;
	bottom:30px;
}

.myemail {
	margin:0 0 0 0;
	text-align:center;
}

.myemail a{
	color:#000;
}

.myemail a:hover{
	color:#df0000;
}

/* Welcome and how-to styles */

span.welcome_left,span.welcome_right {
	display:block;
	margin:10px 0 0 0;
}

span.welcome_left {
	float:left;
}

span.welcome_right {
	float:right;
}

a.welcome {
	padding:3px;
	color:#fff;
	text-decoration:none;
}

a.welcome:hover {
	color:#df0000;
	background:#fff;
	text-decoration:none;
}

a {
	color:#000;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

.submit_skip {
	border:0;
	background:transparent;
	color:#fff;
}

.submit_skip:hover {
	text-decoration:underline;
}

/* Fluid SSB Styles */
#fluid h2{font-size:2.1em;}
#fluid{font-size:0.9em;}
#fluid #content_wrapper,#fluid #content_container,#fluid #header,#fluid #wrapper{width:290px;}

#fluid #wrapper {
	padding:0;
	margin:0 auto;
}

#fluid form {
	margin:-120px 0 0 0;
}

#fluid #logo {
	margin:0;
}

#fluid #logo img {
	width:80%;
}

#fluid label.cancel {
	font-size:0.6em;
	position:absolute;
	margin:-21px 0 0 200px;
}

#fluid .submit {
	background:url(../images/shell/deploy_sml.png) no-repeat;
	opacity:1;
	width:273px;
	height:39px;
}

#fluid #content_wrapper {
	padding-left:0;
	margin:0 auto;
}

#fluid #project_bar {display:none;}

#fluid #content_container{background:#fff;position:relative;}
#fluid,#fluid #header {background:#fff;}

#fluid #nav,#fluid #footer {display:none;}


#fluid a.download_btn{
	width:273px;height:39px;
	background:url(../images/shell/download_sml.png) no-repeat;
}
#fluid #remember {display:none;}

#fluid #download_container {
		margin:-100px 0 0 0;
}

#fluid_footer {
	width:273px;
	padding:10px 0 0 0;
	color:#9e9e9e;
	text-align:center;
	font-size:0.7em;
}

#fluid_footer a{
	color:#808080;
}