/*
	KISSmetrics' Product Planner Layout
	Author: Michael Simmons, m.simmons@kissmetrics.com
	Date: 2008-09-30 18:20:46
*/

@import "reset.css";

body {
	margin: 0;
	padding: 30px 0 30px 0;
	background: #1f1f1f url(../images/body_chalkboard.png);
	font-family: Arial, Helvetica, sans-serif;
}

.gasket {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 976px;
}


/* Header
----------------------------------------------- */
#header {
	width: 976px;
	background: url(../images/gasket_middle.png) repeat-y;
}
#header .inner {
	position: relative;
	width: 976px;
	height: 106px;
	background: url(../images/background.png) no-repeat;
}
#header .inner h1 {
	position: absolute;
	top: 15px;
	left: 22px;
	width: 344px;
	height: 80px;
	background: url(../images/brand.png) no-repeat;
}
#header .inner h1 a {
	display: block;
	width: 344px;
	height: 67px;
	text-indent: -2000px;
}
#header p.account {
	position: absolute;
	top: 14px;
	right: 14px;
	font-size: .7em;
	line-height: 2em;
	font-weight: bold;
	color: #fff;
	text-shadow: #1d534e 0 1px 1px;
}
#header p.account img {
	margin: -4px 0 0 5px;
	vertical-align: middle;
}
#header p.account strong { color: #f6e99e; }

#header ul {
	float: left;
	clear: both;
	width: 970px;
	margin: 0 3px 0 3px;
	background: #CBEAE7 url(../images/nav_back.png) repeat-x 0 100%;
}
#header ul li {
	float: left;
	border-right: solid 1px #e7f5f4;
}
#header ul li a {
	float: left;
	display: block;
	padding: 14px 20px 11px 20px;
	border-right: solid 1px #A2D1CC;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	font-size: .75em;
	color: #375552;
	text-shadow: #dbefed 0 1px 1px;
}
#header ul li a:hover { text-decoration: underline; }
#header ul li.your_account {
	float: right;
	border-right: none;
	border-left: solid 1px #A2D1CC;
}
#header ul li.your_account a {
	border-right: none;
	border-left: solid 1px #e7f5f4;
}
#header ul li.active { background: #F4E48E url(../images/nav_active_back.png) repeat-x 0 100%; }
#header ul li.active a {
	color: #4F4213;
	text-shadow: #f6e899 0 1px 1px;
}


/* Content
----------------------------------------------- */
.content {
	float: left;
	clear: both;
	padding: 23px;
	width: 930px;
	background: url(../images/gasket_middle.png) repeat-y;
}
.content .sep {
	float: left;
	clear: both;
	width: 930px;
	margin: 0 0 20px 0;
	border-bottom: solid 1px #dfdfdf;
}
.content h1 {
	margin: 0 0 10px 0;
	font-weight: bold;
	font-size: 20px;
	color: #009999;
    border:1px solid #d2e2e2;
    padding:10px;
    background-color:#eee;
}
.content h1.with_border {
	padding: 0 0 10px 0;
	border-bottom: solid 1px #dfdfdf;
}
.content h1 span {
	font-size: .75em;
	color: #adadad;
}
.content p {
    font-size:15px;
}

/* Error and Success
----------------------------------------------- */
.content ul.success {
	margin: 0 0 10px 0;
	padding: 10px;
	background: #F1FBE2;
	border-top: solid 1px #CDF09B;
	border-bottom: solid 1px #CDF09B;
}
.content ul.success li {
	margin: 0 0 2px 0;
	font-weight: bold;
	font-size: .7em;
	color: #6C7E54;
}

.content ul.errors {
	margin: 0 0 10px 0;
	padding: 10px;
	background: #F8E7E7;
	border-top: solid 1px #F1D2D2;
	border-bottom: solid 1px #F1D2D2;
}
.content ul.errors li {
	margin: 0 0 2px 0;
	font-weight: bold;
	font-size: .7em;
	color: #6C5353;
}


/* Generic Content
----------------------------------------------- */
#generic h1 {
	margin: 0 0 20px 0;
	padding: 0 0 10px 0;
	border-bottom: solid 1px #dfdfdf;
	font-size: 1em;
}
#generic h2 {
	margin: 0 0 10px 0;
	font-weight: bold;
	font-size: .8em;
	color: #474747;
}
#generic p {
	margin: 0 0 20px 0;
	font-size: .75em;
	line-height: 1.5em;
	color: #6e6e6e;
}


/* Content: Contact
----------------------------------------------- */
#contact h1 {
	clear: both;
	margin: 0 0 20px 0;
	padding: 0 0 10px 0;
	border-bottom: solid 1px #dfdfdf;
	font-size: 1em;
}

#contact .form {
	float: left;
	width: 545px;
	padding: 0 0 10px 0;
	background: url(../images/form_bottom.png) no-repeat 0 100%;
}
#contact .form fieldset {
	padding: 20px 40px 10px 20px;
	background: url(../images/form_top.png) no-repeat;
}
#contact .form fieldset h2 {
	margin: 0 0 20px 0;
	padding: 0 0 10px 0;
	border-bottom: solid 1px #dfdfdf;
	font-weight: bold;
	font-size: .7em;
	color: #727272;
}
#contact .form fieldset p { margin: 0 0 20px 0; }
#contact .form fieldset p label {
	display: block;
	margin: 0 0 5px 0;
	font-size: .7em;
	font-weight: bold;
	color: #8e8e8e;
}
#contact .form fieldset p input {
	width: 250px;
	padding: 6px;
	font-size: .75em;
}
#contact .form fieldset p.button { margin: 0; }
#contact .form fieldset p.button input {
	width: auto;
	padding: 0;
}
#contact .form fieldset p textarea {
	width: 450px;
	padding: 6px;
	font-size: .75em;
}

#contact .details {
	float: right;
	width: 365px;
}
#contact .details .sep { width: 365px; }
#contact .details h2 {
	margin: 0 0 5px 0;
	font-size: .85em;
	font-weight: bold;
	color: #242424;
}
#contact .details ul { margin: 0 0 20px 0; }
#contact .details p,
#contact .details li {
	font-size: .7em;
	font-weight: bold;
	line-height: 1.5em;
	color: #949494;
}
#contact .details li.phone {
	padding-left: 14px;
	background: url(../images/phone.gif) no-repeat 0 4px;
}
#contact .details li.email {
	padding-left: 14px;
	background: url(../images/email.gif) no-repeat 0 4px;
}
#contact .details p { margin-bottom: 20px; }
#contact .details a.vcard {
	padding: 3px 0 5px 45px;
	background: url(../images/vcard.gif) no-repeat;
}


/* Content: Flows Grid
----------------------------------------------- */
.content .flows_grid .item {
	margin: 0 0 15px 15px;
	float: left;
	width: 128px;
	height: 185px;
}
.content .flows_grid .item .thumb {
	position: relative;
	margin: 0 0 10px 0;
	padding: 3px 0 0 0;
	width: 128px;
	height: 87px;
	background: url(../images/flow_border.gif) no-repeat;
}
.content .flows_grid .item .thumb a {
	display: block;
	width: 128px;
	height: 87px;
}
.content .flows_grid .item .thumb img.favicon {
	position: absolute;
	top: 5px;
	left: 5px;
}
.content .flows_grid .item .thumb img.flag {
	position: absolute;
	top: 2px;
	right: 2px;
}
.content .flows_grid .item .thumb a.menu {
	position: absolute;
	right: 4px;
	bottom: 4px;
	display: block;
	width: 17px;
	height: 17px;
	text-indent: -2000px;
	background: url(../images/menu_toggle.gif) no-repeat;
}
.content .flows_grid .item .thumb a.menu.opened { background-position: 0 -17px; }
.content .flows_grid .item h2 {
	margin: 0 0 2px 0;
	font-size: .75em;
	font-weight: bold;
	color: #232424;
}
.content .flows_grid .item h2 a { text-decoration: none; }
.content .flows_grid .item p {
	font-size: .65em;
	line-height: 1.2em;
	color: #777;
}
.content .flows_grid .item p strong { font-size: 1.1em; }

/* States */
.content .flows_grid .item.favorite .thumb { background: url(../images/flow_border_favorite.gif) no-repeat; }

/* Auto height */
.content .flows_grid.auto_height .item { height: auto; }

/* Wide version */
.content .flows_grid.wide .item {
	margin: 0 0 20px 32px;
	width: 128px;
}

/* Menu */
#flow_item_menu {
	margin: 2px 0 0 2px;
	width: 96px;
	padding: 0 0 4px 0;
	background: url(../images/item_menu_bottom.png) no-repeat 0 100%;
}
#flow_item_menu ul {
	padding: 6px 0 3px 0;
	background: url(../images/item_menu_top.png) no-repeat;
}
#flow_item_menu ul li {
	padding: 0 8px 0 6px;
	font-size: .65em;
}
#flow_item_menu ul li a {
	display: block;
	padding: 5px 5px 5px 17px;
	text-decoration: none;
	color: #66605a;
	background-repeat: no-repeat;
}
#flow_item_menu ul li a:hover { background-color: #F6EBA9; }

#flow_item_menu ul li.delete {
	margin-top: 3px;
	padding-top: 5px;
	background: url(../images/item_menu_sep.gif) no-repeat 3px 0;
}

#flow_item_menu ul li.edit a {
	background-image: url(../images/icon_edit.gif);
	background-position: 5px 7px;
}
#flow_item_menu ul li.share a {
	background-image: url(../images/icon_share.gif);
	background-position: 5px 8px;
}
#flow_item_menu ul li.embed a {
	background-image: url(../images/icon_embed.gif);
	background-position: 5px 7px;
}
#flow_item_menu ul li.unfavorite a {
	background-image: url(../images/icon_delete.gif);
	background-position: 5px 7px;
}
#flow_item_menu ul li.delete a {
	background-image: url(../images/icon_delete.gif);
	background-position: 5px 7px;
}


/* Content: Pagination
----------------------------------------------- */
.content ul.pagination {
	float: left;
	clear: both;
	margin: 0 0 20px 0;
}
.content ul.pagination li {
	float: left;
	height: 20px;
	font-weight: bold;
	font-size: .7em;
}
.content ul.pagination li a {
	display: block;
	float: left;
	margin: 0 2px 0 0;
	height: 20px;
	padding: 0 4px 0 0;
	color: #fff;
	text-decoration: none;
	text-shadow: #19504c 0 -1px 0;
	background: url(../images/page_right.gif) no-repeat 100% 0;
}
.content ul.pagination li a span {
	display: block;
	float: left;
	height: 16px;
	padding: 4px 4px 0 8px;
	background: url(../images/page_left.gif) no-repeat;
}
.content ul.pagination li.active a {
	color: #2d7e76;
	text-shadow: none;
	background: url(../images/page_active_right.gif) no-repeat 100% 0;
}
.content ul.pagination li.active a span { background: url(../images/page_active_left.gif) no-repeat; }
.content ul.pagination li.previous,
.content ul.pagination li.next {
	padding: 0;
	width: 50px;
	height: 20px;
	background: url(../images/page_previous.gif) no-repeat;
}
.content ul.pagination li.previous a,
.content ul.pagination li.next a {
	background: none;
	padding: 0;
	width: 50px;
	height: 20px;
	text-indent: -2000px;
}
.content ul.pagination li.next { background: url(../images/page_next.gif) no-repeat; }
.content ul.pagination li.previous.disabled,
.content ul.pagination li.next.disabled {
	background-position: 0 -23px;
	text-indent: -2000px;
}
.content ul.pagination li.previous { margin-right: 5px; }
.content ul.pagination li.next { margin-left: 3px; }


/* Paragraph sort
----------------------------------------------- */
.content p.sort {
	color: #adadad;
	font-size: .7em;
}
.content p.sort a { text-decoration: none; }
.content p.sort a.active {
	display: inline-block;
	height: 15px;
	padding: 0 2px 0 0;
	background: url(../images/sort_right.gif) no-repeat 100% 0;
	color: #fff;
}
.content p.sort a.active span {
	display: inline-block;
	height: 14px;
	padding: 1px 2px 0 4px;
	background: url(../images/sort_left.gif) no-repeat;
}


/* Breadcrumbs
----------------------------------------------- */
.content .breadcrumbs {
	margin: 0 0 20px 0;
	padding: 0 0 10px 0;
	border-bottom: solid 1px #dfdfdf;
}
.content .breadcrumbs p {
	padding: 10px;
	border: solid 1px #F6EBA9;
	background: #FFFAD7;
	font-weight: bold;
	font-size: .7em;
	color: #6e6e6e;
}


/* Side nav
----------------------------------------------- */
.content .sidenav {
	float: left;
	width: 210px;
	padding: 0 0 6px 0;
	background: url(../images/sidenav_bottom.gif) no-repeat 0 100%;
}
.content .sidenav.no_float { float: none; }
.content .sidenav ul {
	padding: 12px 0 8px 0;
	background: url(../images/sidenav_top.gif) no-repeat;
}
.content .sidenav ul li {
	margin: 0;
	padding: 7px 0 7px 20px;
	border-bottom: solid 1px #CBEAE5;
	font-size: .7em;
	font-weight: bold;
	color: #242424;
}
.content .sidenav ul li.bigger { font-size: .75em; }
.content .sidenav ul li a { text-decoration: none; }
.content .sidenav.right ul li { padding-left: 28px; }
.content .sidenav ul li.head { font-size: .75em; }
.content .sidenav ul li.head.bigger { font-size: .8em; }
.content .sidenav ul li.gap { margin-bottom: 15px; }
.content .sidenav ul li.active { background: #CBEAE5 url(../images/sidenav_active.gif) no-repeat 193px 50%; }
.content .sidenav.right ul li.active { background: #CBEAE5 url(../images/sidenav_active_left.gif) no-repeat 10px 50%; }


/* Content: Browse Flows
----------------------------------------------- */
#browse_flows .main {
	float: left;
	width: 720px;
}
#browse_flows.no_sidenav .main {
	float: none;
	width: 930px;
	padding: 0;
}

/* Heading with sort and search */
#browse_flows .sort_search {
	position: relative;
	margin: 0 0 20px 20px;
	padding: 0 0 10px 0;
	border-bottom: solid 1px #dfdfdf;
}
#browse_flows.no_sidenav .sort_search { margin-left: 0; }
#browse_flows .sort_search h1 { margin-bottom: 5px; }
#browse_flows .sort_search h2 {
	margin: 0 0 10px 0;
	font-size: .7em;
	color: #6e6e6e;
}
#browse_flows .sort_search p.search {
	position: absolute;
	bottom: 10px;
	right: 0;
}
#browse_flows .sort_search p.search * { vertical-align: middle; }
#browse_flows .sort_search p.search input { padding: 2px; }
#browse_flows .sort_search p.search select { width: 150px; }

/* Adjust the grid and pagination */
#browse_flows .flows_grid { margin: 0 0 0 5px; }
#browse_flows.no_sidenav .flows_grid { margin-left: -30px; }
#browse_flows ul.pagination { margin-left: 15px; }
#browse_flows.no_sidenav ul.pagination { margin-left: 0; }


/* Content: Your Flows
----------------------------------------------- */
/* Heading with create button and search */
#your_flows .create_search {
	position: relative;
	margin: 0 0 20px 0;
	padding: 0 0 10px 0;
	border-bottom: solid 1px #dfdfdf;
}
#your_flows .create_search p.search {
	position: absolute;
	bottom: 10px;
	right: 0;
}
#your_flows .create_search p.search * { vertical-align: middle; }
#your_flows .create_search p.search input { padding: 2px; }

/* Sort and toggle */
#your_flows .sort_toggle {
	margin: 0 0 15px 0;
	position: relative;
}
#your_flows .sort_toggle h1 { margin-bottom: 5px; }
#your_flows .sort_toggle ul.toggle_view {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 50px;
	height: 24px;
	background: url(../images/toggle_view.png) no-repeat;
}
#your_flows .sort_toggle ul.toggle_view.list { background-position: 0 -24px; }
#your_flows .sort_toggle ul.toggle_view li {
	float: left;
	width: 25px;
	height: 24px;
}
#your_flows .sort_toggle ul.toggle_view li a {
	display: block;
	width: 25px;
	height: 24px;
	text-indent: -2000px;
}

/* Align the flow grid */
#your_flows .flows_grid { margin-left: -32px; }

/* View More */
#your_flows p.view_more {
	margin: 0 0 20px 0;
	clear: both;
	font-size: .7em;
}

/* List view */
#your_flows table.flow_list {
	margin: 0 0 20px 0;
	width: 100%;
}
#your_flows table.flow_list thead th {
	padding: 10px;
	background: #518F8A;
	font-size: .75em;
	color: #fff;
	text-shadow: #28534e 0 1px 2px;
}
#your_flows table.flow_list thead th a {
	color: #fff;
	text-decoration: none;
}
#your_flows table.flow_list thead th a.desc {
	padding-right: 14px;
	background: url(../images/sort_desc.gif) no-repeat 100% 4px;
}
#your_flows table.flow_list tbody td {
	padding: 8px 10px 8px 10px;
	font-size: .7em;
	color: #777;
}
#your_flows table.flow_list tbody td a { text-decoration: none; }
#your_flows table.flow_list tbody tr.h td { background: #EFF9F8; }

#your_flows table.flow_list tbody td a.menu {
	display: block;
	width: 11px;
	height: 11px;
	text-indent: -2000px;
	background: url(../images/menu_toggle_small.gif) no-repeat;
}
#your_flows table.flow_list tbody td a.menu.opened { background-position: 0 -11px; }


/* Your Account
----------------------------------------------- */
#your_account .sidenav_pos {
	float: right;
	margin: 0 0 0 20px;
}
#your_account .delete_account {
	margin: 10px 0 0 0;
	padding: 1px;
	border: solid 1px #E5D1D1;
}
#your_account .delete_account p {
	padding: 5px 0 5px 25px;
	background: #F8F3F3;
	font-size: .7em;
	font-weight: bold;
}
#your_account .delete_account a { color: #810000; }
#your_account .main {
	float: left;
	width: 700px;
}

#your_account fieldset { padding: 10px 0 0 0; }
#your_account fieldset p { margin: 0 0 20px 0; }
#your_account fieldset p label {
	display: block;
	margin: 0 0 5px 0;
	font-size: .7em;
	font-weight: bold;
	color: #8e8e8e;
}
#your_account fieldset p input {
	width: 250px;
	padding: 6px;
	font-size: .75em;
}

#your_account fieldset span.notice {
	margin-left: 5px;
	padding: 6px;
	border: solid 1px #F6EBA9;
	background: #FFFAD7;
	font-size: .65em;
	color: #6e6e6e;
}

#your_account p.buttons {
	padding: 15px 0 0 0;
	border-top: solid 1px #dfdfdf;
	font-size: .7em;
	color: #ababab;
}
#your_account p.buttons input {
	margin: -3px 2px 0 0;
	vertical-align: middle;
}
#your_account p.buttons a { font-weight: bold; }


/* View Flow
----------------------------------------------- */
#view_flow .main {
	float: left;
	margin: 0 20px 0 0;
	width: 700px;
}

/* Share Preferences */
#view_flow .share_preferences {
	float: left;
	clear: both;
	margin: 0 0 20px 0;
	padding: 0 0 5px 0;
	width: 930px;
	background: url(../images/box_wide_bottom.png) no-repeat 0 100%;
}
#view_flow .share_preferences .inner {
	float: left;
	clear: both;
	width: 900px;
	padding: 15px 15px 10px 15px;
	background: url(../images/box_wide_top.png) no-repeat;
}
#view_flow .share_preferences .column {
	float: left;
	width: 430px;
	height: 77px;
	padding: 0 20px 0 0;
}
#view_flow .share_preferences .column.assign_password {
	padding: 0 0 0 20px;
	background: url(../images/sep_vertical.gif) repeat-y;
}
#view_flow .share_preferences h2 {
	margin: 0 0 5px 0;
	font-weight: bold;
	font-size: .75em;
	color: #2d7e76;
}
#view_flow .share_preferences p {
	font-size: .7em;
	font-weight: bold;
	color: #adadad;
}
#view_flow .share_preferences p.gap { margin-bottom: 10px; }
#view_flow .share_preferences .assign_password p input { vertical-align: middle; }
#view_flow .share_preferences .column .address {
	float: left;
	clear: both;
	width: 430px;
}
#view_flow .share_preferences .column .address input {
	display: block;
	float: left;
	width: 280px;
	height: 12px;
	padding: 6px;
	overflow: hidden;
	white-space: nowrap;
	background: #fff;
	border: solid 1px #b9d3d0;
	font-size: .65em;
	color: #a5a5a5;
}
#view_flow .share_preferences .column .address span.copied {
	display: none;
	float: left;
	margin-left: 10px;
	padding: 6px;
	height: 12px;
	border: solid 1px #F6EBA9;
	background: #FFFAD7;
	font-size: .65em;
	font-weight: bold;
	color: #6e6e6e;
}

/* Flow Heading */
#view_flow .flow_heading {
	float: left;
	clear: both;
	width: 700px;
	position: relative;
	margin: 0 0 5px 0;
}
#view_flow .flow_heading h1 {
	float: left;
	margin: 7px 0 0 0;
	font-size: 1em;
}
#view_flow .flow_heading p.buttons { float: right; }

/* Viewer */
#view_flow .viewer {
	clear: both;
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
	border-bottom: solid 1px #dfdfdf;
}
#view_flow #viewer {
	width: 690px;
	height: 510px;
	padding: 5px;
	background: url(../images/viewer_frame.gif) no-repeat;
}
#view_flow .viewer p {
	margin: 10px 0 0 0;
	font-size: .75em;
	line-height: 1.4em;
	color: #777;
}
#view_flow .viewer p img {
	float: right;
	padding: 1px;
	border: solid 1px #d9d9d9;
}

/* Related flows */
#view_flow .related_flows {
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
	border-bottom: solid 1px #dfdfdf;
}
#view_flow .related_flows .flows_grid { margin-left: -15px; }
#view_flow .related_flows p.view_more {
	clear: both;
	font-size: .7em;
}

/* Comments */
#view_flow #comments {
	float: left;
	clear: both;
	width: 700px;
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
	border-bottom: solid 1px #dfdfdf;
}
#view_flow #comments .heading { position: relative; }
#view_flow #comments .heading .post {
	position: absolute;
	right: 0;
	top: -5px;
}
#view_flow #comments .comment {
	float: left;
	clear: both;
	width: 660px;
	padding: 20px 20px 0 20px;
}
#view_flow #comments .comment.h {
	background: #EFF9F8;
	border-bottom: solid 1px #DFF1F0;
}
#view_flow #comments .comment .author {
	float: left;
	width: 160px;
}
#view_flow #comments .comment .author h3 {
	font-size: .8em;
	font-weight: bold;
}
#view_flow #comments .comment .author p {
	margin: 3px 0 20px 0;
	font-size: .7em;
	line-height: 1.2em;
	color: #8e8e8e;
}
#view_flow #comments .comment .body {
	float: left;
	width: 500px;
}
#view_flow #comments .comment .body p {
	margin: 0 0 20px 0;
	font-size: .75em;
	line-height: 1.4em;
	color: #777;
}

/* Post Comment */
#view_flow #post_comment fieldset {
	padding: 20px;
	background: #f5f5f5;
	border: solid 1px #dfdfdf;
}
#view_flow #post_comment fieldset p { margin: 0 0 20px 0; }
#view_flow #post_comment fieldset p label {
	display: block;
	margin: 0 0 5px 0;
	font-size: .7em;
	font-weight: bold;
	color: #8e8e8e;
}
#view_flow #post_comment fieldset p input {
	width: 250px;
	padding: 6px;
	font-size: .75em;
}
#view_flow #post_comment fieldset p textarea {
	width: 500px;
	padding: 6px;
	font-size: .75em;
}
#view_flow #post_comment fieldset p.button { margin: 0; }
#view_flow #post_comment fieldset p.button input {
	width: auto;
	padding: 0;
}

/* Sidepanel */
#view_flow .sidepanel {
	float: right;
	margin: 40px 0 0 0;
	width: 210px;
}
#view_flow .sidepanel .sep { width: 210px; }
#view_flow .sidepanel h3 {
	margin: 0 0 5px 0;
	font-weight: bold;
	font-size: .8em;
	color: #242424;
}
#view_flow .sidepanel h3 a {
	position: absolute;
	right: 24px;
	font-size: .7em;
}
#view_flow .sidepanel p {
	margin: 0 0 20px 0;
	font-size: .7em;
	line-height: 1.6em;
	font-weight: bold;
	color: #adadad;
}
#view_flow .sidepanel p strong {
	font-size: 1.1em;
	color: #8e8e8e;
}
#view_flow .sidepanel p big {
	font-size: 1.2em;
	color: #8e8e8e;
}
#view_flow .sidepanel ul,
#view_flow .sidepanel ol { margin: 0 0 20px 0; }
#view_flow .sidepanel ol li {
	list-style: decimal;
	list-style-position: inside;
	font-size: .7em;
	line-height: 1.4em;
	font-weight: bold;
	color: #8e8e8e;
}
#view_flow .sidepanel ol li span {
	font-weight: normal;
	color: #adadad;
}
#view_flow .sidepanel ul li {
	font-size: .7em;
	line-height: 1.2em;
	color: #adadad;
}
#view_flow .sidepanel p input {
	width: 200px;
	padding: 2px;
	font-size: .75em;
	color: #b4b4b4;
}

#view_flow .sidepanel span.copied {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	font-size: .7em;
	font-weight: bold;
	color: #fb8200;
}

/* Add favorite button */
#view_flow .sidepanel a#add_favorite {
	display: block;
	width: 108px;
	height: 23px;
	text-indent: -2000px;
	background: url(../images/btn_addtofavorites.png) no-repeat;
}
#view_flow .sidepanel a#add_favorite.favorited { background-position: 0 -23px; }


/* Footer
----------------------------------------------- */
#footer {
	clear: both;
	height: 50px;
	padding: 30px 0 0 0;
	background: url(../images/gasket_bottom.png) no-repeat;
}
#footer p {
	margin: 0 0 10px 0;
	font-size: .75em;
	text-align: center;
	color: #707070;
}
#footer p.navigation { color: #f6e99f; }
#footer p.navigation a {
	color: #f6e99f;
	text-decoration: none;
}
#footer p.navigation a:hover { text-decoration: underline; }
#footer p.navigation small {
	font-size: .9em;
	color: #a9a37e;
}
#footer p.navigation small a { color: #a9a37e; }
#footer p.copyright { font-size: .7em; }


/* HUDs
----------------------------------------------- */
#sbox-content h1 {
	margin: 0 0 15px 0;
	padding: 0 0 10px 0;
	font-weight: bold;
	font-size: .9em;
	color: #242424;
	border-bottom: solid 1px #dfdfdf;
}
#hud_create_flow {
	width: 500px;
	height: 223px;
	padding: 24px;
	background: url(../images/create_flow_back.png) no-repeat;
}
#hud_create_flow .options {
	width: 500px;
	height: 185px;
	background: url(../images/create_flow_options.gif) no-repeat;
}
#hud_create_flow .item {
	float: left;
	width: 220px;
	text-align: center;
}
#hud_create_flow .item .inner {
	margin: 0 0 10px 0;
	height: 108px;
	padding-top: 42px;
}
#hud_create_flow .item h2 {
	margin: 0 0 5px 0;
	font-weight: bold;
	font-size: .95em;
	color: #338c85;
}
#hud_create_flow .item p {
	font-weight: bold;
	font-size: .7em;
	line-height: 1.2em;
	color: #999;
}
#hud_create_flow .item.right { float: right; }


/* Miscellaneous
----------------------------------------------- */
#sbox-overlay {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #000;
	z-index: 100;
}
#sbox-window {
	width: 200px;
	height: 100px;
	position: absolute;
	overflow: visible;
}
#sbox-btn-close {
	position: absolute;
	top: 12px;
	right: 10px;
	display: block;
	width: 27px;
	height: 27px;
	z-index: 999;
	background: url(../images/close.gif) no-repeat;
}
#sbox-content { clear: both; }
.sbox-content-image #sbox-content { overflow: visible; }

strong { font-weight: bold; }
em { font-style: italic; }

a {
	color: #2d7e76;
}
.hide { display: none; }
.clear { clear: both; }
.relative { position: relative; }
a img { border: none; }
a { outline: none; }
a:focus { -moz-outline-style: none; }